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 )
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 )
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 :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 )
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 )
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.
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