32
Comprendre et réaliser le logo Barack Obama
Cela faisait un bout de temps que je ne m’étais pas attaqué à l’explication graphique d’un logo aussi institutionnel, mais surtout très actuel puisqu’il s’agit du logo de la campagne présidentielle de Barack Obama 2008 !
A l’image de son élection (et de sa campagne) je vais rédiger ce tutorial pour qu’il soit accessible à tous, donc je multiplierai les astuces et les explications précises pour arriver au meilleur résultat final.
Comme d’habitude je propose pour les curieux le fichier source Photoshop que j’ai utilisé pour rédiger ce tutorial, vous pouvez le télécharger ci-dessous.
Et bien bonne chance à tous, et bon cour 
ETAPE 1
J’ouvre mon logiciel Photoshop et je crée un nouveau document sur fond blanc de 500 px de côtés (menu fichier > nouveau).
Au centre de mon image, et en utilisant l’outil ellipse des formes personnalisées je crée un rond bleu (pour garder les bonnes proportions lors de la création du rond je vous rappelle que vous devez garder la toucher Maj enfoncée).
Le bleu utilisé est : #002a5c
ETAPE 2
Même outil, je crée un rond blanc excentré vers le haut.
ETAPE 3
Même outil pour créer un rond bleu : #3c8cbe
ETAPE 4
Puis encore un rond blanc.
ETAPE 5
Ensuite je vais créer la banderole qui se trouve en bas (cela représente certainement les bandes rouges et blanches du drapeau présidentiel et également le monde populaire, projection sur le monde rural / du peuple).
Donc avec l’outil plume je créer une première bande, comme ci-dessous.
ETAPE 6
Puis une blanche.
ETAPE 7
Puis une rouge, je précise que les couleurs n’ont pour le moment pas d’importance.
ETAPE 8
Puis une blanche et pour finir une dernière rouge. Vous devrez donc obtenir ceci :
ETAPE 9
Je vais récupérer la sélection de mon rond bleu (le plus petit) en faisant Ctrl + Clic sur le calque du rond bleu, puis sur chaque bande (rouge et blanche) je vais créer un calque de fusion.
J’interverti la sélection (menu sélection > Intervertir) puis avec un pinceau noir je peins l’extérieur pour cacher la partie des bandes que je ne désire pas.
Attention il faudra répéter l’opération sur chaque bande.
ETAPE 10
Je vais m’occuper maintenant du ciel bleu, pour cela je vais appliquer au rond bleu un premier style de calque : menu calque > style de calque > incrustation de dégradé (dont voici la configuration).
ETAPE 11
Je crée un nouveau calque juste au dessus du rond bleu (et juste en dessous du petit rond blanc) et avec un pinceau diffus (200 px par exemple) en bleu clair, je crée une lueur tout autour du soleil (le petit rond blanc représente le soleil).
ETAPE 12
Je vais maintenant m’occuper du champs, pour cela je vais avec le pinceau ajouter une lueur rouge claire au centre.
ETAPE 13
Mais attention cette lueur ne doit pas apparaître sur les bandes blanches, je crée donc un masque de fusion sur le calque lueur rouge et je cache avec un pinceau fin noir le rouge qui se trouve sur les bandes blanches (ou plus simplement, j’utilise l’outil gomme directement sur le calque lueur rouge).
ETAPE 14
Je rajoute le slogan du logo. Attention la police ici n’est pas celle utilisée officiellement, certaines polices lui ressemblent, par exemple : Seed T Extra Bold, ou encore Gotham (Hoefler & Frere-Jones) dans tous les cas moi j’ai utilisé une police que tout le monde a sur son ordinateur, c’est Times New Roman.
La particularité du slogan et du nom Barack Obama c’est le O plus grand que bama, la petite apostrophe ainsi que le 0 centré par rappor au 8 et aligné sur le haut par rapport a bama.
Juste en dessous nous avons l’adresse internet de Barack : www.barackobama.com avec barackobama en gras. La police utilisée dans mon exemple est Calibri.
ETAPE 15
Sur la base de mon rond bleu foncé, j’ajoute une ombre portée dont voici la configuration :
ETAPE 16
Puis j’ajoute un biseautage pour donner l’impression que le logo est un badge de campagne, et voici la configuration :
ETAPE 17
Pour lui donner un petit look Web 2.0 je peux lui ajouter un petit reflet mais là, personnellement je ne le ferais pas
Et … c’est déjà terminé ! Comment quoi c’était tout de même très simple non ? Si certaines d’entres vous ont des difficultés sur une étape vous pouvez utiliser le forum ci-dessous pour poster vos questions.
Merci de m’avoir lu, et bonne chance pour votre réalisation, n’hésitez pas à poster vos créations dans la galerie se situant tout en haut de la page.
Article publié par Wonka
Vous aimez cet article? Partagez le !
Je suis très humblement le webmaster et le créateur de ce site, vous êtes en ce moment sur ma fiche membre, vous avez la possibilité de m’’envoyer des messages, pour toutes questions n’hésitez pas une seule seconde !
La galerie des membres
Voici les images déjà publiées par les membres de ce site, merci à vous pour votre créativité !
Questions et commentaires, Il y a 17 messages de forum.
Vous avez besoin d’eclaircicemment sur un points évoqués dans cette leçon, dans ce cas laissez votre question en utilisant le formulaire ci dessous, notre équipe vous apportera rapidement un complètement d’information. Merci d’être le plus précis possible lors de la rédaction de votre demande.
-
-
6 novembre 2008 14:18, par Anthos59
Dommage, je vois que quelqu’un a déjà pensé à la même blague que moi ... lol
Merci pour le tuto.
Répondre
-
-
6 novembre 2008 15:24, par Mikeeee
Merci pour ce tuto mais y’a-t-il une astuce particulière pour réussir à tracer des ronds concentriques ?
Répondre-
6 novembre 2008 16:35, par Wonka
C’est écris il me semble ! Lorsque tu crée le rond tu appuie sur la touche maj, les proportions seront alors parfaite
Répondre-
6 novembre 2008 17:08, par le rouge
Non, mais je crois que il parle des arcs de cerlce...
D’ailleurs personnellement je n’arrive jamais à faire des arcs de cercle aussi parfait qui se suivent comme sur le logo...
Peut-être pour un prochain tuto...
Répondre-
6 novembre 2008 19:02, par Sylvain
Pour aligner vos ronds, vous sélectionnez les calques correspondants à chaque rond et dans les outils de l’outil déplacement, ya des truc pour les aligner verticalement au milieu puis horizontalement au milieu.
Ya une autre manière, vous faites une croix avec les repères et en faisant Ctrl + T vous verrez le centre de votre cercle, il n’y a plus qu’à les palcer au même endroit (la croix).
Sinon bon tuto, personnellement j’aurai préféré utiliser les masques d’écrêtage, c’est plus rapide pour tout faire rentrer dans le rond ^^ Bon tuto cher Wonka ^^
Répondre-
6 novembre 2008 19:18, par Wonka
Ah oui bien sur il faut utiliser les outils d’alignement, pour aligner deux éléments il faut sélectionner les deux calques correspondant dans la fenêtre des calques puis menu calque > aligner > centres horizontaux pour centrer sur une ligne vertical.
Bonne chance, et merci pour vos commentaires :p
Répondre
-
-
-
-
-
7 novembre 2008 16:37
Ya que les filles qui ont le droits à l’erreur ?^^ :P
« si certaines... »
Répondre -
-
11 novembre 2008 00:49, par paco
manque plus que un forum est sa serait parfait...^^
Voir en ligne : portfolio
Répondre-
-
-
23 décembre 2008 18:03, par jamessako
Salut, le tuto est super bien. mais y a t’il une autre manière de faire les bandes ? Moi je ne maitrise pas l’outil plume. j’ai vu le tuto sur comment utiliser l’outil plume mais franchement c’est ma bete noire. donne moi une autre technique pour faire les bandes. thank you
Répondre
-
-
-
-
-
12 mai 2009 22:51, par lezolifant
Répondre
bon tuto, j´ai un peu bloque lorsqu´il a fallu utilise des masques de fusion, mais rien de grave.
merci wonka -
21 juin 2009 20:27, par moussa
merci du tuto, c’est vraiment intéressant malgré des difficultés pour un débutant comme moi merci,continuez à apporter de l’aide aux personnes qui ont vraiment besoin. je m’intéresse à tout ce qui est design ou graphique sur photoshop. j’ajoute que j’ai 52 ans et viens de découvrir photoshop.
Répondre
