[Photoshop] L'amélioration de contours


Faites-vous partie de ces gens qui se sont toujours demandé comment sélectionner tous les cheveux d'un mannequin ou d'une personne sur une photo, en faisant une sélection propre et précise et sans pour autant attraper un bout du fond de la photo ou encore oublier des petits cheveux ?

Avec l'évolution de Photoshop, c'est maintenant faisable très facilement. Nous allons voir comment sélectionner les cheveux d'une femme et les changer de couleur.

Pour commencer, faites une sélection grossière des cheveux à l'aide de l'outil de votre choix.
Ensuite, allez dans Sélection > Améliorer le contour.
Une boîte de dialogue s'ouvre avec différentes options. Jouez notamment avec le rayon et le décalage du contour. Passez l'outil pinceau au-dessus des zones à rajouter.
Faites attention à ce que les yeux ou les sourcils ne passent pas dans la sélection. Validez quand vous êtes satisfait de votre résultat.

http://www.actinetwork.com/static/blog/uploads/amelioration_contour.jpg

Voici l'avant-après de la sélection réalisée sur la jeune femme.

http://www.actinetwork.com/static/blog/uploads/amelioration.jpg

Maintenant qu'on a notre coupe de cheveux, on va la dupliquer pour l'avoir sur un calque séparé. Faites donc Ctrl+J pour dupliquer la sélection. Voici ce que vous devez avoir sur votre calque :

http://www.actinetwork.com/static/blog/uploads/cheveux.jpg

Ensuite, allez dans Images > Réglages > Remplacement de couleurs. Vous allez pipeter une des couleurs principales de la coupe de cheveux et la remplacer par la couleur de votre choix. Choisissez une couleur aussi foncée que celle de départ pour un résultat cohérent.
Ici, j'ai choisi de teindre les cheveux en roux.

Voici le résultat final :

http://www.actinetwork.com/static/blog/uploads/avant-apres.jpg

Réactions :
0 commentaire

Rédigé par :
Helene

Publié le :
16 Mai 2013

A la recherche de l'harmonie de couleurs


Quand on fait du design, une question que l'on se pose souvent est : quelles couleurs choisir pour conserver une certaine harmonie tout en respectant l'ambiance ou les tons choisis ?
En effet, si un client vous demande de lui faire un site dans les « tons bleus », cela ne signifie par forcément que vous ne devez prendre que du bleu. Il vous faudra au moins une seconde couleur, qui vous permettra de mettre en lumière certains éléments de design.

Comment choisir cette ou ces couleur(s) ?

Pour vous faciliter la tâche, je vous ai sélectionné 2 sites Internet qui vous permettront d'associer des couleurs de façon harmonieuse.

http://www.actinetwork.com/static/blog/uploads/colorblender.jpg

Commençons par ColorBlender. Vous entrez votre couleur de base en renseignant ses composantes R, V et B. Puis, vous n'avez plus qu'à admirer les couleurs proposées et à les faire varier au gré de vos envies. Vous pouvez même enregistrer le blender créé.
Seul bémol (minime), l'affichage peut attractif et qui ne donne pas vraiment envie de découvrir les fonctionnalités du site.

http://www.actinetwork.com/static/blog/uploads/colorschemedesigner.jpg

Le second site s'appelle quant à lui Color Scheme Designer. Son affichage est tout de suite beaucoup plus attractif et plus ludique. Vous pouvez obtenir facilement 2 couleurs complémentaires, une triade ou encore une tétrade, avec des dérivés de couleur à chaque fois en quelques clics.
Testez les différentes combinaisons pour obtenir celle qui vous convient le mieux.

Et voilà, vous avez votre base de couleurs pour commencer à designer. A votre clavier à présent, et à vous de jouer !

Réactions :
0 commentaire

Rédigé par :
Helene

Publié le :
23 Avr 2013

[Photoshop] Traduction des outils, filtres et modes de fusion


http://www.actinetwork.com/static/blog/uploads/ps_logo.jpg

Si comme moi, vous utilisez régulièrement Photoshop et que vous appréciez la puissance et les perspectives offertes par cet outil, vous avez peut-être également déjà été confronté au même problème.

Vous avez souhaité apprendre de nouvelles techniques et vous avez cherché des tutoriaux (sous forme de vidéos Youtube ou autres). Il existe effectivement des milliers de tutoriaux, dont certains sont superbes et très enrichissants. Seul bémol : ils sont en anglais.
Pas grave, me direz-vous, on se rend bien compte en visuel de ce que le graphiste fait. En plus, l'anglais n'est pas la langue la plus dure à comprendre. Soit.

Sauf que voilà, vient un jour le moment où vous souhaitez reproduire une technique et que vous avez tous les noms d'outils et de filtres ou encore de modes de fusion en anglais. Quand il s'agit de mots généralistes, pas facile de comprendre à quoi ça correspond.

J'ai trouvé un site qui va donc bien vous faciliter la vie : Photoshop-school.
Vous y trouverez un tableau avec les noms d'outils en français et leur équivalent en anglais. Tableau tout simple, mais tellement utile !

Maintenant, plus aucun tutorial ne vous résiste !

Réactions :
0 commentaire

Rédigé par :
Helene

Publié le :
29 Mar 2013

[Photoshop] L'outil correcteur localisé


Si vous possédez une version récente de Photoshop, il se peut que vous ayez déjà remarqué un outil en forme de pansement dans la barre d'outils de gauche.
Il se décline en différents outils, dont le correcteur localisé (raccourci : J). C'est de cet outil que nous allons parler aujourd'hui.

A quoi sert le correcteur localisé ? En fait, il corrige de petits défauts sur les photos. Un bouton sur un visage, un fil électrique disgracieux dans un paysage naturel... Tout cela, vous pouvez l'effacer très facilement !
Finies les longues heures de galère avec l'outil tampon...

Démonstration ! Nous allons prendre une image urbaine avec un feu tricolore, maintenu par des fils électriques. Faisons disparaître ces fils. Sélectionnez votre outil correcteur et choisissez sa taille. C'est un peu comme un pinceau ou un crayon. La taille doit être choisie en fonction de la zone à corriger.

http://www.actinetwork.com/static/blog/uploads/correcteurlocalise.jpg

Il n'y a plus qu'à passer sur la zone à corriger, comme sur l'image ci-dessus. Soyez le plus précis possible lorsque vous sélectionnez cette zone, pour avoir un résultat propre. Zoomez pour passer l'outil, et dézoomez pour admirer le résultat.
Sachez que même si vous trouvez le résultat moyen en zoomant, vous pourriez avoir une belle surprise en dézoomant.

http://www.actinetwork.com/static/blog/uploads/avantaprescorrecteur.jpg

Voici ci-dessus un résultat avant-après. Vous pouvez voir que les fils électriques ont effectivement disparu, comme par magie !
Temps de l'opération : 2 minutes à peine !

Comme quoi, avec les nouvelles versions de Photoshop, on se retrouve avec une pléiade d'outils plus puissants les uns que les autres...

Réactions :
0 commentaire

Rédigé par :
Helene

Publié le :
22 Mar 2013

[Illustrator CS6] L'outil Grille de perspective


 http://www.actinetwork.com/static/blog/uploads/perspective_resultat.jpg

Quand on doit dessiner en perspective, ou créer des constructions géométriques, il est important de se fixer un point de fuite, et de ne pas faire d'erreurs pour que la création reste réaliste et cohérente.
Heureusement pour nous, Illustrator nous sauve la mise une fois de plus avec son outil Grille de perspective (raccourci : Maj + P).

Si vous ne connaissez pas cet outil, c'est l'occasion de le découvrir. En fait, il trace une grille de perspective, dont on peut bouger tous les points pour obtenir la perspective souhaitée.
Il suffit ensuite de cliquer sur la perspective souhaitée (une face du cube coloré présent sur l'image ci-dessous) pour se positionner sur celle-ci et tracer des formes dans cette perspective.

 http://www.actinetwork.com/static/blog/uploads/outil_perspective.jpg

Si on veut faire disparaître la grille, il suffit de se rendre dans Affichage > Grille de perspective pour la masquer ou l'afficher à loisirs.

Vous l'aurez compris, l'outil Grille de perspective est un outil qui nous ouvre beaucoup de portes et nous évite des contraintes.
Pour plus d'informations, je vous invite à consulter l'aide d'Adobe sur l'outil Grille de perspective.

Réactions :
0 commentaire

Rédigé par :
Helene

Publié le :
15 Mar 2013

[Illustrator] L'utilisation des symboles


Sous Illustrator, il existe des symboles. A quoi servent-ils, et peut-on arriver à les modifier et les ordonner pour leur faire faire ce que nous souhaitons ? La réponse est oui. Voici comment...

http://www.actinetwork.com/static/blog/uploads/titre_6.jpg

Pour commencer, vérifier que votre panneau Symboles est affiché. Si ce n'est pas le cas, allez dans Fenêtre > Symboles pour obtenir le panneau correspondant.
De base, vous avez peu ou pas de symboles affichés. Nous allons en créer un. Ici, j'ai réalisé une plume à l'aide de l'outil Plume (raccourci : P).
Une fois votre forme tracée, cliquez sur "Nouveau symbole" dans le panneau symbole, et cochez "graphique". Vous devriez à présent avoir votre plume qui apparaît dans un cadre, à côté des autres symboles.

Nous allons maintenant créer un nuage de plumes en utilisant l'outil Pulvérisation de symboles (raccourci : Maj+S). Cela fonctionne comme une bombe de peinture, vous pulvérisez des symboles un peu partout. Ne vous inquiétez pas s'ils n'ont pas l'orientation ou la couleur exacte que vous souhaitez. Tout reste à faire...
Vous avez une bonne quantité de plumes ? Présentons maintenant les outils qui vont avec les symboles. Vous les aurez sous forme de liste si vous restez appuyé sur l'outil Pulvérisation de symboles.

http://www.actinetwork.com/static/blog/uploads/coloration.jpg

Tout d'abord, nous allons coloriser certaines plumes avec l'outil de colorisation. Sélectionnez vos symboles et à l'aide de cet outil, choisissez une nouvelle couleur pour certaines de vos plumes. Sachez que vous devez en premier lieu choisir une couleur dans le menu avant de vous attaquer à la recoloration.

http://www.actinetwork.com/static/blog/uploads/rotation.jpg

Attaquons-nous maintenant à la rotation de certaines plumes. Sélectionnez une fois encore votre lot de symboles et faites tourner les plumes que vous souhaitez. Facile, non ? On distingue bien sur l'image les directions de rotation indiquées par les flèches.

http://www.actinetwork.com/static/blog/uploads/glissement.jpg

Nous allons maintenant déplacer les plumes sur un axe, autrement dit, les faire glisser. On utilise pour cela l'outil de glissement, qui permet de décaler les plumes. Une fois encore, tous les déplacements sont marqués par les contours de sélection. Facile, non ?

http://www.actinetwork.com/static/blog/uploads/espacement.jpg

Les plumes sont trop rapprochées ? Qu'à cela ne tienne. Voilà l'outil espacement, qui va résoudre tous vos soucis. Utilisez-le pour espacer les plumes, de la même façon que vous les feriez tourner ou glisser.

http://www.actinetwork.com/static/blog/uploads/redim.jpg

Enfin, on termine avec le changement de taille des plumes. Augmentez la taille de celles que vous souhaitez en restant appuyé plus ou moins longtemps

Vous l'aurez compris, il y a de multiples outils qui vous permettent d'influer sur les symboles. Ainsi, vous créerez facilement un envol de pétales de fleurs, des plumes en vol ou encore un nuage de particules.
Je n'ai pas présenté tous les outils disponibles avec les symboles. Il y en a d'autres que je vous laisse découvrir.

Réactions :
0 commentaire

Rédigé par :
Helene

Publié le :
06 Mar 2013

[Illustrator] Réaliser une illusion d'optique


http://www.actinetwork.com/static/blog/uploads/resultat_4.jpg

On peut jouer avec l'optique et créer des images qui ne paraissent pas être ce qu'elles sont, en réalité. Nous allons aujourd'hui voir comment créer une fleur qui semble floue si on la regarde attentivement, mais qui est en réalité parfaitement nette.
J'ai choisi ici d'utiliser Illustrator, et de créer un nouveau document (raccourci : Ctrl + N) de 200 sur 200 pixels.
Commencez par remplir votre rectangle d'une couleur foncée (ici rouge). Ensuite, tracez des ellipses (raccourci : L) et dupliquez-les à l'aide de la touche Alt. Dupliquez plusieurs fois l'ensemble pour obtenir le résultat ci-dessous.

http://www.actinetwork.com/static/blog/uploads/1_4.jpg

A force de dupliquer votre fleur, vous allez obtenir une fleur très détaillée que vous pourrez multiplier et colorer dans une couleur voisine (ici : du orange). Rajoutez une nouvelle fleur jaune par-dessus, comme sur l'image ci-dessous.

http://www.actinetwork.com/static/blog/uploads/2_4.jpg

C'est déjà fini, votre illusion est prête. Fixez la fleur jaune du dessous, vous aurez l'impression qu'elle est floue.
Une petite démonstration qui vous montre qu'il faut faire très attention avec les jeux d'opacité, et que si vous n'y prenez pas garde, vous risquez de vous retrouver avec un résultat flou !!!

Réactions :
0 commentaire

Rédigé par :
Helene

Publié le :
22 Fév 2013

[Illustrator] Créer un masque d'écrétage


Un masque d'écrétage sert à n'afficher qu'une partie d'une forme ou d'un tracé, en dessinant par-dessus une forme qui servira de masque. Cette technique est beaucoup utilisée pour faire des reflets dans les textes lors des créations de logos. Nous allons voir comment créer un masque d'écrétage.

http://www.actinetwork.com/static/blog/uploads/masque_dupplique.jpg

Tout d'abord, écrivons notre texte, vectorisons-le et ajoutons-lui les effets voulus. Il suffit ensuite de le dupliquer. Un des exemplaires sera conservé, et l'autre sera écrété, et coloré pour servir de reflet. Le reflet doit être blanc. On colorie donc en blanc le second mot "Masque".

http://www.actinetwork.com/static/blog/uploads/masque.jpg

Nous allons créer un reflet arrondi. Le masque d'écrétage doit donc être tracé à l'aide de l'outil Ellipse (raccourci : L). Peu importe la couleur de l'ellipse, elle va disparaître et se transformer en masque.
On fait un clic droit et on sélectionne Masque d'écrétage.

http://www.actinetwork.com/static/blog/uploads/masque_blanc.jpg

Il n'y a plus qu'à replacer votre reflet sur votre texte original. Puisqu'il est blanc, cela masque une partie du texte. Il faut maintenant régler l'opacité de votre reflet.

http://www.actinetwork.com/static/blog/uploads/masque_resultat.jpg

Et voilà, avec une opacité un peu réduite, vous obtenez un joli résultat. Cela vous fait gagner beaucoup de temps en matière de tracé et vous évite de tout dessiner à la main en suivant la forme des lettres.

Réactions :
0 commentaire

Rédigé par :
Helene

Publié le :
12 Fév 2013

[Photoshop] Les formes personnalisées


http://www.actinetwork.com/static/blog/uploads/formes_perso.jpg

Aujourd'hui, nous allons nous intéresser aux formes personnalisées de Photoshop (que vous voyez dans l'image ci-dessus). Que sont ces formes, et à quoi servent-elles ?

En fait, les formes personnalisées sont des formes que vous pouvez tracer (de la même façon que vous traceriez un rectangle ou un cercle). Une fois tracées, on peut leur appliquer des effets et bien sûr, des options de fusion.
Si vous vous débrouillez bien, vous pourrez même arriver à en faire des pictogrammes.

Le but de cet article est de vous démontrer l'utilité de ce genre de formes. Ne les négligez pas, elles sont un gain de temps considérable.

http://www.actinetwork.com/static/blog/uploads/formes_initiales.jpg

Traçons par exemple 3 formes personnalisées, sur 3 calques différents. Pourquoi 3 calques ? Parce que nous allons appliquer des options de fusion différentes à chacun des calques, et nous serions embêtés si les formes se trouvaient toutes sur le même calque.

Pour chacun des calques, vous allez devoir trouver les meilleures options de fusion. Faites des tests et regardez ce qui est joli.

http://www.actinetwork.com/static/blog/uploads/formes_finales.jpg

Dans notre cas, on optera pour des incrustations en dégradé, des biseautages et des ombres portées. Et voilà le travail !

Réactions :
0 commentaire

Rédigé par :
Helene

Publié le :
05 Fév 2013

[Photoshop] Créer un motif


http://www.actinetwork.com/static/blog/uploads/motif_resultat.jpg

Vous vous êtes peut-être déjà demandé s'il est possible, sous Photoshop, de créer son propre motif pour qu'il s'ajoute à la liste de motifs déjà existants. La réponse est bien entendue oui. Nous allons voir comment créer un motif du début à la fin.
Pour cette première création de motif, nous allons faire des rayures. Ces mêmes rayures ont été utilisées sur l'image tout en haut.

http://www.actinetwork.com/static/blog/uploads/motif.jpg

Pour commencer, créez un nouveau document de 3x3 pixels et prenez l'outil crayon, en noir, et de taille 1 pixel. Dessinez comme sur l'image ci-dessus.

http://www.actinetwork.com/static/blog/uploads/fenetre_1.jpg

Et voilà, le dessin de notre motif est terminé. Déjà ?!
Nous allons maintenant l'enregistrer. Pour cela, allez dans Edition > Utiliser comme motif. Nommez votre motif comme vous le souhaitez et cliquez sur ok.

http://www.actinetwork.com/static/blog/uploads/liste_motifs.jpg

Votre motif a été ajouté à la liste des motifs par défaut de Photoshop. Pour le retrouver, utilisez l'outil Pot de peinture (raccourci : G) et sélectionnez "Motif" dans la liste déroulante, en haut.
Comme les couleurs unies, les motifs servent aux remplissages. Vous pouvez ensuite leur appliquer des effets.

Réactions :
0 commentaire

Rédigé par :
Helene

Publié le :
29 Jan 2013

Plus ancien »

« Seul on va plus vite, ensemble on va plus loin »