Voici un nouvel article concernant la reproduction et la compréhension des logos. Aujourd’hui j’ai choisi un logo que nous voyons tous les jours, il s’agit du logo du groupe France Télévision.

Ce logo n’est pas si vieux que cela, si mes informations sont bonnes, il a été mis en service en 2002, il se compose d’un rectangle arrondi (profilé en perspective) + France écrit avec la police de caractères HELDUSTRY* + le chiffre de la chaîne dessiné spécifiquement pour le logo (il ne s’agit donc pas d’une police mais plus d’une forme) + deux reflets donnant un effet glossy au support principal.

J’ai décidé de vous rédiger cet article car j’affectionne tout particulièrement leurs logos, simples, et pourtant très efficaces, ils collent parfaitement à notre époque.

*police de caractères téléchargeable sur cette page : http://www.dailyfreefonts.com/fonts/info/989-Heldustry.html

Bien entendu le fichier source Photoshop est disponible, présence des logos France 2, France 3, France 4, France 5, et France ô, le tout en format vectoriel !

Commençons la réalisation graphique de notre premier logo France 3, les autres ne seront ensuite que des déclinaisons.

ETAPE 1

J’ouvre le logiciel Photoshop et je crée un nouveau document : menu fichier > nouveau. Dans mon exemple j’ai utilisé une image de 500 pixels de côtés sur fond blanc. Je sélectionne l’outil rectangle arrondi et j’en crée un sur le centre de mon document (pour le moment peu importe la couleur utilisée).

ETAPE 2

J’utilise l’outil perspective pour relever les côtés droits : menu édition > transformation > perspective, je sélectionne le côté haut droit et je déplace la souris vers le haut, normalement le côté haut droit se lève et le côté bas droit descend, donnant ainsi cette forme.

ETAPE 3

C’est maintenant que je change la couleur de ma forme, pour cela je vais utiliser le bleu : # 2d7da0, je passe donc par le menu calque > incrustation de couleur.

ETAPE 4

J’installe la police de caractères HELDUSTRY, puis avec l’outil texte, j’ajoute le titre « France » en haut à droite de ma forme.

ETAPE 5

J’ajoute maintenant le chiffre que j’ai dessiné avec la souris et l’outil plume. J’ai ensuite rajouté un dégradé gris vers blanc (le gris se situant en bas à droite).

ETAPE 6

Sur l’image du dessous vous pourrez remarquer une forme fuchsia, c’est celle-ci qui me permet de couper le reflet. Vous devez en créer une similaire puis dupliquer le calque forme bleue. Je supprime les styles de cette copie (clic droit avec la souris sur le calque puis supprimer les styles de calques) enfin je change la couleur en blanc.

ETAPE 7

J’ajoute un masque de fusion à cette forme blanche, puis je récupère la sélection de ma forme fuchsia en faisant Ctrl + clic sur le calque forme fuchsia. J’intervertis la sélection menu sélection > intervertir, et enfin avec le pot de peinture je remplis la sélection de noir.

Cette manipulation me permet de créer le reflet. Maintenant avec le dégradé noir, je camoufle le bas de mon reflet (bien évidemment j’utilise ce dégradé noir sur le même masque de fusion).

ETAPE 8

Je crée une seconde forme qui va me permettre avec la même technique de créer un second reflet.

ETAPE 9

Comme au dessus, j’utilise un masque de fusion pour créer et camoufler le reflet.

ETAPE 10

Je décale les reflets de quelques pixels pour ainsi créer une petite bordure en haut et à droite ainsi qu’en bas et à gauche.

ETAPE 11

En changeant, le chiffre, + la couleur, voici le logo France 2.

ETAPE 12

France 4.

ETAPE 13

France 5.

ETAPE 14

France ô, attention normalement le ô n’est pas ainsi, mais j’ai préféré utiliser le ô de la police de caractères HELDUSTRY.

ETAPE 15

Et voici, à la suite l’un l’autre, les logos que je viens de reproduire.

Merci à tous d’avoir lu ce nouveau tutoriel. Si vous avez un problème, une question n’hésitez pas à poster vos messages dans le forum ci-dessous. Réponse rapide assurée.