Reproduire la publicité iPod
Tutoriel Graphisme - Infographie
Photoshop CS2 et CS3

Domaine: Infographie.

Logiciel: Photoshop CS2 et CS3.

Niveau: Initié.

Pré-requis: Savoir où se trouve l'outil Plume. Savoir déplacer des objets. Savoir changer le mode et l'ordre des calques.

Objectifs: Reproduire une pub iPod.

Durée: A peu près 3h pour quelque chose de simple.

Tutoriel:

1/ Créer son iPod

Pas besoin de détails. On va juste faire des formes simples, c'est-à-dire un rectangle avec des coins arrondis et un cercle. Un iPod super simplifié donc.
Dans un nouveau document d'environ 700*700 px avec un fond transparent, on va faire un rectangle avec des coins arrondis. Pour cela, on prend l'outil Plume et on sélectionne dans la barre des tâches l'outil Rectangle Arrondi. Vérifiez aussi que le rayon est de 10 px et que la couleur sélectionnée est blanche.



Faites maintenant le rectangle. Il suffit de cliquer sur le document et de glisser la souris. Faites la forme que vous voulez, du moment que ça ressemble à un iPod. Ici, je vais faire un iPod Classic.
Pour l'écran du iPod, pareil, vous faites un autre rectangle d'une couleur gris/bleu (ou autre).
Vous devriez obtenir quelque chose qui ressemble à ceci:



Pour le cercle, sélectionnez l'outil Ellipse dans la barre des tâches, la couleur doit être gris/bleu (ou autre). Faites un cercle sur le iPod puis faites en un deuxième au dessus du premier, le deuxième de couleur blanche. Fusionnez maintenant les calques. Pour cela, sélectionnez les calques qui vous intéressent (maintenez la touche CTRL enfoncée et cliquez sur les calques), cliquez droit sur l'un des calques puis cliquez sur Fusionner les calques.
Vous devriez obtenir ceci:





2/ La silhouette

Il faut maintenant faire la silhouette du personnage que vous voulez "iPoder". Moi j'ai choisi Inaba Tewi de Touhou.



Si le calque de votre image s'appelle Arrière Plan et est vérouillé, double cliquez dessus puis cliquez sur OK. Le calque devrait maintenant s'appeler Calque 0. Cela permet de déplacer l'image de votre personnage, de changer l'ordre des calques.

Pour faire la silhouette iPod, on utilisera l'outil Plume, en mode calque de forme. La couleur est noire, comme dans la plupart des pubs iPod.



C'est comme pour la vectorisation, lorsque on ajoute les couleurs etc. Il faut poser les points d'ancrage au bon endroit, on clique sur la ligne pour créer un nouveau point d'ancrage, et je le fais glisser avec la touche CTRL.

Donc, créez un nouveau calque, que vous allez placer en dessous de l'image où se trouve votre personnage. Placez vos premiers points d'ancrage pour faire le début de la silhouette. Si vous avez du mal à les placer, vous pouvez zoomer.

Les tracés sont droits. Pour les courber, cliquez sur le tracé vers le milieu de la ligne. On va le déplacer au bon endroit, au plus prêt de la silhouette du personnage. Pour cela, on laisse la touche CTRL appuyée et on clique sur le nouveau point d'ancrage, puis on le glisse jusqu'à l'endroit voulu. On va faire ça tout autour de la silhouette. Si la courbe est trop grande ou qu'il y a plusieurs courbes, faites plusieurs points d'ancrage sur la même ligne!



J'obtiens ceci après avoir fait le tour de Tewi. Comme vous pouvez le voir, il n'y a pas le vide qu'il devrait y avoir entre les bras et le corps de Tewi.



Pour arranger ça, je dois effacer des "morceaux" de la silhouette. Encore une fois, j'utilise l'outil Plume avec l'onglet Soustraire de la forme activé. On peut l'activer en appuyant sur la touche moins ( - ) du clavier numérique.



C'est comme pour le remplissage de la silhouette, sauf que là on remplie pas, mais on vide. A la fin, j'obtiens ceci pour Tewi:



3/ Le fond

Pour le fond, créez un nouveau calque que vous placerez en dessous de la silhouette et remplissez le la couleur que vous voulez. Mais bon, ce n'est pas très drôle... Donc, je vais vous apprendre à faire un fond un peu plus compliqué.

Dans les couleurs, sélectionnez des couleurs plutôt vives et dans le même ton (orange et orange clair par exemple). Ensuite, faites un rendu nuages. Pour cela, on fait Filtres > Rendu > Nuages. Pour l'instant c'est pas très beau...



On va changer un peu l'éclairage. Pour cela, on va allez dans Filtres > Rendu > Eclairage. Bidouillez un peu les paramètres jusqu'à trouver quelque chose qui vous plaît. Après ça, ca devrait rendre beaucoup mieux.
J'obtiens ceci avec Tewi:



4/ Rajouter des détails pour le fond.

On a beau dire, ca fait vide même avec l'effet nuage. On va donc utiliser des brush. Prenez celui que vous voulez, que ce soit de photoshop ou de quelqu'un d'autre. Moi j'ai pris la feuille de photohshop. Moi je n'utilise que la feuille, mais vous pouvez utiliser plusieurs brush/pinceaux différents.

Sur un nouveau calque que vous placerez juste au dessus du fond, utilisez vos pinceaux/brush. Choisissez la couleur blanche ou noir (ou autre). Après vous être amusé, passez le calque en mode Incrustation ou Lumière Tamisée.

Après ça, j'obtiens ceci avec des feuilles de couleurs blanches et le calque en mode incrustation:



5/ Insérer le iPod

Le iPod qu'on a créé au tout début du tutoriel va maintenant servir à quelque chose.

Sur le premier document, prenez l'outil Déplacement, et faites glisser le iPod jusqu'au document où se trouve la silhouette pour le iPod.



Là, le iPod se trouve un peu n'importe comment sur le document où se trouve le personnage. Il va falloir le déplacer au bon endroit, le redimensionner etc...

Pour le redimensionner, sélectionnez le calque du iPod et faites CTRL+T. Un cadre s'affiche autour du iPod. Pour changer la taille du iPod, appuyez sur la touche SHIFT du clavier et cliquez sur le coin du cadre. Glissez de gauche à droite, de haut en bas jusqu'à obtenir la taille idéale. Un iPod Classic fait à peu près la taille d'une paume de main (je crois).

Il faut aussi faire tourner le iPod, faire une rotation... Pour cela, en dehors du cadre, laissez appuyez le bouton gauche de la souris et glissez de haut en bas, gauche à droite jusqu'à avoir la position idéale!

Maintenant, déplacez le iPod à l'endroit voulu, la main par exemple.

Une fois que c'est fait, appuyez sur la touche ENTREE pour valider.

S'il le faut, il faudra effacer des parties du iPod, pour qu'il s'intègre mieux à l'image. C'est à vous de voir!

J'obtiens ceci, le iPod est vraiment très mal placé mais bon... débrouillez vous pour faire mieux que moi.



6/ Les écouteurs et le fil

Les écouteurs se placent aux... oreilles! Et pas autre part, normalement...

Ce sera assez simple. Un écouteur simple est fait d'une boule et d'un cylindre. Sur notre document ce sera un cercle et un rectangle aux coins arrondis. Faites donc un cercle et un rectangle arrondi avec les outils qu'on a utilisé pour faire le iPod. Vous devrez peut-être tourner ou redimensionner.
J'obtiens ceci:


Pour les fils, on va utiliser l'outil Plume en mode Tracé.



C'est un peu comme les calques de forme, sauf que là on va faire que des lignes. Donc, vous allez relier les écouteurs au iPod grace à l'outil Plume. Vous ferez des courbes etc... Pour faire d'autres tracés, il faut cliquer n'importe où sur l'image avec la touche CTRL appuyée, puis recommencez la première étape pour les fils.



Lorsque tous les fils sont faits (à priori, trois), créez un nouveau calque, qui sera au dessus des autres. Vérifiez que vous avez pris en pinceau/brush un rond de 1,2 ou 3 px et puis la couleur blanche sélectionnée. Allez dans Tracés qui se trouve à côté de la fenêtre de calques (ou dans Fenêtre > Tracés). Cliquez droit sur Tracé de travail puis sur Contour du tracés. L'option Forme doit être sélectionnée et la case Pression de la plume ne doit pas être cochée. Cliquez sur OK et hop, le fil apparait!

Maintenant, plus qu'à mettre le logo iPod ou autre chose. La police du logo est Myriad Pro, une police que Windows possède déjà!

Normalement c'est fini. Vous pouvez ajouter des petits effets par ci par là.

Au final, j'obtiens ceci avec Tewi:



Je rajoute un autre exemple de fausse pub iPod avec Reisen Udongein Inaba. C'est un peu le même style que Tewi. Tout ça en pièces jointes!

Miniatures attachées