Forum Poneyvallee / Tuto' photoshop

hellangell · 2013-01-04 17:34:37

Alors comme sa petit scarabée tu désire entré dans l'univers du graph' sous photoshop ? la route sera longue et semé d'embuche mais ta Grande Déesse sera pour te botter le derrière a chaque fois que tu désireras lacher l'affaire

Avant tout de chose il faut savoir ce que tu as entre les main.

Photoshop est un logiciel de retouche, de traitement et de dessin assisté par ordinateur édité par Adobe. Il est principalement utilisé pour le traitement de photographies numériques, mais sert également à la création d’images. Actuellement sa version la plus récente est photshop cs6. Il faut savoir aussi que ce logiciel est payant ( comptez a peut pres 1000€ le logiciel complet. il est tout de même possible de l'essayer gratuitement pendant 30 jours )

Sa y est tu l'a acheter/bidouiller/voler ?

Alors on attaque !

Présentation

1. Vous avez bien sur les menu tradition "fichier/edition/ outil etc" relatif a tout logiciel. En dessous de ceci se trouve la barre d'option des outil. La barre d’options change selon l’outil sélectionné dans la palette. Certains paramètres dans cette barre sont communs à plusieurs outils, d’autres ne s’appliquent qu’à un seul outil.
*Si la barre d’options n’est pas visible, choisissez Fenêtre > Options.

2. Les different outil disponible Descriptif des outil ici

3. Ici sont regroupé les differente palette ( couleur, reglage navigation etc ... ) *note à la grande Hell : faire le listing des palettes par la suite*

Option de réglage :

Niveau
Courbes

Dernière modification par hellangell (2013-01-10 19:10:20)

hellangell · 2013-01-04 17:35:38

Tutoriaux bannière

By Letpet

ressource :

stock
texture 1
texture 2
texture 3
texture 4

tuto

0o0o0oo0o0o0o0o0o0o0o0o0o0o0o0

By Hellangell

tuto

0o0o0o0o0o0o0o0o0o0o0o0o0o0o0o0o0o0o0o

0o0o0o0o0o0o0o0o0o0o0o0o0o0o0o0o0o0o0o

Dernière modification par hellangell (2013-06-11 20:55:07)

hellangell · 2013-01-04 17:36:39

Tutoriaux technique

Incruster un render ( by Hellangell )

2.

- Ajoutez votre render a votre création et le dupliquer ( vous avez ainsi 2 render sur votre création )
- Prenez celui du dessous et faites flou directionnel 39 px ( ou plus ou moins suivant vos envie )
- Revenez sur le render du dessus et prenez la gomme. Baisser son opacité et gommez légèrement les endroit ou sa va pas.

Préparer votre créa comme vous le souhaitez :

dupliquez votre perso et sur le premier calque ( celui du dessous ) remplissez le de blanc et faite filtre --> attenuation --> flou gausséen ( je vous laisse les réglage vu que tout dépent de votre créa )

voilà le résultat :

Prend une gomme a bord flou et baisser l'opacité. Passez la gomme sur le tour du perso légèrement

Voilà le résultat ^^

0o0o0o0o0o0o0o0o0o0o0o0o0o0o0o0o0o0o0o0o0o0

Effet Lueur ( by Hellangell )

Ouvrez votre créa. choisi l'outil pinceau et bidouillez les réglages comme ici

prenez ensuite l'outil plume et faite le tracé de votre choix sur un nouveau calque

dans le menu du calque se trouve la partie "tracé" faite un clic droit et choisissez contour du tracé

et voilà

autre exemple

0o0o0o0o0o0o0o0o0o0o0o0o0o0

Tuto pour intégrer un gif dans une création (par hell)

- Ouvrez d'abord votre gif et votre création, voilà pour moi :

et
-Allez sur votre gif, et faite un nouveau groupe ( on va y mettre tout les calques du gif )

- Créer un groupe et très pratique. Car il permet de bouger tout les calques mis à l'intérieur ensemble. Vous avez désormais ceci ( les calques du gif sont décalé car il font partis du groupe )

Sélectionner le groupe ( qu'il soit en bleu comme au-dessus ) et déplacer-le jusqu'a votre création. Vous avez enfin votre gif de placer, il vous reste plus qu'a l'animé ( bien sur vous pouvez le déplacer, le recadrer etc ... )

- Allez dans fenêtre --> animation. Vous pouvez désormais faire une animation.
Mon gif comporte 6 calque. Rendez visible le premier calque du gif ( tout en bas ). Dans la fenêtre animation créer un nouveau calques et rendez visible uniquement le second calque du gif. Faite cette manœuvre jusqu’à ce que chaque calque de gif se trouve sur un calque de l'animation

- Cliquez sur lecture et vous avez votre animation ^^

Sous le même principe :

0o0o0o0o0o0o0o0o0o0o0o0o0o0o0o0o0o0o0o0o0o0

Tuto cadre original (by letpet)

0o0o0o0o0o0o0o0o0o0o0o0o0o0o0o0o0o0o0o0o0o0

Création fond ( by Hellangell )

Ouvrez votre render et un document de couleur blanche qui servira pour votre créa ( 500x200 pour ma part )

Collez votre render de sorte que que le blanc ne soit plus visible

Maintenant on attaque la partie libre ! il vous suffit de bisouiller avec les filtre mis a votre disposition.

Moi je commence avec un flou directionnel

Un filtre effet pointilliste

et un filtre verre

Vous avez fais les 3/4 de la création, il ne reste plus qu'a ajouter votre render et finaliser le tout avec des détail :

0o0o0o0o0o0o0o0o0o0o0o0o0o0o0o0o0o0o0o0o0o0

Dernière modification par hellangell (2013-01-18 17:52:20)

mimichousse · 2013-01-06 15:56:41

Coucou hell j'ai récupéré tous les tuto qui étaient dans l'autre topic:

Code:

Tuto réglage (by hell)

[img]http://nsa27.casimages.com/img/2011/09/26/110926101641334976.png[/img]

[img]http://nsa27.casimages.com/img/2011/09/26/110926101742267363.png[/img]
=================================================
Tuto bannière originale à partir d'une image (by hell)

Créer un nouveau document ( 500x200 pour moi ) et coller votre stock

[img]http://nsa28.casimages.com/img/2011/09/20/110920061816468027.png[/img]

( et oui c'est pas un render )

Dupliquez votre calque et smudgez-le ( voilà mes réglages )

[img]http://nsa28.casimages.com/img/2011/09/20/11092006195136910.png[/img]

[img]http://nsa28.casimages.com/img/2011/09/20/110920062018864596.png[/img]

Passez ce calque en mode "éclaircir " ( a 100%) et gommez les endroit souhaitez ( pour moi les visage et le centre du corps )

[img]http://nsa28.casimages.com/img/2011/09/20/110920062133275448.png[/img]

Créer un nouveau calque et faite image-->apliquez une image.

Faite un flou radial avec ces réglages ( j'ai ensuite gommer au niveau des visages )

[img]http://nsa27.casimages.com/img/2011/09/20/110920062353353600.png[/img]

[img]http://nsa28.casimages.com/img/2011/09/20/110920062534875508.png[/img]

Créer un nouveau calque et appliquez une image.
Filtre --> renforcement --> plus net

[img]http://nsa27.casimages.com/img/2011/09/20/110920062728172610.png[/img]

Collez une texture au ton très clair ( jaune orange pastel pour moi ) en lumière crue 57%

[img]http://nsa27.casimages.com/img/2011/09/20/110920062913587469.png[/img]

J'ai ajoutez quelque réglage ( courbe et niveau ) pour améliorer le contraste

[img]http://nsa28.casimages.com/img/2011/09/20/11092006312948067.png[/img]

J'ai ensuite ajoutez une texture avec "feuille" en mode superposition ainsi qu'une texture mauve en mode "teinte" à 77%

[img]http://nsa27.casimages.com/img/2011/09/20/110920063335367950.png[/img]

Créez un nouveau calque. Images --> appliquez une image

Filtre --> renforcement --> accentuation ( bidouillez un peu )

[img]http://nsa27.casimages.com/img/2011/09/20/110920063625569562.png[/img]

Plus qu'a ajoutez un cadre et une typo

[img]http://nsa27.casimages.com/img/2011/09/20/110920063659354393.png[/img]
======================================================
Tuto pour intégrer un gif dans une création (par hell)

- Ouvrez d'abord votre gif et votre création, voilà pour moi :

[img]http://nsa28.casimages.com/img/2011/08/26/110826104715802199.gif[/img] et [img]http://nsa28.casimages.com/img/2011/08/26/110826104802443475.png[/img]
-Allez sur votre gif, et faite un nouveau groupe ( on va y mettre tout les calques du gif )

[img]http://nsa28.casimages.com/img/2011/08/26/110826105044672015.png[/img]

- Créer un groupe et très pratique. Car il permet de bouger tout les calques mis à l'intérieur ensemble. Vous avez désormais ceci ( les calques du gif sont décalé car il font partis du groupe )

[img]http://nsa28.casimages.com/img/2011/08/26/110826105323615531.png[/img]

Sélectionner le groupe ( qu'il soit en bleu comme au-dessus ) et déplacer-le jusqu'a votre création. Vous avez enfin votre gif de placer, il vous reste plus qu'a l'animé ( bien sur vous pouvez le déplacer, le recadrer etc ... )

[img]http://nsa27.casimages.com/img/2011/08/26/11082610562225691.png[/img]

- Allez dans fenêtre --> animation. Vous pouvez désormais faire une animation.
Mon gif comporte 6 calque. Rendez visible le premier calque du gif ( tout en bas ). Dans la fenêtre animation créer un nouveau calques et rendez visible uniquement le second calque du gif. Faite cette manœuvre jusqu’à ce que chaque calque de gif se trouve sur un calque de l'animation

[img]http://nsa28.casimages.com/img/2011/08/26/110826110938520843.png[/img]

- Cliquez sur lecture et vous avez votre animation ^^

[img]http://nsa28.casimages.com/img/2011/08/26/110826110839547504.gif[/img]

Sous le même principe :

[img]http://nsa27.casimages.com/img/2011/08/26/110826111040301269.gif[/img]
==============================================
Tuto technique incrustation (by hell)

une technique d'incrustation :

Préparer votre créa comme vous le souhaitez :

[img]http://nsa28.casimages.com/img/2011/10/01/111001055002274888.png[/img]

dupliquez votre perso et sur le premier calque ( celui du dessous ) remplissez le de blanc et faite filtre --> attenuation --> flou gausséen ( je vous laisse les réglage vu que tout dépent de votre créa )

voilà le résultat :

[img]http://nsa28.casimages.com/img/2011/10/01/111001055302367571.png[/img]

Prend une gomme a bord flou et baisser l'opacité. Passez la gomme sur le tour du perso légèrement

Voilà le résultat ^^

[img]http://nsa28.casimages.com/img/2011/10/01/111001055558796483.png[/img]
====================================================
Pas vraiment un tuto mais une petite aide pour le cadrage (by hell)

Une petite idée sur les cadrage ( car oui on ne cadre pas comme on veut )

[img]http://nsm01.casimages.com/img/2008/09/14//080914044524338102495081.png[/img]

[img]http://nsm01.casimages.com/img/2008/09/14//080914044525338102495082.png[/img]

[img]http://nsm01.casimages.com/img/2008/09/14//080914045659338102495120.jpg[/img]
=================================================
Tuto signature (by pauline)

[img]http://img15.hostingpics.net/pics/250183Tuto1.png[/img]
=================================================
Tuto cadre original (by letpet)

[img]http://img11.hostingpics.net/pics/958137originale1.png[/img]

[img]http://img11.hostingpics.net/pics/633566originale2.png[/img]
=================================================
Tuto bannière originale à partir de renders (par Hell)

Cette astuce est également faisable sur les autres logiciels

voilà un petit tuto' pour débuter utilisable avec tout les logiciel.

Ouvrez votre render et un document de couleur blanche qui servira pour votre créa ( 500x200 pour ma part )

Collez votre render de sorte que que le blanc ne soit plus visible

[img]http://nsa28.casimages.com/img/2011/08/06/110806102925251981.png[/img]

Maintenant on attaque la partie libre ! il vous suffit de bisouiller avec les filtre mis a votre disposition.

Moi je commence avec un flou directionnel

[img]http://nsa27.casimages.com/img/2011/08/06/110806103042902602.png[/img]

Un filtre effet pointilliste

[img]http://nsa27.casimages.com/img/2011/08/06/110806103109896026.png[/img]

et un filtre  verre

[img]http://nsa28.casimages.com/img/2011/08/06/110806103151399633.png[/img]

Vous avez fais les 3/4 de la création, il ne reste plus qu'a ajouter votre render et finaliser le tout avec des détail :

[img]http://nsa27.casimages.com/img/2011/08/06/110806103250341119.png[/img]

Voilà pour pauline les liens de ressources ne sont pas bons je verrai pour les récupérer si des fois je peux à nouveau accéder à l'ancien fofo. C'est pour t'aider, tu le places comme tu veux, j'effacerai mon post après.

hellangell · 2013-01-18 17:53:29

Ajout tuto' Effet Fondu dans la partie tuto' technique

miloute · 2014-10-22 10:23:02

super merci pour le tuto, je vais essayer dès ce soir :)

#1 2013-01-04 17:34:37

Tuto' photoshop

#2 2013-01-04 17:35:38

Re: Tuto' photoshop

#3 2013-01-04 17:36:39

Re: Tuto' photoshop

#4 2013-01-06 15:56:41

Re: Tuto' photoshop

Code:

#5 2013-01-18 17:53:29

Re: Tuto' photoshop

#6 2014-10-22 10:23:02

Re: Tuto' photoshop

Pied de page des forums