Zee Logo dans Illustrator
Il y a quelques semaines, nous avons décidé de repenser le Zee logo. Lorsque les entreprises refont leurs logos, cela signifie, la plupart du temps, qu’elles changent quelque chose dans leur entreprise, cela peut être une nouvelle stratégie, de nouveaux produits, etc… Mais il est à peu près 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 business model 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. Aussi, je voulais que le logo ressemble un peu au logo Abduzeedo. Nous travaillons toujours sur le logo et la signature, 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 aller à Affichage> Aligner sur la grille. Ces 2 préréglages nous seront très importants pour concevoir la police du logo.
Étape 2
Avec le Outil Rectangle (M) créer un rectangle à l’aide de la grille.
Étape 3
Avec le Outil Plume (P) ajouter 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 à 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
Supprimer le côté droit maintenant toujours avec le Outil de sélection directe (A). Presque tout le processus se fera 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 Outil de sélection directe (A).
Étape 8
Avec le Outil Plume (P) cliquer sur le point 1 puis en maintenant MAJ 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 Aligner sur la grille. Après cela, notre E sera fait.
Étape 10
Maintenant, dupliquez simplement le E et nous aurons le mot ZEE.
Étape 11
Aller à Effet> Styliser> Coins arrondis. Utilisation 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 j’ai besoin de créer une connexion entre les personnages pour donner l’idée de boucle.
Étape 14
Pour ce faire c’est assez facile. 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 fait. Il ressemble à ces plans de métro et a cette idée de boucle, exactement ce que je voulais.
Étape 16
Maintenant, ouvrons 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 couleur. Utilisation #5d87b6 pour la couleur et Normal pour le mode de fusion.
Étape 19
Allez maintenant à Calque> Style de calque> Ombre intérieure. Utilisation Multipliez pour le Blend Mode, noir pour la couleur, 40% pour l’Opacité, 120º pour l’Angle, 1 pixel pour la Distance, 0 pour le Choke et 1 pixel pour la Taille.
Étape 20
Allez maintenant à Calque> Style de calque> Ombre portée. Utilisation 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 l’étalement, 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 rectangulaire et remplissez-la avec un dégradé blanc à noir avec l’outil Dégradé (G). Utilisez l’image ci-dessous pour référence.
Étape 23
Dupliquez le rectangle et accédez à Edition>Transformer>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 du logo Zee. Après cela, sélectionnez le groupe avec les rectangles dégradés et allez à 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. Utilisation 1,4 % pour la quantité et sélectionnez Gaussien pour la distribution et monochromatique.
Conclusion
Ça y est, nous avons une belle éclaboussure. 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 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 à faire dans Illustrator en utilisant des outils de base et l’option d’accrochage à la grille.
Cliquez sur l’image pour un aperçu complet
