Studio Graph
Vous souhaitez réagir à ce message ? Créez un compte en quelques clics ou connectez-vous pour continuer.

Studio Graph

Studio graph le monde graphique
 
AccueilRechercherDernières imagesS'enregistrerConnexion
Le Deal du moment : -28%
Précommande : Smartphone Google Pixel 8a 5G ...
Voir le deal
389 €

 

 [photoshop]réaliser des icones [facile]

Aller en bas 
3 participants
AuteurMessage
THE TITAN
Graphiste
Graphiste



Nombre de messages : 62
Age : 30
Localisation : ZZzzz heuu...QUOI?ahhhh!dans mon lit..zZzZzZzZZzzZzz
Date d'inscription : 30/10/2006

[photoshop]réaliser des icones [facile] Empty
MessageSujet: [photoshop]réaliser des icones [facile]   [photoshop]réaliser des icones [facile] Icon_minitimeDim 5 Nov - 18:10

un tuto qui devrait donner ça:

[photoshop]réaliser des icones [facile] 1162733437_samourai



1 - Créez un nouveau document de 256 x 256 pixels.
Sélectionnez l'outil ellipse et tracez un cercle en maintenant la touche Shift enfoncée:

[photoshop]réaliser des icones [facile] 1162733714_1


2 - Remplissez la sélection d'une couleur :

[photoshop]réaliser des icones [facile] 1162733870_2


3 - Contractez la sélection de 2 pixels :

[photoshop]réaliser des icones [facile] 1162734047_3

[photoshop]réaliser des icones [facile] 1162734207_4


4 - Créez un nouveau calque en gardant la sélection active.



5 - Sélectionnez l'outil Pinceau d'une taille de 65 avec les contours doux et mode aérographe.



6 - Choisissez une Couleur plus foncée que celle de l'arrière plan et donner des coups de pinceau.



7 - Répéter cette étape avec des couleurs plus claires. Cette étape consiste à donner une sorte de matière à la boule.



8 - Dé-sélectionnez.



9 - Appliquez un flou gaussien de 17 (mais ce chiffre peu varier en fonction de l'effet souhaité)



10 - Récupérez la sélection du calque 1, contracter de 2 pixels,
intervertir la sélection (maj + ctrl + i) et appuyez sur la touche
suppr du clavier pour nettoyer le calque.



[photoshop]réaliser des icones [facile] 1162734934_5



11 - Créez un nouveau calque avec la sélection du calque 1 contractée de 2 pixels.


12 - Appliquez un dégradé blanc vers transparent en partant du haut :

[photoshop]réaliser des icones [facile] 1162735123_6


13 - Créez un nouveau calque que vous glissez sous le calque 3. Changez le mode du calque 4 en Incrustation.

[photoshop]réaliser des icones [facile] 1162735302_7


14 - Appliquez un dégradé noir vers transparent en partant du bas toujours avec la selection du calque 1 contractée de 2 px:

[photoshop]réaliser des icones [facile] 1162735545_8

15 - Retournez sur le calque 3. Sélectionnez l'outil Plume. Dessinez un truc dans ce goût-là :

Seule la sélection sur l'icône compte, après il faut juste boucler la sélection.

[photoshop]réaliser des icones [facile] 1162736335_9



16 - Transformez le tracé en sélection (paths=tracés)

[photoshop]réaliser des icones [facile] 1162736481_10


17 - Appuyez sur la touche suppr du clavier pour supprimer le dégradé blanc selectionné:
[photoshop]réaliser des icones [facile] 1162736614_11


18 - Dé-sélectionnez (ctrl + d)

Importez l'image qui servira à identifier l'icône

19 - Remplissez-la en un blanc légèrement grisé(pas obligatoire). Glissez le calque 5 sous le calque 3:

[photoshop]réaliser des icones [facile] 1162736966_12


20 - Récupérez la sélection du claque 5 (ctrl + clic sur le claque).



21 - Créez un nouveau calque en remplissant celui-ci d'un dégradé gris vers transparent, en partant du bas.



22 - Sur le même calque et toujours avec la sélection active, remplir
d'un dégradé blanc vers transparent en partant du haut. Dé-sélectionnez.


[photoshop]réaliser des icones [facile] 1162737183_13


23 - Modifier le style du calque de l'objet importé (calque 5) avec les réglages ci-dessous :

ces réglages peuvent varier en fonction de la forme de l'objet.

(inner shadow = ombre interne)
(multiply = produit)

[photoshop]réaliser des icones [facile] 1162737482_14


(bevel and embrosse =biseautage et estampage )

(screen = superposition)

[photoshop]réaliser des icones [facile] 1162738228_15


26 - Retournez sur le calque 1. Modifiez le style du claque ainsi :

[photoshop]réaliser des icones [facile] 1162738662_16


27 - créez un nouveau calque. Récupérez la sélection du claque 1. Dilatez-la de 2 pixels. Remplissez de blanc. Glissez ce calque sous le calque 1.

Modifiez le style du calque précédemment créé :



ombre portée :

distance : 3

taille : 8



c'est fini!


[photoshop]réaliser des icones [facile] 1162739175_17



inspiré du tuto:creer-icones-avec-photoshop
Revenir en haut Aller en bas
Ange-Noir
Admin
Admin
Ange-Noir


Nombre de messages : 302
Date d'inscription : 28/10/2006

[photoshop]réaliser des icones [facile] Empty
MessageSujet: Re: [photoshop]réaliser des icones [facile]   [photoshop]réaliser des icones [facile] Icon_minitimeDim 5 Nov - 18:31

Bon tuto mais domage que ton rendu et pixéliser sur les bords.
Revenir en haut Aller en bas
THE TITAN
Graphiste
Graphiste



Nombre de messages : 62
Age : 30
Localisation : ZZzzz heuu...QUOI?ahhhh!dans mon lit..zZzZzZzZZzzZzz
Date d'inscription : 30/10/2006

[photoshop]réaliser des icones [facile] Empty
MessageSujet: Re: [photoshop]réaliser des icones [facile]   [photoshop]réaliser des icones [facile] Icon_minitimeDim 5 Nov - 20:42

c'est a cause du format ( xxxx.png )mais quand c'est pas transparent c'est pas pixélisé

et sinon, au niveau de la traduction, sa va ou je doit etre plus précis??
Revenir en haut Aller en bas
nico17
Moderateur
Moderateur



Nombre de messages : 111
Age : 31
Date d'inscription : 30/10/2006

[photoshop]réaliser des icones [facile] Empty
MessageSujet: Re: [photoshop]réaliser des icones [facile]   [photoshop]réaliser des icones [facile] Icon_minitimeLun 6 Nov - 20:48

joli rendu final bravo !!! belle icones !!!
Revenir en haut Aller en bas
Contenu sponsorisé





[photoshop]réaliser des icones [facile] Empty
MessageSujet: Re: [photoshop]réaliser des icones [facile]   [photoshop]réaliser des icones [facile] Icon_minitime

Revenir en haut Aller en bas
 
[photoshop]réaliser des icones [facile]
Revenir en haut 
Page 1 sur 1
 Sujets similaires
-
» [Photoshop] Userbar
» [PHotoshop] Pixel Strech
» [Photoshop] effet pluie
» [Photoshop] texture mettalique
» [Photoshop] Tubes fausse 3D

Permission de ce forum:Vous ne pouvez pas répondre aux sujets dans ce forum
Studio Graph :: .:: Ressources graphique .:: :: Photoshop Image Ready-
Sauter vers:  
Ne ratez plus aucun deal !
Abonnez-vous pour recevoir par notification une sélection des meilleurs deals chaque jour.
IgnorerAutoriser