bandeau
 
   
ecrou L'ATELIER MULTIMEDIA
 
 
formation aux métiers du web
les cours cle
 
ecrou
 
Photoshop | Interface, menu et palettes
   
  cle
   
 
barre outils


Le but de ce premier tutorial est de vous aider à comprendre l'interfaces de Photoshop afin de vous y repérer aisément.

La barre d'outils…
Cette palette contient de nombreux outils de sélection, de dessin, de texte, de gestion de l'affichage… Presque tous sont accessibles via un raccourci clavier 

L'interface

  1. Accéder aux menus
  2. Afficher / masquer les palettes
  3. Orienter correctement les images
  4. Agrandir / réduire une fenêtre
  5. Agrandir / réduire l'image
  6. Agrandir / réduire l'image

 
voir la page interface et barre d'outils

Les raccourcis clavier

La palette  d'outils contient de nombreux outils de sélection, de dessin, de texte, de gestion de l'affichage… Presque tous sont accessibles via un raccourci clavier.
Les raccourcis clavier permettent de gagner un temps non négligeable lors des retouches. Au lieu d'avoir à explorer les menus et sous menus pour atteindre une fonction, on peut les appeler directement par une touche ou une combinaison de touches sur son clavier.
Voici les raccourcis clavier des principales fonctions utiles pour Photoshop

voir la page des raccourcis clavier

 
 
 
 
 
   
créer une atmosphére d'orage
   
  cle
   
 
montagne final


Effet de lumière sur un paysage
retouche de l’image avec l'outil tampon, modifier le contour d'une sélection, ajustement des couleurs et  la lumière

voir le tutorial 

 
 
 
 
 
   
Photoshop | transformer un personnage
   
  cle
   
 


étapes 1 et 2
Ajouter une barbe des lunettes à un personnage. Techniques pour y parvenir facilement.

étapes 3 
Vieillir le personnage.

étapes 4
Créer un fond et mettre en couleur l’image.

voir le tutorial  (étape par étape)

   
 
original
 
étape1
 
étape2
 
étape3
   
Photoshop | arc en ciel
   
  cle
   
 
arc en ciel


Redonner de la profondeur, de la couleur et du caractère à une image avec ajout d'un arc en ciel

voir le tutorial

 
 
 
 
 
   
créer une texture bois
   
  cle
   
 


Dans cet exemple le but est de créer une texture  de bois avec beaucoup de noeuds à partir de riens.
Merci photoshop!

voir le tutorial

   
 
image bois
 
 
 
   
effet de texte (texte aqua Transparence)
   
  cle
   
 
aqua


Ce tutoriel vous montrera comment créer une texture plastique sur un texte, des boutons ou des icones ... tous les effets se créent en "Options de Fusion".

Techniques utilisées : Outil Texte, Styles de calque, Options de fusion personnalisées.

voir le tutorial

 
 
 
 
 
   
le XHTML
   
  cle
   
 


HTML, qui apparut au début des années 1990, a été défini avec SGML. Jusqu'à HTML 4.x inclus, c'est encore aujourd'hui le cas. Sur la lancée de XML et de son importance croissante pour toujours plus de formats de fichier qui sont aussi utilisés sur la toile, le souhait se fit jour de définir aussi HTML à l'aide de XML plutôt qu'avec SGML comme c'était le cas jusqu'alors. Afin que cela ne donne pas lieu à une confusion dans les versions, on se décida à doter ce nouveau HTML basé sur XML d'un nouveau nom et de son propre contrôle de versions. Ce qui donna naissance à XHTML (Extensible HyperText Markup Language = langage de marquage hypertexte extensible).

Depuis janvier 2000 XHTML 1.0 se trouve dans les recommandations du consortium W3 et a de ce fait la même place officielle que HTML 4.0 par exemple. XHTML 1.0 n'est rien d'autre que la tentative de faire évoluer HTML 4.0 basé sur SGML à l'aide de XML.

structure d'une page

les balises, Les attributs et Les éléments 

(liste) balises en ligne et balises de type bloc

 
 
 
 
 
   
un cv en (X)HTML
   
  cle
   
 
dode xhtml


XHTML est un langage de balisage servant à l'écriture de pages du World Wide Web. Conçu à l'origine comme le successeur de HTML, XHTML se fonde sur la syntaxe définie par XML, plus récente et plus simple que la syntaxe définie par SGML sur laquelle repose HTML.

Exercices de style avec (X)HTML et CSS. Création mini syte " cv plus page contact "

voir la maquette

le code html (complet) des pages index et contact du cv

le code html des page du cv   (étape par étape)

   
 
cv, page d
 
cv, page contact
 
 
   
mise en forme du cv avec les règles de styles CSS
   
  cle
   
 


Les styles CSS sont un complément du langage HTML (ou XHTML) prevu pour gérer toute la mise en forme de la page. Cela va de l'esthétique (couleurs, typographie) à la fonctionnalité (positionnement, structure, navigation).

mise en forme avec Les styles CSS du cv (étape par étape)

 
 
 
 
 
   
 
retour haut de page
 

 

   

Accueil et culture
Avenue Anna de Noailles - 95200 Sarcelles
téléphone : 01 39 90 35 79
siret 788334 78700017
réalisation neuro-graph
photo pied de page