Catégories
[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.

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

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 :

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 :

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.

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.

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 !
QRHacker – Générer son QRCode

Alors que la nouvelle génération ne jure que par le mobile et flashe tout ce qu'elle trouve, je vous propose aujourd'hui de générer vous-même, votre QRCode. En 2 minutes, c'est terminé !
- Vous vous rendez sur le site QRHacker.com ;
- Vous choisissez vers quel site vous souhaitez que votre QRCode pointe ;
- Vous entrez son URL dans le cadre URL et vous cliquez sur "generate" pour le générer ;
- Profitez du résultat, c'est déjà fini !
A savoir : ce site propose également un service payant qui vous permet par exemple d'inclure un élément de votre logo dans votre QRCode, ce qui peut avoir la grande classe. Mais bon, en avez-vous réellement besoin ? A vous de voir !
En attendant, je vous laisse admirer ci-dessous le joli QRCode ActiNetwork que j'ai réalisé en un tour de main. Testez-le, ça marche !

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

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 !
[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.

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.

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...
[Illustrator CS6] L'outil Grille de perspective

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.

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.
[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...

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.

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.

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.

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 ?

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.

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.
[Illustrator] Réaliser une illusion d'optique

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.

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.

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 !!!
[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.

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".

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.

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.

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.
[Photoshop] Les formes personnalisées

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.

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.

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