Logo Zee dans Illustrator
Il y a quelques semaines, nous avons décidé de repenser le logo Zee. Lorsque les entreprises refont leur logo, cela signifie, la plupart du temps, qu’elles changent quelque chose dans leur activité, cela peut être une nouvelle stratégie, de nouveaux produits, etc… Mais il est presque sûr qu’il y a quelque chose de nouveau derrière le logo. Dans notre cas, ce n’est pas différent, nous avons changé notre modèle économique et avons décidé de créer un nouveau logo.
Avec l’idée de « Rester dans la boucle », j’ai décidé de jouer dans Illustrator pour créer une police personnalisée pour celui-ci. Je voulais aussi que le logo ressemble un peu au logo Abduzeedo. Nous travaillons encore sur le logo et le slogan, mais le concept est celui-ci que je vais vous montrer ici.
Donc, dans ce tutoriel, je vais vous montrer comment j’ai créé le logo dans Illustrator et le splash dans Photoshop.
Étape 1
Ouvrez Illustrator et créez un nouveau document. Ensuite aller à Affichage>Afficher la grille puis allez à Affichage>Aligner sur la grille. Ces 2 préréglages seront très importants pour nous pour concevoir la police du logo.
Étape 2
Avec le Outil Rectangle (M) créez un rectangle en utilisant la grille.
Étape 3
Avec le Outil Plume (P) ajoutez 4 nouveaux points sur chaque segment du rectangle. Après cela avec le Outil de sélection directe (A) sélectionnez chacun de ces points et éloignez-les d’un module de la grille pour créer un coin chanfreiné.
Étape 4
Commençons par créer le Z. Toujours avec le Outil de sélection directe (A)sélectionnez le segment du côté gauche du rectangle et supprimez-le.
Étape 5
Supprimez maintenant le côté droit toujours avec le Outil de sélection directe (A). La quasi-totalité du processus se déroulera avec le Outil de sélection directe (A) et le Outil Plume (P).
Étape 6
Maintenant avec le Outil Plume (P) cliquez sur le point 1 puis sur le point 2 pour créer un segment diagonal. Notre Z sera fait.
Étape 7
Créer le E sera le même processus. Supprimons d’abord le segment droit de notre rectangle chanfreiné à l’aide de la touche Outil de sélection directe (A).
Étape 8
Avec le Outil Plume (P) cliquez sur le point 1 puis en maintenant MAJ enfoncée cliquez quelques modules plus bas dans la grille (point 2). Cliquez à nouveau maintenant un module vers la gauche et vers le bas pour créer un coin chanfreiné (point 3).
Étape 9
Toujours avec le Outil Plume (P) créez le segment 1 et le coin chanfreiné 2. Maintenez MAJ pour vous assurer que vous créez des lignes droites, même si nous avons activé l’option Snap to Grid. Après cela, notre E sera terminé.
Étape 10
Maintenant, dupliquez simplement le E et nous aurons le mot ZEE.
Étape 11
Aller à Effet>Styliser>Coins arrondis. Utiliser 5 points pour le rayon ou essayez différentes valeurs pour augmenter ou réduire l’effet des coins arrondis. Cependant, je n’ai pas aimé le résultat, je voulais quelque chose de plus stylisé.
Étape 12
J’ai donc décidé d’augmenter en 2 modules l’effet chanfrein.
Étape 13
Appliquez maintenant l’effet Round Corner au nouveau logo, j’ai toujours utilisé 5 points pour le rayon. Le résultat est bien meilleur, il correspond bien plus à ce que je recherchais. Mais maintenant il me faut créer une connexion entre les personnages pour donner l’idée de boucle.
Étape 14
Pour ce faire, c’est assez simple. Avec le Outil Plume (P) créez les segments pour relier le Z au E (1-2) et le E à l’autre E (3-4).
Étape 15
Maintenant, augmentez simplement la taille du trait. J’utilise 8 points pour le trait. Le logo est terminé. Cela ressemble à ces plans de métro et a cette idée de boucle, exactement ce que je voulais.
Étape 16
Ouvrons maintenant Photoshop et créons un nouveau document. J’ai utilisé 1024×768 pixels pour la taille. Remplissez le calque d’arrière-plan avec un bleu très clair (#dde9f5).
Étape 17
Copiez le logo d’Illustrator et collez-le dans le document Photoshop.
Étape 18
Aller à Calque> Style de calque> Superposition de couleurs. Utiliser # 5d87b6 pour la couleur et normal pour le mode de fusion.
Étape 19
Allez maintenant à Calque> Style de calque> Ombre intérieure. Utiliser Multipliez pour le mode de fusion, noir pour la couleur, 40 % pour l’opacité, 120º pour l’angle, 1 pixel pour la distance, 0 pour le starter et 1 pixel pour la taille..
Étape 20
Allez maintenant à Calque> Style de calque> Ombre portée. Utiliser Color Dodge pour le mode de fusion, blanc pour la couleur, 100% pour l’opacité, 90º pour l’angle, 1 pixel pour la distance, 1 pixel pour la diffusion, 0 pixel pour la taille.
Étape 21
C’est l’effet que vous aurez obtenu jusqu’à présent.
Étape 22
Créez un nouveau calque et avec le Outil de sélection rectangulaire (M) créez une sélection de rectangle et remplissez-la avec un dégradé du blanc au noir avec l’outil Dégradé (G). Utilisez l’image ci-dessous pour référence.
Étape 23
Dupliquez le rectangle et allez dans Edition>Transformation>Retourner horizontalement. Déplacez-le pour qu’il soit de l’autre côté du segment du E (1-2). Dupliquez ces 2 calques et déplacez-vous pour créer le même effet sur les autres E (3-4).
Étape 24
Sélectionnez les 4 calques de dégradé et regroupez-les. En maintenant la touche Commande sur un MAC ou la touche Contrôle sur un PC, cliquez sur la vignette du calque Zee dans le panneau Calques pour créer une sélection de sélection du logo Zee. Après cela, sélectionnez le groupe avec les rectangles dégradés et accédez à Calque> Masque de calque> Révéler la sélection.
Étape 25
Diminuer Opacité du groupe avec les dégradés à 40%. Cela rendra l’effet beaucoup plus subtil.
Étape 26
Dupliquez tous les calques et fusionnez les copies en un seul calque. Ensuite aller à Filtre> Bruit> Ajouter du bruit. Utiliser 1,4% pour le Montant et sélectionnez Gaussien pour la Distribution et Monochromatique.
Conclusion
Ça y est, nous avons un joli splash. Nous pouvons ajouter plus de traits si nous voulons rendre le logo plus audacieux. Si vous avez collé les vecteurs dans Photoshop à l’aide d’objets intelligents, c’est assez simple, vous pouvez simplement double-cliquer sur l’objet intelligent pour l’ouvrir dans Illustrator, puis simplement jouer avec les traits là-bas. Maintenant, ce qui est cool, c’est que le logo utilise une police créée à partir de zéro, ce qui le rend assez original et c’était vraiment facile de le faire dans Illustrator en utilisant les outils de base et l’option d’alignement sur la grille.
Cliquez sur l’image pour un aperçu complet
