Comment créer un logo à thème nautique dans Adobe Illustrator

Ce que vous allez créer

Dans les étapes suivantes, vous apprendrez à créer un logo vectoriel nautique dans Adobe Illustrator. Pour commencer, vous apprendrez à configurer une grille simple et à créer votre propre pinceau de motif. Vous apprendrez ensuite à créer des séries de cercles concentriques et à les placer facilement au centre de la planche.. 

Ensuite, vous apprendrez à appliquer et à ajuster du texte sur un chemin et à utiliser des masques d'opacité. En utilisant certains effets de transformation nets, vous apprendrez à accélérer votre travail et à simplifier le nombre de formes dans votre document. Enfin, vous apprendrez quelques techniques de base en matière de fondu et comment ajouter une image pour votre arrière-plan..

Pour plus d'inspiration sur la façon d'ajuster ou d'améliorer votre effet de texte final, vous pouvez trouver de nombreuses ressources sur GraphicRiver..

1. Comment créer un nouveau document et configurer une grille

Frappé Contrôle-N créer un Nouveau document. Sélectionner Les pixels du Unités menu déroulant, entrez 850 dans le Largeur et la taille cases, puis cliquez dessus Avancée bouton. Sélectionner RVB pour le Mode de couleur, met le Effets raster à Écran (72 ppi), puis cliquez sur Créer un document.

Activer le la grille (Voir> Afficher la grille) et le Aligner sur la grille (Voir> Aligner sur la grille). Vous aurez besoin d'une grille chaque 5 px, si simplement aller à Édition> Préférences> Guides> Grille, et entrez 5 dans le Quadrillage tous les boîte et 1 dans le Subdivisions boîte. Essayez de ne pas vous décourager par toute cette grille, cela facilitera votre travail et gardez à l’esprit que vous pouvez facilement l’activer ou la désactiver à l’aide de la Contrôle-" raccourci clavier.

Vous pouvez en apprendre plus sur le système de grille d'Illustrator dans ce court tutoriel de Andrei Stefan: Comprendre le système de grille d'Adobe Illustrator.

Vous devriez aussi ouvrir le Info panneau (Fenêtre> Info) pour un aperçu en direct avec la taille et la position de vos formes. N'oubliez pas de définir l'unité de mesure en pixels à partir de Édition> Préférences> Unités. Toutes ces options augmenteront considérablement votre vitesse de travail.

2. Comment créer l’arrière-plan et enregistrer un motif de pinceau

Étape 1

Choisissez le Outil Rectangle (M) et concentrez-vous sur votre barre d'outils. Enlevez la couleur du Accident vasculaire cérébral puis sélectionnez le Remplir et mettre sa couleur à R = 43 G = 59 B = 84.

Déplacez-vous sur votre planche et créez simplement un 860 px carré. Assurez-vous qu’il couvre l’ensemble de votre planche d’art, puis passez à la Couches panneau (Fenêtre> Calques). Développer la couche existante et simplement Fermer à clé cette forme pour vous assurer que vous ne sélectionnez / déplacez pas accidentellement.

Étape 2

Retournez dans la barre d’outils et remplacez le Remplir couleur avec le blanc. Assurez-vous que le Outil Rectangle (M) est toujours actif et crée un 15 x 10 px forme. Concentrez-vous sur le bas de ce nouveau rectangle et passez à la Outil de sélection directe (A). Sélectionnez les deux points d'ancrage et faites-les simplement glisser 10 px à droite.

Assurez-vous que cette forme blanche reste sélectionnée et allez à Effet> Styliser> Coins arrondis. Entrez un Rayon de 5 px et cliquez D'accord. Ouvrez le Des pinceaux panneau (Fenêtre> Brosses) et cliquez sur Nouveau pinceau. Vérifier la Brosse à motif boîte et cliquez D'accord ouvrir le Options de brosse de motif la fenêtre. Entrez tous les attributs affichés dans l’image suivante, puis cliquez sur le bouton D'accord bouton pour créer votre propre motif.

3. Comment créer trois cercles concentriques

Étape 1

Choisissez le Outil Ellipse (L) et créer un 320 px cercle. Assurez-vous qu'il reste sélectionné et concentrez-vous sur Apparence panneau. Assurez-vous qu’aucune couleur n’est définie pour le Remplir puis sélectionnez le Accident vasculaire cérébral et appliquez votre Brosse à motif du Des pinceaux panneau.

Ensuite, vous devez centrer votre cercle. Ouvrez le Aligner panneau (Fenêtre> Aligner) et sélectionnez Aligner sur Artboard. Si vous n’avez pas accès au Aligner a menu, ouvrez le menu déroulant à partir de votre Aligner panneau et aller à Afficher les options. Maintenant, assurez-vous que votre cercle est toujours sélectionné, puis cliquez simplement sur le bouton Centre d'alignement horizontal et Centre d'alignement vertical boutons. Ceci déplacera immédiatement votre cercle au centre de la planche..

Étape 2

En utilisant le Outil Ellipse (L), créer un 300 px encerclez et centrez-le. Sélectionnez cette nouvelle forme et concentrez-vous sur Apparence panneau.

Assurez-vous qu’aucune couleur n’est définie pour le Remplir puis sélectionnez le Accident vasculaire cérébral. Définissez sa couleur sur blanc (R = 255 G = 255 B = 255) puis cliquez dessus Accident vasculaire cérébral morceau de texte pour ouvrir le Accident vasculaire cérébral panneau fly-out. Met le Poids à 5 px et vérifier le Aligner le trait sur l'intérieur bouton.

Étape 3

En utilisant le Outil Ellipse (L), créer un 280 px encerclez et centrez-le. Sélectionnez cette nouvelle forme et concentrez-vous sur Apparence panneau.

Assurez-vous qu’aucune couleur n’est définie pour le Remplir puis sélectionnez le Accident vasculaire cérébral. Définissez sa couleur sur blanc (R = 255 G = 255 B = 255), augmenter le Poids à 30 px et n'oubliez pas de vérifier que Aligner le trait sur l'intérieur bouton.

4. Comment ajouter du texte et des formes de masque

Étape 1

En utilisant le Outil Ellipse (L), créer un 240 px cercle, Remplir avec une couleur aléatoire et centrez-le. Assurez-vous que cette nouvelle forme reste sélectionnée, sélectionnez la Tapez sur un outil de chemin, et ouvrez le Personnage panneau (Fenêtre> Type> Caractère).

Sélectionnez le Rockwell Extra Gras police et définissez la taille sur 15 px et le suivi de 500. Cliquez simplement sur le bord du cercle sélectionné et ajoutez votre texte. Définissez sa couleur sur le noir (R = 0 G = 0 B = 0) et passez au Outil de sélection directe (A). Utilisez ce crochet central pour faire glisser le texte comme indiqué dans la deuxième image..

Étape 2

En utilisant le Outil Ellipse (L), créer un 260 px cercle, Remplir avec une couleur aléatoire, et centrez-le. Assurez-vous que cette nouvelle forme reste sélectionnée et resélectionnez le Tapez sur un outil de chemin.

Retour à la Personnage panneau et augmenter la taille de la police à 16 px. Encore une fois, cliquez sur le bord du cercle sélectionné et ajoutez votre morceau de texte. Assurez-vous que la couleur est définie sur noir (R = 0 G = 0 B = 0) et passez au Outil de sélection directe (A). Déplacez ce crochet central à l'intérieur de votre cercle, ce qui amènera également votre texte à l'intérieur. Faites glisser le texte sur comme indiqué dans la deuxième image.

Étape 3

Sélectionnez les deux morceaux de texte et Groupe leur (Contrôle-G). Sélectionnez ce groupe avec celui 280 px cercle, ouvrez le Transparence panneau (Fenêtre> Transparence) et cliquez sur le bouton Faire masque bouton. Décocher cette Agrafe boîte et les choses vont ressembler à la troisième image.

Étape 4

En utilisant le Outil Ellipse (L), créer un 210 px encerclez et centrez-le. Sélectionnez cette nouvelle forme et concentrez-vous sur Apparence panneau.

Assurez-vous qu’aucune couleur n’est définie pour le Remplir, puis sélectionnez le Accident vasculaire cérébral. Définissez sa couleur en blanc, augmentez le Poids à 5 px, et n'oubliez pas de vérifier que Aligner le trait sur l'intérieur bouton.

5. Comment créer l'étoile

Étape 1

En utilisant le Outil Rectangle (M), créé un 80 px carré, le rendre noir, et le centrer. Assurez-vous que cette nouvelle forme reste sélectionnée et allez à Objet> Chemin> Ajouter des points d'ancrage. Choisissez le Outil de sélection directe (A) et sélectionnez les quatre points d’ancrage mis en évidence dans la première image. Basculer vers le Outil d'échelle (S) et faites simplement glisser les points d'ancrage sélectionnés 25 px vers l'intérieur, comme indiqué dans la deuxième image.

En utilisant le Outil Rectangle (M), créer un 150 px carré, le rendre blanc et le centrer. Assurez-vous que cette nouvelle forme reste sélectionnée et allez à Objet> Chemin> Ajouter des points d'ancrage. Choisissez le Outil de sélection directe (A) et sélectionnez les quatre points d'ancrage mis en surbrillance dans la troisième image. Basculer vers le Outil d'échelle (S) et faites simplement glisser les points d'ancrage sélectionnés 60 px vers l'intérieur, comme indiqué dans la deuxième image.

Étape 2

Sélectionnez votre étoile blanche et faites un Copier devant (Contrôle-C> Contrôle-F). Sélectionnez cette copie avec votre étoile noire, ouvrez le Éclaireur panneau (Fenêtre> Pathfinder) et cliquez sur le bouton Minus Front bouton. Transformez les formes résultantes en un chemin composé (Contrôle-8) et régler le Remplir couleur au blanc.

Resélectionnez cette étoile blanche et appuyez simplement sur Shift-X inverser rapidement le Remplir et Accident vasculaire cérébral les attributs. Sélectionnez le trait, augmentez le Poids à 5 px, et n'oubliez pas de vérifier que Aligner le trait sur l'intérieur bouton.

Étape 3

Choisissez le Outil stylo (P) et créez un simple triangle comme indiqué dans l'image suivante. Faites-le blanc et allez à Effet> Distorsion & Transformation> Transformer. Assurez-vous de vérifier le point de référence en bas à droite, définissez le Angle à 90 degrés, entrer 3 dans le Copies case, puis cliquez dessus D'accord bouton.

Étape 4

Concentrez-vous sur le coin supérieur de votre forme d'étoile et choisissez le Outil Rectangle (M). Créer un 10 px carré, le rendre blanc, et placez-le comme indiqué dans la première image.

Concentrez-vous sur le bas de cette forme minuscule et passez à la Outil de sélection directe (A). Sélectionnez les deux points d'ancrage et allez à Objet> Chemin> Moyenne. Vérifier la Tous les deux boîte et puis cliquez sur D'accord. Cela transformera simplement votre petit carré en triangle.

Étape 5

Assurez-vous que votre petit triangle reste sélectionné et allez à Effet> Distorsion & Transformation> Transformer. Faites glisser le Déplacer verticalement curseur vers 190 px, vérifier la Refléter Y box, et entrez 1 dans le Copies boîte. Cliquez dessus D'accord bouton et aller à nouveau à Effet> Distorsion & Transformation> Transformer. Met le Angle à 90 degrés, entrer 1 dans le Copies case, puis cliquez dessus D'accord bouton.

Étape 6

Sélectionnez toutes les formes qui composent votre logo et Groupe leur (Contrôle-G).

6. Comment masquer un groupe de formes

Étape 1

Choisissez le Outil Rectangle (M) et créer un 90 x 50 px forme. Faites-le noir et placez-le exactement comme indiqué dans la première image. Concentrez-vous sur le côté droit de ce nouveau rectangle et sélectionnez le Outil de sélection directe (A). Sélectionnez le point d'ancrage supérieur et faites-le glisser 10 px en haut, puis sélectionnez le point d'ancrage inférieur et faites-le glisser 10 px vers le bas.

Faire un Copie de cette forme noire, Flip horizontalement et placez-le exactement comme indiqué dans la troisième image.

Étape 2

Continuez à vous concentrer sur vos deux formes noires. Sélectionnez celui de gauche et allez à Effet> Chaîne> Poisson. Vérifier la Horizontal boîte, faites glisser le pliez curseur vers 5%, et cliquez dessus D'accord bouton. Sélectionnez l’autre forme noire et retournez à Effet> Chaîne> Poisson. Vérifier la Horizontal boîte, faites glisser le pliez curseur vers -5%, et cliquez dessus D'accord bouton. Une fois que vous avez terminé, resélectionnez les formes noires et Groupe leur (Contrôle-G).

Étape 3

Sélectionnez vos deux groupes et allez au Transparence panneau. Cliquez dessus Faire masque bouton et n'oubliez pas de Décocher la Agrafe boîte.

7. Comment créer les rubans

Étape 1

Choisissez le Outil Rectangle (M) et créer un 90 x 50 px forme. Faites-le blanc et placez-le comme indiqué dans la première image.

Concentrez-vous sur le côté droit de ce nouveau rectangle, sélectionnez le Ajouter un outil de point d'ancrage (+), et ajoutez simplement un nouveau point d'ancrage comme indiqué dans la première image. Basculer vers le Outil de sélection directe (A), sélectionnez le nouveau point d'ancrage et faites-le glisser 20 px à gauche.

Faire un Copie de cette forme blanche, Flip horizontalement et placez-le comme indiqué dans la troisième image.

Étape 2

Choisissez le Outil de type (T) et sélectionnez la police Pacifico dans le Personnage panneau. Met le Taille à 20 px et le suivi de 500, puis ajoutez le "19"morceau de texte. Faites-le noir et placez-le comme indiqué dans la première image.

Sélectionnez ce nouveau morceau de texte avec la forme blanche qui se trouve derrière et Groupe leur (Contrôle-G). Assurez-vous que ce nouveau groupe reste sélectionné et allez à Effet> Chaîne> Poisson. Entrez les attributs affichés dans l'image suivante puis cliquez dessus D'accord bouton.

Étape 3

Continuez à vous concentrer sur le groupe constitué à l'étape précédente. Sélectionnez le texte et la forme à l'intérieur de ce groupe, allez à la Transparence panneau, et cliquez dessus Faire masque bouton. N'oubliez pas de décocher ça Agrafe boîte, et les choses devraient ressembler à la deuxième image.

Étape 4

Resélectionner le Outil de type (T) et ajoutez le "38"morceau de texte. Faites-le noir et placez-le comme indiqué dans la première image.

Sélectionnez ce nouveau morceau de texte avec la forme blanche qui le recouvre, et Groupe leur (Contrôle-G). Assurez-vous que ce nouveau groupe reste sélectionné, puis allez à Effet> Chaîne> Poisson. Entrez les attributs affichés dans l'image suivante, puis cliquez dessus. D'accord bouton.

Étape 5

Continuez à vous concentrer sur le groupe constitué à l'étape précédente. Sélectionnez le texte et la forme à l'intérieur de ce groupe, allez à la Transparence panneau, et cliquez dessus Faire masque bouton. N'oubliez pas de décocher ça Agrafe boîte, et les choses devraient ressembler à la deuxième image.

8. Comment ajouter une image pour votre fond

Étape 1

Retour à la Couches panneau et déverrouiller ce carré bleu. Sélectionnez-le et concentrez-vous sur Apparence panneau (Fenêtre> Apparence). Sélectionnez le Remplir, abaisser sa Opacité à 50%, et changer le Mode de fusion à Couleur.

Étape 2

Téléchargez cette image gratuite et faites-la glisser dans votre document. Redimensionnez-le, envoyez-le à l'arrière en utilisant le Shift-Control- [ raccourci clavier et placez-le approximativement comme indiqué dans l'image suivante.

Étape 3

Resélectionnez votre carré bleu, concentrez-vous sur Apparence panneau, et ajoutez un deuxième remplissage en utilisant le Ajouter un nouveau remplissage bouton. Sélectionnez cette nouvelle Remplir, définir la couleur à R = 39 G = 170 B = 225, abaisser sa Opacité à 50%, et changer le Mode de fusion à Lumière douce.

Toutes nos félicitations! Vous avez terminé!

Voici à quoi cela devrait ressembler. J'espère que vous avez apprécié ce tutoriel et que vous pouvez appliquer ces techniques à vos projets futurs. Consultez ce tutoriel de Yulia Sokolova si vous souhaitez en savoir plus sur les techniques pouvant être utilisées pour créer des logos vectoriels: Créez un logotype rétro sur un arrière-plan flou dans Adobe Illustrator.

N'hésitez pas à ajuster le design final et à le personnaliser. Vous pouvez trouver de bonnes sources d’inspiration chez GraphicRiver, avec des solutions intéressantes pour améliorer votre conception..