piste [PS] Signature complète et quelques effets intéressants (Obsolète, image manquante)

Statut
La discussion n'est pas ouverte à d'autres réponses

Sonnyred

Expert
Voici quelques tutos perso que j'ai réaliser il y a de ça 3 ans quand j'étais à fond dans le graphisme, si ça peux aider quelqu'un...

Le psd est fourni avec http://users.skynet.be/fa846085/Sonnyred/Cool.psd





--------------------------------

Tuto [CADRE FANTAISISTE] By Sonnyred

Bonjours à tous , nous allons voir comment créer un cadre fantaisiste

Commencez par ouvrir un nouveau document.
La taille n'est pas très importante , ici il fait 400 x 200 px.
Remplissez le de blanc.
Maintenant avec l' " Outil Rectangle de sélection " (Raccourci touche M),
faites une sélection au centre de votre document.



Appuyez maintenant sur la touche "Q" pour passer en mode masque.



Maintenant "Filtre==>Pixelisation==>Demi-teinte couleur" avec ces réglages.



Et vous obtenez ceci.



Appuyez à nouveau sur la touche "Q" pour récupérer la sélection ,
puis "Sélection==>Intervertir" (MAJ+CTRL+I) et supprimez cette
sélection , voila ce que vous devez obtenir.



Garder la sélection active , créez un nouveau calque et remplissez le de blanc.
Vous pouvez désactiver la sélection.
Maintenant sur ce nouveau calque
allez dans les options de fusion et suivez les réglages suivant.



Voici le résultat final.



Il ne vous manque plus qu'a y glisser une photo de votre choix entre
les 2 calques et voici le résultat final. (vite fais bien sûr il y a moyen d'ajuster beaucoup mieux que ça :D )



Vous pouvez bien entendu changer certains réglages dans les options de fusion ,
pour obtenir différents résultats comme la couleur par exemple.



J'espère que ce tuto vous auras appris à découvrir certains éléments de photoshop

------------------------------

Tuto [EFFET SCANNER] By Sonnyred

Bonjour, nous allons voir comment créer un effet "scanner"

Tous d'abord ouvrez votre image dans Photoshop
Pour ma part c'est la version CS2 9.2

Et je me suis basé sur une de mes créas c à d celle ci :



Sélectionnez la partie dont vous voulez voir apparaitre,
l'effet scanneur avec l'outil lasso polygonal



-Ensuite faites copier/coller de cette zone, un nouveau calque apparait.

-Maintenant créez un nouveau calque (ctrl+n) (nous en avons maintenant 3)

-Sélectionnez l'outil dégradé, avec ces critères rentré.( seul les parties,
visible de screen son nécessaire je vous rassure :D)



et tracez un trait vertical comme ceci.
(pour le tracez il suffit de cliquez à un endroit avec le dégradé et de faire un trait horizontal, + maintenir shift pour faire une ligne bien droite)



Ensuite sélectionnez le calque du dégradé et arrangez-vous pour qu'il soit juste au dessus du calque de la sélection .
Et appuyez sur alt+ctrl+g (pour photoshop cs2) ou ctrl+g (pour photoshop cs1)

Une petite flèche apparait comme ceci. (et le dégradé disparait)



Allez ensuite sur ImageReady.

Une fois dessus,

déplacez votre dégradé (grâce à l'outil de déplacement) vers le début de la sélection.



Ensuite dupliquez votre image d'animation et sur la n° 2 : déplacez le dégradé vers la fin de la sélection.

Sélectionnez l'image d'animation n°1 et cliquez sur trajectoire.



Une nouvelle fenêtre s'ouvre, appliquez ces réglages.



La vous obtenez ceci dans la fenêtre d'animation.



Maintenant appuyez sur le bouton play pour vérifier votre animation.

Vous pouvez réglez de divers façon ici pour l'exemple, j'ai sorti
le dégradé totalement de l'image, pour marquer un temps d'arrêt.
(pour l'exemple sur le screen je l'ai laissé à fleur pour bien me faire comprendre)
Vous pouvez alors dupliquez la dernière image une dizaine de fois
tous dépend du temps d'arrêt que vous voulez marquez ...

-Enregistrez votre travail (enregistrer une copie optimisée sous)

-Et si vous avez respectez ce tuto vous devriez obtenir ceci :



J'espère que mon tuto vous aura plus ;)

---------------------

Tuto [ÉCRITURE EFFET SOUFFLERIE] By Sonnyred


Voici un petit tuto pour créer un texte avec un effet de soufflerie


1- Créer une nouvelle image de la taille de votre choix

ici j'ai choisi 450x200


2- Appliquons a l'aide de "l'outil pot de peinture" un fond noir


3- Écrivons un texte de couleur blanche

ici j'ai écris Netidentite en police arial black


4- Pixeliser votre texte, nous allons effectuer une série de soufflerie


Filtre / Esthétiques / Soufflerie

Vent - Gauche


5- Image / Rotation de la zone de travail

180°


6- Filtre / Esthétiques / Soufflerie

Vent - Gauche


7- Image / Rotation de la zone de travail

90° horaire


8- Filtre / Esthétiques / Soufflerie

Vent - Gauche


9- Image / Rotation de la zone de travail

180°


10- Filtre / Esthétiques / Soufflerie

Vent - Gauche


11- Image / Rotation de la zone de travail

180°


12- Image / Rotation de la zone de travail

90° horaire


Vous obtiendrez a ce niveau la ceci :



13- créer un nouveau calque (Maj+Ctrl+N)

Mode fusion :COULEUR


14- Sélectionner une couleur dans les tons rouge puis remplir le fond du nouveau calque avec "l'outil pot de peinture"


Vous obtiendrez ceci :


FIN


-----------------------------------------------------------


Voici une petite variante perso avec mon pseudo :


1-Créer une nouvelle image de la taille de votre choix

ici j'ai choisi 450x200


2-Appliquons a l'aide de "l'outil pot de peinture" un fond noir


3-Écrivons un texte de couleur blanche

ici j'ai écris Sonnyred en police arial black taille 53px


4-Dupliquer votre calque texte 2 fois .( clique droit sur le calque --> dupliquez calque)


5-Sur le premier j'ai effectué la même série de soufflerie mais 2 fois successivement sur chacune .


Comme ceci :


Filtre / Esthétiques / Soufflerie

Vent - Gauche

Ctrl+F


5- Image / Rotation de la zone de travail

180°


6- Filtre / Esthétiques / Soufflerie

Vent - Gauche

Ctrl+F


7- Image / Rotation de la zone de travail

90° horaire


8- Filtre / Esthétiques / Soufflerie

Vent - Gauche

Ctrl+F


9- Image / Rotation de la zone de travail

180°


10- Filtre / Esthétiques / Soufflerie

Vent - Gauche

Ctrl+F


11- Image / Rotation de la zone de travail

180°


12- Image / Rotation de la zone de travail

90° horaire


6-créer un nouveau calque (Maj+Ctrl+N)

Mode fusion :COULEUR

et déplacer le (dans la fenêtre calque) au dessus du premier texte


7-Sélectionner une couleur dans les tons rouge puis remplir le fond du nouveau calque


8-Sur le second texte redéfinir la couleur en noir et appliquer une lueur externe

ici j'ai choisi un ton oranger .


Calque / Style de calque / lueur externe

Taille 13 px


Vous aurez a ce niveau la ceci :



Appliquons lui maintenant une série d'effet de soufflerie :


Filtre / Esthétiques / Soufflerie

Vent - Gauche


- Image / Rotation de la zone de travail

180°


- Filtre / Esthétiques / Soufflerie

Vent - Gauche


- Image / Rotation de la zone de travail

90° horaire


- Filtre / Esthétiques / Soufflerie

Vent - Gauche


- Image / Rotation de la zone de travail

180°


- Filtre / Esthétiques / Soufflerie

Vent - Gauche


- Image / Rotation de la zone de travail

180°


- Image / Rotation de la zone de travail

90° horaire


Donnons lui un mode de fusion densité couleur + (dans la fenêtre des calques)


9-Passons maintenant au dernier calque texte


Nous allons simplement lui attribuer un contour


Calque / Style de calque / contour

contour rouge taille 1px


Ne reste plus qu'a lui définir son mode de fusion ,


ici j'ai mis incrustation avec une opacité de calque de 52%


Cela donnera :


J'espère que mon tuto vous aura plus ;)


Tuto réalisé par Sonnyred pour NETIDENTITE.ORG


!!!(Ne pas diffuser les tutoriels sans mon avis merci)!!!


-----------------------



Mise à jour :


Ajout du 29/03/2010:


Écriture effet Web.


Alors dans ce nouveau tuto nous allons voir comment arriver à ce résultat:



Explications<!--sizec--><!--/sizec-->:


Tout d'abord téléchargez divers modèles de dégradés ICI.


1* Créer un document de 500px * 200px et sélectionnez l'outil texte.


2* J'ai choisi la typo "Arial Rounded", mais libre à vous d'en essayer d'autres, tapez votre texte.


3* Maintenant nous allons appliquer les effets, alors clic droit sur le calque texte, options de fusion.


4* Sélectionnez incrustation en dégradé, ouvrez le menu déroulant et cliquez sur la petite flèche pour aller chercher de nouveaux dégradés, vous vous retrouverez ici :


5* Chargez les dégradés en sélectionnant le fichier fraichement téléchargé et décompressé, puis sélectionnez un dégradé :


6* Sélectionnez contour, et réglez à 2 pixels blanc extérieur :


7* Sélectionnez lueur externe, et réglez en Normal, 100%, 5px, blanc :


Vous obtenez alors ceci :


8* Maintenant nous allons lui donner un effet de reflet, faites une sélection de votre texte et faites "copier avec fusion", puis coller, un nouveau calque apparait qui n'est autre que la copie du texte.


9* Pour les aligner correctement sélectionnez vos 2 calques (maintenez Ctrl + clic) et appuyez sur les 2 outils du screen :


10* Maintenant nous allons lui faire faire une symétrie vertical, faites Edition ==> Transformation ==> Symétrie axe vertical :


11* Déplacez alors seulement votre copie pour quel sois parfaitement alignée :


12* Restez sur votre calque copie et sélectionnez "masque de fusion", ensuite l'outil dégradé et attention le dégradé doit être de noir vers blanc comme sur le screen, tracez ensuite un trait de bas en haut :


Vous obtenez alors ceci


Pour les dégradés, libre à vous d'en créer vous-même, ou de modifier ceux existant à votre guise.

Et notez que vous pouvez l'utiliser sur n'importe quoi, boutons, logos, etc ...


Tuto réalisé par Sonnyred pour Oc-pc.fr

 
Mise à jour du post :icon_wink-221e:

Je le mettrai encore à jour car j'en ai d'autres mais il faut que je les retrouves ou refasses.
 
Dernière édition:
Salut Sonnyred

J' épingle ton travail pour ne pas qu'il tombe dans les limbes du fofo .

Je te l'avais dit:lol-1923:
Super taf

Edit:
Si je puis me permettre, un petit titre de tuto plus explicite
 
Dernière édition:
Voici quelques tutos perso que j'ai réaliser il y a de ça 3 ans quand j'étais à fond dans le graphisme, si ça peux aider quelqu'un... :icon_wink-221e:
...
Tuto réalisé par Sonnyred pour NETIDENTITE.ORG

!!!(Ne pas diffuser les tutoriels sans mon avis merci)!!!


Je peux mettre ces tuto dans le topic graphisme ?
 
Dernière édition:
Therom tu prend vraiment la tete avec tes citations completes:mad-2648:

Nickel Sonny
épinglé par le bras droit du chef et je te rajoute dans le tuto route:pouce1-1a0b:
 
Therom tu prend vraiment la tete avec tes citations completes:mad-2648:

Nickel Sonny
épinglé par le bras droit du chef et je te rajoute dans le tuto route:pouce1-1a0b:

Calmos, tu me demande juste raccourcir et ces tout ...:wobble-18a4:
 
Dernière édition:
Tuto à venir... je vais les refaire car je ne les trouves plus.

-Réaliser un cadre arrondi.
-Réaliser un userbar.
-Réaliser un reflet/profondeur.
-Texte effet web.
 
gg sonny beau taf
comme moi amis de toshop :)

je te post quelque créa ^^

maeelle.png




tiffa2ri7.jpg


docj.png


stev1.png


marto.png
avamarto.png


ralzen.png


38189498.png

encore GG et beau taf :)
 
Dernière édition:
Beau boulot gamer :pouce1-1a0b:
En effet je maitrise un peu toshop en tous les cas j'y étais fort actif quand la communauté Netidentite.org était toujours active car la le forum est désert et depuis 3ans bah plus rien ... mais bon j'ai encore de bon reste :icon17-36f7:

@ therom, je viens de finir le tuto :icon_wink-221e:


Mise à jour : Ajout du tuto écriture effet web fraichement réalisé pour oc-pc !
 
Êtes-vous toujours intéresser par des tutos ?

Car je vois que le dernier que j'ai réalisé n'a pas eu de succès :insit-1d80: et comme ça prend quand même un certain temps pour les faire...
 
Salut Sonny

Moi je dirais oui, attend d'autres avis si tu le souhaite.
Il faut parfois du temps pour que les tutos soient visités ou utilisés.
 
Je pense que les tutos peuvent être utile a beaucoup de personne, j'essayerai dans faire ces vacances aussi... Sinon ce serai pas mal en cas que des personnes disent quel tuto ils veulent en priorité histoire de savoir quoi faire :)
 
Excellent tuto Sonnyred je te tire mon chapeau, tes création sont plus que jolie !
Tu peux me donner ton avis sur quelle que signature que j'ai faite par hasard ?
j'avais arrête pendant quelle que mois, mes sa fait maintenant 3 ans que j'utilise photoshop, j'en fait quand j'ai le temps quoi...




=========================================

=========================================
 
Statut
La discussion n'est pas ouverte à d'autres réponses
Retour
Haut