Share
Dans le didacticiel pour débutant d'aujourd'hui, je vais vous montrer comment créer un vecteur Polaroid, avec une utilisation minimale de l'outil crayon. Je vais ensuite vous montrer comment vous pouvez l'utiliser en combinaison avec une autre illustration pour l'encadrer..
Lorsque mon partenaire et moi nous sommes rencontrés pour la première fois, il essayait de m'impressionner en voulant apprendre à créer de l'art vectoriel. La première chose que je lui ai enseignée a été de créer un vecteur Polaroid. La raison en est que cela n'a pas nécessité beaucoup d'utilisation de l'outil plume, ce qui peut être décourageant lorsque vous l'essayez pour la première fois. En outre, il lui a présenté des outils et effets assez impressionnants. Inutile de dire qu'il m'a impressionné et qu'on se marie l'année prochaine.
Commençons donc avec le tutoriel et apprenons à créer votre propre vecteur rétro Polaroid!
Je vais commencer à créer le Polaroid vintage à l'aide de formes de base composées de rectangles avec l'outil Rectangle (M). Comme il a des ratios spécifiques, je vais cliquer une fois sur le canevas et entrer les valeurs des trois rectangles que je souhaite créer. Pour le moment, les couleurs de ces formes ne sont pas pertinentes, car nous les changerons plus tard.
Le premier qui est le plus grand du trio sera 540pt par 650pt.
La seconde permettra une légère bordure autour du cadre et sera de 505 points par 600 points.
Et le plus petit sera 505pt par 485pt.
Comme vous l'avez peut-être remarqué, nos rectangles ne sont pas dans les positions correctes pour une prise de vue instantanée. Je vais donc utiliser le panneau Aligner (Windows> Aligner ou Maj + F7) pour les positionner..
Sélectionnez tout d'abord (Commande + A) des rectangles et utilisez l'option Horizontal Align Center.
J'ai désélectionné le plus grand rectangle et avec les deux plus petits, j'ai utilisé l'option Alignement vertical vertical. Alors que j'étais toujours sélectionné, j'ai utilisé les touches fléchées de mon clavier pour déplacer les deux rectangles vers le haut dans la position ci-dessous. Si vous les avez décalés, vous pouvez toujours tout sélectionner (Commande + A) et utiliser l’alignement horizontal pour les centrer à nouveau..
Je vais légèrement arrondir les coins du plus grand rectangle. Alors sélectionnez la forme et allez dans Effets> Styliser> Coins ronds et entrez la valeur 6 pt et cliquez sur OK.
C'est un effet en direct, ce qui signifie que vous pouvez revenir dans le panneau Apparence pour modifier cette valeur à tout moment. Vous pouvez dire que c'est un effet en direct en regardant la forme ci-dessous. Bien que la forme bleue ait effectivement un coin incurvé, les points autour de la forme sont toujours ceux d’un rectangle.
Je vais supprimer l'effet en direct, mais conserver la forme des coins arrondis en conservant la forme sélectionnée et en sélectionnant Objet> Développer l'apparence. Vous saurez que l'effet réel a été étendu car la forme a maintenant deux points au coin au lieu d'un seul..
Si vous regardez au dos d'un Polaroid, vous remarquerez qu'il y a des plis et une pochette en pâte de développement sur les bords et le bas, respectivement. Je vais utiliser l'outil de segment de ligne (\) pour séparer les plis et la pochette. Pour que les lignes correspondent plus facilement aux formes déjà dessinées et aux points de nos rectangles, je vais activer les guides intelligents (Commande + U)..
Si vous n'avez jamais utilisé les guides intelligents, après les avoir activés, si vous déplacez votre curseur lentement autour des formes, vous remarquerez qu'il s'aligne sur des points et des tracés. Cette fonctionnalité est idéale lorsque vous souhaitez tracer des lignes précises, comme vous le serez aujourd'hui.
Je vais commencer à tracer une ligne à partir d'un coin et à chevaucher un point, tout en maintenant la ligne jusqu'à ce que le guide intelligent mette en surbrillance le bord du rectangle de taille moyenne. Je clique sur ce point final avec les repères intelligents soulignant "ancre" afin que je sache que les lignes seront alignées.
Tenir Shift aidera à créer une ligne verticale parfaitement droite. Lorsque vous maintenez la touche Maj enfoncée, vous pouvez créer une ligne dont l'angle est de 45 degrés dans toutes les directions. J'ai utilisé cette même méthode pour créer la ligne horizontale le long du haut de la photo. Encore une fois, j'ai utilisé les avantages des guides intelligents pour m'assurer que ma ligne horizontale est aussi affleurante qu'elle est mise en surbrillance "chemin", là où les lignes se rejoignent.
Vous pouvez utiliser les guides intelligents lorsque vous utilisez les outils de forme (ainsi que de nombreux autres outils d'intelligence artificielle), comme indiqué ci-dessous. Ici, j'ai utilisé l'outil Rectangle (M) et je me suis assuré qu'il était de chaque côté des lignes verticales..
J'ai tracé les lignes ci-dessous pour sectionner notre Polaroid. J'ai regroupé toutes les lignes (Commande + G).
Je vais copier (commande + C) et coller devant (commande + F) les rectangles les plus petits et les plus grands. Ensuite, je vais utiliser le panneau Pathfinder (Maj + Commande + F9) pour supprimer le plus petit du plus grand en utilisant l’option Moins avant. Cela devrait vous laisser avec le cadre global du Polaroid.
Je vais créer un masque d'écrêtage avec notre nouvelle forme. Je vais donc regrouper toutes les formes et les lignes, à l'exception du plus petit rectangle. Pour ce faire, sélectionnez les formes et les lignes que vous souhaitez grouper, puis appuyez sur Commande + G. Dans mon exemple ci-dessous, j'ai masqué la nouvelle forme créée à l'étape 5 et verrouillé le plus petit rectangle, car je ne manque pas pour le modifier à ce stade.
Affichez la nouvelle forme (si vous l’avez fait) et sélectionnez-la ainsi que le groupe. Maintenant, allez à Objet> Masque d'écrêtage> Créer (Commande + 7). Il combinera les éléments dans un nouveau groupe. Si vous explorez ce groupe, vous pourrez voir les composants. Un masque de découpage ne rend visible que ce qui est contenu dans la forme du tracé de détourage.
Pour rester dans le groupe Masque de découpage, je vais sélectionner chacun des composants individuels (à l'exception du chemin de détourage) afin de modifier leur couleur de remplissage / trait avec les éléments suivants:
J'ai également modifié les paramètres de transparence via le panneau de transparence (Maj + Commande + F10). Le rectangle moyen est défini sur Opacité 90%. Le groupe de lignes de coupe a été défini sur Multiplier les modes de fusion et Opacité 100%.
Si vous appliquez ces paramètres au groupe plutôt qu'aux lignes individuelles, l'effet du mode de fusion / opacité est affiché comme si tous les composants du groupe constituaient un seul et même objet. Si je devais le faire individuellement, vous remarqueriez des zones où les lignes se chevauchent (par exemple, où le rectangle est dans la partie inférieure du Polaroid) seraient beaucoup plus sombres que les autres..
Tout comme vous pouvez modifier des objets dans un masque de découpage, vous pouvez également ajouter et supprimer des objets si vous en avez besoin. Je vais ajouter des formes sur le cadre du Polaroid. En utilisant l'outil Plume (P) et notre ami Smart Guides, je vais dessiner le rabat supérieur du cadre, en utilisant nos lignes de sectionnement comme guide pour les angles des côtés du rabat..
Une fois la forme terminée, il vous suffit de la sélectionner, de la faire glisser et de la déposer dans le masque de découpage. Comme vous pouvez le voir ci-dessous, la nouvelle forme bénéficie désormais des limites du tracé de détourage en masquant les zones qui se chevauchent.
Je vais utiliser un dégradé linéaire pour créer l'apparence d'un volet. Ce que j'ai tendance à faire, c'est de remplir ma forme avec un dégradé par défaut, puis de faire glisser les couleurs de mon échantillon vers les curseurs de dégradé. Je déplace ensuite les curseurs de dégradé pour modifier l'apparence du dégradé. Pour modifier un dégradé linéaire vertical en dégradé horizontal, modifiez la valeur de l'angle à 90 degrés..
J'ai ensuite fait glisser d'autres couleurs dans le panneau Dégradé et utilisé l'outil Dégradé (G) pour modifier les positions des couleurs, respectives par rapport à la ligne de coupe..
J'ai utilisé les nuances suivantes de gauche à droite:
J'ai ensuite réduit l'opacité à 70%.
J'ai utilisé le même dégradé pour les autres formes du cadre et de la pochette, mais j'ai retiré certaines couleurs et les ai réorganisées. Pour supprimer une couleur du dégradé, sélectionnez le curseur de dégradé et utilisez le chutier à droite. Toutes les nouvelles formes doivent être réglées sur Opacité 70%.
Copiez (commande + C) et collez devant (commande + F) la pochette / le rectangle. Je vais lui ajouter une texture subtile en utilisant un motif par défaut, déjà présent dans la bibliothèque d'Adobe Illustrator. Dans le panneau Nuancier, accédez au menu déroulant situé dans le coin supérieur droit du panneau et sélectionnez Ouvrir la bibliothèque de nuanciers> Motifs> Graphiques de base> Textures graphiques de base. Sélectionnez ensuite le motif "USGS 21 Intricate Surface" et il sera automatiquement ajouté à votre nuance..
Remplissez le rectangle dupliqué et réglez le mode de fusion sur Multiplier et l'opacité sur 5%.
Notre cadre est plus ou moins fini, mais il y a encore une chose que vous pouvez ajouter au cadre pour lui donner une touche unique. Vous pouvez souvent trouver le nom de la marque ou même le numéro de lot du film au dos d’un Polaroid. Alors pourquoi ne pas ajouter votre nom, votre titre d'illustration, ou même une date dans le même style?
J'ai utilisé l'outil Texte (T) au-dessus de la pochette avec les paramètres ci-dessous. J'ai choisi d'écrire "VECTORTUTS +" ici pour des raisons évidentes.
Lorsque vous utilisez l'outil Texte (T) dans Adobe Illustrator, il ne peut afficher que les polices dont vous disposez déjà sur votre ordinateur… Cela peut sembler évident. Cela signifie que si vous deviez transmettre le fichier à un ami et pour une raison quelconque, il ne possédait pas la police de caractères "Arial", le texte ne s'afficherait pas correctement. Il vaut donc la peine Objet> Développer la police de caractères en formes. Dans ce tutoriel, je vais développer la police, mais si vous utilisez ce cadre encore et encore, je saute cette étape..
Je vais changer la couleur de remplissage de notre marque en "USGS 21 Intricate Surface" pour qu'elle ait l'air texturée, mais le motif semble trop gros dans le texte. Pour modifier l'échelle du motif, allez à Objet> Transformer> Échelle et assurez-vous que seuls les "Motifs" sont cochés. J'ai changé l'échelle de ce motif en uniforme 20%.
Ensuite, j'ai utilisé l'outil de transformation libre (E) pour faire légèrement pivoter le texte. Ces timbres de marque ne sont jamais complètement parfaits, non? Une fois terminé, regroupez tous les éléments du cadre (Commande + G).
Maintenant, travaillons sur le film qui recouvrira l’illustration ci-dessous. Je vais dupliquer le petit carré et le cacher pour le moment, il sera utilisé à une étape ultérieure. Changez la couleur de remplissage en une nuance noire (C = 0, M = 0, Y = 0, K = 95). À l'aide de l'outil de maillage (U) avec l'aide des guides intelligents, placez un point au centre, puis colorez-le en blanc pur..
Faites le tour du carré en ajoutant des points blancs aux coins. Vous ne pourrez pas ajouter le quatrième coin, celui-ci ayant été créé à partir de l’ajout des trois points. Vous devez maintenant sélectionner chaque point avec l'outil de maillage (U) et les colorier en blanc, comme indiqué ci-dessous..
Sélectionnez la forme du maillage au complet, puis modifiez le mode de fusion sur Multiplier et l'opacité sur 40%. Vous remarquerez que le centre blanc a maintenant disparu, le mode de fusion n'influençant que la présence de couleur - le blanc n'en ayant aucune (d'où tous les zéros!). Cela donnera un effet de vignette à la photo.
Bien sûr, si la partie photo du Polaroid est légèrement surélevée, l’image risque d’être brillante. Je vais dessiner sur le carré avec un rectangle arrondi, puis utiliser un dégradé linéaire blanc et transparent. Pour cela, vous créez un dégradé de même couleur sur deux curseurs de dégradé. Sélectionnez l'un des curseurs de dégradé, puis réduisez l'opacité à la valeur souhaitée. Dans ce cas, ce serait 0%.
Une fois cela fait, définissez le mode de fusion à l'écran et l'opacité à 40%, puis regroupez le maillage et le rectangle arrondi ensemble (Commande + G).
Je vais créer une ombre subtile au bas du Polaroid en utilisant un autre dégradé transparent… cette fois, c'est un dégradé radial. Dans le panneau Dégradé, utilisez le menu déroulant pour le changer en dégradé radial. Ensuite, faites glisser le noir dans les deux curseurs de dégradé.
Chaque fois que j'utilise un dégradé radial simple, j'ai tendance à l'utiliser avec un cercle car je trouve qu'il est plus facile de manipuler les dimensions d'un cercle avec l'outil de transformation libre (E) que d'utiliser l'outil de dégradé (G). Donc, cette astuce pourrait être bonne pour vous si vous avez rencontré le même problème.
Commencez par utiliser l'outil Ellipse (L) avec le remplissage dégradé radial et maintenez les touches Alt + Maj enfoncées, puis faites-le glisser vers l'extérieur pour créer un cercle pair. Vous remarquerez que le dégradé radial sera alors exactement au centre et que sa forme ne sera pas déformée. Utilisez ensuite l'outil de transformation libre (E) pour l'écraser et l'étirer comme vous le souhaitez..
Je l'ai placé sous le groupe du cadre et je l'ai réglé sur Multiplier le mode de fusion avec l'opacité 100%. Puis je l'ai groupé avec le cadre (Commande + G).
Ce que nous avons maintenant devrait être deux groupes, un contenant la vignette et brillant qui sera sur le dessus du cadre. Si vous n'avez pas votre planche graphique visible, vous pouvez le faire en allant dans Affichage> Afficher les planches d'art (Commande + Maj + H)..
Sélectionnez les deux groupes, puis positionnez-les dans le cadre. Vous allez avoir besoin de créer un arrière-plan global pour le Polaroid. J'ai fait cela en utilisant l'outil Rectangle (M). La couleur n'a pas d'importance, car vous pouvez modifier cela en fonction de la couleur de votre illustration pour l'adapter ou la contraster..
Dupliquez ce nouveau rectangle que vous avez utilisé comme arrière-plan, puis mettez en évidence le petit carré que vous avez dupliqué à l'étape 14. Faites-le glisser hors du groupe et au-dessus de l'arrière-plan dupliqué. En utilisant Pathfinder> Moins avant, supprimez le petit carré du rectangle d’arrière-plan..
Groupez le rectangle d'arrière-plan d'origine avec le cadre Polaroid (Commande + G) de sorte qu'il ne vous reste plus que deux groupes. Découpez ensuite le rectangle d’arrière-plan en créant un masque de découpage (Commande + 7) avec le groupe de cadres Polaroid..
Maintenant, sélectionnez Tout (Commande + A) et Regroupez tout (Commande + G) pour faciliter la duplication sur un autre projet d’illustration..
Ouvrez l'illustration de votre choix, dans ce cas, j'utilise un portrait de mon autre moitié. Vous pouvez trouver le tutoriel sur la création de ce portrait masculin ici sur Vectortuts+.
Créez un nouveau calque, puis copiez (Command + C) le groupe Polaroid et collez (Command + V) sur votre illustration..
À partir de là, vous pouvez utiliser l'outil de transformation libre (E) pour redimensionner votre groupe Polaroid (maintenez les touches Alt + Maj enfoncées pour le faire de manière uniforme afin d'éviter toute distorsion dans le rapport) ou même effectuez un zoom avant dans le groupe pour modifier la couleur de l'arrière-plan. J'ai choisi de changer la couleur de fond de mon Polaroid en marron pour faire ressortir les tons bleus de l'image..
Pour lui donner un aspect moins uniforme, je vais faire pivoter légèrement le portrait et le Polaroid. Donc, déverrouiller tout (Alt + Commande + 2) puis Sélectionner tout (Commande + A).
Maintenant, allez à Objet> Transformer> Faire pivoter et définissez la valeur avec laquelle vous souhaitez faire pivoter l'illustration et le Polaroid. N'oubliez pas de cocher Objets et Motifs, puis cliquez sur OK..
Enfin, utilisez l’Outil Plancher (Maj + O) pour positionner les limites du plan de travail ou modifier les dimensions. L'outil Artboard (Maj + O) est particulièrement utile lorsque vous utilisez l'option Enregistrer pour le Web et les périphériques. Considérez-le comme un outil de recadrage et définissez la zone de votre illustration que vous souhaitez rogner et enregistrer..
Ensuite, lors de l’enregistrement, sélectionnez Fichier> Enregistrer pour le Web et les périphériques. Dans les options de taille d'image à droite, il y a une case à cocher "Clip sur Artboard", assurez-vous que cette case est cochée. Un aperçu de votre illustration recadrée apparaîtra à gauche une fois que vous avez "Appliquer". Puis enregistrez comme d'habitude.
Bien sûr, les personnes aux yeux vifs remarqueront que j’ai en fait placé une illustration au dos d’un Polaroid au lieu de la face avant. Il s'agit simplement de donner des détails supplémentaires et d'introduire de nouvelles techniques à ceux qui commencent par Adobe Illustrator.!
Vous pouvez toujours supprimer les détails autour du Polaroid et le laisser comme un rectangle uni, avec le maillage / lustre chevauchant qui se chevauchent et une ombre subtile pour une approche plus réaliste..
J'espère que vous avez trouvé le tutoriel d'aujourd'hui intéressant et que vous avez découvert de nouvelles techniques et outils à utiliser dans vos projets futurs.
Quelles autres manières créatives croyez-vous pouvoir encadrer et présenter une illustration??
Accentsconagua