Photoshop

[Blueprint 2 544]

Tu fais ça avec un masque de fusion et des brush en forme d'éclats (il y en a par défaut dans PS, et si ça ne te convient pas, tu peux en télécharger ou en créer).

[Seaktikit 1 393]

 

Bonjour, j'aimerais savoir si quelquun pourrait me montrer comment faire le logo vice city, je connais déjà la police utilisée.

Voici les étapes par lesquelles je suis passé pour faire le logo de mon avatar ou pour le kit de EagleDesign ; je ne suis pas un expert en Photoshop et j'imagine qu'il y a bien des étapes qui peuvent être simplifiées, améliorées ou plus rapides, mais si ça peut t'aider, c'est toujours ça.

 

 

I. Création du texte et du trait de signature

 

#01 Avec le logo du jeu (celui-ci par exemple, si tu veux un logo assez grand), sélectionne le trait de signature sous "Vice City" en utilisant l'outil baguette magique :

 

 

#02 Comme le mot "City" a été sélectionné en même temps, fais clic droit puis Intervertir ; cela intervertira donc la sélection :

 

 

 

 

#03 Avec l'outil lasso (lasso polygonal ici), tout en appuyant sur la touche Shift, sélectionne le mot "City" et la barre du Y qui dépasse sous le trait de signature :

 

 

 

#04 Fais de nouveau clic droit -> Intervertir juste après afin que cela sélectionne de nouveau le trait de signature uniquement (tu peux également utiliser l'outil lasso juste après pour peaufiner un peu plus la sélection) :

 

 

 

#05 Copie la sélection puis colle-la dans un nouveau projet ; appuie sur l'oeil à gauche du calque Arrière-plan (dans la liste des calques à gauche) pour rendre celui-ci transparent :

 

 

 

#06 S'il reste des traces rose/violet sur les bords du trait de signature, fais clic droit sur le calque (toujours dans la liste des calques) puis Options de fusion ; dans la fenêtre Style de calque qui s'affiche, coche l'Incrustation couleur et choisi la couleur blanche :

 

 

 

 

#07 Dans un autre projet, tape ton texte avec la police Rage Italic (l'épaisseur des lettres doit correspondre, à peu près, à l'épaisseur du trait de signature) ; une fois fait, clique sur Image -> Rotation de l'image -> Paramétrée et choisis une rotation de 9° antihoraire :

 

 

 

 

 

 

#08 Copie et colle le texte dans le projet avec le trait de signature puis place les deux à la position qui te convient le mieux. Ensuite, fais un clic droit sur le calque du texte et sélectionne Pixeliser le texte :

 

 

 

#09 Si tu le souhaites, tu peux agrandir manuellement une lettre du texte pour faire comme le logo original ; pour se faire, rend visible de nouveau l'Arrière plan (en cliquant sur l'emplacement de l'oeil). Pour faciliter les choses, tu peux donner une couleur assez vive pour voir facilement ce que tu es en train de faire, en cliquant sur Edition -> Remplir et en choisissant une couleur :

 

 

 

#10 Après avoir sélectionné le calque de l'arrière plan (dans la liste des calques à gauche), utilise à nouveau le lasso pour tracer le prolongement d'une des lettres :

 

 

 

#11 Copie-colle ensuite la sélection, et fais clic droit -> Options de fusion -> Incrustation de couleur pour rendre le calque blanc :

 

 

 

#12 Pour effacer ensuite ce qui dépasse, fais clic droit sur le calque du texte -> Pixeliser le texte ; puis sélectionne la partie à effacer avec le lasso et supprime la sélection :

 

 

 

 

#13 Sélectionne avec Ctrl ou Shift les trois claques (le texte, le trait de signature et le prolongement d'une des lettres) dans la partie gauche et fais clic droit -> Fusionner les calques :

 

 

 

#14 N'oublie pas de rendre de nouveau l'Arrière plan invisible avant d'enregistrer.

 

 

 

II. Création du contour rose/violet

 

#01 Pour créer le contour autour du logo, fais clic droit sur le calque (dans la liste des calques) -> Options de fusion

 

 

#02 Dans la fenêtre Style de calque, coche l'option Contour. Choisi la taille de ton choix, ainsi que la couleur. (rose pour le logo de Vice City, violet pour le logo de Vice City Stories ou un dégradé rose/violet pour le logo du 10ème anniversaire)

 

 

 

 

III. Création du contour noir (facultatif)

 

#01 Si tu souhaites rajouter un contour noir au logo, comme pour les logos de Vice City Stories ou des 10 ans, après avoir enregistré le précédent projet en png et l'avoir réouvert (afin de ne faire qu'un seul calque et pouvoir à nouveau utiliser l'option contour), fais de nouveau clic droit sur le calque -> Options de fusion.

 

 

#02 Dans la fenêtre Style de calque, coche de nouveau l'option Contour, et choisi la couleur noire :

 

 

 

 

IV. Création de l'ombre

 

#01 Pour l'ombre, je l'ai faite à la barbare. A nouveau après avoir enregistrer ton projet en png et l'avoir réouvert, tu peux faire clic droit -> Options de fusion -> Ombre externe. Mais dans le cas présent, j'ai choisi la facilité : tu dupliques ton calque (clic droit -> Dupliquer le calque ou Ctrl+J).

 

 

 

 

#02 Fais glisser ce second calque sous le premier dans la liste des calques, pour qu'il soit au second plan.

 

 

 

#03 Puis clic droit -> Options de fusion -> Incrustation de couleur et tu le remplis en noir.

 

 

 

 

#04 Ensuite, tu n'as plus qu'à déplacer ce second calque pour créer manuellement cette ombre.

 

 

 

 

 

Et voici le résultat final :

 

 

Merci, très bon tuto.

[IFoundPigsy 3 156]

En me basant sur le tuto de KevFB, j'ai essayé de reproduire quelque chose d'assez semblable avec mon pseudo, voilà ce que ça donne :

 

 

Par contre, vous l'aurez remarqué, la police ne rend pas pareil, elle n'est pas lisse sur ces contours, ça fait un peu moche.

 

@KevFB : tu pourrais me donner le lien de ta police en téléchargement s'il te plait?

[Blueprint 2 544]

Par contre, juste un petit commentaire : les contours ne sont pas lisses, c'est notamment pour ça que la méthode que vous utilisez est des plus foireuses

[IFoundPigsy 3 156]

Par contre, juste un petit commentaire : les contours ne sont pas lisses, c'est notamment pour ça que la méthode que vous utilisez est des plus foireuses

Non, mais il n'y a que moi qui ai des contours dégueulasses, eux non, et ça vient de la police d'écriture que j'ai utilisé!

[KevFB 4 476]

@KevFB : tu pourrais me donner le lien de ta police en téléchargement s'il te plait?

Je crois que je l'avais téléchargée sur ce site ou celui-là.

[IPB_Priv_07 6 025]

 

 

 

 

 

Tu devrais fusionner tes deux calques (barre + pseudo) parce qu'on voit les intersections avec le g et le y.

[LeSolitaire 7 420]

Ce soir, dans un jour, un destin nous vous raconterons l'extraordinaire histoire de je t'aime, moi non plus, entre Pigsy et sa version crackée de Photoshop.

[IFoundPigsy 3 156]

 

@KevFB : tu pourrais me donner le lien de ta police en téléchargement s'il te plait?

Je crois que je l'avais téléchargée sur ce site ou celui-là.

 

Merci

 

 

 

 

 

 

 

Tu devrais fusionner tes deux calques (barre + pseudo) parce qu'on voit les intersections avec le g et le y.

 

Ouai, pourtant j'ai fusionné les calques, mais j'ai du merder quelque part!

 

 

Ce soir, dans un jour, un destin nous vous raconterons l'extraordinaire histoire de je t'aime, moi non plus, entre Pigsy et sa version crackée de Photoshop.

Bah c'est une histoire courte, et pas passionnante donc bon ..

[Blueprint 2 544]

 

 

 

 

 

 

 

Tu devrais fusionner tes deux calques (barre + pseudo) parce qu'on voit les intersections avec le g et le y.

 

Ouai, pourtant j'ai fusionné les calques, mais j'ai du merder quelque part!

 

Oui, il y a un petit interstice dedans, ce qui fait qu'il applique le style aussi comme il le considère comme un contour.

 

C'est pour ça qu'il ne faut jamais faire ce genre de chose à la baguette magique, c'est un outil de débutant. La baguette magique, on l'utilise pour remplir rapidement des zones de blanc dans les masques de fusion ou quand on a vraiment des trucs hyper net, mais pas autrement. Là, pour moi, il aurait fallu faire ça au tracé vectoriel.

 

Puis pour la fusion, évidemment il faut les fusionner sans les styles autrement (même si dans ton cas ça ne changera rien, mais je dis quand même). Et aussi ne pas fusionner les calques "bêtement", mais les mettre dans un objet dynamique, comme ça on pourra aller changer la position des éléments ensuite si on le souhaite.

[IFoundPigsy 3 156]

Tiens, la police en question sans aucune modification :

 

[Yoann675 351]

Tu ne vas pas vectoriser pour une signature 200x400 quand même Blue!

@Pigsy, pourquoi utilise cette taille pour ta police?

[Blueprint 2 544]

Tiens, la police en question sans aucune modification :

 

 

Ben elle est pourrie

Tu peux éventuellement la rendre floue, nette, passer en mode Bitmap et revenir en RGB, ça rendra nets les bords.

 

Tu ne vas pas vectoriser pour une signature 200x400 quand même Blue!

 

Pas vectoriser l'image... faire des tracés vectoriels, c'est pas la même chose.

[Yoann675 351]

J'avais mal lu, mais pour une sign où c'est juste un nom de 5 lettres avec une police c'est se faire chier pour rien, personne n'ira décortiquer la sign!

[Blueprint 2 544]

Ben, on verra que les bords ne sont pas nets.

[Yoann675 351]

Sur la taille de la police qu'il utilise oui.

[IFoundPigsy 3 156]

Ouai mais là c'est juste pour montrer que la police que j'ai utilisé rend vraiment mal sur ces bords

[Blueprint 2 544]

Vous avez bien utilisé la font Rage ? En tout cas, vous pouvez faire ce que j'ai mis plus haut pour lisser le contour.

[IFoundPigsy 3 156]

Vous avez bien utilisé la font Rage ? En tout cas, vous pouvez faire ce que j'ai mis plus haut pour lisser le contour.

 

 

Comme ça?

Modifié 28 juillet 2014 par Pigsy

[Blueprint 2 544]

Vous n'êtes pas passés en Bitmap à mon avis. Parce que là c'est moins pire mais ça reste quand même un peu pourri. Je vous ferai un "tuto" si vous voulez.