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)