Photoshop CS3 et CS4

Samedi 20 février 2010 6 20 /02 /Fév /2010 22:02
- Publié dans : Photoshop CS3 et CS4 - Communauté : graphiste
Ce tutoriel de niveau débutant va vous expliquer pas à pas comment intégrer un visage dans un ballon.

imprim_final.jpg

I - Mise en place des 2 calques


Ouvrez Photoshop, puis faites fichier > ouvrir pour aller chercher votre photo „ballons“ ou tout autre sujet présentant une surface en volume.
Déverrouillez votre calque arrière plan en double-cliquant dessus (palette calques). Une fenêtre s'affiche, renommez et cliquez ok.

imprim-ecran-1-copie-1.jpg

Ouvrez la photo du visage à intégrer dans les ballons. Ici une petite fille : sélectionnez l'outil déplacement (flèche noire) et faites un cliquer/glisser vers la photo des ballons (fenêtre ouverte derrière).
Un nouveau calque s’est créé, renommez-le en double-cliquant doucement sur son nom „petite_fille“.
 

imprim-ecran-2.jpg


II - Le travail d'intégration


Vous allez commencer le travail d’intégration du visage dans le ballon jaune : vérifiez bien que vous êtes sur le calque „petite_fille“ (calque sélectionné en surbrillance bleue).
Adaptez d’abord la taille du calque avec la transformation manuelle ( Ctrl+T). Les contours de votre photo apparaissent: faites un zoom arrière s'ils ne sont pas visibles.

Cliquez sur l'un des coins de la photo, et maintenez la touche shift enfoncée afin de conserver les proportions de la photo (homothétie).

imprim-ecran-4.jpg

Toujours en transformation manuelle, sélectionnez dans la barre d’option l’icône déformation : cette commande permet d’adapter une photo à une forme. Vous voyez apparaître un quadrillage sur la photo, chaque intersection contient une poignée directrice que vous pourrez tirer à loisir.

imprim-ecran-5.jpg

Travaillez le visage jusqu'à ce qu'il prenne la forme exacte du ballon : front haut et élargi, menton pointu et yeux écarté pour donner du réalisme.

imprim-ecran-7.jpg

III - Les finitions


Etape finale, prenez une grosse gomme douce pour effacer ce qui dépasse :
- diamètre 200 ou 300, dureté 0%
- effacez le bas du visage qui ne doit pas chevaucher le ballon rose
- effacez également sur les bords du ballon jaune afin de mettre en valeur le volume.

imprim-ecran-8.jpg

Enfin, dans la palette calque, réglez l'opacité à environ 20% afin que le visage devienne un reflet
Et voilà le travail !
Par Sabrina ECHAPPE - Voir les 2 commentaires
Ecrire un commentaire
Vendredi 19 mars 2010 5 19 /03 /Mars /2010 22:51
- Publié dans : Photoshop CS3 et CS4 - Communauté : graphiste

I - Préférence/Interface


Le panneau interface des Préférences est une nouveauté CS3.


Parmi les options proposées, retenons :

Afficher les info-bulles :

Avec cette option, le fait de placer le pointeur de la souris sur un outil ou une option affiche une petite légende à la base du curseur. Elle permet de connaître le nom et/ou la fonction de l’élément ainsi pointé. Si vous trouvez que ces info-bulles détournent votre attention, décochez cette option.


Réduire automatiquement les palettes d’icônes :

Voici une option idéale pour tous ceux qui désirent travailler dans un espace débarrassé de tout ce qui gène l’image affichée.


 

II - Préférence/Performances


Le Panneau Performances est également une nouveauté de Photoshop CS3. Il regroupe, dans un emplacement unique, ce qui était antérieurement réparti dans plusieurs autres.


Etats historique : Ce champ permet de définir le nombre d’étapes que l’historique de Photoshop garde ne mémoire pendant une session de travail sur vos fichiers. Par défaut, la valeur est de 20. Sachez que vous pouvez aller jusqu’à 1000. Si vous effectuez régulièrement des travaux mettant en œuvre des outils de peinture comme le Pinceau et les outils de densification, vous pouvez porter cette valeur à 50 ou 60.


Niveau de cache : Le cache stocke des copies basse résolution de vos images afin d’en accélérer l’affichage à diverses valeurs de zoom. Si votre carte graphique n’a pas de mal à afficher l’image en fonction de l’échelle de zoom sélectionnée, vous gagnerez à fixer la valeur du cache sur 1. Ceci donne l’image la plus précise pour travailler.

Par Sabrina ECHAPPE - Voir les 1 commentaires
Ecrire un commentaire
Lundi 19 avril 2010 1 19 /04 /Avr /2010 11:53
- Publié dans : Photoshop CS3 et CS4 - Communauté : Infographie et webdesign

En faisant des recherches sur Internet, on tombe toujours sur des bonnes ressources. Ce site anglophone, que je vous traduis ci-après propose en téléchargement dégradés et styles fx tout prêts.


http://www.dezinerfolio.com/sites/default/files/lystyles.jpg" Les styles dans Photoshop sont un moyen facile d'augmenter sa productivité en design. J'ai souvent trouvé sur le Web des sets de style à télécharger, mais aucun n'était vraiment adapté aux nouvelles tendances du Web 2.0.

Donc voici un set de 131 styles que j'ai créé en ASL (Photoshop ), pour créer des boutons, bandeaux, arrière-plans, et bien d'autres choses"

 

Par : DezignerFolio

 

 


Voici les pages où télécharger les styles (fichiers zippés ASL) :

http://www.dezinerfolio.com/2007/05/06/ultimate-web-20-layer-styles/

http://www.dezinerfolio.com/2008/11/19/220-amazing-free-photoshop-layer-styles

Par Sabrina ECHAPPE - Voir les 0 commentaires
Ecrire un commentaire
Jeudi 14 octobre 2010 4 14 /10 /Oct /2010 18:46
- Publié dans : Photoshop CS3 et CS4 - Communauté : Blogs Formation

Lors de session sur Photoshop, mon public se compose parfois de « rapides de la gachette ».

Après avoir dépassé le stade de la prise en main, certains de mes stagiaires pensent de suite à augmenter leur productivité.

 

S’en suivent alors les questions sur les astuces, les raccourcis clavier, les préférences du logiciel…

En général, je partage avec joie mes petits secrets : mais parfois la réponse n’est pas si rapide.

Et oui, il faut savoir le reconnaître : je ne connais pas tout.


 

I - Pourquoi vouloir créer un raccourci : l'histoire

 

A Sup Communication à Luçon, j’apprends à mes étudiants à ne plus s’arracher les cheveux devant Photoshop…

 

La séance porte sur le concept de la sélection : tout le monde utilise déjà, mais peu savent que l’on peut transformer une sélection en cours (menu Sélection > Transformer la sélection).


Et là, l’excellente question de Patrice : « mais il n’y a pas un raccourci pour ça ? »

 

A priori je ne sais pas :

- j’essaie le CTRL + T, oups! ça coupe!

- je regarde dans les menus, pas de trace de raccourci

- je vais faire une recherche sur mon copain Google-trouve-tout : ben non, pas de résultat pertinent

- dernier ressort : l’aide d’Abobe. Après avoir mangé un gros paveton, la conclusion, c’est qu’il n’existe pas de raccourci.

 

Bon, on va en créer un !


 

II - Méthode pour créer un raccourci

 

Allons dans le menu Édition, pour lancer la commande Raccourcis clavier : une fenêtre s'affiche.

On y trouve les raccourcis classés par menus, palettes et outils.

Cherchons donc le menu Sélection et la commande Transformer la Sélection.


En cliquant dessus,  vous remarquez qu’un champ de saisie apparaît : il est vide et attend votre action. Prenez alors votre clavier et faites votre raccourci (celui que vous voulez mais restez quand même logiques !)

Perso, j’ai choisi CTRL + MAJ + T.


raccourcis.jpg

 

 

Acceptez et faites OK : ça y est votre raccourci est actif.

 

Petit conseil en passant :

Maintenant que vous savez changer les raccourcis, n’en profitez pas pour tout révolutionner !

Certains raccourcis sont transversaux : il faut donc garder la même logique entre les logiciels.

Par Sabrina ECHAPPE - Voir les 0 commentaires
Ecrire un commentaire
Dimanche 31 octobre 2010 7 31 /10 /Oct /2010 13:59
- Publié dans : Photoshop CS3 et CS4 - Communauté : Infographie

Les modes de fusion sont accessibles à partir du panneau calque : ils définissent la façon dont les calques vont intéragir entre eux. Certains modes ne vont jouer que sur les pixels clairs, d'autres vont combiner les couleurs en négatif, en saturation ou luminosité.

 

Vous les trouverez en haut à gauche du panneau, la liste déroulante commence par "Normal". Ce mode est le mode par défaut : il n' y a aucune interaction.

 

Description des modes

 

Fondu

Les calques supérieurs et inférieurs sont combinés à l’aide d’un bruit de pixel aléatoire.

 

obscursir.jpgObscurcir (ci-contre)

La couleur est extraite du calque supérieur s’il est plus sombre que le calque inférieur.

 

Produit

Combine les valeurs des couleurs des deux calques. Il s’ensuit toujours une couleur plus sombre, sauf si le claque supérieur ou inférieur est blanc.

 

Densité couleur +

Obscurcit le calque inférieur à l’aide de la couleur d’un calque supérieur. La fusion avec la couleur blanche est sans effet.

 

Densité linéaire +

Similaire à la densité couleur, mais le résultat est plus prononcé. La fusion avec la couleur blanche est sans effet.


 

eclaircir.jpgÉclaircir (ci-contre)

La couleur est empruntée au calque supérieur s’il est plus clair que le calque inférieur.

 

Superposition

Inverse, puis combine les valeurs des couleurs des deux calques. Il s’ensuit toujours une couleur plus claire, sauf si le calque supérieur ou inférieur est blanc.

 

Densité couleur –

Eclaircit le calque inférieur à l’aide de la couleur du calque supérieur. La fusion avec la couleur noire est sans effet.

 

Densité linéaire – (Ajout)

Similaire à la densité couleur, mais le résultat est plus prononcé. La fusion avec la couleur noire est sans effet.

Par Sabrina ECHAPPE - Voir les 0 commentaires
Ecrire un commentaire
Mercredi 1 décembre 2010 3 01 /12 /Déc /2010 15:43
- Publié dans : Photoshop CS3 et CS4 - Communauté : Blogs Formation

Je conseille souvent à mes étudiants de trouver des tutos Photoshop sur le web : il n'y a que par la pratique qu'on apprend :

- les techniques de création

- et à éduquer son oeil

 

Le souci, c'est que la plupart des bons tutoriels sont en anglais


Voici donc la traduction des termes utilisés pour les modes de fusion

 

Blending mode: les modes de fusion

 

Français Anglais
Normal Normal
Fondu Dissolve
Obscurcir Darken
Produit Multiply
Densité couleur + Color burn
Densité linéaire + Linear burn
Eclaircir Lighten
Superposition Screen
Densité couleur - Color dodge
Densité linéaire - Linear dodge
Inscrustation Overlay
Lumière tamisée Soft light
Lumière crue Hard light
Lumière vive Vivid light
Lumière linéaire Linear light
Lumière ponctuelle Pin light
Différence Difference
Exclusion Exclusion
Teinte Hue
Saturation Saturation
Couleur Color
luminosité Luminosity
Par Sabrina ECHAPPE - Voir les 0 commentaires
Ecrire un commentaire
Jeudi 10 février 2011 4 10 /02 /Fév /2011 09:21
- Publié dans : Photoshop CS3 et CS4 - Communauté : Infographie

Avatar est de retour sur canal +. Le monde virtuel de Cameron, la beauté des payasages, la réalité des rendus... ça m'a vraiment donné envie de transformer quelqu'un en Naavi...

 

Mon choix s'est porté sur Catherine Zeta Jones. Petit tuto rapide pour expliquer les grandes étapes

 

avatar.jpg



Commençons par trouver une photo adéquate :

 

catherine.jpg

 

Première étape, il faut remodeler son visage pour retrouver les traits propres aux Naavis : nez busqué, yeux agrandis, lèvres plus pulpeuses...

 

Utilisez le filtre fluidité:

- Agrandissez les yeux, la bouche et le nez avec l'outil expansion

- Travaillez le nez avec l'outil doigt

 

Le résultat peut rester approximatif dans un premier temps.

Bouhh qu'elle est pas belle.

 

fluidite-copie-1.jpg

 

 

Etapes suivantes :

- Dupliquez ce calque colorisez-le entièrement en bleu (commande teinte / saturation ou ctrl +u)

- Ajoutez un masque de fusion et détourez le visage soigneusement. Sur le masque, les parties apparentes (peau bleue) sont en blanc, et le reste en noir. 

- Sur le masque de fusion, peignez en gris foncé pour faire apparaître une légère couleur rosée sur les lèvres 

 

bleue.jpg

 

 

Cherchez sur internet des photos du film (Neytiri par exemple) pour prélever yeux et nez. Détourez soigneusement avec une gomme flou, et utilisez la transformation manuelle (ctrl +t) pour bien intégrer les éléments. Vous devrez probablement travailler la colorimétrie avec niveaux (ctrl +L) et teinte saturation (ctrl +u).

Voici les éléments sur fond transparent

 

yeux.jpg

 

Puis intégrés

 

yeux-integres.jpg

 

 

Il nous reste à ajouter les zébrures : elles doivent se fondrent dans la peau.

Allez chercher une photo de peau de zébre, puis supprimez les parties inutiles 

 

zebre.jpg

 

 

Pour faciliter l'intégration, commencez par les joues :


- utilisez l'outil déformation pour que les zébrures épousent les traits du visage

- passez le calque en mode densité couleur +, puis baissez son opacité à 50%

- allez dans teinte / saturation > redéfinir et trouvez une teinte bleu foncée. Augmentez saturation et luminosité pour fondre dans la peau.

- on peut ajouter un filtre emballage plastique pour éclaircir le centre des rayures.

- travaillez l'intégration avec un masque de fusion et un pinceau noir puis gris à bords flous

 

Recommencez l'opération pour le front, puis le cou

 

rayures.jpg

 

 

Pour travailler les ombres et les lumières

- Créez un calque vierge que vous passez en densité couleur +, opacité 55%, peignez en gris foncé les cheveux ainsi que les zones du visage que vosu souhaitez assombrir

- Faites de même pour les lumières : il vosu faudra juste créer un calque en mode densité couleur -.

 

 

ombres.jpg

 

Les lumières se feront au pinceau, à partir du panneau forme : demandez une forme écrasée, un pas de 200% ou plus, avec un diamètre irrégulier.

Après avoir posé vos points au pinceau, ajoutez un effet lueur externe pour les éclairer.

 

formes.jpg

 

Par Sabrina ECHAPPE - Voir les 0 commentaires
Ecrire un commentaire
Jeudi 21 juillet 2011 4 21 /07 /Juil /2011 16:47
- Publié dans : Photoshop CS3 et CS4 - Communauté : Infographie

De retour de formation Photoshop, une idée d'article m'est venue : merci à Lydie du Crédit Immobilier de France pour son intéressante question...

 

La transformation manuelle peut être activée via le menu "édition > transformation manuelle" ou par le raccourci clavier CTRL + T. Une fois lancée, la commande fait apparaître un cadre avec des poignées aux coins et sur les côtés...

 


Plutôt que d'aller chercher les actions au cas par cas dans le menu édition > transformation > homothétie, rotation, inclinaison, etc…,  vous pouvez tout actionner à l'écran, à condition de connaître les raccourcis suivants :


homothétie - L'homothétie : elle permet de diminuer ou agrandir un calque tout en conservant les proportions. Vous l'obtiendrez en cliquant sur les angles avec la touche MAJ enfonçée

 

 

rotation - Rotation : vous pourrez pivoter votre calque en éloignant votre souris des poignées

 

- Perspective : pour redresser les fuyantes, maintenez ALT GR et MAJ enfoncés

 

 

torsion - Torsion : CTRL en cliquant dans les coins

 

- Inclinaison : CTRL + MAJ en cliquant dans un coin ou sur une poignée latérale

Par Sabrina ECHAPPE - Voir les 0 commentaires
Ecrire un commentaire

Présentation

  • : La communication visuelle et touristique : design et technologies web
  • La communication visuelle et touristique : design et technologies web
  • : photographie communication Internet design graphisme Marketing
  • : Un blog qui parle de la communication sous des formes très diverses. Informations, astuces, conseils de professionnel sur l'art de communiquer... d'internet à la prise de parole en public
  • Contact

Abonnement flux RSS

  • Flux RSS des articles

Calendrier

Février 2012
L M M J V S D
    1 2 3 4 5
6 7 8 9 10 11 12
13 14 15 16 17 18 19
20 21 22 23 24 25 26
27 28 29        
<< < > >>

Page Facebook

Créer un blog gratuit sur over-blog.com - Contact - C.G.U. - Rémunération en droits d'auteur - Signaler un abus - Articles les plus commentés