Connexion
S'inscrire
Actualités
Quoi de neuf
Activités générales
Auteurs
Forums
Nouveaux messages
Rechercher un forum
Quoi de neuf
Nouveaux messages
Nouveaux messages de profil
Activités générales
Membres
Membres inscrits
Visiteurs actuels
Nouveaux messages de profil
Rechercher dans les messages des profils
Teams
Créé ton équipe
Quoi de neuf ?
Nouveaux messages
Rechercher un forum
Menu
Connexion
S'inscrire
Install the app
Install
Forums
Forums généraux
Infographie
Photoshop | Apprendre à faire un logo Pop Out
JavaScript is disabled. For a better experience, please enable JavaScript in your browser before proceeding.
Vous utilisez un navigateur non à jour ou ancien. Il ne peut pas afficher ce site ou d'autres sites correctement.
Vous devez le mettre à jour ou utiliser un
navigateur alternatif
.
Répondre à la discussion
Message
<blockquote data-quote="Krazyx' SEC" data-source="post: 7137387" data-attributes="member: 563981"><p style="text-align: center"><span style="font-family: 'Capriola'">Bonjour à tous,</span></p> <p style="text-align: center"><span style="font-family: 'Capriola'">Aujourd'hui, pour ce nouveau tutoriel je vais vous apprendre à faire un logo Pop Out.</span></p> <p style="text-align: center"><span style="font-family: 'Capriola'">Alors, tout d'abord je vais vous <strong><span style="color: #b30000">montrer</span></strong> se que vous pourrez faire après avoir compris ce tutoriel et montrer à ceux qui ne <strong><span style="color: #b30000">savent</span></strong> pas ce que c'est qu'un Pop Out : </span></p> <p style="text-align: center"><span style="font-family: 'Capriola'"></span></p> <p style="text-align: center"><span style="font-family: 'Capriola'"><img src="https://img2.lght.pics/mBE.jpg" alt="" class="fr-fic fr-dii fr-draggable " style="" /> </span></p> <p style="text-align: center"></p> <p style="text-align: center"><span style="font-family: 'Capriola'">Maintenant que vous avez vu ce que vous <strong><span style="color: #b30000">pourriez</span></strong> je vais commencer le <strong><span style="color: #b30000">tutoriel</span></strong>, comme chaque tutoriel il faut des réglages donc les voici : </span></p> <p style="text-align: center"><span style="font-family: 'Capriola'"></span></p> <p style="text-align: center"><span style="font-family: 'Capriola'"><img src="https://img2.lght.pics/mlk.jpg" alt="" class="fr-fic fr-dii fr-draggable " style="" /> </span></p> <p style="text-align: center"><span style="font-family: 'Capriola'"></span></p> <p style="text-align: center"><span style="font-family: 'Capriola'"><span style="color: #b30000"><strong>[FA]fa-code[/FA]</strong></span> Taille : 800x800 pixels</span></p> <p style="text-align: center"><span style="font-family: 'Capriola'"><strong><span style="color: #b30000">[FA]fa-crop[/FA]</span> </strong>Résolution : 350</span></p> <p style="text-align: center"><span style="font-family: 'Capriola'"><span style="color: #b30000"><strong>[FA]fa-cog[/FA]</strong></span> Mode colorimétrique : couleur RVB, 8 bits</span></p> <p style="text-align: center"><span style="font-family: 'Capriola'"><span style="color: #b30000"><strong>[FA]fa-picture-o[/FA]</strong></span> Contenu de l'arrière -plan : blanc</span></p> <p style="text-align: center"><span style="font-family: 'Capriola'"></span></p> <p style="text-align: center"><span style="font-family: 'Capriola'">Voilà les réglages, donc pour ceux qui s'y <strong><span style="color: #b30000">connaissent</span></strong> bien en graphisme sauront que se sont les même réglages qu'un logo normale mais je voudrais le <strong><span style="color: #b30000">rappelé</span></strong> pour les "débutants".</span></p> <p style="text-align: center"><span style="font-family: 'Capriola'">Donc après avoir créer votre nouveau <strong><span style="color: #b30000">document</span></strong> avec les bons réglages vous pouvez lire la suite du tutoriel.</span></p> <p style="text-align: center"><span style="font-family: 'Capriola'">Pour que vous compreniez bien le tutoriel je vais en faire un avec vous.</span></p> <p style="text-align: center"><span style="font-family: 'Capriola'"><strong><span style="color: #b30000">[FA]fa-commenting-o[/FA]</span> </strong>Alors, tout d'abord je réfléchis à ce que je vais faire...</span></p> <p style="text-align: center"><span style="font-family: 'Capriola'"></span></p> <p style="text-align: center"><span style="font-family: 'Capriola'"><img src="https://img1.lght.pics/mtf.png" alt="" class="fr-fic fr-dii fr-draggable " style="" /> </span></p> <p style="text-align: center"><span style="font-family: 'Capriola'"></span></p> <p style="text-align: center"><span style="font-family: 'Capriola'">Parce que je vais pas copier un Pop Out fait d'une autre personne parce sa ne sert a rien vous pouvez laisser parler votre <strong><span style="color: #b30000">imagination</span></strong> ou prenez exemple et j'ai bien dit exemple sur un Pop Out fait par une personne plus <strong><span style="color: #b30000">expérimenté</span></strong> que vous.</span></p> <p style="text-align: center"><span style="font-family: 'Capriola'"></span></p> <p style="text-align: center"><span style="font-family: 'Capriola'">Voila, je vais faire un Pop Out sur le <span style="color: #b30000"><strong>thème</strong></span> de de Dragon Ball car si vous ne le <strong><span style="color: #b30000">savez</span></strong> pas les Logos Pop Out sont basés sur les mangas, donc je cherche une image qui va rendre bien pour le fond, je trouve une belle image de Sangohan je <strong><span style="color: #b30000">l'importe</span></strong> sur Photoshop, je la cadre bien en haut du logo pour avoir la place pour mettre le texte, et j'importe mon avatar/logo et je le <strong><span style="color: #b30000">centre </span></strong>bien, voici se que j'utilise pour ma part:</span></p> <p style="text-align: center"><span style="font-family: 'Capriola'"><img src="https://img1.lght.pics/mlJ.png" alt="" class="fr-fic fr-dii fr-draggable " style="" /> </span></p> <p style="text-align: center"><span style="font-family: 'Capriola'">Mais vous pouvez bien <strong><span style="color: #b30000">mettre</span></strong> juste les initiales de votre pseudo mais un truc de <strong><span style="color: #b30000">simple</span></strong> comme moi, et je cherche une <strong><span style="color: #b30000">autre</span></strong> image de Dragon Ball avec juste un personnage en action (vous allez voir par la suite) en .PNG pour après, donc <strong><span style="color: #b30000">maintenant</span></strong> que les calques sont disposaient comme sa :</span></p> <p style="text-align: center"></p> <p style="text-align: center"><span style="font-family: 'Capriola'"><img src="https://img2.lght.pics/mlA.jpg" alt="" class="fr-fic fr-dii fr-draggable " style="" /> </span></p> <p style="text-align: center"><span style="font-family: 'Capriola'"></span></p> <p style="text-align: center"><span style="font-family: 'Capriola'">Dupliquer le <strong><span style="color: #b30000">fond</span></strong> et mettez le au dessus du calque Logo/Avatar, bien sur vous n'allez <strong><span style="color: #b30000">plus</span></strong> voir le calque Logo/Avatar, mettez un flou gaussien de 5 sur le calque "Fond" qui est en dessous du calque Logo/Avatar, voila après que tout sa est fait <strong><span style="color: #b30000">prenez </span></strong>le calque "Fond" celui au <strong><span style="color: #b30000">dessus</span></strong> et faites clique droit puis créer un masque d’écrêtage, aller sur le calque Logo/Avatar aussi clique droit puis option de fusion et contour mettez un contour assez gros de la <strong><span style="color: #b30000">couleur</span></strong> de votre choix mais je vous conseil noir ou blanc, donc vous avez déjà fait une <strong><span style="color: #b30000">grosse </span></strong>partie du logo mais se n'est pas fini, voici se que sa vous donne si vous avez bien suivit le tutoriel :</span></p> <p style="text-align: center"><span style="font-family: 'Capriola'"></span></p> <p style="text-align: center"><span style="font-family: 'Capriola'"><img src="https://img2.lght.pics/mlW.jpg" alt="" class="fr-fic fr-dii fr-draggable " style="" /> </span></p> <p style="text-align: center"><span style="font-family: 'Capriola'"></span></p> <p style="text-align: center"><span style="font-family: 'Capriola'">Passons au texte, alors pour le <strong><span style="color: #b30000">texte</span></strong> sa va être exactement la mémé méthode que pour votre logo/avatar, tout d'abord écrivait votre texte placé sur le logo, mettez le calque du texte tout en haut des calques, <strong><span style="color: #b30000">après</span></strong> dupliquer le fond placer le au dessus du <strong><span style="color: #b30000">texte</span></strong>, faites clique droit sur le calque "Fond" qui est au dessus du texte, faites créer un masque d’écrêtage puis clique droit sur le texte contour et mettez le contour de la même <strong><span style="color: #b30000">couleur</span></strong> du contour de votre Logo/Avatar (c'est plus jolie).</span></p> <p style="text-align: center"><span style="font-family: 'Capriola'"></span></p> <p style="text-align: center"><img src="https://img2.lght.pics/mly.png" alt="" class="fr-fic fr-dii fr-draggable " style="" /></p> <p style="text-align: center"></p> <p style="text-align: center"><span style="font-family: 'Capriola'">Maintenant que le texte est <strong><span style="color: #b30000">fait</span></strong> la tache va se compliqué, prenez l'autre image que vous avez pris avant (un personnage en action en .PNG) importé la, et essayer de la placé la mieux possible sur votre logo/avatar, <strong><span style="color: #b30000">comme</span></strong> cela :</span></p> <p style="text-align: center"><span style="font-family: 'Capriola'"></span></p> <p style="text-align: center"><span style="font-family: 'Capriola'"><img src="https://img2.lght.pics/mlV.jpg" alt="" class="fr-fic fr-dii fr-draggable " style="" /> </span></p> <p style="text-align: center"><span style="font-family: 'Capriola'"></span></p> <p style="text-align: center"><span style="font-family: 'Capriola'">Chose très importante sélectionne le calque du texte et <strong><span style="color: #b30000">l'image</span></strong> avec son masque d’écrêtage avec shift donc euh deux : </span></p> <p style="text-align: center"><span style="font-family: 'Capriola'"></span></p> <p style="text-align: center"><span style="font-family: 'Capriola'"><img src="https://img2.lght.pics/mlm.jpg" alt="" class="fr-fic fr-dii fr-draggable " style="" /> </span></p> <p style="text-align: center"><span style="font-family: 'Capriola'"></span></p> <p style="text-align: center"><span style="font-family: 'Capriola'">Glisser juste au dessus du <span style="color: #b30000">fond</span> (avec le flou) et on peut continue :</span></p> <p style="text-align: center"><span style="font-family: 'Capriola'">Donc maintenant le logo est <strong><span style="color: #b30000">bientôt </span></strong>fini il vous manque plus qu'a faire clique droit sur le personnage puis créer un masque d’écrêtage après dupliquer le calque du <strong><span style="color: #b30000">personnage</span></strong> et gommer se que vous voulez (je sais c'est compliqué a comprendre) voici un exemple :</span></p> <p style="text-align: center"><span style="font-family: 'Capriola'"></span></p> <p style="text-align: center"><span style="font-family: 'Capriola'"><img src="https://img1.lght.pics/mlU.jpg" alt="" class="fr-fic fr-dii fr-draggable " style="" /> </span></p> <p style="text-align: center"><span style="font-family: 'Capriola'"></span></p> <p style="text-align: center"><span style="font-family: 'Capriola'">Voila par <strong><span style="color: #b30000">exemple</span></strong> j'ai juste gommer les cheveux mais si je n'aime pas je peut bien gommer la main, vous avez compris.</span></p> <p style="text-align: center"><span style="font-family: 'Capriola'">Et vous avez fini votre logo, après vous pouvez <strong><span style="color: #b30000">bien</span></strong> sur rajouter quelques effets, images etc, c'est votre logo, et voici le résultat :</span></p> <p style="text-align: center"><span style="font-family: 'Capriola'"></span></p> <p style="text-align: center"><span style="font-family: 'Capriola'"><img src="https://img2.lght.pics/mlh.jpg" alt="" class="fr-fic fr-dii fr-draggable " style="" /> </span></p> <p style="text-align: center"><span style="font-family: 'Capriola'"></span></p> <p style="text-align: center"><span style="font-family: 'Capriola'">Donc ce tutoriel est fini merci de <strong><span style="color: #b30000">l'avoir</span></strong> lu j’espère qu'il vous aura <strong><span style="color: #b30000">aider</span></strong> et plu si vous avez quelconques problème faisait le moi parvenir dans les <strong><span style="color: #b30000">commentaires</span></strong> et vous pouvez me donner votre avis sur les logo.</span></p> <p style="text-align: center"><span style="font-family: 'Capriola'"></span></p> <p style="text-align: center"><span style="font-family: 'Capriola'">Sur ce, je vous souhaite une bonne journée !</span></p> <p style="text-align: center"><span style="font-family: 'Capriola'">Krazyx SEE, <strong><span style="color: #b30000">[FA]fa-check-square-o[/FA]</span></strong></span></p> <p style="text-align: center"><span style="font-family: 'Capriola'"></span></p></blockquote><p></p>
[QUOTE="Krazyx' SEC, post: 7137387, member: 563981"] [CENTER][FONT=Capriola]Bonjour à tous, Aujourd'hui, pour ce nouveau tutoriel je vais vous apprendre à faire un logo Pop Out. Alors, tout d'abord je vais vous [B][COLOR=#b30000]montrer[/COLOR][/B] se que vous pourrez faire après avoir compris ce tutoriel et montrer à ceux qui ne [B][COLOR=#b30000]savent[/COLOR][/B] pas ce que c'est qu'un Pop Out : [IMG]https://img2.lght.pics/mBE.jpg[/IMG] [/FONT] [FONT=Capriola]Maintenant que vous avez vu ce que vous [B][COLOR=#b30000]pourriez[/COLOR][/B] je vais commencer le [B][COLOR=#b30000]tutoriel[/COLOR][/B], comme chaque tutoriel il faut des réglages donc les voici : [IMG]https://img2.lght.pics/mlk.jpg[/IMG] [COLOR=#b30000][B][FA]fa-code[/FA][/B][/COLOR] Taille : 800x800 pixels [B][COLOR=#b30000][FA]fa-crop[/FA][/COLOR] [/B]Résolution : 350 [COLOR=#b30000][B][FA]fa-cog[/FA][/B][/COLOR] Mode colorimétrique : couleur RVB, 8 bits [COLOR=#b30000][B][FA]fa-picture-o[/FA][/B][/COLOR] Contenu de l'arrière -plan : blanc Voilà les réglages, donc pour ceux qui s'y [B][COLOR=#b30000]connaissent[/COLOR][/B] bien en graphisme sauront que se sont les même réglages qu'un logo normale mais je voudrais le [B][COLOR=#b30000]rappelé[/COLOR][/B] pour les "débutants". Donc après avoir créer votre nouveau [B][COLOR=#b30000]document[/COLOR][/B] avec les bons réglages vous pouvez lire la suite du tutoriel. Pour que vous compreniez bien le tutoriel je vais en faire un avec vous. [B][COLOR=#b30000][FA]fa-commenting-o[/FA][/COLOR] [/B]Alors, tout d'abord je réfléchis à ce que je vais faire... [IMG]https://img1.lght.pics/mtf.png[/IMG] Parce que je vais pas copier un Pop Out fait d'une autre personne parce sa ne sert a rien vous pouvez laisser parler votre [B][COLOR=#b30000]imagination[/COLOR][/B] ou prenez exemple et j'ai bien dit exemple sur un Pop Out fait par une personne plus [B][COLOR=#b30000]expérimenté[/COLOR][/B] que vous. Voila, je vais faire un Pop Out sur le [COLOR=#b30000][B]thème[/B][/COLOR] de de Dragon Ball car si vous ne le [B][COLOR=#b30000]savez[/COLOR][/B] pas les Logos Pop Out sont basés sur les mangas, donc je cherche une image qui va rendre bien pour le fond, je trouve une belle image de Sangohan je [B][COLOR=#b30000]l'importe[/COLOR][/B] sur Photoshop, je la cadre bien en haut du logo pour avoir la place pour mettre le texte, et j'importe mon avatar/logo et je le [B][COLOR=#b30000]centre [/COLOR][/B]bien, voici se que j'utilise pour ma part: [IMG]https://img1.lght.pics/mlJ.png[/IMG] Mais vous pouvez bien [B][COLOR=#b30000]mettre[/COLOR][/B] juste les initiales de votre pseudo mais un truc de [B][COLOR=#b30000]simple[/COLOR][/B] comme moi, et je cherche une [B][COLOR=#b30000]autre[/COLOR][/B] image de Dragon Ball avec juste un personnage en action (vous allez voir par la suite) en .PNG pour après, donc [B][COLOR=#b30000]maintenant[/COLOR][/B] que les calques sont disposaient comme sa :[/FONT] [FONT=Capriola][IMG]https://img2.lght.pics/mlA.jpg[/IMG] Dupliquer le [B][COLOR=#b30000]fond[/COLOR][/B] et mettez le au dessus du calque Logo/Avatar, bien sur vous n'allez [B][COLOR=#b30000]plus[/COLOR][/B] voir le calque Logo/Avatar, mettez un flou gaussien de 5 sur le calque "Fond" qui est en dessous du calque Logo/Avatar, voila après que tout sa est fait [B][COLOR=#b30000]prenez [/COLOR][/B]le calque "Fond" celui au [B][COLOR=#b30000]dessus[/COLOR][/B] et faites clique droit puis créer un masque d’écrêtage, aller sur le calque Logo/Avatar aussi clique droit puis option de fusion et contour mettez un contour assez gros de la [B][COLOR=#b30000]couleur[/COLOR][/B] de votre choix mais je vous conseil noir ou blanc, donc vous avez déjà fait une [B][COLOR=#b30000]grosse [/COLOR][/B]partie du logo mais se n'est pas fini, voici se que sa vous donne si vous avez bien suivit le tutoriel : [IMG]https://img2.lght.pics/mlW.jpg[/IMG] Passons au texte, alors pour le [B][COLOR=#b30000]texte[/COLOR][/B] sa va être exactement la mémé méthode que pour votre logo/avatar, tout d'abord écrivait votre texte placé sur le logo, mettez le calque du texte tout en haut des calques, [B][COLOR=#b30000]après[/COLOR][/B] dupliquer le fond placer le au dessus du [B][COLOR=#b30000]texte[/COLOR][/B], faites clique droit sur le calque "Fond" qui est au dessus du texte, faites créer un masque d’écrêtage puis clique droit sur le texte contour et mettez le contour de la même [B][COLOR=#b30000]couleur[/COLOR][/B] du contour de votre Logo/Avatar (c'est plus jolie). [/FONT] [IMG]https://img2.lght.pics/mly.png[/IMG] [FONT=Capriola]Maintenant que le texte est [B][COLOR=#b30000]fait[/COLOR][/B] la tache va se compliqué, prenez l'autre image que vous avez pris avant (un personnage en action en .PNG) importé la, et essayer de la placé la mieux possible sur votre logo/avatar, [B][COLOR=#b30000]comme[/COLOR][/B] cela : [IMG]https://img2.lght.pics/mlV.jpg[/IMG] Chose très importante sélectionne le calque du texte et [B][COLOR=#b30000]l'image[/COLOR][/B] avec son masque d’écrêtage avec shift donc euh deux : [IMG]https://img2.lght.pics/mlm.jpg[/IMG] Glisser juste au dessus du [COLOR=#b30000]fond[/COLOR] (avec le flou) et on peut continue : Donc maintenant le logo est [B][COLOR=#b30000]bientôt [/COLOR][/B]fini il vous manque plus qu'a faire clique droit sur le personnage puis créer un masque d’écrêtage après dupliquer le calque du [B][COLOR=#b30000]personnage[/COLOR][/B] et gommer se que vous voulez (je sais c'est compliqué a comprendre) voici un exemple : [IMG]https://img1.lght.pics/mlU.jpg[/IMG] Voila par [B][COLOR=#b30000]exemple[/COLOR][/B] j'ai juste gommer les cheveux mais si je n'aime pas je peut bien gommer la main, vous avez compris. Et vous avez fini votre logo, après vous pouvez [B][COLOR=#b30000]bien[/COLOR][/B] sur rajouter quelques effets, images etc, c'est votre logo, et voici le résultat : [IMG]https://img2.lght.pics/mlh.jpg[/IMG] Donc ce tutoriel est fini merci de [B][COLOR=#b30000]l'avoir[/COLOR][/B] lu j’espère qu'il vous aura [B][COLOR=#b30000]aider[/COLOR][/B] et plu si vous avez quelconques problème faisait le moi parvenir dans les [B][COLOR=#b30000]commentaires[/COLOR][/B] et vous pouvez me donner votre avis sur les logo. Sur ce, je vous souhaite une bonne journée ! Krazyx SEE, [B][COLOR=#b30000][FA]fa-check-square-o[/FA][/COLOR][/B] [/FONT][/CENTER] [/QUOTE]
Insérer les citations…
Vérification
Publier la réponse
Forums
Forums généraux
Infographie
Photoshop | Apprendre à faire un logo Pop Out
Ce site utilise des cookies. En continuant à utiliser ce site, vous acceptez l'utilisation des cookies.
Acceptez
En savoir plus.…
Haut