Gérer les éléments d'identité visuelle d'une marque

Réaliser le guide d'utilisation du logo

Testez gratuitement nos 1270 formations

pendant 10 jours !

Tester maintenant Afficher tous les abonnements
Réalisez un guide d'utilisation de logo avec Illustrator en prévoyant les conditions d'application dans des environnements variés.

Transcription

Voyons maintenant comment créer rapidement ce guide qui tient vous le constatez sur une page avec Illustrator. Nous allons faire avec Illustrator mais vous pouvez utiliser le logiciel de votre choix. Alors pour l'instant nous n'avons au départ qu'un logo. Nous allons donc créer un nouveau document, « Fichier », « Nouveau ». Et nous allons choisir « A4 » comme format et « Portrait » comme orientation, mais encore une fois vous avez la liberté de la façon dont vous allez présenter votre guide. Il va falloir commencer par gérer la structure. Pour ce faire il y a une petite astuce qui consiste à tracer un grand rectangle qui va faire la totalité de notre page. Et que nous allons grâce à la transformation diviser par trois. Illustrator accepte les opérations dans les cases de saisie et si je divise 297 par trois vous voyez que j'ai ma structure de lignes qui se trouve ici. Je vais pouvoir donc ensuite dupliquer cet élément. Je vais pouvoir également le réduire et vous remarquez que j’ai des guides qui s'affichent. Il s'agit ici des repères commentés, il faudra donc les activer. Et je vais placer ici un deuxième élément, et puis je vais placer à chaque fois en cliquant, en glissant, en tirant, avec la touche ALT enfoncée, J’ai créé très rapidement ma structure. Nous allons pouvoir ensuite gérer les différentes couleurs. Bon par exemple ici si je ne veux du noir mais que si je veux mon gris, je vais créer du gris et je peux travailler bien entendu avec la pipette qui va me permettre de récupérer des informations à partir d'autres éléments. Et vous voyez que j'ai créé ici très rapidement la structure de mon guide d'utilisation du logo. Nous allons maintenant passer à la gestion des couleurs et de la typographie dans la partie supérieure. Pour spécifier les couleurs nous allons avoir besoin bien entendu de notre logo. Donc nous allons aller le copier sur le fichier de notre logo et nous allons aller le coller sur notre guide d'utilisation de notre logo. Vous remarquez que nous allons pouvoir ici être centré à l'intérieur du carré dans lequel nous allons ensuite le décrire. Et puis, bien nous allons placer ici des pastilles de couleur. Pour commencer en tirant sur le rectangle avec la touche majuscule enfoncée, vous constatez que nous obtenons un carré. Et puis vous remarquez également que lorsque nous allons cliquer sur ce carré et que nous allons le déplacer avec la touche ALT, nous allons pouvoir le dupliquer. Et le dupliquer éventuellement dans l'axe. Nous allons donc le dupliquer deux fois, et puis nous allons maintenant simplement aller échantillonner les couleurs. C'est-à-dire que nous allons prendre ici la pipette et nous allons aller chercher par exemple le gris. Nous allons maintenant sélectionner cette deuxième pastille de couleur. Et nous allons échantillonner le blanc. Et nous allons prendre la troisième pastille de couleur et nous allons échantillonner le bleu. Il suffira ensuite de légender ces trois pastilles avec les valeurs qui correspondent aux trois environnements. Rappelons que nous accéderons à ces valeurs en double-cliquant sur la pastille et en les notant à partir de ce que nous avons constaté dans le sélecteur de couleurs. Ici nous avons l'environnement hexadécimal destiné au web. Ici c’est « MYN », nous avons donc l'environnement destiné à l'impression : « cyan, magenta, jaune et noir » et puis nous avons ici en RVB, l’environnement destiné par exemple à la vidéo. Une fois que les couleurs auront été spécifiées, nous allons maintenant préciser quelle est la ou les polices de caractères utilisées dans le logo. Il s'agit simplement de les préciser et de les écrire, donc ici je vais définir que pour ma typographie j'utilise du « League Gothic Regular ». Ensuite il va falloir montrer des exemples. Je vais donc saisir du texte. Ce texte peut être varié, vous pouvez simplement vous limiter à une majuscule et à une minuscule, mais vous pourriez également ajouter par exemple des chiffres si c’était nécessaire. Vous allez agrandir bien entendu cet élément, de manière à ce qu'il soit bien compréhensible... et bien visible. Vérifiez que vous êtes bien dans la police. Ici c’est le cas, « League Gothic » et vectorisez ce texte. Nous allons ici aller dans le texte et nous allons vectoriser ce texte. Il est maintenant indépendant de la police de caractères et il pourra donc s’afficher et s'imprimer même si cette police n'est pas résidente sur la machine de la personne qui va le lire. Nous avons donc maintenant défini à la fois les couleurs, et puis nous avons défini la typographie. Sur la deuxième rangée nous allons spécifier comment le logo va être positionné à la fois sur un fond clair, blanc et également sur un fond foncé. Nous allons également préciser quel va être l'espace sécurisé. Prenons ici un outil ellipse. Vous remarquerez que j'ai choisi une couleur qui va être très différent du logo, de manière à bien comprendre qu’il s'agit d'un guide. Et je vais ici tracer un cercle qui va encadrer mon logo. Il s'agit bien entendu de présenter ici le logo à 100 %. Je vais ensuite augmenter ce logo de 150% si j'ai décidé que mon espace sécurisé était de 150 %. Pour ce faire, je le sélectionne. Je clique ici sur l'outil de mise à l'échelle. On va double-cliquer. Je choisis ensuite une mise à l'échelle de 150 %. Je ne mets pas à l'échelle les contours, ni les effets de manière à ce que ce filet n'augmente pas en taille et je vais faire un copier. Et vous voyez que j'ai maintenant déterminé mon espace sécurisé. Il suffira bien entendu comme c'est le cas sur notre exemple de préciser ici qu'il s'agit du logo, et de préciser ici qu'il s'agit de l'espace sécurisé. Ensuite nous aurons à présenter ce logo sur un fond qui sera un fond qui va être un peu différent. Vous constatez que ce logo, lorsqu'il est présenté sur un fond de couleur foncée, eh bien il y a quelque chose qui ne va pas forcément très, très bien se passer, notamment au niveau du texte. Il va donc falloir choisir comment nous allons afficher ce texte. Je peux tout à fait ici sélectionner uniquement le texte. Et puis prendre la pipette et demander à ce que soit le texte soit blanc ou soit au contraire il soit du même petit crème que la neige de mon logo. En l'occurrence nous allons déterminer qu'il soit blanc. Et vous voyez que notre deuxième ligne est maintenant prête. Enfin sur notre dernière rangée, nous allons placer le logo dans un environnement monochromatique. Alors nous pouvons travailler à partir du logo que nous avions préalablement utilisé. Et nous allons maintenant ici avec l'outil de sélection directe sélectionner les différents éléments, et les mettre en conformité avec ce que nous souhaitons, pour une utilisation monochromatique sur fond foncé et sur fond clair. On va dupliquer dans un premier temps ce logo dans les deux cas. Et puis nous allons maintenant voir ce que nous voulons faire. Alors on peut tout à fait utiliser ici du blanc. C’est-à-dire déterminer que ce fond va être un fond blanc, également ce fond. Et nous pouvons tout à fait déterminer que ce fond va être un fond gris. Attention il faudra bien définir un gris qui soit un gris monochromatique et non pas un gris quadrichromie. Et nous allons faire la même chose de l'autre côté. Nous allons sélectionner avec l'outil ici de sélection directe, les éléments les uns après les autres. Nous allons ici avec la pipette aller échantillonner les couleurs. Et puis nous allons pouvoir maintenant sélectionner cet élément, également cet élément, reprendre la pipette, choisir également d'utiliser ce gris, et nous choisirons ce que nous voudrons au niveau de la neige. Est-ce que nous utilisons une couleur ton directe? Ou est-ce que nous utilisons le blanc ? Il est bien entendu préférable d'utiliser ici du blanc. Notre guide d’utilisation du logo est maintenant terminé. Et vous constatez que nous n’y avons consacré qu’un peu moins de dix minutes, donc c’est quelque chose qui est facile à faire, et qu’il faut impérativement faire pour pouvoir définir précisément quelles vont être les conditions d'application de ce logo et s'assurer de la cohérence.

Gérer les éléments d'identité visuelle d'une marque

Créez les éléments d'identité visuelle d'une marque une fois la conception graphique validée. Élaborez les livrables nécessaires à la communication et à la charte graphique.

1h01 (14 vidéos)
Aucun commentaire n´est disponible actuellement
 
Spécial abonnés
Votre/vos formateur(s) :
Date de parution :23 mars 2016
Durée :1h01 (14 vidéos)

Votre formation est disponible en ligne avec option de téléchargement. Bonne nouvelle : vous ne devez pas choisir entre les deux. Dès que vous achetez une formation, vous disposez des deux options de consultation !

Le téléchargement vous permet de consulter la formation hors ligne et offre une interface plus conviviale. Si vous travaillez sur différents ordinateurs ou que vous ne voulez pas regarder la formation en une seule fois, connectez-vous sur cette page pour consulter en ligne les vidéos de la formation. Nous vous souhaitons un excellent apprentissage avec cette formation vidéo.

N'hésitez pas à nous contacter si vous avez des questions !