58 utilisateurs inconnus

 Mot :   Pseudo :  
 
 Page :  1  2  3
Page Précédente 
Auteur
 Sujet :

[Tuto Photoshop] Faire un effet comme le fond de la bannière CrXP

 
n°11427
Franckie
Profil : Penguin
Avatar
profil
Posté le 14-07-2007 à 12:52:54  
 

Faire un effet comme le fond de la bannière de CrXP :

 


Il n'y a pas si longtemps quelqu'un m'a demandé si je savais comment était fait le fond de CrXP ! Ma réponse était sans contest « J'en sais vraiment rien du tout ! » Etant curieux de réaliser souvent des effets que je vois j'ai donc pour ansi dire, inventé une manière de faire un effet semblable mais il existe sans doute d'autres manières de le réaliser !

 

Voici donc ma façon de réaliser un tel effet sur Photoshop ! Mon premier tutos sur CrXP !

  

Créez un nouveau document de 300 pixels de haut et 500 de large et remplissez-le avec un dégradé linéaire horizontal:

 

R: 0 ; G: 0 ; B: 0
R: 30 ; G: 60 ; B: 130

 

http://franck.hecht.free.fr//images/photoshop_tutos/tutos-effet-ban-crxp/effet-ban-crxp-001.jpg

 

Sélectionnez l'outis Plume (P) puis activez le mode Tracé en cliquant sur l'icone suivante dans la barre d'options des outils en-dessous des menus:

 

http://franck.hecht.free.fr//images/photoshop_tutos/tutos-effet-ban-crxp/effet-ban-crxp-002.jpg

 

Tracez ensuite une forme semblable à la figure ci-dessous (c'est l'effet arrondi dans l'image qui est le plus important) :

 

http://franck.hecht.free.fr//images/photoshop_tutos/tutos-effet-ban-crxp/effet-ban-crxp-003.jpg

 

Choisissez une couleur bleue ciel voir turquoise, moi j'ai pris pour l'exemple: R: 120 ; G: 220 ; B: 240 puis récupérez la sélection du tracé et remplissez la sélection avec cette couleur dans un nouveau calque que vous nommerez "Trait". Gardez la sélection active !

 

http://franck.hecht.free.fr//images/photoshop_tutos/tutos-effet-ban-crxp/effet-ban-crxp-004.jpg

 

Dupliquez le calque "Trait" et nommez la copie "Fondu 1". Dupliquez ce dernier calque et nommez-le "Fondu 2". Sélectionnez le calque "Trait" et réduisez la sélection de 1px et coupez (touche Suppr) la sélection !

 

Sélectionnez maintenant le calque "Fondu 1" puis réduisez la sélection de 10px puis donnez-lui un contour progressif de 30px puis coupez les pixels :

 

http://franck.hecht.free.fr//images/photoshop_tutos/tutos-effet-ban-crxp/effet-ban-crxp-005.jpg

 

Sélectionnez maintenant le calque "Fondu 2" puis réduisez la sélection de 50px et appliquez-lui un contour progressif de 50px puis coupez les pixels :

 

http://franck.hecht.free.fr//images/photoshop_tutos/tutos-effet-ban-crxp/effet-ban-crxp-006.jpg

 

Sélectionnez le calque "Fondu 1" et mettez-le en opacité 75% de même pour le calque "Fondu 2" mais avec une opacité de 50%. Passez maintenant tous les calques en mode Lumière tamisée :

 

http://franck.hecht.free.fr//images/photoshop_tutos/tutos-effet-ban-crxp/effet-ban-crxp-007.jpg

 

Il suffit de répéter ces étapes avec d'autres formes de ce type mais sous d'autres angles et c'est terminé ! Voici ce qu'on peut obtenir :

 

http://franck.hecht.free.fr//images/photoshop_tutos/tutos-effet-ban-crxp/CStr-v2.jpg

  

Enjoy  :winktongue:

answer
mood
GoogleAds
profil
Posté le 14-07-2007 à 12:52:54  
 

answer
n°11477
dlb
q|p
Profil : Admin
Avatar
profil
Posté le 23-07-2007 à 10:40:12  
 

Sympa ce petit tuto ! Validé !  :jap:

 


Merci Franckie :wink:

answer
n°11480
leskimo
Profil : Penguin Pro
Avatar
profil
Posté le 23-07-2007 à 10:59:44  
 

Pas mal :smile:

 

J'aime bien ! ca aurait été mieux avec une couleur moins bleue nan ? :biggrin:

answer
n°11481
Franckie
Profil : Penguin
Avatar
profil
Posté le 23-07-2007 à 11:03:12  
 

leskimo a écrit :

J'aime bien ! ca aurait été mieux avec une couleur moins bleue nan ? :biggrin:


J'aiiiimme le bleu  :mdr:  

 

En réalité l'image finale reflète ce que je voulais faire pour l'image de présentation d'une de mes bibliothèque perso en langage C donc je me suis basé sur ces couleurs pour le tutos ! Mais oui on peut prendre n'importe quelle couleur, après chacun à ses goûts :wink:

answer
n°11485
EnableConsole
Profil : Penguin Pro
Avatar
profil
Posté le 23-07-2007 à 12:27:43  
 

C'est vraiment bien comme tutoriel! Bravo!
Au fait, qu'est-ce que ça donne comme effet un contour progressif sous toshop pour le faire sous gimp?

answer
n°11486
Tatice
Borsalino Gang
Profil : Penguin Pro
Avatar
profil
Posté le 23-07-2007 à 12:43:19  
 

Pas mal et merci Franckie ! :wink:

answer
n°11488
leo_killer
Flash penguin
Profil : Penguin Pro
Avatar
profil
Posté le 23-07-2007 à 12:55:28  
 

Joli tuto, Franckie  :great: C'est beau et c'est bien fait !

answer
n°11490
frearnaud
Profil : Top Penguin
Avatar
profil
Posté le 23-07-2007 à 13:24:58  
 

Très bon tuto ! bravo a toi ! :great:

answer
n°11491
juliomino
Profil : Big Penguin
Avatar
profil
Posté le 23-07-2007 à 13:47:53  
 

Super Tuto ! :happy2:

answer
n°11493
Franckie
Profil : Penguin
Avatar
profil
Posté le 23-07-2007 à 14:50:41  
 

Merci  :he:

answer
n°11494
Franckie
Profil : Penguin
Avatar
profil
Posté le 23-07-2007 à 14:52:36  
 

EnableConsole a écrit :

C'est vraiment bien comme tutoriel! Bravo!
Au fait, qu'est-ce que ça donne comme effet un contour progressif sous toshop pour le faire sous gimp?


Un contour progressif sur une sélection sur Photoshop permet d'appliquer une couleur (et même de supprimer une partie d'une image) en fondu  du calque vers les calque en-dessous, un peu comme si tu fait un dégradé d'une couleur vers de la transparence :wink:

 

C'est ce qui est montré dans l'image
http://franck.hecht.free.fr//images/photoshop_tutos/tutos-effet-ban-crxp/effet-ban-crxp-005.jpg

answer
n°11495
EnableConsole
Profil : Penguin Pro
Avatar
profil
Posté le 23-07-2007 à 14:55:18  
 

En gros c'est un contour, d'un côté c'est coupé, de l'autre c'est flou, c'est ça?

 

Au fait, n'hésite pas à utiliser la fonction "Editer" en bas, à droite de ton post pour ajouter quelque chose que tu as oublié dans le post précédent. Un double post est mal vu sur un forum comme celui-ci :wink:

answer
n°11496
Franckie
Profil : Penguin
Avatar
profil
Posté le 23-07-2007 à 15:00:44  
 

EnableConsole a écrit :

En gros c'est un contour, d'un côté c'est coupé, de l'autre c'est flou, c'est ça?


Oui c'est ca :wink:

 
EnableConsole a écrit :

Au fait, n'hésite pas à utiliser la fonction "Editer" en bas, à droite de ton post pour ajouter quelque chose que tu as oublié dans le post précédent. Un double post est mal vu sur un forum comme celui-ci :wink:


Je sais mais c'était volontaire vu que j'ai répondu d'abord à un groupe de personnes puis ensuite à une seule, je trouve que de le faire séparément rend plus lisible les posts, c'est l'habitude de le faire tout le temps sur les forums où je suis modérateur/rédacteur/reponsable  :lol:

 

M'enfin si c'est mal vu ici je tacherais de m'en souvenir !

answer
n°11497
EnableConsole
Profil : Penguin Pro
Avatar
profil
Posté le 23-07-2007 à 15:05:56  
 

Eh ben alors tu procèdes comme ça:

 

Personne 1: Merci
Personne 2: Explication :wink:

 

Ok, merci pour l'explication :smile:

answer
n°11498
LouisV
Cey moi! Eroik Fantaisy!
Profil : Top Penguin
Avatar
profil
Posté le 23-07-2007 à 15:27:07  
 

Wha !!! Merci !  :happy2:  Tu es mon héros !!   :great: Ca faisait super longtemps que je cherché à recréer cette effet !

answer
n°11505
dimebag_hammett
Un type cynique et chiant
Profil : Big Penguin
Avatar
profil
Posté le 24-07-2007 à 13:27:35  
 

C'est super, bravo !! J'utilise Gimp, et j'aimerais beaucoup pouvoir refaire cet effet que je cherche a faire depuis des lustres. Je vais fouiller un peu dans Gimp !

answer
n°11506
Hora
Profil : Penguin Pro
Avatar
profil
Posté le 24-07-2007 à 13:40:54  
 

j' aurais pas fait comme ça le fond, mais le rendu est cool donc ça va  :lol:

answer
n°11507
cerium
1+1 = 42
Profil : Penguin Pro
Avatar
profil
Posté le 24-07-2007 à 14:41:34  
 

Pour les utilisateurs de Gimp, je pense que le "contour progressif" de Toshop et l'adoucissement de sélection" de Gimp, non ?

 

Bon tuto :great:

answer
n°11509
EnableConsole
Profil : Penguin Pro
Avatar
profil
Posté le 24-07-2007 à 14:45:17  
 

Non, ce n'est pas tout à fait ça.
Mais moi je savais faire un contour progressif avant le tuto sous Gimp, même si je savais pas que ça s'appelait contour progressif :na:

answer
n°11521
Senna Jr
Profil : New Penguin
Avatar
profil
Posté le 25-07-2007 à 15:14:06  
 

Moi j'arrive a sa  :boulay:

 

http://img442.imageshack.us/img442/1512/fondpa1.jpg

answer
n°11523
Franckie
Profil : Penguin
Avatar
profil
Posté le 25-07-2007 à 16:30:39  
 

Senna Jr a écrit :

Moi j'arrive a sa  :boulay:

 

http://img442.imageshack.us/img442/1512/fondpa1.jpg


Te manque l'incrustation de l'effet en Lumière tamisée mais sinon oui, le changement de couleur est sympa :smile:

answer
n°11527
Senna Jr
Profil : New Penguin
Avatar
profil
Posté le 25-07-2007 à 22:31:33  
 

merci :smile:

answer
n°11528
PiXel's
Avatar
profil
Posté le 25-07-2007 à 22:38:04  
 

sympa ce tuto j'aime bien  :great:

answer
n°11533
NueX
Profil : Big Penguin
Avatar
profil
Posté le 26-07-2007 à 01:03:57  
 

Bon rendu final !  :cool:
Ca rend bien !

answer
n°11537
:: Mobi-tests ::
Profil : New Penguin
Avatar
profil
Posté le 26-07-2007 à 16:21:02  
 

Bonjour, moi j'ai un soucis avec cela:

Citation :

Dupliquez le calque "Trait" et nommez la copie "Fondu 1". Dupliquez ce dernier calque et nommez-le "Fondu 2". Sélectionnez le calque "Trait" et réduisez la sélection de 1px et coupez (touche Suppr) la sélection !

 

Sélectionnez maintenant le calque "Fondu 1" puis réduisez la sélection de 10px puis donnez-lui un contour progressif de 30px puis coupez les pixels :

 

Réduire la sélection et contour progressif sont inconnu pour moi .

 

Comme je vais développer un site fait sous photoshop pendant les vacances, où je n'aurais pas Internet, je m'entraine pendant que je peux, avec vos tutos.

 

Donc la sélection et le contour, j'y arrive pas. Je fais juste Edition> Contour, et j'obtiens un truc assez moche:
http://img410.imageshack.us/img410/5760/soucisphotoshop1wm8.jpg

 

Pouvez-vous m'expliquer?

answer
 Page :  1  2  3
Page Précédente 

Aller à :
Ajouter une réponse