Share
Ce que vous allez créerTrès souvent, nous décomposons les logotypes et les projets de conception graphique uniquement dans Adobe Illustrator. Le tutoriel d'aujourd'hui produit un projet à la fois dans Adobe Illustrator et Adobe Photoshop, soulignant le processus de conception tout en utilisant des méthodes similaires dans chaque programme..
J'ai dessiné divers logos, dessins de badge et bannières dans mon carnet de croquis. Bien que j’ai réalisé toute une série de motifs, ce tutoriel portera plus particulièrement sur un dessin ovale, semblable à celui des étiquettes de bouteilles de bière, mais sa forme est adoucie pour un magasin de crème glacée..
J'ai choisi le design ovale de ce tutoriel et, par conséquent, en esquissé des variantes avec des bannières, des copies supplémentaires et des éléments de design alternatifs. Je veux que la pièce donne au spectateur les informations dont il a besoin: marque et type de produit.
Commençons ce tutoriel dans Adobe Photoshop CC (d'autres versions peuvent être utilisées, car la plupart des outils sont présents dans plusieurs versions). Créer un Nouveau document ce est à propos de 6 pouces par 8 pouces à 300 dpi.
Utilisez le Outil Ellipse (U) dessiner un grand ovale. Remplissez-le avec une couleur légère et crémeuse (R: 248 G: 231 B: 213) dans le Propriétés panneau. Clic-droit la couche de forme dans le Couches panneau, Pixelliser, et utiliser le Outil de chapiteau rectangulaire (M) découper une section (voir ci-dessous) de l'ovale.
Utilisez le Outil Baguette Magique (W) sélectionner en dehors des moitiés ovales et Inverser (Maj-Contrôle-I) la sélection. Aller à Sélectionnez> Modifier> Contrat et Contrat de 15 pixels. Effacer la sélection nouvellement contractée à partir des moitiés ovales donc vous reste avec deux contours.
Dessinez deux longs rectangles sur les bords intérieurs de chaque moitié ovale avec le Outil Rectangle (U). Vous pouvez faire correspondre la largeur exacte des contours en sélectionnant chaque calque de forme avec le Outil de sélection directe (A) et en définissant la hauteur comme 18px. Sélectionner vos couches de forme et Aligner les au Centre avec le Outil de déplacement (V).
Sur un nouveau calque, tracez un rectangle et définissez la couleur de remplissage sur sarcelle vive (R: 89 G: 189 B: 189). Pixelliser le calque et sélectionnez en dehors de la moitié inférieure de l'ovale (changez de calque, puis sélectionnez à nouveau le calque sarcelle). Effacer les parties du rectangle qui existent en dehors de la sélection.
En utilisant le Outil Baguette Magique, sélectionner l'intérieur de la moitié supérieure ovale. Contrat la sélection par 20 pixels, comme cela a été fait dans Section 2, étape 2. Créer un Nouvelle Couche et utiliser le Outil seau de peinture (G) pour remplir la zone nouvellement sous contrat avec sarcelle.
Voici un aperçu du logo à ce stade du didacticiel. Réduisez la longueur des rectangles de crème inférieurs et dessinez les plus petits au centre des formes ovales. Assurez-vous que chaque élément est centré.
Sélectionner la moitié ovale sarcelle et faire un Nouvelle Couche dans le Couches panneau (pour des pièces comme celle-ci, j’ai tendance à faire un calque pour chaque élément de la conception afin de pouvoir les changer facilement ultérieurement, un peu comme un document créé en Illustrateur).
Utilisez le Outil de dégradé (G) placer un Gradient Radial qui va du bleu sarcelle foncé (R: 18 G: 112 B: 112) transparent dans la sélection (dans le nouveau calque).
Le texte dans cette conception est assez simple et simple. Ecrivez votre texte avec le Outil de type horizontal (T). Pour "Sweet Treats", j'ai utilisé Bebas Neue dans la même crème utilisée pour les formes de contour. Déplacez les demi-éléments ovales inférieurs vers le haut de manière à ce que le texte s’intègre au centre du dessin sans dépasser le long rectangle supérieur..
Pour le texte "ICE CREAM", j'ai utilisé Archivo Black, écrit en majuscules en raison de son look gras et bloc. Pixelliser le calque de texte et sélectionnez les lettres (assurez-vous qu’un rectangle de sélection entoure les parties intérieures des «R» et «A») et supprimez la sélection du calque du bandeau bleu sarcelle. Cacher le calque de texte dans le Couches panneau.
Faire un Nouvelle Couche au-dessus de la couche de bannière sarcelle et utilisez le Outil gradient afin de placer Radial dégradés de chaque côté de la bannière (concentrez des sarcelles sur les bords). Sélectionner la bannière sarcelle (dans la couche bannière sarcelle) et Effacer les parties du calque dégradé qui ne se croisent pas avec la bannière bleu sarcelle (comme cela a été fait dans Section 3, étape 1).
Afin d'ajouter des queues de ruban de chaque côté. Tracez un rectangle bleu sarcelle avec le Outil Rectangle, Pixelliser le calque de forme et utilisez le Outil Lasso Polygonal (L) dessiner une sélection en forme de triangle à supprimer du rectangle.
Tourner la forme 45 °, ou alors, Dupliquer la couche, et aller à Édition> Transformer> Retourner horizontalement. Fusionner (Contrôle-E) les couches de ruban ensemble et placez-les sous les couches de bannière ICE CREAM. Sélectionner la bannière et utilisez le Outil Gomme (E) supprimer les rubans de la sélection de texte (voir l'image finale ci-dessous).
Sélectionner les couches de bannière "ICE CREAM" et allez à Édition> Warp. Appliquer un Cambre pliez de -33% en fonction de l'emplacement de votre bannière. Déplacer la bannière pliée et la partie inférieure ovale vers le haut dans le dessin.
La touche finale du texte pour cette création est "SINCE 1982" (ou quelle que soit l'année de création de votre entreprise imaginaire ou plutôt réelle), en gras Myriad Pro et dans la crème. Placez au bas de la deuxième moitié ovale dans 12 pt ou 14 pt Taille. Sélectionner votre texte avec le Outil de texte horizontal et déformer le texte dans un Arc style par -36%.
Utilisez le Outil stylo (P) dessiner un rectangle avec le bord supérieur incurvé. Maintenez Alt pour manipuler les poignées lors de la création de la courbe. dans le Les chemins panneau, remplissez la forme avec la même couleur turquoise que celle utilisée précédemment. Tracez une fine bande incurvée (voir ci-dessous), également avec le Outil stylo et le remplir avec de la crème. Effacer les parties de la bande qui dépassent de la forme de la tasse.
Utilisez le Pinceau (B) dessiner un tourbillon de crème glacée semblable à un nuage. Tracer la forme avec le Outil stylo sur un Nouvelle Couche et remplissez avec la même couleur crème utilisée tout au long du tutoriel. Utilisez le Outil Ellipse dessiner une jolie cerise rouge. Cacher ou Effacer la couche de crème glacée dessinée.
Comme il s’agit d’un fond blanc, la couleur crème claire a été changée en pêche douce. Il conserve le thème de couleur de sorbet mais est lisible contre les couleurs claires. Si le logo doit apparaître sur un fond sombre, optez plutôt pour la crème légère..
Une fois terminé, vous pouvez Exportation votre fichier ou continuez à concevoir des badges, des bannières et des logotypes pour "Sweet Treats", la marque de crème glacée préférée de tous, conçue pour ce didacticiel. Passons à la création du même design dans Adobe Illustrator.
Créer un Nouveau document avec les mêmes dimensions que Section 2, étape 1. Utilisez le Outil Ellipse (L) dessiner une grande forme ovale et le Outil Rectangle (M) dessiner un rectangle étroit qui chevauche l'ovale. Remplissez les deux avec la couleur crème de Section 2, étape 1. Sélectionner les deux formes en coup Minus Front dans le Éclaireur panneau. Clic-droit la forme composée et frappé Relâcher le chemin du composé afin de séparer les
Tracez quatre rectangles dans l’espace entre les deux moitiés ovales. Notez que les deux premiers sont plus longs que les deux derniers et que les deux extérieurs sont plus épais que les deux rectangles intérieurs.
Sélectionnez la moitié supérieure ovale et allez à Objet> Chemin> Chemin décalé. Contribution -6px pour le Décalage. Sélectionner à la fois le haut ovale et sa forme décalée et frappé Minus Front dans le Éclaireur panneau. Répéter avec l'ovale du bas.
Dessinez un ovale plus petit dans le haut de la moitié ovale crème. Définissez la couleur de remplissage sur le même bleu sarcelle utilisé dans Section 3, étape 1, et couper la partie inférieure de celui-ci en utilisant la technique de Section 6, étape 1.
Avec le Outil de type, écrire "Sweet Treats" dans Bebe Neue. Ajustez la taille et la forme générale du type avec le Outil de sélection (V).
Pour créer la bannière bleu sarcelle, tracez un rectangle au bas de la forme ovale. Sélectionnez les deux formes et utilisez le Outil de création de forme (Maj-M) afin de Sélectionner les parties extérieures du rectangle, Désélectionner, et Effacer les de la bannière.
Avec le Outil de type, écrire "ICE CREAM" dans Archivo Black et Développer le type sous Objet. Unir le type dans le Éclaireur panneau. Sélectionner la forme du texte et la bannière de sarcelle et frappé Minus Front dans Éclaireur.
Ecrivez "DEPUIS 1982"dans Myriad Pro. Pour déformer le texte, allez à Effet> Warp> Arc et pliez le texte de -17%. Placez ce texte au bas de l'ovale.
Copier (Control-C) et Coller (Contrôle-V) la bannière "ICE CREAM" et appliquez un remplissage en dégradé à l'aide du Pente panneau, qui va du bleu sarcelle foncé (Section 3, étape 4) à 100% à 0% à 100% Opacité.
Copie et Coller la moitié ovale sarcelle et appliquer un Gradient Radial venir de sarcelle noire à 100% à 0% d'opacité. Ajustez le placement du dégradé avec le Outil de dégradé (G).
Pour le sundae cup, tracez une ellipse et un rectangle de même largeur et Unir eux dans le Éclaireur panneau. Utilisez le Outil stylo (P) dessiner la bande courbe de couleur crème sur le devant de la tasse. Comme le processus dans Section 5, étape 2, esquisser la forme de la glace avec le Outil Pinceau (B) et trace avec le Outil stylo. Effacer des croquis caressés de la Couches panneau. Utilisez le Outil Ellipse dessiner une jolie petite cerise rouge et la placer derrière la forme de la glace.
Pour les rubans de la bannière de sarcelle, dessinez un rectangle court avec le Outil Rectangle. Utilisez le Outil stylo dessiner un triangle du côté gauche du rectangle. Sélectionner les deux et frappé Minus Front dans le Éclaireur panneau. Tourner la forme 45 ° ou alors. Copie, Coller, et Réfléchir la forme du ruban sur un Axe vertical et placez-le de chaque côté de la bannière bleu sarcelle dans le motif (assurez-vous qu’il est placé sous la bannière dans le Couches panneau).
Sélectionner les composants de la bannière "ICE CREAM" et Groupe (Control-G) eux autres ensemble. Aller à Effet> Warp> Arch et pliez par -21%.
Le choix de la couleur est important. J'ai fait le fond gris foncé dans cet exemple pour que les détails crème soient visibles. Imaginez que votre logo soit imprimé dans un journal ou un magazine, mais qu'il ne soit pas imprimé en couleur. Vous voudrez vous assurer que vous avez choisi les couleurs pour cette instance particulière afin que votre marque, votre produit et d'autres informations restent lisibles..
La deuxième variante est simple en noir et blanc. J'ai omis la partie cerise de la conception. Tous les dégradés ont été supprimés (c'est pourquoi je les ai placés sur un calque distinct de la forme initiale), la crème est devenue blanche et les sarcelles d'hiver et les sarcelles noires sont devenus noirs..
Tout comme la variation en niveaux de gris, toutes les informations importantes sont facilement lisibles tant qu’elles existent sur un fond gris. Cet exercice est utile non seulement pour les publications en noir et blanc, mais également pour l’impression couleur limitée dans laquelle vous ne pouvez choisir que deux ou trois couleurs..
Enfin, voir votre logo, bannière, etc. de cette manière indique clairement quelles parties de la conception se démarquent le plus. Dans ce cas, il s’agit de la crème glacée et des mots "SWEET TREATS", qui sont les éléments les plus importants de la conception, car ils indiquent immédiatement au téléspectateur ou au consommateur ce que le produit ou la société est.
Une conception de base (créée séparément, donc des variations sont survenues) dans deux programmes. Bien que je préfère utiliser Illustrateur pour tout ce qui concerne le logo et le design, n’ayant accès qu’à Photoshop ne devrait pas limiter un concepteur lorsqu'il s'agit de créer des ensembles de conception et des illustrations similaires. Cela peut rendre les fichiers et les documents plus lourds, mais pouvoir créer des éléments vectoriels sous forme de trame est un excellent moyen de tirer le meilleur parti d'un programme tel que Photoshop.
Accentsconagua