Créer un logo glacé version Cartoon Land

Voici un tutoriel pour créer un logo design glacé qui tire plus vers le style cartoon que l’image corporate mais le résultat est splendide et je vous invite à essayer cette technique. J’ai créé ce logo après avoir visité le site de jeux en ligne Chapatiz que je trouve excellent. Je me suis directement dis il faut créer un tutoriel pour expliquer la méthode utilisée, les couleurs sont bonnes, l’ambiance est sympa et le tout fait quelque chose de vraiment great.

Les techniques sont un peu complexes par moment, je place donc l’article dans la rubrique ’Initié’. L’article sera donc un peu dur à suivre pour les débutants du graphisme.

Informations complémentaires :

Police de caractères utilisée : Komika Axis téléchargeable sur le site dafont à cette adresse : http://www.dafont.com/komika-hands.font

Fichier source Photoshop :

ETAPE 1

J’ouvre Photoshop et je crée un nouveau document sur fond blanc. Je crée un dégradé sur mon background de haut en bas en utilisant les couleurs bleu et bleu foncé (référence voir l’image ci-dessous).

ETAPE 2

J’utilise les outils Densité – et Densité + pour créer des zones d’ombres vers l’extérieur et une zone plus claire au centre.

ETAPE 3

Je me rends sur le tutoriel suivant http://www.wks.fr/Utiliser-les-diagonales-avec.html pour récupérer une image d’une diagonale (celle en noir et blanc). Je reviens sur mon logo, j’ajoute un nouveau calque (que j’appelle bande) et je remplis le calque de mon pattern en diagonale.

Je change le mode de fusion de mon calque bande en obscurcir et diminue son opacité à 10%.

ETAPE 4

Avec l’outil texte, je crée mon logo et ajoute deux styles de calques (menu calque > style de calques).

Une incrustation de dégradé :

Un très large contour :

ETAPE 5

Attention voici une étape un peu compliquée, je vais essayer d’être le plus clair possible

Alors il va falloir dupliquer votre texte : clic droit sur le calque (dans la fenêtre des calques) puis dupliquer le calque.

Ensuite je vais devoir aplatir les styles de mon calque, pour cela je crée par-dessous la copie de mon texte, un nouveau calque vierge et je les fusionne. Je fusionne donc le calque copie texte + calque vierge placé juste en dessous.

Le résultat : mes styles sont encore visibles mais ne sont plus disponibles sur le calque.

Maintenant je rajoute d’autres styles de calques :

Une incrustation de couleur :

Une ombre portée :

Et pour finir je décale ce calque de 4 ou 5 pixels vers le bas.

Je crée ainsi une sorte de contour bleu très foncé.

ETAPE 6

Attention ! : étape compliquée …

Je crée un nouveau calque juste au dessus de mon texte, je récupère la sélection de mon texte et le modifie : menu sélection > modifier > dilater (de deux pixels).

Avec le pot de peinture je remplis cette sélection de blanc. J’ajoute ensuite un style de calque : incrustation de dégradé.

Ensuite je récupère à nouveau la sélection de mon texte (de base) et la contracte de 1 pixel (menu sélection > modifier > contracter : 1px) et enfin j’appuie sur Suppr.

Cette procédure me permet de créer un contour autour de mon texte.

ETAPE 7

Par-dessous mon texte, j’ajoute un calque et avec un pinceau diffus blanc, je crée une lueur sur le dessus !

ETAPE 8

Dans la même police que mon titre je peux ajouter un solgan, j’ajoute deux styles de calques :

Une lueur externe :

Une incrustation de dégradé :

Un contour :

ETAPE 9

Parce que je ne peux pas m’empêcher de placer des reflets partout je vais en créer un : Mais attention cette étape est également un peu complexe !

Je récupère la sélection de mon calque texte copie (celui servant de contour et d’ombre portée) et je replace la sélection au dessus de mon texte.

Je remplis de blanc cette sélection avec le pot de peinture (normalement à ce stade, le texte devient tout blanc) puis avec l’outil ellipse de sélection je coupe toute la partie basse.

Pour cela je crée un rond en sélection et appuie sur Suppr (je vérifie bien que je me trouve sur mon calque reflet pour appuyer sur Suppr.).

Enfin j’ajoute un masque de fusion : calque > masque de fusion > tout faire apparaître. Avec un dégradé noir 100% sur noir 0% je camoufle légèrement le bas gauche de mon reflet.

Avec l’outil déplacement, je replace le reflet sur le haut de mon logo.

ETAPE 10

J’utilise le tutorial suivant pour ajouter un petit brillant au dessus de mon logo : http://www.wks.fr/Creer-une-etincelle-de-lumiere.html

Et voila, mon logo est maintenant terminé ! Vous pouvez bien évidemment faire la même chose avec une autre police de caractères et d’autres couleurs ; c’est à vous de voir.

La seule déception c’est que j’aurais aimé faire la même chose sous Illustrator mais je crains de ne pas avoir le niveau pour refaire ce logo en 100% vectoriel ! S’il y a un expert de Illustrator dans la place, qu’il n’hésite pas

Merci à tous d’avoir suivi cet article et bonne chance pour la réalisation.