Mot de passe oublié ?

[Technique] Des scanlines et néons pour embellir vos signs

A la recherche d'un tutoriel créer une signature sous Photoshop ou pour apprendre à utiliser des techniques spécifiques de ce logiciel ? Cette catégorie est faite pour toi !
Index du forum Zone graphisme Tutoriels Photoshop

[Technique] Des scanlines et néons pour embellir vos signs

Messagepar Coolboss le Sam Fév 05, 2011 8:36 pm

Voilà, j'ai recyclé deux tutos que j'avais posté dans la partie "Problèmes graphiques" du forum, de nombreuses personnes, dont la Nezumi Nationale (que je remercie d'avoir corrigé ces deux pavés ;) ) m'ont demandé de les poster dans la partie "Tutoriels Photoshop", donc voilà.
J'espère que ça aidera ceux qui débutent ;)

Le premier, est pour faire des scanlines, les petites lignes qui ressemblent à ceux des vieilles télés.
Le deuxième est pour les néons, qui sont surtout utilisés pour les avatars ;) (mais aussi pour les LP)

Je tiens à préciser que c'est un tutoriel pour ceux qui débutent, il est complètement normal que la plupart d'entre vous savent comment faire.

Tuto Scanlines

Outcome : Image
Vous les voyez les trucs diagonaux là ? Hé ben c'est ce qu'on va faire.
C'est beau hein ? Vous allez apprendre à faire ceci dans ce tutoriel, à l'attaque !
D'abord , on ouvre un nouveau document, via le menu "fichier", Nouveau.
Image
Puis ajustez les dimensions de votre zone de travail a 4/4px
Image
Vous aurez un espace assez petit, alors zoomez en utilisant Ctrl+ pour avoir une vue comme la mienne.
Image
Maintenant, on va attaquer le vrai boulot.
Utilisez un crayon carré de 1px (si vous ne savez pas utiliser le crayon, regardez l'image)
Image
Assurez-vous que la couleur soit noire, et tracez une diagonale de 4 carreaux (moi j'ai mis 2 carreaux pour montrer la progression)
Image
Maintenant que vous avez fini votre motif, vous devez l'enregistrer (ah oui, quand même XD), allez dans le menu édition, et cliquez sur "Utiliser comme motif".
Image
Donnez un nom a ce dernier.
Image
Après, ouvrez votre sign,
Image
et là vous avez trois méthodes, soit vous allez dans le menu calques --> Nouveau calque de réglage --> Motif
Deuxième méthode : Vous créez un nouveau calque noir, vous allez dans options de fusion, et vous cochez "incrustation en motif" puis vous choisissez les scanlines, et après, réduisez le fond (le truc sous l'opacité) du calque a zero.
Troisième méthode, la plus simple, comme détaillé sur l'image
Image
Si vous aviez suivi la troisième méthode ou la première, vous devriez avoir ça :
Image
Si vous remarquez que les scanlines sont trop nettes ou voyantes, baissez l'opacité.
Image
Si vous voulez gommer, commencez par pixelliser votre calque de motif comme ceci :
Image
Et pour finir en beauté, utilisez une gomme douce pour virer les zones gênantes ;)
Image

Et voilà ^^


Tuto Néons

Outcome :
Image

Salut Salut !

Ce tuto vous expliquera comment faire un avatar stylé en utilisant les traits/lacets/Néons de lumière. J'ai pris un avatar comme image de départ car c'est petit, et que ça vous permettra de débuter. Faire du 1600px sur une première tentative va être un peu dur (taille de la brosse, ainsi que celle de la courbe).

Bon, commençons donc. Prenez votre avatar, et mettez le fond de votre choix (ici c'est du noir car je compte faire un fil blanc)

Image

Maintenant, prenez l'outil plume

Image

Assurez vous bien qu'il soit en mode "tracés".

Image

Maintenant, vient la partie que je pourrai qualifier, de "Cruciale" dans ce tutoriel, à savoir, le dessin à la plume. Respectez les réglages de la plume pour pouvoir travailler plus facilement par la suite. Afin de gagner en temps et praticité et ainsi réussir votre avatar, vous allez également utiliser les raccourcis clavier CTRL et ALT du clavier (pas dans ce tutoriel , mais vous allez surement devoir les utiliser) (pas besoin de faire un screen hein)

Créez un nouveau calque. Zoomez et placez votre premier point. Relâchez le bouton de la souris. Par la suite, il faudra le maintenir enfoncé tout en déplaçant la souris.

Image

Placez le second point à un point d'inflexion. Donc placez le à un endroit courbe. Vous remarquez qu'une ligne vient de rejoindre ces 2 points, c'est le début de la courbe du néon, continuez jusqu'à avoir un résultat satisfaisant. Ne lâchez pas le bouton de la souris, et courbez votre ligne pour avoir un résultat comme celui-ci :

Image

Et créez ensuite une courbe de façon à ce que la courbe que vous placerez après soit arrondie du coté droit (c'est difficile à expliquer ce truc, mieux vaut regarder l'image).

Image

Et continuez ainsi votre néon / courbe.

Image

Maintenant, allez dans les Brushes (raccourci :B) (n'effacez pas votre tracé !!)
Et choisissez une taille selon les dimensions de votre image (ici c'est un avatar donc 3px pour moi )

Image

Et maintenant , reprenez l'outil plume (raccourci :P), faites un clic droit, et choisissez "contour du tracé". Cochez "simuler la pression" .

Image

Et voilà, une courbe bien belle hein :P Maintenant, il faudra donner un effet de courbe qui entoure le dessin tel un serpent. Rien de plus simple, l'outil Gomme !! Zoomez sur votre image pour éviter des erreurs.

Image

Et gommez la partie que vous souhaitez cacher (évidemment une autre partie doit rester visible)

Image

Et voilà, vous avez fini, c'est simple hein ? Résultat final :

Image

Vous pouvez jouer avec les réglages de brush , en appuyant sur F5 , et en ajustant le pas :
Image

Et ainsi avoir un résultat comme celui de "UzuMo"
Image

Bye donc, j'espère vous avoir aidé ;)


P.S : Désolé, mais la police que j'avais utilisé sur les images ne supporte pas d'accents :/
Je n'ai plus les PSD donc impossible de changer :|
Désolé ^^

Validé par Nezumi
Dernière édition par Coolboss le Lun Fév 07, 2011 2:43 am, édité 3 fois.
Image
Merci petit Zargan *_*
Cliquez sur la signature pour accéder a mon folio .
Evezez a écrit:Nan, mais en réalité, dans la vraie vie, IRL, je suis très gentil, poli et courtois. Mais voilà, sur le net, je suis con.

Adi a écrit:Mais non mais non...confondre un canard sauvage avec un télésiège, ça peut arriver à n'importe qui voyons...
Zargan a écrit:Prof de Français : "Bon vous vous dépêchez d'écrire, nous n'avançons pas à cause de vos bavardages.
Élève : "Mais madame, je peux pas écrire, j'ai mal au poignet !"
Moi : "Alors vivement que tu ais mal à la mâchoire !"

Shali a écrit:...Mon poisson rouge....

*Je poste une photo avec moi en train de caresser un poney*
Jenbragy a écrit:C'est qui le mec qui te caresse ?

>>>> EquiVox Society <<<<
Avatar de l’utilisateur
Coolboss
Usine à signatures
 
Message(s) : 765
Inscrit(e) le : Jeu Jan 21, 2010 2:20 pm
Localisation : Sur un petit navire qui n'avait ja-ja-jamais navigué.

Annonce Google


Re: [Débutant] Des scanlines et néons pour embellir vos signs

Messagepar UzuMo le Sam Fév 05, 2011 8:42 pm

Merci c'est sympa, niveau scanlines je savais faire mais la plume je maitrise pas trop et ça sa va m'aider :D
"Je vιѕ dαɴѕ мoɴ мoɴde cαr le vrαι мe ғαιт peυr."
Avatar de l’utilisateur
UzuMo
Artiste incompris
 
Message(s) : 73
Inscrit(e) le : Mar Juin 01, 2010 4:03 pm

Re: [Débutant] Des scanlines et néons pour embellir vos signs

Messagepar Sniper-Wolf le Sam Fév 05, 2011 8:45 pm

merci beaucoup je me demandais comment on faisais ça et maintenant je sais. :merci:
Image
Avatar de l’utilisateur
Sniper-Wolf
Découpeur novice
 
Message(s) : 90
Inscrit(e) le : Sam Jan 08, 2011 5:11 pm

Re: [Débutant] Des scanlines et néons pour embellir vos signs

Messagepar UzuMo le Sam Fév 05, 2011 9:26 pm

Voilà ce que j'ai fais pour essayer (j'ai modifier le pas) :D

Image

Mais on va pas bien voir sur fond blanc/bleu :/
"Je vιѕ dαɴѕ мoɴ мoɴde cαr le vrαι мe ғαιт peυr."
Avatar de l’utilisateur
UzuMo
Artiste incompris
 
Message(s) : 73
Inscrit(e) le : Mar Juin 01, 2010 4:03 pm

Re: [Débutant] Des scanlines et néons pour embellir vos signs

Messagepar Coolboss le Sam Fév 05, 2011 9:36 pm

Merci pour vos commentaires , ça fait plaisir ^_^

UzuMo , si tu veux pas de fond blanc, mets une balise "quote"
ça va te faire comme ça : (fond orangé donc)

Image


^_^

Je vais ajouter ton avatar dans le premier post.
Image
Merci petit Zargan *_*
Cliquez sur la signature pour accéder a mon folio .
Evezez a écrit:Nan, mais en réalité, dans la vraie vie, IRL, je suis très gentil, poli et courtois. Mais voilà, sur le net, je suis con.

Adi a écrit:Mais non mais non...confondre un canard sauvage avec un télésiège, ça peut arriver à n'importe qui voyons...
Zargan a écrit:Prof de Français : "Bon vous vous dépêchez d'écrire, nous n'avançons pas à cause de vos bavardages.
Élève : "Mais madame, je peux pas écrire, j'ai mal au poignet !"
Moi : "Alors vivement que tu ais mal à la mâchoire !"

Shali a écrit:...Mon poisson rouge....

*Je poste une photo avec moi en train de caresser un poney*
Jenbragy a écrit:C'est qui le mec qui te caresse ?

>>>> EquiVox Society <<<<
Avatar de l’utilisateur
Coolboss
Usine à signatures
 
Message(s) : 765
Inscrit(e) le : Jeu Jan 21, 2010 2:20 pm
Localisation : Sur un petit navire qui n'avait ja-ja-jamais navigué.

Re: [Débutant] Des scanlines et néons pour embellir vos signs

Messagepar Heartless le Sam Fév 05, 2011 11:07 pm

Super tutos j'essayerais sa ! :D
Merci du partage !
Image
Avatar de l’utilisateur
Heartless
Artiste en devenir
 
Message(s) : 129
Inscrit(e) le : Lun Déc 13, 2010 5:59 pm

Re: [Débutant] Des scanlines et néons pour embellir vos signs

Messagepar The Princ of Creation le Dim Fév 06, 2011 10:17 am

Sympa comme tutoriel merci du partage.
Image
Avatar de l’utilisateur
The Princ of Creation
Rafistoleur sur Paint
 
Message(s) : 14
Inscrit(e) le : Mar Oct 26, 2010 3:22 pm

Re: [Débutant] Des scanlines et néons pour embellir vos signs

Messagepar Opportunist le Dim Fév 06, 2011 6:43 pm

Tutoriel très pratique... merci du partage :wink:
Avatar de l’utilisateur
Opportunist
Rendersmaniac
 
Message(s) : 714
Inscrit(e) le : Ven Mars 26, 2010 10:33 pm

Re: [Débutant] Des scanlines et néons pour embellir vos signs

Messagepar GrimmjowOo le Dim Fév 06, 2011 6:54 pm

Je connaissais déjà mais c'est vrai que ça peut servir pour des débutants ^^
Image
GrimmjowOo
Usine à signatures
 
Message(s) : 806
Inscrit(e) le : Sam Avr 10, 2010 10:41 am

Re: [Débutant] Des scanlines et néons pour embellir vos signs

Messagepar pyrotank le Mer Mars 09, 2011 5:34 pm

Salut,
Sa m'as bien servis ,
Avatar :
Image


Sign' :
Image
Image
S'il vous plaît , c'est rigolo (:
ImageImageImageImage
Avatar de l’utilisateur
pyrotank
Artiste en devenir
 
Message(s) : 129
Inscrit(e) le : Sam Juil 03, 2010 4:53 pm

Re: [Débutant] Des scanlines et néons pour embellir vos signs

Messagepar Royksopp le Ven Avr 08, 2011 7:40 pm

Voilà mon rendu!
Image
Image

Feel the nature. Just feel.
Royksopp
Rafistoleur sur Paint
 
Message(s) : 20
Inscrit(e) le : Sam Oct 02, 2010 1:01 pm
Localisation : Paris. (75)

Re: [Débutant] Des scanlines et néons pour embellir vos signs

Messagepar ichigo-hollox le Sam Avr 09, 2011 12:00 pm

j'essayerai bientôt merci du partage.
EDIT:Image
_______


Ichigo-Hollox
Le mec le + Styléééé
Oué Je gère héhé


Image
Avatar de l’utilisateur
ichigo-hollox
Artiste incompris
 
Message(s) : 38
Inscrit(e) le : Ven Mars 11, 2011 9:27 pm

Re: [Technique] Des scanlines et néons pour embellir vos signs

Messagepar jcb44 le Sam Août 06, 2011 7:42 pm

interressant pour le debutant que je suis....

merci pour le partage :D

:merci:
Image
Avatar de l’utilisateur
jcb44
Rafistoleur sur Paint
 
Message(s) : 23
Inscrit(e) le : Mer Août 03, 2011 3:56 pm
Localisation : nantes

Re: [Technique] Des scanlines et néons pour embellir vos signs

Messagepar Copeau le Sam Août 06, 2011 8:06 pm

Je connais, mais ça ne fait pas de mal ;)

Par contre, je ne vois pas d'images... ça charge à mort, et rien ne s'affiche...

:(

Edit: Arf, ça y'est... mettre à jour plusieurs fois la page ;)
Image
Image
Image
Merci à Coolojo pour son tuto !
Avatar de l’utilisateur
Copeau
Usine à signatures
 
Message(s) : 834
Inscrit(e) le : Lun Juil 12, 2010 7:02 pm
Localisation : Jemeppe s/S, Belgique

Re: [Technique] Des scanlines et néons pour embellir vos signs

Messagepar Kuro Dreamer le Sam Août 06, 2011 11:26 pm

Cool :)
Merci beaucoup Coolboss .
Image
Avatar de l’utilisateur
Kuro Dreamer
Rendersmaniac
 
Message(s) : 721
Inscrit(e) le : Dim Juin 26, 2011 5:59 pm

Suivant

Retour vers Photoshop

Qui est en ligne ?

Utilisateur(s) parcourant ce forum : Aucun utilisateur inscrit et 1 invité