Créer une affiche vecteur Inspirational politique
Ce tutoriel est inspiré par la célèbre série affiche politique de Sheppard Fairey pour la campagne d'Obama aux États-Unis. Nous allons vous montrer comment créer ce style de design. Nous allons commencer par des techniques d'édition d'images de base dans Adobe Photoshop pour obtenir notre configuration des couches de guidage, puis nous allons sauter dans Adobe Illustrator. Vous n'avez pas besoin d'équipement sophistiqué pour le faire. J'ai utilisé une souris qui a encore plus la balle en caoutchouc.
Note de l'éditeur: Vectortuts + ne cautionne aucune croyance politique particulière dans la publication de ce tutoriel. Au contraire, ce tutoriel se concentre sur la démonstration d'un flux de travail pour la création de cet effet esthétique intéressante.
Vous cherchez un raccourci?
Astuce: Si vous êtes à la recherche d'un raccourci, vous pouvez créer l'effet de l'affiche rapidement et simplement avec l'avance Iconic postérisation action. Vous choisissez simplement les options que vous souhaitez, cliquez pour lancer l'action Photoshop, et finissent avec un résultat comme celui-ci:
Ou vous pourriez embaucher un illustrateur de talent sur Envato Studio pour créer une illustration de vecteur unique pour vous.
Si vous voulez passer par le processus vous-même, d'autre part, lisez la suite pour obtenir des instructions étape par étape.
1. Crop et Modifier votre image Stock
Pour cet effet, il est préférable d'avoir une photo de style portrait, de préférence d'un sujet qui semble penser, ou à la recherche au loin. J'ai utilisé cette photo de iStockphoto.
Une fois que vous avez votre image, vous devez l'ouvrir dans Photoshop et recadrer de façon appropriée. Le haut de l'image doit être coupée en haut de la tête de votre sujet, et le fond devrait être un peu plus élevé que la hauteur de la poitrine. La culture doit avoir environ un ratio de 2: 1.
Maintenant, nous devons Postérisation l'image. Aller à Image> Réglages> Postériser. Un niveau de postérisation approprié pour le regard que nous allons pour est 5.
Maintenant, nous allons créer nos couches de guidage pour une utilisation dans Illustrator. Commencez par dupliquer votre couche postérisation et nommez ce nouveau calque « Guide modèle. » Ensuite, allez à Image> Réglages> Seuil. Nous allons faire glisser notre point jusqu'à ce que nous obtenons quelque chose de semblable ci-dessous. Nous voulons assez sombre, mais toujours avec une petite quantité de détails. En outre, lorsque vous utilisez Seuil. il est préférable d'utiliser les pics que vous voyez.
Sauvegardez cette couche nouvellement créée comme « patternguide.psd » ou quelque chose de similaire, que vous en aurez besoin pour Illustrator.
Nous devons répéter les étapes 4 et 5 trois fois. Chaque fois appliquer un seuil inférieur et enregistrer chaque nouvelle couche. Voici les paramètres que j'ai utilisé, encore une fois remarquer les pics.
2. Configuration de votre document et palettes
Avant de commencer à décrire nos couches, nous devons créer le modèle de la ligne bleue horizontale. Pour ce faire, créer un nouveau document Illustrator. Donnez-lui une hauteur et la largeur de 4px. Ensuite, créez un rectangle rempli avec notre couleur bleu clair (# 4F919F) et couvrir la moitié supérieure de la toile.
Couvrir la moitié inférieure avec un rectangle rempli de beige. Ensuite Tout sélectionner (Ctrl + A) et faites glisser ce sur notre panneau Nuancier. Félicitations! Vous avez fait un modèle!
Maintenant, nous devons sauver cette Swatch mis afin que nous puissions l'utiliser dans notre affiche, nous sommes sur le point de faire. Dans le coin inférieur gauche de notre panneau Nuancier, nous allons sélectionner Enregistrer le nuancier de la nuanciers Menu Library. Nommez tout ce que vous voulez, je « modèle. » Vous pouvez maintenant fermer ce document, nous ne plus besoin.
Voici la palette de couleurs que nous allons utiliser pour ce tutoriel. Il y a quatre couleurs et un motif. Nous allons utiliser un mélange de couleurs beige et bleu clair.
3. Créez votre Portrait
Maintenant que nous avons nos images de référence et le modèle créé, il est temps de créer un nouveau document dans Illustrator. J'ai utilisé une taille de toile de 700 x 850px.
Nous allons commencer avec notre plus sombre couche de guide, ce sera notre couche de motif. Nous allons décrire la couche à l'aide de l'outil Plume (P). Donc, pour commencer, nous allons aller dans Fichier> Placer et sélectionnez notre première couche de référence dans Illustrator. Si vous avez suivi mot à mot, ce fichier est appelé à placer « patternguide.psd ».
Arrêtons-nous un moment et discuter de l'utilisation appropriée de l'outil Plume (P) dans Illustrator. C'est un domaine où Illustrator Photoshop l'emporte à lui, mais seulement si vous l'utilisez correctement.
Pour toute courbe que vous avez essentiellement trois clics; deux sont des points d'ancrage, et l'autre est votre point de courbe. Vous placez votre point de courbe au plus haut point de votre courbe. Vous placez les points d'ancrage à où la courbe commence et se termine.
Un clic est tout ce qui est nécessaire lorsque vous créez une courbe. Vous pouvez ensuite modifier les points de la courbe des courbes après avoir fait la forme entière. Pour convertir les utiliser l'outil de sélection directe (A) et cliquez sur Convertir les points d'ancrage sélectionnés Smooth icône.
Avant de pouvoir présenter notre première couche, nous devons charger notre modèle dans la bibliothèque Nuancier. Pour ce faire, sélectionnez Autre bibliothèque dans le menu Bibliothèque nuanciers dans le panneau Nuancier.
Bon, revenons donc à exposer notre première couche. Créer un nouveau calque en dessous du fichier que vous venez de placer dans Illustrator. Cette couche retiendront notre contour. Nous plaçons ci-dessous, car il est plus facile de voir ce que nous décrivant cette façon.
Maintenant, nous saisissons notre outil Plume (P). donner un coup de nul, et un remplissage de notre modèle. Puis commencer décrivant toutes les zones noires avec l'outil Plume (P). La clé est en moyenne dehors, ne pas suivre de trop près à la couche de guidage. Il suffit de décrire à peu près, et ne vous inquiétez pas de nos courbes, comme nous allons corriger cela après que nous créons notre plan.
Remarque. Ceci est la partie la plus fastidieuse du processus.
Vous avez sans doute remarqué qu'il ya des parties au milieu qui sont plus légers que nous sommes allés juste au-dessus avec des contours. Eh bien, nous allons résoudre ce problème en décrivant ceux qui utilisent le même processus. Remplissez ceux avec notre couleur beige, comme indiqué ci-dessous. Nous allons le faire sur une nouvelle couche juste au-dessus de la couche de motif. Une fois que vous avez fait cela, vous devriez avoir quelque chose de semblable à ce qui suit.
Maintenant, nous lisser les formes que nous venons de créer. Nous voulons que la plupart de nos points à lisse, mais je trouve qu'il semble mieux si vous laissez un peu la façon dont ils sont. Voir ci-dessous l'effet de lissage à la fois le modèle et la couche beige.
Remarque. J'ai fait cette image hors d'usage et le modèle trompais, ne vous inquiétez pas la différence de couleur.
Maintenant, nous faisons tout la même chose pour chaque couche. En gros décrivant elle, décrivant ensuite les moments forts avec la couleur immédiatement au-dessous, puis lisser nos contours. La couche suivante doit avoir solide bleu clair, suivi du rouge, puis enfin notre bleu foncé.
D'accord, vous devriez avoir quelque chose comme ce qui suit. La partie fastidieuse est terminée. Maintenant, pour la faire ressembler à une affiche. D'abord, nous allons mettre un rectangle rempli de beige ci-dessous toutes ces couches, cela servira de fond.
Maintenant, nous aurons besoin de mettre nos moitiés rouge et bleu. Nous allons faire cela juste au-dessus de la couche de rectangle beige. Utilisation de l'outil Rectangle (M) pour placer les deux rectangles.
Notre affiche est à la recherche assez bonne. Nous allons créer l'espace nécessaire pour ajouter le texte inspirant au fond. Vous aurez sans doute pour agrandir votre espace de toile. Pour ce faire, allez dans Fichier> Configuration du document. J'ai ajouté 300px sur le mien.
Maintenant, vous étendre rectangle beige de façon à couvrir la nouvelle longueur de votre toile. Ensuite, créez un nouveau rectangle rempli de notre couleur bleu foncé. Il devrait être un quart de la taille du sujet principal.
Le temps d'ajouter notre parole inspirante. Nous allons utiliser bleu clair pour la couleur de la police, et nous voulons changer les paramètres de texte pour que le mot remplit la plupart du rectangle bleu foncé. Pour modifier l'espacement entre les caractères, utilisez le panneau de caractères. Cela nous est disponible lorsque nous utilisons l'outil Texte (T). J'ai utilisé la police « Myriad Pro ».
Presque fini, nous devons nettoyer nos frontières un peu. Tout d'abord, sélectionnez toutes les couches, mais votre couche beige. Ensuite, créez un groupe (Ctrl + G). Ensuite, et Horizontalement les Verticalement Aligner sur le plan de travail.
Maintenant, nous allons nettoyer les bords de notre affiche. Couvrir les couches que nous avons regroupées dans un rectangle de toutes les couleurs. Ensuite, utilisez le panneau Pathfinder et sélectionnez Soustraire forme de la zone.