|
[Etape 1] - Réfléchir sur le logo
Une des étapes les plus difficile ! On réfléchit au sens du logo, aux Pokémon à faire apparaître... Enfin bref, la structure du logo, quoi :)
En janvier 2004, nous avons voulu montrer le Carapuce officiel des version Rouge-Feu et Vert-Feuille. Celui-ci renaît de ses cendres en quelque sorte, puisque les version initiales Bleu/Rouge sont l'objet d'un remake.
Il fait froid, c'est l'hiver, et le jour où nous avons fait ce logo, il neigeait sur toute la France. Donc ce sera un Carapuce entouré de neige, en plein dans l'actualité ! :) |
| Outil utilisé: Notre cerveau
! ^^ |
[Etape 2] - Tracer les dessins
 |
C'est sûrement l'étape la plus longue ! Il faut faire
les dessins dans Flash, puis leurs mettre les propriétés décrites avec Photoshop (style aura, ombre, contour noir...).
Le contour noir est une propriété très appréciable, elle donne un petit côté "manga/comic" très esthétique. |
| Outils utilisés: Adobe Flash, Adobe Photoshop CS2 et HyperSnap DX. |
[Etape 3] - Créer les formes et symboles
 |
Pour égayer notre Carapuce et lui donner un nouvel esprit, on a dit qu'il fallait l'entourer de neige.
Dans un logiciel de dessin connu appellé Illustrator 12 [CS2], on se débrouille pour dessiner des symboles représentant la neige, les nuages, etc...
Donc ici on a fait un flocon et un nuage bien gris. |
| Outils utilisés: Tablette graphique, Adobe Illustrator CS2. |
[Etape 4] - Disposer symboles et formes
 |
Dans Photoshop, on créé une nouvelle image qui fait 386 pixels de largeur sur 388 de hauteur, et on dispose tout ce qu'on a fait. Ensuite, on multiplie, on créé des formes, on applique des styles.
Rapidement, on a quelque chose qui commence à ressembler à ce que vous voyez à côté.
Il ne manque plus que la star... |
| Outil utilisé: Photoshop CS2. |
[Etape 5] - Insérer le dessin et le mettre en valeur
 |
Là, il reste à disposer le dessin, lui mettre une ombre, un contour...
C'est donc un Carapuce marchant sur des nuages. En fait, on à l'impression qu'il marche sur de la neige (et cela se prononce encore plus après !). On lui a mit une ombre portée qui s'en va vers la gauche et on lui a mit un contour noir d'épaisseur de 2 pixels. Passons maintenant à la suite. |
| Outil utilisé: Photoshop CS2. |
[Etape 6] - Rajouter du texte au dessin
A partir de là il faut chercher des polices sur différents sites (Dafont.com par exemple), les installer et les disposer sur le logo en leur appliquant des styles.
Au bout d'un moment, on se retrouve avec un logo fini ! |
| Outil utilisé: Photoshop CS2. |
[Etape 7] - Mettre le logo sur le site
 |
On lance un outil de création Web (comme EditPlus, DreamWeaver, Adobe GoLive) ...
Moi j'utilise Adobe Golive CS2, c'est clairement le meilleur (même si ce n'est pas le plus simple/connu).
On ouvre la page du site, on dispose le logo, et le tour est joué ! |
| Outil utilisé: Golive CS2. |
|
|