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

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 

é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)

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

voir le tutorial

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

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

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

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)

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)