Share
Ce tutoriel est inspiré de la célèbre série d'affiches politiques de Sheppard Fairey pour la campagne Obama aux États-Unis. Nous vous montrerons comment créer ce style de design. Nous commencerons par les techniques de base de la retouche d’images dans Adobe Photoshop afin de configurer les couches guides, puis nous passerons à Adobe Illustrator. Vous n'avez besoin d'aucun équipement sophistiqué pour le faire. J'ai utilisé une souris plus ancienne qui a toujours la balle en caoutchouc.
Note de l'éditeur: Vectortuts + n'approuve aucune conviction politique particulière dans la publication de ce didacticiel. Au contraire, ce tutoriel est axé sur la démonstration d’un flux de travail permettant de créer cet effet esthétique intéressant..
Conseil: Si vous recherchez un raccourci, vous pouvez créer l'effet poster rapidement et simplement avec l'action de postérisation iconique avancée. Il vous suffit de choisir les options souhaitées, de cliquer sur pour lancer l'action Photoshop et d'obtenir le résultat suivant:
Effet de postérisation créé à l'aide de l'action de postérisation iconique avancéeVous pouvez également engager un illustrateur talentueux sur Envato Studio pour créer une illustration vectorielle unique..
Portrait vectoriel personnalisé sur Envato StudioPar contre, si vous voulez suivre tout le processus vous-même, lisez les instructions étape par étape..
Pour cet effet, il est préférable d’avoir une image de style portrait, de préférence d’un sujet qui semble penser ou qui regarde au loin. J'ai utilisé cette photo de iStockphoto.
Une fois que vous avez votre image, vous devez Ouvrir dans Photoshop et Surgir c'est convenablement. Le haut de l'image doit être recadré en haut de la tête de votre sujet et le bas doit être un peu plus haut que la poitrine. La récolte devrait avoir environ un ratio de 2: 1.
Maintenant nous devons Postériser l'image. Aller à Image> Réglages> Postériser. Un niveau de postérisation approprié pour le look que nous recherchons est 5.
Nous allons maintenant créer nos calques guides à utiliser dans Illustrator. Commencez par dupliquer votre calque postérisé et nommez ce nouveau calque "Guide de gabarit". Ensuite aller à Image> Réglages> Seuil. Nous allons glisser notre Point jusqu'à ce que nous obtenions quelque chose de similaire à ci-dessous. Nous le voulons assez sombre, mais toujours avec une petite quantité de détails. En outre, lors de l'utilisation Seuil, il vaut mieux utiliser le Pics que tu vois.
sauvegarder Ce calque nouvellement créé s'appelle "patternguide.psd" ou quelque chose de similaire, car vous en aurez besoin pour Illustrator..
Nous devons répéter les étapes 4 et 5 trois fois de plus. Appliquez à chaque fois un seuil inférieur et enregistrez chaque nouvelle couche. Ci-dessous sont les paramètres que j'ai utilisés, notez à nouveau les pics.
Avant de commencer à tracer nos calques, nous devons créer le motif de ligne bleue horizontale. Pour ce faire, créez un nouveau Illustrateur document. Lui donner un la taille et Largeur de 4px. Créez ensuite un rectangle rempli de notre couleur bleu clair (# 4F919F) et recouvrir la moitié supérieure de la toile.
Couvrir la moitié inférieure avec un rectangle rempli de beige. ensuite Tout sélectionner (Contrôle + A), et faites glisser ceci sur notre Échantillons panneau. Félicitations, vous avez fait un motif!
Nous devons maintenant sauvegarder cet ensemble Swatch afin de pouvoir l'utiliser dans notre affiche que nous sommes sur le point de créer. Dans le coin inférieur gauche de notre Échantillons panneau, nous allons sélectionner Enregistrer des échantillons du Menu de la bibliothèque d'échantillons. Nommez-le comme vous voulez, j'ai utilisé "motif". Vous pouvez maintenant fermer ce document, car nous n'en aurons plus besoin.
Voici la palette de couleurs que nous allons utiliser pour ce tutoriel. Il y a quatre couleurs et un motif. Nous utiliserons un mélange de couleurs beige et bleu clair.
Maintenant que nous avons créé nos images de référence et notre motif, il est temps de créer un Nouveau document en Illustrateur. J'ai utilisé une taille de toile de 700 x 850px.
Nous allons commencer avec notre couche de guidage la plus sombre, ce sera notre couche de motif. Nous allons décrire la couche en utilisant le Outil stylo (P). Donc, pour commencer, nous allons aller à Fichier> Place et sélectionnez notre premier calque de référence dans Illustrator. Si vous avez suivi mot à mot, ce fichier à placer s'appelle "patternguide.psd".
Arrêtons-nous un instant et discutons de la bonne utilisation du Outil stylo (P) dans Illustrator. C’est l’un des domaines dans lesquels Illustrator l'emporte, mais uniquement si vous l'utilisez correctement..
Pour toute courbe, vous avez essentiellement trois clics; deux sont des points d'ancrage et l'autre, le point de votre courbe. Vous placez le point de votre courbe au plus haut point de votre courbe. Vous placez les ancres à l'endroit où la courbe commence et se termine.
Un clic suffit pour créer une courbe. Vous pouvez ensuite changer les points de la courbe en courbes après avoir réalisé toute la forme. Pour les convertir, utilisez le Outil de sélection directe (A) et cliquez sur le Convertir les points d'ancrage sélectionnés en lissage icône.
Avant de pouvoir définir notre première couche, nous devons charger notre motif dans le Bibliothèque d'échantillons. Pour ce faire, sélectionnez Autre bibliothèque du Bibliothèque d'échantillons menu dans le Échantillons panneau.
D'accord, revenons donc à notre première couche. Créer un nouveau calque sous le fichier que vous venez de placer dans Illustrator. Cette couche tiendra notre contour. Nous le plaçons ci-dessous car il est plus facile de voir ce que nous décrivons de cette façon.
Maintenant nous saisissons notre Outil stylo (P), donnez-lui un coup nul et remplissez notre modèle. Puis commencez à délimiter toutes les zones noires avec le Outil stylo (P). La clé est de faire la moyenne, ne suivez pas de trop près à la couche guide. Décrivez simplement les contours, et ne vous inquiétez pas pour nos courbes, car nous réglerons cela après avoir créé notre contour..
Remarque: C'est la partie la plus fastidieuse du processus.
Vous avez peut-être remarqué qu'il y a des parties du milieu plus claires que nous venons de décrire avec des contours. Eh bien, nous allons résoudre ce problème en décrivant ceux qui utilisent le même processus. Remplissez ceux-ci avec notre couleur beige, comme indiqué ci-dessous. Nous allons faire cela sur un nouveau calque juste au-dessus du calque du modèle. Après que vous avez fait cela, vous devriez avoir quelque chose de similaire à ce qui suit.
Maintenant, nous lissons les formes que nous venons de créer. Nous voulons que la plupart de nos points soient fluides, mais je trouve que ça a l'air mieux si vous en laissez quelques-uns comme ils sont. Voir l'effet ci-dessous de lisser le motif et la couche beige.
Remarque: J'ai fait cette image hors d'usage et le motif était faux, ne vous inquiétez pas de la différence de couleur.
Maintenant, nous faisons juste la même chose pour chaque couche. Décrivant grossièrement le contour, décrivant ensuite les reflets avec la couleur juste en dessous, puis lissant nos contours. La couche suivante doit être bleu clair, suivie du rouge et enfin de notre bleu foncé..
Ok, vous devriez avoir quelque chose comme ce qui suit. La partie fastidieuse est terminée. Maintenant, faites-le ressembler à une affiche. D'abord, nous allons placer un rectangle rempli de beige sous toutes ces couches, cela nous servira de fond.
Maintenant, nous devons insérer nos moitiés rouge et bleu clair. Nous allons le faire juste au-dessus de la couche de rectangle beige. Utilisez le Outil Rectangle (M) placer les deux rectangles.
Notre affiche est plutôt belle. Créons l'espace nécessaire pour ajouter le texte inspirant en bas. Vous devrez probablement agrandir votre zone de travail. Pour ce faire, allez à Fichier> Configuration du document. J'ai ajouté 300px sur le mien.
Maintenant, prolongez votre rectangle beige afin qu’il couvre la nouvelle longueur de votre toile. Créez ensuite un nouveau rectangle rempli de notre couleur bleu foncé. Il devrait être un quart de la taille du sujet principal.
Il est temps d'ajouter notre mot inspirant. Nous allons utiliser le bleu clair pour la couleur de la police et nous voulons modifier les paramètres du texte afin que le mot remplisse la majeure partie du rectangle bleu foncé. Pour changer l’espacement entre les caractères, utilisez les touches Personnage panneau. C’est disponible lorsque nous utilisons le Outil Texte (T). J'ai utilisé la police "Myriad Pro".
Presque fini, nous devons nettoyer un peu nos frontières. Tout d’abord, sélectionnez chaque couche, sauf votre couche beige. Puis créer un Groupe (Contrôle + G). ensuite Verticalement et Aligner horizontalement les à la planche.
Maintenant, nous allons nettoyer les bords de notre affiche. Couvrez les calques que nous avons regroupés dans un rectangle de n'importe quelle couleur. Puis utilisez le Éclaireur panneau, et sélectionnez Soustraire la forme de la surface.
Bravo, c'est fini! Nous avons réussi à créer un effet vraiment impressionnant sans avoir besoin de beaucoup de capacités artistiques. Nous avons également appris à utiliser efficacement l'outil Plume et à utiliser Photoshop et Illustrator en tandem. Ceci est mon premier tutoriel, donc je suis sûr qu'il y aura des questions. N'hésitez pas à demander dans les commentaires, et je vais essayer de répondre aussi rapidement que possible. Merci!
Accentsconagua