[TUTO] Techniques Principales Customisation
par totothebest » 28 Avr 2010, 13:19
Bonjour tout le monde .
Alors, comme plusieurs personne demande et m'ont demandé, et que je n'ai pas vu de tutoriel expliquant comment créer ses propres icônes, je vais donner quelques astuces que j'utilise.
Tout d'abord, ce tuto' s'applique à des icônes classique, et il est destiné aux utilisateurs de Photoshop CS4.
Comme celle-ci: http://nsa14.casimages.com/img/2010/04/ ... 156530.jpg[/img]
[small]La réalisation se fait en plusieurs étapes et avec un peu de temps libre .[/small]
Première étape: La taille de vos icônes. En fonction du thème, de l'agencement ...
[---]
Ne pas oublier: ( choses inutiles donc indispensables )
¤ La taille générale est environ 60*60 pixels
¤ Faire toute les icônes de la même taille, et structure (sauf si c'est fait exprès car sinon sa fait brouillon )
¤ Placer son icône au centre de la zone de travail ( explications plus bas )
[---]
1- Ouverture de CS4 ([small]photoshop [/small]) & Mise en place de l'espace de travail.
Ouvrir un nouveau document de 60*60 , si vous voulez mais je préfère une zone un petit peu plus grande moi comme sa on peut mettre des ombres etc.. Je vous propose donc un 80*80 pour être pas trop serré ^^.
Vous devriez avoir sa, après avoir mis 300% de zoom. ( pour affiner les détails )
Vous vous rendez compte que il y a un cadenas sur le calque 1 , double cliquez dessus , puis 'OK' ensuite cliquez deux fois sur le petit calque à gauche de la poubelle (créer un claque)
et voilà, supprimez calque 0. (clic droit supprimer).
Il devrait vous rester sa : http://nsa15.casimages.com/img/2010/04/ ... 763450.png[/img]
Maintenant, commençons les choses sérieuses.
2- Mise en place de l'icône.
a_ Les faignants :
Utilisez cette base : http://nsa15.casimages.com/img/2010/04/ ... 284093.png[/img]
[---]
b_ Les courageux :
Dessiné un carré aux coins arrondis au centre de l'image, clic droit sur le dessin et choisissez comme sur le screen .
Maintenant vous allez double-cliquer sur le calque 1, et mettre un effet dégradé de 066caa -> 008fc7 -> c1dbe8. Et ajouter un contour, a 60 % d'opacité de couleur noire.
http://nsa14.casimages.com/img/2010/04/ ... 990169.png[/img]
http://nsa14.casimages.com/img/2010/04/ ... 763958.png[/img]
Vous devez avoir sa : http://nsa14.casimages.com/img/2010/04/ ... 735519.png[/img]
[---]
3- Les différentes techniques de colorisations & de textures.
a: Texture, une petite chose qui donne un style.
Tout d'abord, sélectionnez vos deux calques, ( CTRL + clic ) et faites CTRL + E se qui va fusionner vos calques. Ensuite, allez dans FILTRE - GALERIE DE FILTRES Et appliquez les réglages comme le screen. Vous devriez avoir ça :
http://nsa14.casimages.com/img/2010/04/ ... 179060.png" style="display:block;margin:0 auto;" alt="" />.
b: Colorisation, la même icône à l'infinie.
¤Allez dans réglages- teinte/saturation et la vous faites varier les couleurs et l'intensité comme bon vous semble. http://nsa15.casimages.com/img/2010/04/ ... 846497.png" style="display:block;margin:0 auto;" alt="" />
J'ai opté pour un réglage[small]( de haut en bas )[/small] -45 / -4 / -4.
Ce qui donne un vert-indigo.
¤Autre solution, si aucune des couleurs ne vous plait, vous pouvez utiliser un masque d'écrêtage.
[---]
Rappel: Un masque d'écrêtage, est une image, un schéma, un dégradé, un effet .. qui va permettre de suivre la forme à laquelle il est écrêté. Vous allez comprendre.
[---]
Alors pour démarré il nous faut quelque chose à écrêter, je vous propose un dégradé[small]( vous pouvez mettre se que vous voulez )[/small]
Un dégradé plutot flashy mais vous allez voir on peut faire quelque chose de potable . Créez un nouveau calque et faite un dégradé arc-en-ciel.
http://nsa15.casimages.com/img/2010/04/ ... 494914.png[/img]
( l'orientation n'est pas forcément exactement la même faites comme vous voulez. )
Ensuite viens le fameux masque d'écrêtage, clic droit sur le calque arc-en-ciel, créer un masque d'écrêtage
Réglez , la fusion à teinte. Comme sur le screen.
http://nsa15.casimages.com/img/2010/04/ ... 157598.png[/img]
Et voilà.
4- Les finitions: Choses essentielles.
a: Les effets de lumière.
Créez un nouveau calque, faite une ellipse que vous remplissez de blanc. Puis clic droit, créer un masque d'écrêtage, mode de fusion : lumière tamisée
http://nsa14.casimages.com/img/2010/04/ ... 483245.png[/img]
Ensuite, sélectionnez le calque blanc ( l'ellipse) et appliquez un effet flou gaussien avec un rayon de 1,5 pixel.
http://nsa15.casimages.com/img/2010/04/ ... 540294.png[/img]
Mettez, l'opacité a 80 % et voila
http://nsa15.casimages.com/img/2010/04/ ... 205233.png[/img]
b: Les ombres.
Chose simples, en quelque seconde il suffit de faire fusionner tous les calques, clic droit sur un calque, fusionner tous les calques visibles , ensuite double clic sur le seul calque que vous aurez et appliquez les réglages comme ci-dessous.
http://nsa15.casimages.com/img/2010/04/ ... 859615.png[/img]
Résultat : http://nsa15.casimages.com/img/2010/04/ ... 908385.png[/img]
Vous voilà, avec votre base il vous reste plus qu'à avoir de l'imagination pour les remplir.
Quelques exemples d' icônes :
http://nsa15.casimages.com/img/2010/04/ ... 892501.png[/img]
Deuxième étape: L'installation :
Pour commencer, il vous faut votre ipod, iphone. Ensuite vous relevez le nom exact de l'application, et vous vous rendez en SSH ( avec un client comme WinSCP sur wind'owbe ) direction :
PRIVATE / VAR / STASH / THEME.xxxxxx /
Puis vous retournez sur votre bureau et créez un dossier nommé THEME ( le nom importe peu ) dans lequel vous créez un autre dossier appelé Icons. Dans ce dossier Icons vous placerez vos icones, puis vous mettre le dossier THEME dans le ssh a l'adresse du dessus .
Un respring et voilà .
J'espère que se tuto sera utile aux débutants, qui galère comme moi il fût un temps .
N'oubliez pas que même si un thème ne vous plait pas, ce n'est pas la peine de détruire le créateur avec des commentaires du genre 'c'est nul j'aime pas..' car il y a toujours un énorme travail derrière.
En espérant vous avoir aidé.
Si il y a des questions, n'hésitez pas .
Alors, comme plusieurs personne demande et m'ont demandé, et que je n'ai pas vu de tutoriel expliquant comment créer ses propres icônes, je vais donner quelques astuces que j'utilise.
Tout d'abord, ce tuto' s'applique à des icônes classique, et il est destiné aux utilisateurs de Photoshop CS4.
Comme celle-ci: http://nsa14.casimages.com/img/2010/04/ ... 156530.jpg[/img]
[small]La réalisation se fait en plusieurs étapes et avec un peu de temps libre .[/small]
Première étape: La taille de vos icônes. En fonction du thème, de l'agencement ...
[---]
Ne pas oublier: ( choses inutiles donc indispensables )
¤ La taille générale est environ 60*60 pixels
¤ Faire toute les icônes de la même taille, et structure (sauf si c'est fait exprès car sinon sa fait brouillon )
¤ Placer son icône au centre de la zone de travail ( explications plus bas )
[---]
1- Ouverture de CS4 ([small]photoshop [/small]) & Mise en place de l'espace de travail.
Ouvrir un nouveau document de 60*60 , si vous voulez mais je préfère une zone un petit peu plus grande moi comme sa on peut mettre des ombres etc.. Je vous propose donc un 80*80 pour être pas trop serré ^^.
Vous devriez avoir sa, après avoir mis 300% de zoom. ( pour affiner les détails )
Vous vous rendez compte que il y a un cadenas sur le calque 1 , double cliquez dessus , puis 'OK' ensuite cliquez deux fois sur le petit calque à gauche de la poubelle (créer un claque)
et voilà, supprimez calque 0. (clic droit supprimer).
Il devrait vous rester sa : http://nsa15.casimages.com/img/2010/04/ ... 763450.png[/img]
Maintenant, commençons les choses sérieuses.
2- Mise en place de l'icône.
a_ Les faignants :
Utilisez cette base : http://nsa15.casimages.com/img/2010/04/ ... 284093.png[/img]
[---]
b_ Les courageux :
Dessiné un carré aux coins arrondis au centre de l'image, clic droit sur le dessin et choisissez comme sur le screen .
Maintenant vous allez double-cliquer sur le calque 1, et mettre un effet dégradé de 066caa -> 008fc7 -> c1dbe8. Et ajouter un contour, a 60 % d'opacité de couleur noire.
http://nsa14.casimages.com/img/2010/04/ ... 990169.png[/img]
http://nsa14.casimages.com/img/2010/04/ ... 763958.png[/img]
Vous devez avoir sa : http://nsa14.casimages.com/img/2010/04/ ... 735519.png[/img]
[---]
3- Les différentes techniques de colorisations & de textures.
a: Texture, une petite chose qui donne un style.
Tout d'abord, sélectionnez vos deux calques, ( CTRL + clic ) et faites CTRL + E se qui va fusionner vos calques. Ensuite, allez dans FILTRE - GALERIE DE FILTRES Et appliquez les réglages comme le screen. Vous devriez avoir ça :
http://nsa14.casimages.com/img/2010/04/ ... 179060.png" style="display:block;margin:0 auto;" alt="" />.
b: Colorisation, la même icône à l'infinie.
¤Allez dans réglages- teinte/saturation et la vous faites varier les couleurs et l'intensité comme bon vous semble. http://nsa15.casimages.com/img/2010/04/ ... 846497.png" style="display:block;margin:0 auto;" alt="" />
J'ai opté pour un réglage[small]( de haut en bas )[/small] -45 / -4 / -4.
Ce qui donne un vert-indigo.
¤Autre solution, si aucune des couleurs ne vous plait, vous pouvez utiliser un masque d'écrêtage.
[---]
Rappel: Un masque d'écrêtage, est une image, un schéma, un dégradé, un effet .. qui va permettre de suivre la forme à laquelle il est écrêté. Vous allez comprendre.
[---]
Alors pour démarré il nous faut quelque chose à écrêter, je vous propose un dégradé[small]( vous pouvez mettre se que vous voulez )[/small]
Un dégradé plutot flashy mais vous allez voir on peut faire quelque chose de potable . Créez un nouveau calque et faite un dégradé arc-en-ciel.
http://nsa15.casimages.com/img/2010/04/ ... 494914.png[/img]
( l'orientation n'est pas forcément exactement la même faites comme vous voulez. )
Ensuite viens le fameux masque d'écrêtage, clic droit sur le calque arc-en-ciel, créer un masque d'écrêtage
Réglez , la fusion à teinte. Comme sur le screen.
http://nsa15.casimages.com/img/2010/04/ ... 157598.png[/img]
Et voilà.
4- Les finitions: Choses essentielles.
a: Les effets de lumière.
Créez un nouveau calque, faite une ellipse que vous remplissez de blanc. Puis clic droit, créer un masque d'écrêtage, mode de fusion : lumière tamisée
http://nsa14.casimages.com/img/2010/04/ ... 483245.png[/img]
Ensuite, sélectionnez le calque blanc ( l'ellipse) et appliquez un effet flou gaussien avec un rayon de 1,5 pixel.
http://nsa15.casimages.com/img/2010/04/ ... 540294.png[/img]
Mettez, l'opacité a 80 % et voila
http://nsa15.casimages.com/img/2010/04/ ... 205233.png[/img]
b: Les ombres.
Chose simples, en quelque seconde il suffit de faire fusionner tous les calques, clic droit sur un calque, fusionner tous les calques visibles , ensuite double clic sur le seul calque que vous aurez et appliquez les réglages comme ci-dessous.
http://nsa15.casimages.com/img/2010/04/ ... 859615.png[/img]
Résultat : http://nsa15.casimages.com/img/2010/04/ ... 908385.png[/img]
Vous voilà, avec votre base il vous reste plus qu'à avoir de l'imagination pour les remplir.
Quelques exemples d' icônes :
http://nsa15.casimages.com/img/2010/04/ ... 892501.png[/img]
Deuxième étape: L'installation :
Pour commencer, il vous faut votre ipod, iphone. Ensuite vous relevez le nom exact de l'application, et vous vous rendez en SSH ( avec un client comme WinSCP sur wind'owbe ) direction :
PRIVATE / VAR / STASH / THEME.xxxxxx /
Puis vous retournez sur votre bureau et créez un dossier nommé THEME ( le nom importe peu ) dans lequel vous créez un autre dossier appelé Icons. Dans ce dossier Icons vous placerez vos icones, puis vous mettre le dossier THEME dans le ssh a l'adresse du dessus .
Un respring et voilà .
J'espère que se tuto sera utile aux débutants, qui galère comme moi il fût un temps .
N'oubliez pas que même si un thème ne vous plait pas, ce n'est pas la peine de détruire le créateur avec des commentaires du genre 'c'est nul j'aime pas..' car il y a toujours un énorme travail derrière.
En espérant vous avoir aidé.
Si il y a des questions, n'hésitez pas .
-
totothebest
Gamer Hardcore
- Messages: 657
- Inscription: 29 Sep 2009, 17:26
. Je pense qu'il va bien servir
SitemapIndex
