Share
Ce que vous allez créerDans les étapes suivantes, vous apprendrez à créer un effet de texte Blueprint dans Adobe Illustrator..
Pour commencer, vous apprendrez à configurer une grille simple et à créer les formes qui constitueront les composants de votre motif. Ensuite, vous apprendrez comment enregistrer et renommer des motifs et comment enregistrer un pinceau de motif assez simple. En utilisant des traits simples, des techniques de base de mode de fusion et plusieurs effets de transformation, vous créerez le fond de papier Blueprint.
Ensuite, vous apprendrez à créer un effet de texte et à faciliter votre travail en utilisant des styles graphiques. Enfin, vous apprendrez à créer une craie simple à l'aide de l'effet Extrusion 3D et biseautage, de certains dégradés linéaires et du panneau Apparence..
Pour plus d'inspiration, vous pouvez toujours trouver une variété de styles graphiques (y compris des styles graphiques de plans) à Envato Market..
Frappé Contrôle-N créer un nouveau document. Sélectionner Les pixels du Unités menu déroulant, entrez 600 dans les cases de largeur et de hauteur, puis cliquez sur le bouton Avancée bouton. Sélectionner RVB, Écran (72ppi) et assurez-vous que le Aligner de nouveaux objets sur la grille de pixels la case est décochée avant de cliquer D'accord.
Activer la grille (Voir> Afficher la grille) et l’alignement sur la grille (Voir> Aligner sur la grille). Vous aurez besoin d'une grille chaque 10 px, si simplement aller à Édition> Préférences> Guides> Grille et entrez dix 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 et sur la manière dont il peut faciliter votre travail 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> Général. Toutes ces options augmenteront considérablement votre vitesse de travail.
Choisissez le Outil Rectangle (M) et concentrez-vous sur votre barre d'outils. Supprimez la couleur du trait, sélectionnez le remplissage et définissez sa couleur sur R = 255 G = 0 B = 7. Déplacez-vous sur votre planche et créez simplement un 63 px carré-la grille et le Aligner sur la grille fonctionnalité devrait rendre cela plus facile.
Assurez-vous que votre forme nouvellement créée reste sélectionnée, ouvrez le Transparence panneau (Fenêtre> Transparence) et baisser le Opacité à dix%.
En utilisant le Outil Rectangle (M), créer un 30 x 3 px forme, remplissez-le de noir et placez-le exactement comme indiqué dans l'image suivante. Encore une fois, la grille et le Aligner sur la grille fonctionnalité rendra cela plus facile.
En utilisant le Outil Rectangle (M), créer un 3 x 15 px forme, remplissez-le de noir et placez-le comme indiqué dans la première image.
Concentrez-vous sur le dessus de ce nouveau rectangle et sélectionnez le Outil de sélection directe (A). Sélectionnez les deux points d'ancrage et allez à Objet> Chemin> Moyenne (Alt-Control-J). Vérifier la Tous les deux case et cliquez sur le D'accord bouton, et votre rectangle se transformera en un triangle, comme indiqué dans la deuxième image.
Continuez à vous concentrer sur les points d’ancrage édités, passez à la Supprimer les points d'ancrage (-), et cliquez simplement sur ce point pour supprimer l'un des deux points d'ancrage qui se chevauchent.
Assurez-vous que votre triangle est toujours sélectionné et allez à Objet> Chaîne> Ardennes. Entrez les attributs indiqués ci-dessous, cliquez sur le bouton D'accord bouton, puis aller à Objet> Développer l'apparence.
Dupliquer la forme obtenue (Control-C> Contrôle-V), sélectionnez la copie, faites-la pivoter 90 degrés, puis placez-le comme indiqué dans la deuxième image.
Continuez à vous concentrer sur vos deux triangles et choisissez le Outil de sélection directe (A). Sélectionnez les deux points d’ancrage mis en surbrillance dans la première image, concentrez-vous sur la barre d’options, puis entrez 0,2 px en cela Coins boîte.
La fonctionnalité Live Corners est uniquement disponible pour les utilisateurs de CC. La meilleure solution pour remplacer cet effet serait le Autour d'un coin script qui peut être trouvé dans cet article: 20 scripts Adobe Illustrator gratuits et utiles. Enregistrez-le sur votre disque dur, retournez à Illustrator et saisissez le Outil de sélection directe (A). Sélectionnez les deux mêmes points d’ancrage et allez à Fichier> Scripts> Autre script. Ouvrez le Autour de n'importe quel coin script, entrer un 0,2 rayon, et cliquez D'accord.
Désactiver l'alignement sur la grille (Contrôle-"). Choisissez le Pinceau (B), ouvrir le Des pinceaux panneau (Fenêtre> Brosses) et sélectionnez votre 3 pt Rond pinceau calligraphique.
Déplacez-vous sur votre plan de travail et tracez des chemins ondulés le long des bords de vos formes noires à peu près comme indiqué dans l'image suivante. Assurez-vous que vos chemins ne couvrent pas une grande partie de vos formes noires.
Sélectionnez les deux chemins qui suivent votre forme noire plus longue et allez à Objet> Chemin> Contour de contour. Sélectionnez les formes obtenues avec la forme noire qui se trouve à l’arrière, ouvrez le Éclaireur panneau (Fenêtre> Pathfinder) et cliquez sur le bouton Minus Front bouton.
Passez aux deux autres formes noires et répétez la technique mentionnée à l'étape précédente.
Examinez de plus près vos formes noires et adoucissez un peu les points d'ancrage pointus.
Activer l'alignement sur la grille (Contrôle-"). En utilisant le Outil Rectangle (M), créer un 3 px carré noir et placez-le comme indiqué dans l'image suivante.
Sélectionnez votre rectangle rouge, concentrez-vous sur la Transparence panneau, et abaissez le Opacité à 0%.
Maintenant, sélectionnez le même rectangle avec les trois formes noires mises en surbrillance dans l’image suivante et glissez-les simplement dans le Échantillons panneau (Fenêtre> Nuancier) pour les enregistrer en tant que motif. Assurez-vous que votre modèle nouvellement ajouté est sélectionné, ouvrez le panneau déroulant à partir du Échantillons panneau, et aller à Options de Swatch. Renommez votre modèle "Coin"et cliquez dessus D'accord bouton.
Sélectionnez la forme noire surlignée dans l'image suivante et cliquez sur le bouton Nouveau pinceau bouton du Des pinceaux panneau. Vérifier la Brosse à motif bouton puis cliquez sur le D'accord bouton pour ouvrir le Options de brosse de motif bouton.
Choisissez un nom pour votre nouveau pinceau, faites glisser le Échelle curseur vers 70%, sélectionner Des teintes pour le Méthode de colorisation, puis se concentrer sur la Tuile des boites. Tout d'abord, sélectionnez le Coin extérieur tuile et ajoute ton "Coin"modèle de cette liste, puis ouvrez le Carreau de coin intérieur et sélectionnez Centré automatiquement. Une fois que vous avez terminé, cliquez sur le bouton D'accord bouton.
Pour cette étape, vous aurez besoin d’une grille chaque 10 px, alors allez à Édition> Préférences> Guides et grille et entrez dix dans le Quadrillage tous les boîte.
En utilisant le Outil Rectangle (M), créer un 620 px carré, remplissez-le avec R = 33 G = 61 B = 150 et assurez-vous qu’il recouvre l’ensemble de votre planche graphique, comme indiqué dans l’image suivante..
Assurez-vous que votre carré bleu est toujours sélectionné, concentrez-vous sur le Apparence panneau, et ajoutez un deuxième remplissage en utilisant le Ajouter un nouveau remplissage bouton.
Sélectionnez ce nouveau remplissage, définissez la couleur sur Noir, puis passez à Effet> Artistique> Grain de film. Entrez les attributs indiqués ci-dessous, cliquez sur le bouton D'accord bouton, et revenir à la Apparence panneau. Clique le "Opacité"morceau de texte qui représente votre remplissage noir pour ouvrir le Transparence panneau de dérivation, puis abaissez le Opacité à 7% et changer le Mode de fusion à Multiplier.
En utilisant le Outil stylo (P), créer un 620 px chemin vertical et placez-le comme indiqué dans l'image suivante. Assurez-vous que ce chemin reste sélectionné et concentrez-vous sur la Apparence panneau.
Tout d’abord, assurez-vous qu’aucune couleur n’est définie pour le remplissage, puis sélectionnez le trait. Faites-le blanc, abaissez son Opacité à 40%, et changer le Mode de fusion à Recouvrir. Ensuite aller à Effet> Distorsion & Transformation> Transformer. Faites glisser le Déplacer-Horizontal curseur vers 0,5 px, clique le D'accord bouton et puis à nouveau à Effet> Distorsion & Transformation> Transformer. Cette fois, faites glisser le Déplacer-Horizontal curseur vers 50 px et entrez 12 dans ce fond Copies boîte.
Assurez-vous que votre chemin vertical est toujours sélectionné, continuez à vous concentrer sur le Apparence panneau, et ajoutez un deuxième trait en utilisant le bouton Ajouter un nouveau trait bouton.
Sélectionnez ce nouveau trait et assurez-vous que la couleur est définie sur le blanc. Baisser sa Opacité à 30% et changer le Mode de fusion à Recouvrir, et puis aller à Effet> Distorsion & Transformation> Transformer. Faites glisser le Déplacer-Horizontal curseur vers 0,5 px, clique le D'accord bouton et puis à nouveau à Effet> Distorsion & Transformation> Transformer. Cette fois faites glisser le Déplacer-Horizontal curseur vers 5 px et entrez 120 dans ce fond Copies boîte.
En utilisant le Outil stylo (P), créer un 620 px chemin horizontal et placez-le comme indiqué dans l'image suivante. Assurez-vous que ce chemin reste sélectionné et concentrez-vous sur la Apparence panneau.
Tout d’abord, assurez-vous qu’aucune couleur n’est définie pour le remplissage, puis sélectionnez le trait. Faites-le blanc, abaissez son Opacité à 40%,et changer le Mode de fusion à Recouvrir. Ensuite aller à Effet> Distorsion & Transformation> Transformer. Faites glisser le Déplacer verticalement curseur vers 0,5 px, clique le D'accord bouton et puis à nouveau à Effet> Distorsion & Transformation> Transformer. Cette fois faites glisser le Déplacer verticalement curseur vers 50 px et entrez 12 dans ce fond Copies boîte.
Assurez-vous que votre chemin horizontal est toujours sélectionné, continuez à vous concentrer sur le Apparence panneau et ajouter un deuxième trait en utilisant le même Ajouter un nouveau trait bouton.
Sélectionnez ce nouveau trait et assurez-vous que la couleur est définie sur le blanc. Baisser sa Opacité à 30% et changer le Mode de fusion à Recouvrir, et puis aller à Effet> Distorsion & Transformation> Transformer. Faites glisser le Déplacer verticalement curseur vers 0,5 px, clique le D'accord bouton et puis à nouveau à Effet> Distorsion & Transformation> Transformer. Cette fois, faites glisser le Déplacer verticalement curseur vers 5 px et entrez 120 dans ce fond Copies boîte.
Ouvrez le Personnage panneau (Fenêtre> Type> Caractère), choisissez le Outil de type (T), et cliquez sur votre artboard. Ajouter le "BLEU"morceau de texte et utilisez la police Franklin Gothic Demi avec la taille définie à 150 pt. Choisissez une couleur aléatoire pour votre texte et placez-le approximativement comme indiqué dans l'image suivante.
Assurez-vous que votre morceau de texte est toujours sélectionné, supprimez la couleur de remplissage existante (ce qui rendra votre texte totalement invisible) et concentrez-vous sur la Apparence panneau.
Ajoutez un trait et sélectionnez-le. Met le Poids à 0,5 px, remplacer la couleur existante par R = 233 G = 242 B = 248, et puis aller à Effet> Distorsion & Transformation> Roughen. Entrez les attributs indiqués ci-dessous, puis cliquez sur le bouton D'accord bouton.
Assurez-vous que votre texte est toujours sélectionné et continuez à vous concentrer sur la Apparence panneau. Ajoutez un deuxième trait et sélectionnez-le. Ajoutez simplement votre pinceau à motif à partir du Des pinceaux panneau, et n'oubliez pas de définir sa couleur sur R = 233 G = 242 B = 248.
Avec votre morceau de texte toujours sélectionné, ouvrez le Styles graphiques panneau (Fenêtre> Styles graphiques) et cliquez sur le Nouveau style graphique bouton.
Resélectionner le Outil de type (T), ajouter le "IMPRESSION"morceau de texte, placez-le comme indiqué dans l'image suivante et utilisez les mêmes attributs de police. Une fois que vous avez terminé, appliquez simplement votre style graphique, les éléments doivent ressembler à la deuxième image..
Assurez-vous que votre "IMPRESSION"morceau de texte est toujours sélectionné et se concentrer sur la Apparence panneau. Sélectionnez le remplissage existant, définissez sa couleur sur R = 233 G = 242 B = 248 et puis aller à Effet> Styliser> Gribouiller. Entrez les attributs indiqués ci-dessous, cliquez sur le bouton D'accord bouton, puis retournez à la Styles graphiques panneau et cliquez dessus Nouveau style graphique bouton à nouveau pour enregistrer votre deuxième style graphique.
Vous n'aurez pas besoin de ce nouveau style graphique tout au long de ce didacticiel, mais gardez à l'esprit que vous pouvez toujours l'utiliser pour appliquer rapidement ses attributs à tout type de texte, de forme ou de chemin..
Pour cette étape, vous aurez besoin d’une grille chaque 5 px, alors allez à Édition> Préférences> Guides et grille et entrez 5 dans le Quadrillage tous les boîte.
En utilisant le Outil Ellipse (L), créer un 15 px cercle, remplissez-le de jaune et placez-le comme indiqué dans la première image. Assurez-vous que cette nouvelle forme reste sélectionnée et allez à Effet> 3D> Extrusion et biseautage. Entrez les attributs indiqués ci-dessous, puis cliquez sur le bouton D'accord bouton.
Assurez-vous que votre cercle jaune est toujours sélectionné et allez à Objet> Développer l'apparence.
Sélectionnez le groupe résultant et appuyez sur Maj-Contrôle-G deux fois à Dissocier ces formes. Maintenant, sélectionnez les deux formes en surbrillance dans la première image et cliquez sur le bouton Unir bouton du Éclaireur panneau. Remplissez la forme obtenue avec le dégradé linéaire indiqué ci-dessous, en gardant à l’esprit que les nombres bleus du Pente image stand pour Emplacement pourcentage.
Sélectionnez la forme jaune restante et remplacez la forme jaune par le dégradé linéaire indiqué ci-dessous..
Resélectionnez les deux formes remplies de dégradés linéaires et créez des copies devant (Contrôle-C> Contrôle-F). Sélectionnez les deux copies et cliquez sur le bouton Unir bouton du Éclaireur panneau. Remplir la forme obtenue avec du noir.
Assurez-vous que la forme noire créée à l'étape précédente reste sélectionnée.
D'abord, frapper Contrôle-[ deux fois pour envoyer la forme sélectionnée derrière les deux formes remplies de dégradés linéaires, puis se concentrer sur la Apparence panneau. Assurez-vous que tout le chemin est sélectionné (cliquez simplement sur "Chemin"morceau de texte du haut du panneau) et puis aller à Effet> Distorsion et transformation> Distorsion libre. Faites glisser ces points à peu près comme indiqué ci-dessous, puis cliquez sur le bouton D'accord bouton.
Assurez-vous que votre forme noire est toujours sélectionnée et continuez à vous concentrer sur la Apparence panneau. Sélectionnez le remplissage existant, réduisez son Opacité à 15% et allez à Effet> Flou> Flou Gaussien. Entrez un Rayon 3 px et cliquez sur le D'accord bouton.
Assurez-vous que votre forme noire est toujours sélectionnée, continuez à vous concentrer sur la Apparence panneau et ajouter un deuxième remplissage. Sélectionnez ce nouveau remplissage, abaissez son Opacité à 20% et remplacez la couleur existante par le dégradé linéaire indiqué ci-dessous. Gardez à l’esprit que le zéro jaune de la Pente l'image représente Opacité pourcentage.
Si vous souhaitez également ajouter un crayon simple à votre illustration, suivez ce tutoriel simple: Comment créer une illustration de crayons détaillée dans Adobe Illustrator.
Enfin, dupliquez le carré bleu qui constitue votre fond et amenez la copie au premier plan à l’aide des touches Shift-Control-] raccourci clavier.
Sélectionnez cette nouvelle forme et cliquez sur le bouton ré bouton de votre clavier pour remplacer rapidement le Apparence attributs avec ceux par défaut (remplissage blanc et trait noir). Supprimez le trait noir et sélectionnez le remplissage. Baisser sa Opacité à 40%, changer la Mode de fusion à Recouvrir et remplacez la couleur existante par le dégradé radial indiqué ci-dessous. N'oubliez pas que le zéro jaune du Pente l'image représente Opacité pourcentage.
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..
Si vous recherchez un autre tutoriel axé sur les plans, consultez ce didacticiel de Ryan Quintal: Astuce: comment créer une illustration de plan.
Accentsconagua