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
Header Netflix Old/New Style
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="Sxcret" data-source="post: 7009826" data-attributes="member: 655902"><p style="text-align: center"><strong>Bonjours à tous !</strong></p> <p style="text-align: center">Nouveau tutoriel écrit pour faire un <strong>header</strong> Twitter dans le style de <strong>l’ancien logo Netflix</strong> et du<strong> récent</strong>. Vous pouvez déjà voir à quoi cela va ressembler à la fin. Ce tutoriel est <strong>destiné à tout le monde</strong>, même ceux qui n’ont <strong>jamais</strong> lancé Photoshop de leur vie.</p> <p style="text-align: center"></p> <p style="text-align: center"><em>Le Style Récent sera mis plus tard.</em></p> <p style="text-align: center"></p> <p style="text-align: center"><strong><strong>Résultat final :</strong></strong></p> <p style="text-align: center"></p> <p style="text-align: center"><img src="http://i.imgur.com/qoYlvgq.png" alt="" class="fr-fic fr-dii fr-draggable " style="" /></p> <p style="text-align: center"></p> <p style="text-align: center"><img src="http://i.imgur.com/SJn6lr7.png" alt="" class="fr-fic fr-dii fr-draggable " style="" /></p> <p style="text-align: center"></p><p></p><p><strong>Pour ce tutoriel vous allez avoir besoin de :</strong></p><p>- <strong>Photoshop</strong> (<a href="http://www.adobe.com/fr/products/photoshop.html" target="_blank">http://www.adobe.com/fr/products/photoshop.html</a>)</p><p>- <strong>Une Police d’Ecriture</strong> (<a href="https://instant-hack.io/redirect/?to=aHR0cDovL3d3dy5kYWZvbnQuY29tL2ZyL2JlYmFzLW5ldWUuZm9udA%3D%3D" target="_blank">http://www.dafont.com/fr/bebas-neue.font</a>)</p><p>Une fois téléchargée, double cliquez dessus pour l’installer sinon allez dans le</p><p>dossier Font dans le disque principal – Windows – Fonts et glissez la police dedans.</p><p></p><p></p><p>Sans plus tarder commençons le tutoriel par <strong>l’ancien style Netflix</strong>.</p><p></p><p>- Créez un nouveau document dans Photoshop de <strong>3000 pixels par 1500 pixels</strong>, avec une résolution de <strong>300 dpi</strong> si vous voulez quelque chose en très haute qualité, sinon baissez à <strong>1500 x 500 avec 72 de résolution</strong> ça suffit amplement aussi.</p><p></p><p style="text-align: center"><img src="http://i.imgur.com/TJVQ8Lo.png" alt="" class="fr-fic fr-dii fr-draggable " style="" /></p> <p style="text-align: center"></p><p>- Prenez l'outil "<strong>Pot de Peinture</strong>" en restant cliqué sur l'outil dégradé (ou G)</p><p></p><p style="text-align: center"><img src="http://i.imgur.com/Qk7bekS.png" alt="" class="fr-fic fr-dii fr-draggable " style="" /></p> <p style="text-align: center"></p><p>- Cliquez sur la première couleur active ici le noir et dans la fenêtre qui s'ouvre en bas à côté de <strong>#</strong> dans la zone de texte ou il y a "<strong>000000</strong>" si vous aviez du noir, remplacez par "<strong>DB0404</strong>". Cliquez sur <strong>OK </strong>et faites un clic gauche sur votre calque pour <strong>remplir </strong>l'image de rouge.</p><p></p><p style="text-align: center"><img src="http://i.imgur.com/YEWOY7P.png" alt="" class="fr-fic fr-dii fr-draggable " style="" /></p> <p style="text-align: center"></p><p>- Prenez ensuite l'outil <strong>Texte </strong>dans la barre d’outils (ou T). Choisissez la police d'écriture que vous avez installée au préalable, "<strong>Bebas Neue</strong>". Ensuite, cliquez sur votre document et écrivez le texte de votre choix, moi se sera "<strong>INSTANT</strong>" pour l'exemple. Appuyez sur CTRL + A ou CMD + A pour sélectionner l'ensemble de votre texte. Cliquez alors sur l'outil de sélection de couleur qui se trouve a droite de la sélection de la police et remplacez la valeur (normalement 000000) par "<strong>ffffff</strong>", cliquez sur <strong>OK</strong>. Sur cette même barre, réglez la taille de la police sur <strong>50 pt</strong>. C'est l'outil avec les deux T. Appuyez alors sur CTRL + T ou CMD + T et réglez l'espacement des caractères (L'icone avec VA) à <strong>200</strong>.</p><p></p><p style="text-align: center"><img src="http://i.imgur.com/NRjkgc6.png" alt="" class="fr-fic fr-dii fr-draggable " style="" /></p> <p style="text-align: center"></p><p>- Prenez l'outil de <strong>déplacement</strong>, le premier outil dans la barre avec la croix composée de flèches. Appuyez alors sur CTRL + A ou CMD + A pour sélectionner la fenêtre entière puis cliquez alors sur les <strong>deux icônes </strong>en rouge dans la barre d’outils en haut du document (Même endroit que pour la police d'écriture).</p><p></p><p style="text-align: center"><img src="http://i.imgur.com/koKLU0W.png" alt="" class="fr-fic fr-dii fr-draggable " style="" /></p> <p style="text-align: center"></p><p>- Avec votre calque de texte sélectionné, appuyez sur CTRL + T ou CMD + T, cliquez droit sur le texte et cliquez sur <strong>Déformé</strong>, pour moi c'est Warp, (j'utilise Photoshop en anglais).</p><p></p><p style="text-align: center"><img src="http://i.imgur.com/Lj89D7N.png" alt="" class="fr-fic fr-dii fr-draggable " style="" /></p> <p style="text-align: center"></p><p>- Cliquez ensuite sur la <strong>liste déroulante </strong>sur la même barre horizontale, à côté de Déformer, pour moi Warp ou il y a écrit "<strong>rien</strong>" et sélectionnez <strong>Arc</strong> <strong>Inférieur</strong>, (le 3ème).</p><p></p><p style="text-align: center"><img src="http://i.imgur.com/AUNvaKo.png" alt="" class="fr-fic fr-dii fr-draggable " style="" /></p> <p style="text-align: center"></p><p>- Votre texte est alors déformé mais n'est pas déformé dans le bon sens, cliquez glisser le petit point en bas du texte (de la déformation) et remontez le vers le haut de façon à obtenir quelque chose un <strong>peu arrondis</strong>. Validez en appuyant sur Entrée.</p><p></p><p style="text-align: center"><img src="http://i.imgur.com/NQoLCmN.png" alt="" class="fr-fic fr-dii fr-draggable " style="" /></p> <p style="text-align: center"></p><p>- Faites une nouvelle fois CTRL + T ou CMD + T et cliquez <strong>glissez </strong>le point à droite <strong>vers le centre </strong>en restant appuyez sur <strong>ALT</strong>. Pour aplatir le texte sur la largeur des deux cotés en même temps. Validez en appuyant sur Entrée.</p><p></p><p style="text-align: center"><img src="http://i.imgur.com/3MoyAfD.png" alt="" class="fr-fic fr-dii fr-draggable " style="" /></p> <p style="text-align: center"></p><p>- Ensuite dupliquez en faisant clic droit sur la calque puis dupliquer le calque. Déplacez le calque dupliqué <strong>sous </strong>le <strong>calque de base</strong>. Appuyez sur CTRL + T ou CMD + T, appuyez <strong>une fois </strong>sur la <strong>flèche </strong>du <strong>bas </strong>et <strong>une fois </strong>sur la <strong>flèche </strong>de <strong>droite </strong>sur votre clavier. Appuyez sur Entrée. Appuyez alors sur CTRL + ALT + SHIFT + T ou CMD + ALT + SHIFT + T. Faites <strong>20x </strong>cette commande. Magique non ? Un effet 3D est fait, sélectionnez tous les textes copiés en appuyant sur SHIFT et appuyez sur CTRL + E ou CMD + E. Cliquez droit sur le calque fusionné et cliquez sur <strong>Options de fusion</strong>, allez dans <strong>Incrustation de Couleur</strong>, mettez le mode en <strong>Normal </strong>et mettez la couleur <strong>noir </strong>("000000"). Rendez vous dans <strong>Ombre portée </strong>et mettez y les <strong>même options </strong>que moi. Idem dans <strong>Contour</strong>, mettez y les <strong>mêmes options</strong>. Cliquez sur OK.</p><p></p><p style="text-align: center"><img src="http://blob:http://imgur.com/9ea450d4-3be7-4b5d-9984-e157c7e3a511" alt="" class="fr-fic fr-dii fr-draggable " style="" /></p> <p style="text-align: center"><img src="http://i.imgur.com/mxEBjHU.png" alt="" class="fr-fic fr-dii fr-draggable " style="" /></p> <p style="text-align: center"><em>Ombre Portée</em></p> <p style="text-align: center"><em></em></p> <p style="text-align: center"><img src="http://i.imgur.com/3u5uxhQ.png" alt="" class="fr-fic fr-dii fr-draggable " style="" /></p> <p style="text-align: center"><em>Contour</em></p> <p style="text-align: center"></p><p>- On arrive déjà à la fin, pour terminer, double cliquez sur la calque texte de base ou clic droit sur le calque et choisissez <strong>Options de fusion</strong>. Allez dans Contour et mettez les même options que moi.</p><p></p><p style="text-align: center"><img src="http://i.imgur.com/qHdKjpl.png" alt="" class="fr-fic fr-dii fr-draggable " style="" /></p> <p style="text-align: center"><em>Contour</em></p><p>Votre image est terminée ! Vous pouvez alors l'enregistrer en allant dans Fichier - Enregistrer Sous. Enregistrez au format PSD pour pouvoir l'ouvrir et modifier plus tard si vous le souhaitez. Recommencez mais choisissez le format PNG pour avoir une image utilisable partout.</p><p></p><p style="text-align: center"><img src="http://i.imgur.com/qoYlvgq.png" alt="" class="fr-fic fr-dii fr-draggable " style="" /></p><p></p><p><em>LA PARTIE SUR LA VERSION RÉCENTE SERA ÉCRITE PLUS TARD... Merci de patienter un peu.</em></p><p></p><p>Si les Tutoriels vous ont aidé, n'hésitez pas a me le dire <img src="data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7" class="smilie smilie--sprite smilie--sprite351" alt=";)" title="Clin d'oeil ;)" loading="lazy" data-shortname=";)" />. Si vous voulez d'autres tutoriels dites le moi je vous proposerai ça avec plaisir, dites moi simplement ce que vous voudriez apprendre...</p><p><strong>Enjoy !</strong></p></blockquote><p></p>
[QUOTE="Sxcret, post: 7009826, member: 655902"] [CENTER][B]Bonjours à tous ![/B] Nouveau tutoriel écrit pour faire un [B]header[/B] Twitter dans le style de [B]l’ancien logo Netflix[/B] et du[B] récent[/B]. Vous pouvez déjà voir à quoi cela va ressembler à la fin. Ce tutoriel est [B]destiné à tout le monde[/B], même ceux qui n’ont [B]jamais[/B] lancé Photoshop de leur vie. [I]Le Style Récent sera mis plus tard.[/I] [B][B]Résultat final :[/B][/B] [IMG]http://i.imgur.com/qoYlvgq.png[/IMG] [IMG]http://i.imgur.com/SJn6lr7.png[/IMG] [/CENTER] [B]Pour ce tutoriel vous allez avoir besoin de :[/B] - [B]Photoshop[/B] ([URL]http://www.adobe.com/fr/products/photoshop.html[/URL]) - [B]Une Police d’Ecriture[/B] ([URL='https://instant-hack.io/redirect/?to=aHR0cDovL3d3dy5kYWZvbnQuY29tL2ZyL2JlYmFzLW5ldWUuZm9udA%3D%3D']http://www.dafont.com/fr/bebas-neue.font[/URL]) Une fois téléchargée, double cliquez dessus pour l’installer sinon allez dans le dossier Font dans le disque principal – Windows – Fonts et glissez la police dedans. Sans plus tarder commençons le tutoriel par [B]l’ancien style Netflix[/B]. - Créez un nouveau document dans Photoshop de [B]3000 pixels par 1500 pixels[/B], avec une résolution de [B]300 dpi[/B] si vous voulez quelque chose en très haute qualité, sinon baissez à [B]1500 x 500 avec 72 de résolution[/B] ça suffit amplement aussi. [CENTER][IMG]http://i.imgur.com/TJVQ8Lo.png[/IMG] [/CENTER] - Prenez l'outil "[B]Pot de Peinture[/B]" en restant cliqué sur l'outil dégradé (ou G) [CENTER][IMG]http://i.imgur.com/Qk7bekS.png[/IMG] [/CENTER] - Cliquez sur la première couleur active ici le noir et dans la fenêtre qui s'ouvre en bas à côté de [B]#[/B] dans la zone de texte ou il y a "[B]000000[/B]" si vous aviez du noir, remplacez par "[B]DB0404[/B]". Cliquez sur [B]OK [/B]et faites un clic gauche sur votre calque pour [B]remplir [/B]l'image de rouge. [CENTER][IMG]http://i.imgur.com/YEWOY7P.png[/IMG] [/CENTER] - Prenez ensuite l'outil [B]Texte [/B]dans la barre d’outils (ou T). Choisissez la police d'écriture que vous avez installée au préalable, "[B]Bebas Neue[/B]". Ensuite, cliquez sur votre document et écrivez le texte de votre choix, moi se sera "[B]INSTANT[/B]" pour l'exemple. Appuyez sur CTRL + A ou CMD + A pour sélectionner l'ensemble de votre texte. Cliquez alors sur l'outil de sélection de couleur qui se trouve a droite de la sélection de la police et remplacez la valeur (normalement 000000) par "[B]ffffff[/B]", cliquez sur [B]OK[/B]. Sur cette même barre, réglez la taille de la police sur [B]50 pt[/B]. C'est l'outil avec les deux T. Appuyez alors sur CTRL + T ou CMD + T et réglez l'espacement des caractères (L'icone avec VA) à [B]200[/B]. [CENTER][IMG]http://i.imgur.com/NRjkgc6.png[/IMG] [/CENTER] - Prenez l'outil de [B]déplacement[/B], le premier outil dans la barre avec la croix composée de flèches. Appuyez alors sur CTRL + A ou CMD + A pour sélectionner la fenêtre entière puis cliquez alors sur les [B]deux icônes [/B]en rouge dans la barre d’outils en haut du document (Même endroit que pour la police d'écriture). [CENTER][IMG]http://i.imgur.com/koKLU0W.png[/IMG] [/CENTER] - Avec votre calque de texte sélectionné, appuyez sur CTRL + T ou CMD + T, cliquez droit sur le texte et cliquez sur [B]Déformé[/B], pour moi c'est Warp, (j'utilise Photoshop en anglais). [CENTER][IMG]http://i.imgur.com/Lj89D7N.png[/IMG] [/CENTER] - Cliquez ensuite sur la [B]liste déroulante [/B]sur la même barre horizontale, à côté de Déformer, pour moi Warp ou il y a écrit "[B]rien[/B]" et sélectionnez [B]Arc[/B] [B]Inférieur[/B], (le 3ème). [CENTER][IMG]http://i.imgur.com/AUNvaKo.png[/IMG] [/CENTER] - Votre texte est alors déformé mais n'est pas déformé dans le bon sens, cliquez glisser le petit point en bas du texte (de la déformation) et remontez le vers le haut de façon à obtenir quelque chose un [B]peu arrondis[/B]. Validez en appuyant sur Entrée. [CENTER][IMG]http://i.imgur.com/NQoLCmN.png[/IMG] [/CENTER] - Faites une nouvelle fois CTRL + T ou CMD + T et cliquez [B]glissez [/B]le point à droite [B]vers le centre [/B]en restant appuyez sur [B]ALT[/B]. Pour aplatir le texte sur la largeur des deux cotés en même temps. Validez en appuyant sur Entrée. [CENTER][IMG]http://i.imgur.com/3MoyAfD.png[/IMG] [/CENTER] - Ensuite dupliquez en faisant clic droit sur la calque puis dupliquer le calque. Déplacez le calque dupliqué [B]sous [/B]le [B]calque de base[/B]. Appuyez sur CTRL + T ou CMD + T, appuyez [B]une fois [/B]sur la [B]flèche [/B]du [B]bas [/B]et [B]une fois [/B]sur la [B]flèche [/B]de [B]droite [/B]sur votre clavier. Appuyez sur Entrée. Appuyez alors sur CTRL + ALT + SHIFT + T ou CMD + ALT + SHIFT + T. Faites [B]20x [/B]cette commande. Magique non ? Un effet 3D est fait, sélectionnez tous les textes copiés en appuyant sur SHIFT et appuyez sur CTRL + E ou CMD + E. Cliquez droit sur le calque fusionné et cliquez sur [B]Options de fusion[/B], allez dans [B]Incrustation de Couleur[/B], mettez le mode en [B]Normal [/B]et mettez la couleur [B]noir [/B]("000000"). Rendez vous dans [B]Ombre portée [/B]et mettez y les [B]même options [/B]que moi. Idem dans [B]Contour[/B], mettez y les [B]mêmes options[/B]. Cliquez sur OK. [CENTER][IMG]http://blob:http://imgur.com/9ea450d4-3be7-4b5d-9984-e157c7e3a511[/IMG] [IMG]http://i.imgur.com/mxEBjHU.png[/IMG] [I]Ombre Portée [/I] [IMG]http://i.imgur.com/3u5uxhQ.png[/IMG] [I]Contour[/I] [/CENTER] - On arrive déjà à la fin, pour terminer, double cliquez sur la calque texte de base ou clic droit sur le calque et choisissez [B]Options de fusion[/B]. Allez dans Contour et mettez les même options que moi. [CENTER][IMG]http://i.imgur.com/qHdKjpl.png[/IMG] [I]Contour[/I][/CENTER] Votre image est terminée ! Vous pouvez alors l'enregistrer en allant dans Fichier - Enregistrer Sous. Enregistrez au format PSD pour pouvoir l'ouvrir et modifier plus tard si vous le souhaitez. Recommencez mais choisissez le format PNG pour avoir une image utilisable partout. [CENTER][IMG]http://i.imgur.com/qoYlvgq.png[/IMG][/CENTER] [I]LA PARTIE SUR LA VERSION RÉCENTE SERA ÉCRITE PLUS TARD... Merci de patienter un peu.[/I] Si les Tutoriels vous ont aidé, n'hésitez pas a me le dire ;). Si vous voulez d'autres tutoriels dites le moi je vous proposerai ça avec plaisir, dites moi simplement ce que vous voudriez apprendre... [B]Enjoy ![/B] [/QUOTE]
Insérer les citations…
Vérification
Publier la réponse
Forums
Forums généraux
Infographie
Header Netflix Old/New Style
Ce site utilise des cookies. En continuant à utiliser ce site, vous acceptez l'utilisation des cookies.
Acceptez
En savoir plus.…
Haut