| .lKf. Profil : Penguin | Bonjour, c'est mon premier tuto, je vais vous montrer comment créer une zoulie icône Steam 
Pour commencer, créez un nouveau document de 128x128 (n'oubliez pas de lancer TheGimp avant  )
Mettez-vous en zoom x2 (Affichage, Zoom, 200%) pour mieux travailler. Créez un nouveau calque nommé "carre", puis faites une selection rectangulaire comme ceci :
que vous remplirez de noir. Deselectionnez. Faites un zoom x1600 sur le coin en haut à gauche. Selectionnez l'outil plume, puis créez une selection comme ceci :
et faites "Tracer la sélection". Faites Ctrl+K pour effacer. Ensuite prenez l'outil "Rotate" :
Et faites une rotation de 90°. Déplacez la selection jusqu'au coin haut-droit de manière à faire exactement le même arrondi que l'angle précédent.
Répétez l'opération pour les 2 autres angles. Vous devriez avoir ceci :
Faites un clic droit sur le calque "carre" et faites "Alpha vers Sélection", ensuite allez dans Sélection, Réduire, entrez 1 comme valeur. Créez un nouveau calque nommé "reflet", et faites un dégradé Blanc vers Transparent du haut vers le bas comme ceci :
Desélectionnez. Sélectionnez l'outil "Sélection Elliptique", puis faites une sélection en décalant avec Alt puis en agrandissant la selection jusqu'à obenir ceci :
Inversez la sélection, puis faites Ctrl+K.
Le reflet est terminé, passons au logo.
Logo Steam
Ouvrez le logo en parallèle. Faites une selection du logo (la forme n'est pas importante), puis faites copié collé dans notre icône. Avec l'outil scale , redimensionnez le calque (pas la sélection ! ) à 120x85. Vous devriez obtenir ceci :
Ensuite cliquez sur le bouton "Nouveau Calque" pour créer un calque du logo. Selectionnez ce calque, puis allez dans Calque, Transparence, Couleur vers Alpha. Selectionnez le noir. Seul le logo est maintenant sur le nouveau calque.
Maintenant faites clic droit sur le calque, puis faites "Alpha vers Selection". Créez un nouveau calque nommé "logo", puis sur ce calque faites un dégradé avec comme couleur de premier plan du blanc et comme couleur du 2nd plan du gris très clair (exemple : #cbcbcb ) du haut vers le bas comme ceci :
Supprimez le calque collé, puis déselectionez. Voilà, notre icône est terminé, vous n'avez plus qu'à l'enregistrer 
Si vous avez bien suivi ce tuto vous devriez avoir obtenu ceci :
Vous pouvez recommencer et affiner les bords à vos goûts pour faire plus carré où plus rond, et agrandir ou rétrécir le logo selon vos envies !  (j'avoue que celle ci était un peu foirée ! :^^: )
P.S : Il est à noter que pour faire la forme du carré aux bords arrondis, vous pouvez utiliser Photoshop en utilisant les formes personnalisées (il y a un carré aux bords arrondis), puis passer sous Gimp pour le reste
Message édité par Fagoon le 25-06-2009 à 13:55:13
| |
Vahiny Profil : Big Penguin | Citation :
Il est à noter que pour faire la forme du carré aux bords arrondis, vous pouvez utiliser Photoshop en utilisant les formes personnalisées (il y a un carré aux bords arrondis), puis passer sous Gimp pour le reste
|
Sacrilège !  
On peut aussi faire une sélection carrée pour aller dans le menu Sélection / Rectangle arrondi ... et laisser le rayon à 50%. Et ça donne un carré aux coins arrondis
Une remarque : dommage que tu n'aies pas posté des miniatures, c'est plus agréable pour suivre un tuto d'avoir des aperçus. du coup, j'ai eu la flemme de cliquer à chaque image et je ne sais pas trop si le tuto est facilement réalisable mais d'après l'image finale, c'est à tenter. | |
Xorios Profil : Penguin Pro | Vahiny a écrit :
Une remarque : dommage que tu n'aies pas posté des miniatures, c'est plus agréable pour suivre un tuto d'avoir des aperçus.
|
+1  Vahiny a écrit :
du coup, j'ai eu la flemme de cliquer à chaque image et je ne sais pas trop si le tuto est facilement réalisable mais d'après l'image finale, c'est à tenter.
|
+1 Et puis c'est pas un peu petit 128x128?
Les icônes dans la PngFactory font 256x256 (celles dans Icône à la carte aussi). Mais c'est super d'avoir fait ce tuto pour The GIMP.
Merci.  | |
moks Profil : Penguin Pro | Citation :
P.S : Il est à noter que pour faire la forme du carré aux bords arrondis, vous pouvez utiliser Photoshop en utilisant les formes personnalisées (il y a un carré aux bords arrondis), puis passer sous Gimp pour le reste
|
il est a noter que si j'ai photoshop....je ne mettrai jamais a TheGimp
| |
Vahiny Profil : Big Penguin | Mdr je m'étais fait la remarque inverse, moi c'est Gimp que j'ai  | |
!nFin1ty | super le tuto, je vais pouvoir changer l'icone de steam dans mon dock | |
Narco Voodoo child
Profil : Modo | Le tuto est bien, mais je trouve dommage que tu passes par un copier/coller du logo (sous-entendu qu'il fallait créer le logo soi-même, à la plume ^^) | |
.lKf. Profil : Penguin | Mouarf c'est pas trop difficile, mais c'est long 
Et puis, on peut très bien le refaire à la plume avec le patron P.S : pour les miniatures je vais essayer d'arranger ça | |
BaSt* Profil : New Penguin | Merci même si j'ai fait l'icone avec Photoshop, j'ai aussi GIMP et c'est cool d'avoir des tutos(ils sont très rares hélas! | |
tidine Profil : Top Penguin | J'aime bien le rendu, mais tout pareil ça ne m'intéresse pas de cliquer à chaque fois sur le lien des images 
Tu as insatallé Gimptoshop (je sais pas trop son nom, je veux dire le Gimp à l'interface toshop)? | |
Kn8d Profil : Penguin | Citation :
J'aime bien le rendu, mais tout pareil ça ne m'intéresse pas de cliquer à chaque fois sur le lien des images
Tu as insatallé Gimptoshop (je sais pas trop son nom, je veux dire le Gimp à l'interface toshop)?
|
Je pense que tu voulais parler de gimp shop ?
Le seul problème avec gimp shop, c'est qu'il est "in english" ...
Mais bon, heureusement yen a qui ont fait une version the gimp shop à la fr ! : gimp mode ! dedans ya en plus GTK+, parfait non ? (téléchargement)
| |
Ben93 Profil : New Penguin | c'est pas mal j'ai fait sa :
Mais c'est bien pour les débutant et en effet c'est mieux d'aller dans sélection puis rectangle arrondis, sa fait un rectangle bien proportionné quoi ^^. | |
| |
