Narc0 Entraide Graphique : Flaidy, fabix Exposition Graphique : Vermine, 1 utilisateur anonyme et 70 utilisateurs inconnus

 Mot :   Pseudo :  
 
Bas de page
Auteur
 Sujet :

Arrondissement d'une icone

 
n°81048
Quidam
Photoshop - User
Profil : Big Penguin
Avatar
profil
Posté le 12-10-2009 à 22:23:48  
 

Hello tout le monde,
J'ai créé une icône Facebook et j'aimerais arrondir comme les icônes de l' iPhone mais je ne sais pas comment faire :oups:  :  
 
Voici mon icône :  
                        http://img158.imageshack.us/img158/6672/boutonfacebook.png
 
Et voici ce que je veux :  
                                 http://img59.imageshack.us/img59/1517/82a9590e8d787e8f5368f54.png
 
Voici le tuto au cas ou  :ar: Clik Ici
 
 
Merci d'avance aux âmes charitables ! :jap:

answer
mood
GoogleAds
profil
Posté le 12-10-2009 à 22:23:48  
 

answer
n°81104
Quidam
Photoshop - User
Profil : Big Penguin
Avatar
profil
Posté le 14-10-2009 à 19:47:38  
 

Petit Up please !

answer
n°81106
Grolex
Profil : New Penguin
Avatar
profil
Posté le 14-10-2009 à 21:36:43  
 

http://www.crystalxp.net/forum/mesimages/343558/BoutonFaceBook.png
http://www.crystalxp.net/forum/mesimages/343558/BFB2.png
 
J'ai fait deux versions, plus ou moins arrondi.
Ca te convient?  :smile:


Message édité par Grolex le 14-10-2009 à 21:39:23

---------------
 http://nsm02.casimages.com/img/2009/09/23//090923061107839224509795.png
http://nsm02.casimages.com/img/2009/10/28/091028052944839224734609.png
http://networld-project.fr/index.php
" Je n'ai pas de talents particuliers. Je suis juste passionnément curieux. " Albert Einstein
answer
n°81111
Ji-n Kuro-do
Rainmeter Skinner - User
Profil : Penguin Pro
Avatar
profil
Posté le 14-10-2009 à 23:17:49  
 

@ Grolex, c'est très gentil de ta part d'avoir fait ces icônes (bien que la bordure noire me semble superflue, ou un peu trop grosse), mais je pense que Quidam désire avant tout savoir comment le réaliser lui-même..
(il a "soif" d'apprendre..)  :oui:  
 
@ Quidam, puisque tu as Toshop, tu sélectionnes tout simplement l'outil "Rectangle arrondi"  :psroundedrectangle: afin de faire un tracé autour de ton icône..
(je ne sais plus si tu dois ou non définir un rayon pour l'arrondi  :neutral:  le mieux est de tester)
 
Puis tu transformes ton tracé en "Sélection", tu inverses la sélection, et tu supprimes.. ^^
 
Cela ne fonctionne que si ton icône est sous forme de "Calque" bien entendu, car si tu l'as en "Arrière-plan" (si c'est un JPG par exemple), le fait d'effacer te mettra un fond blanc (couleur par défaut) ou bien la couleur que tu as actuellement en arrière-plan..
 
Dans ce cas, tu transformes "Arrière-plan" en "Calque" (double-clic dessus dans la fenêtre de gestion des calques) AVANT de faire ta sélection..  :jap:


Message édité par Ji-n Kuro-do le 14-10-2009 à 23:19:38

---------------
     Tone_94 Blog - Rainbar V4 Fr by Gavatx - Ghenarys Gallery
      http://nsm01.casimages.com/img/2008/08/28//08082807313093582431028.png
Hébergez vos images - True Transparency - Hébergez vos fichiers
Nouveau sur CrystalXP - Les règles du Forum - Règlement Entraide Graphique
answer
n°81164
Quidam
Photoshop - User
Profil : Big Penguin
Avatar
profil
Posté le 15-10-2009 à 20:17:50  
 

Merci Grolex !
@ Jin exactement j'ai soif d'apprendre mais puisque c'est un .PSD que j'ai créé le petit rectangle en couleur je le veux aussi avec les angles arrondi mais juste d'en bas, comment faire ?


Message édité par Quidam le 15-10-2009 à 20:24:18
answer
n°81167
Wizzer
Troll Linuxien
Profil : Top Penguin
Avatar
profil
Posté le 15-10-2009 à 20:34:13  
 

Tu peux créer deux formes : une rectangulaire, et une arrondie, et tu fais un mix des deux. (En supprimant une partie sur l'une ou l'autre forme, par exemple)


---------------
http://www.crystalxp.net/forum/mesimages/70732/DA.pnghttp://www.crystalxp.net/forum/mesimages/70732/GuiPulp.png
answer
n°81168
Quidam
Photoshop - User
Profil : Big Penguin
Avatar
profil
Posté le 15-10-2009 à 20:35:55  
 

Oui merci je vais faire des manips et si j'y arrive pas je wizz et puis comment on fait pour copier une sélection ? :neutral:

answer
n°81169
Wizzer
Troll Linuxien
Profil : Top Penguin
Avatar
profil
Posté le 15-10-2009 à 21:00:33  
 

Etant Gimper, je sais pas trop, mais un clic droit sur le calque devrait proposer une option qui permette de récuperer la sélection, non ?
Si tu demandes ça pour faire le mix dont j'ai parlé, tu peux aussi créer deux calques, tu y crées chaque forme séparement, ensuite tu supprimes le bas sur l'un, et le haut sur l'autre, et tu fusionnes les calques.


---------------
http://www.crystalxp.net/forum/mesimages/70732/DA.pnghttp://www.crystalxp.net/forum/mesimages/70732/GuiPulp.png
answer
n°81172
Quidam
Photoshop - User
Profil : Big Penguin
Avatar
profil
Posté le 15-10-2009 à 21:32:38  
 

Wizzer a écrit :

Etant Gimper, je sais pas trop, mais un clic droit sur le calque devrait proposer une option qui permette de récuperer la sélection, non ?
Si tu demandes ça pour faire le mix dont j'ai parlé, tu peux aussi créer deux calques, tu y crées chaque forme séparement, ensuite tu supprimes le bas sur l'un, et le haut sur l'autre, et tu fusionnes les calques.


 
Une dernière chose j'arrive a faire mon rectangle en bas voici mon image http://img70.imageshack.us/img70/6672/boutonfacebook.png  
Si vous pouviez me l'a faire puis la mettre au format .psd sa serait super sunpas ! Merci d'avance aux âmes charitables !

answer
n°81176
Ji-n Kuro-do
Rainmeter Skinner - User
Profil : Penguin Pro
Avatar
profil
Posté le 15-10-2009 à 22:20:48  
 

Quidam a écrit :


 
Une dernière chose j'arrive pas a faire mon rectangle en bas voici mon image http://img70.imageshack.us/img70/6 [...] cebook.png  
Si vous pouviez me l'a faire puis la mettre au format .psd ça serait super sympa ! Merci d'avance aux âmes charitables !


Pas compliqué, Quidam, tu récupères la sélection de ton icône, tu contractes de 2px, tu fais "soustraire de la sélection" la partie haute que tu veux conserver en bleu, idem pour le bout du "f" qui reste, puis tu crées un nouveau calque par dessus que tu remplis avec ton gris :
 
http://www.crystalxp.net/forum/mesimages/140477/boutonfacebook.png  :jap:
 
-------
Edit :
Par contre, je viens de réaliser un truc.. puisque tu as fait le PSD, donc ton "f" est bien dans un calque à part logiquement.. ^^
Dans ce cas, tu "zappe" mon histoire de "bout de "f" à soustraire" de la sélection, mais tu crées le calque de la partie grise entre le calque du fond de l'icône, et le calque du "f"..

Message cité 1 fois
Message édité par Ji-n Kuro-do le 15-10-2009 à 22:39:00

---------------
     Tone_94 Blog - Rainbar V4 Fr by Gavatx - Ghenarys Gallery
      http://nsm01.casimages.com/img/2008/08/28//08082807313093582431028.png
Hébergez vos images - True Transparency - Hébergez vos fichiers
Nouveau sur CrystalXP - Les règles du Forum - Règlement Entraide Graphique
answer
n°81180
Quidam
Photoshop - User
Profil : Big Penguin
Avatar
profil
Posté le 15-10-2009 à 22:55:45  
 

Ji-n Kuro-do a écrit :


Pas compliqué, Quidam, tu récupères la sélection de ton icône, tu contractes de 2px, tu fais "soustraire de la sélection" la partie haute que tu veux conserver en bleu, idem pour le bout du "f" qui reste, puis tu crées un nouveau calque par dessus que tu remplis avec ton gris :
 
http://www.crystalxp.net/forum/mes [...] cebook.png  :jap:
 
-------
Edit :
Par contre, je viens de réaliser un truc.. puisque tu as fait le PSD, donc ton "f" est bien dans un calque à part logiquement.. ^^
Dans ce cas, tu "zappe" mon histoire de "bout de "f" à soustraire" de la sélection, mais tu crées le calque de la partie grise entre le calque du fond de l'icône, et le calque du "f"..


 
Merci Jin mais désolé je n'ai pas trop compris l'histoire de soustraire de sélection et tout  :oups:  Et pour info la couleur du petit rectangle est #7f98c2 c'est juste les dégradé qui lui donne la couleur de gris !

answer
n°81182
Ji-n Kuro-do
Rainmeter Skinner - User
Profil : Penguin Pro
Avatar
profil
Posté le 15-10-2009 à 23:15:12  
 

Quidam a écrit :


 
Merci Jin mais désolé je n'ai pas trop compris l'histoire de soustraire de sélection et tout  :oups:  Et pour info la couleur du petit rectangle est #7f98c2 c'est juste les dégradé qui lui donne la couleur de gris !


Bah ça, peu importe la couleur, j'ai dit ça en fonction de ce que j'avais à l'écran..  :he:  
 
Quand tu fais une sélection manuelle (rectangulaire ou elliptique), tu dois logiquement avoir des boutons (sous la barre de menu) qui te permettent diverses options.. parmi lesquelles tu peux ajouter à une sélection, soustraire à une sélection, ou sélectionner l'intersection de 2 sélections.. ^^
 
Et ben tu cliques sur le bouton "soustraire de la sélection", puis tu fais une nouvelle sélection avec l'outil  :psrectangularmarquee:  , et tu verras que la zone de ta nouvelle sélection s'enlève de la sélection globale de ton icône..


---------------
     Tone_94 Blog - Rainbar V4 Fr by Gavatx - Ghenarys Gallery
      http://nsm01.casimages.com/img/2008/08/28//08082807313093582431028.png
Hébergez vos images - True Transparency - Hébergez vos fichiers
Nouveau sur CrystalXP - Les règles du Forum - Règlement Entraide Graphique
answer
n°81197
Quidam
Photoshop - User
Profil : Big Penguin
Avatar
profil
Posté le 16-10-2009 à 16:08:30  
 

Ji-n Kuro-do a écrit :


Bah ça, peu importe la couleur, j'ai dit ça en fonction de ce que j'avais à l'écran..  :he:  
 
Quand tu fais une sélection manuelle (rectangulaire ou elliptique), tu dois logiquement avoir des boutons (sous la barre de menu) qui te permettent diverses options.. parmi lesquelles tu peux ajouter à une sélection, soustraire à une sélection, ou sélectionner l'intersection de 2 sélections.. ^^
 
Et ben tu cliques sur le bouton "soustraire de la sélection", puis tu fais une nouvelle sélection avec l'outil  :psrectangularmarquee:  , et tu verras que la zone de ta nouvelle sélection s'enlève de la sélection globale de ton icône..


 
Merci Jin et une nouvelle astuce apprise ! Voila mon image finale http://img243.imageshack.us/img243/1589/facebookiphone.png
Juste un truc comment on fait pour enlever l'ombre portée sachant qu'elle n'y est pas dans l'option de fusion ?  :neutral:

Message cité 1 fois
Message édité par Quidam le 16-10-2009 à 16:34:02
answer
n°81199
Ji-n Kuro-do
Rainmeter Skinner - User
Profil : Penguin Pro
Avatar
profil
Posté le 16-10-2009 à 16:53:01  
 

Quidam a écrit :


 
Merci Jin et une nouvelle astuce apprise ! Voila mon image finale http://img243.imageshack.us/img243 [...] iphone.png
Juste un truc comment on fait pour enlever l'ombre portée sachant qu'elle n'y est pas dans l'option de fusion ?  :neutral:


C'est bien, "petit padawan", tu progresses..  :wink2:  
 
Pour ton ombre portée, tu dois forcément avoir l'un de tes calques de fond qui a cette "option de fusion" coché, ou alors avoir un calque en arrière-plan en mode "flou gaussien", car sinon tu n'aurait pas cette ombre derrière..
 
Sinon, je ne vois vraiment pas  :neutral:


---------------
     Tone_94 Blog - Rainbar V4 Fr by Gavatx - Ghenarys Gallery
      http://nsm01.casimages.com/img/2008/08/28//08082807313093582431028.png
Hébergez vos images - True Transparency - Hébergez vos fichiers
Nouveau sur CrystalXP - Les règles du Forum - Règlement Entraide Graphique
answer
n°81200
Quidam
Photoshop - User
Profil : Big Penguin
Avatar
profil
Posté le 16-10-2009 à 17:12:37  
 

Bah je sais pas y a aucun calque mais bref ce n'est pas grave ! Merci pour tout Jin ! :loveit:

answer
n°81201
Ji-n Kuro-do
Rainmeter Skinner - User
Profil : Penguin Pro
Avatar
profil
Posté le 16-10-2009 à 17:31:02  
 

Quidam a écrit :

Bah je sais pas y a aucun calque mais bref ce n'est pas grave ! Merci pour tout Jin ! :loveit:


Pas de quoi Quidam, c'est bien parce que je t'aimeuh apprécie bien que j'essaie de te donner un coup de main pied  :paf:


---------------
     Tone_94 Blog - Rainbar V4 Fr by Gavatx - Ghenarys Gallery
      http://nsm01.casimages.com/img/2008/08/28//08082807313093582431028.png
Hébergez vos images - True Transparency - Hébergez vos fichiers
Nouveau sur CrystalXP - Les règles du Forum - Règlement Entraide Graphique
answer
n°81202
Quidam
Photoshop - User
Profil : Big Penguin
Avatar
profil
Posté le 16-10-2009 à 17:37:44  
 

Merci :lol:


Message édité par Quidam le 16-10-2009 à 17:37:59
answer

Aller à :
Ajouter une réponse