De la ville au CD comment illustrer des scènes de la ville avec des illustrations de pochettes d'albums

Je travaille principalement pour des clients dans le domaine de la publicité et de l'édition, mais j'ai également la chance de pouvoir participer à de grands projets de collaboration, tels que le groupe électropop "The Title" basé dans le New Jersey.

Nick Esposito du groupe avait déjà vu mes œuvres et quand ils cherchaient un artiste pour concevoir leurs œuvres, il les a contactés. J'aimais leur musique et je sentais un réel mariage entre ce qu'ils créent et ce que je crée. Nous avons donc commencé.

Nous devions nous assurer que nous travaillions tous ensemble sur un ensemble parfait, chaque élément de la conception de la pochette devait être associé à la musique essentielle. Je ne me souviens pas comment le sujet a été décidé, mais je pense que nous devons tous être d'accord sur le fait que, avec l'album intitulé "Making A Scene" et que leur musique est si excitante, ce tutoriel sera exécuté vous à travers le processus que j'ai pris pour le rendre.

Vous pouvez trouver les fichiers source dans le répertoire "source" inclus dans les fichiers que vous avez téléchargés. Vous voudrez peut-être les parcourir brièvement avant de commencer..


Étape 1

Tout d’abord, pour moi, c’est toujours un dessin au crayon, c’est dessiner au crayon, ce sont mes idées qui me viennent et où je peux créer une scène avec le juste niveau de réalisme et de caractère. Vous pourriez bien sûr commencer avec une photo, mais je trouve que le plus souvent, le monde réel ne me donne pas toujours ce que je veux! Donc, une fois que je sais quel type d'angle je veux voir la scène, je commence tout simplement à construire des blocs et à ajouter des détails.

Pour rendre un lieu particulièrement attrayant, dynamique et varié, essayez de ne pas dessiner chaque bâtiment de la même manière, de leur donner des formes et des tailles différentes, des styles architecturaux différents, des fenêtres, des portes, des panneaux de signalisation, des agencements et des installations différents. Pour bien caractériser les bâtiments, je trouve qu’il est bon de commencer par un bon angle (en veillant à pouvoir retirer les effets de perspective) et de garder toutes les lignes légèrement courbes, plutôt que trop rigides et droites..

C’est généralement à cette première étape que j’ajoute également d’autres travaux en ligne comme les nuages, les arcs-en-ciel, les bulles, la fumée. À ce stade, je n’ajoute pas toujours tout le texte, car j’aime également utiliser les polices appropriées dans Illustrator, pas seulement le type de tracé dessiné à la main..



Étape 2

Le dessin est terminé (et partagé avec les clients / garçons du groupe, juste pour m'assurer que je me dirige dans la bonne direction) et c'est directement dans Adobe Illustrator pour lancer les vecteurs. Premièrement, je vais toujours faire un tracé de base exact à l’aide de l’outil Plume. Les débutants ont souvent des difficultés avec les fonctions de la courbe de Bézier, mais vous devez vraiment les conquérir pour tirer le meilleur parti d’Illustrator. Il m'a fallu un certain temps pour le comprendre, mais l'objectif a porté ses fruits et mon travail d'illustration a tellement progressé depuis l'apprentissage de toutes les fonctions de la courbe de Bézier / de l'outil plume il y a quelques années..

Pour les lecteurs qui ne sont pas encore parfaits avec les courbes de Bezier, voici une brève leçon de démarrage… L'outil Stylo fonctionne en traçant des points d'ancrage et en ajustant les courbes entre chaque point (plutôt que les outils Crayon ou Pinceau, où vous dessinez librement les courbes à la main. ) chaque fois que vous touchez votre stylo Wacom ou cliquez sur votre souris, vous tracez un point.

Si, lorsque vous touchez votre point, vous le maintenez enfoncé et que vous le faites glisser dans n'importe quelle direction, vous pourrez manipuler la courbe. Plus vous déplacez le stylet (l'outil que vous contrôlez est appelé une poignée de Bézier), plus la courbe sera extrême. Si vous soulevez votre stylo et que vous touchez ailleurs, la courbe intermédiaire sera automatiquement créée. Cependant, si vous soulevez votre stylo, puis cliquez à nouveau sur le point d'ancrage que vous venez de placer (le rendant inactif), la courbe précédente sera terminée et votre prochain point d'ancrage sera rejoint par une ligne droite..

Pour commencer à créer une nouvelle courbe, désélectionnez la ligne précédente. Je pourrais continuer à conseiller à tout moment sur les courbes de Bézier et l'outil Plume, mais nous ferions mieux de continuer avec notre scène de ville!



Étape 3

N'ayez jamais peur d'utiliser les outils de dessin d'Illustrator, quelle que soit la création manuelle de votre illustration, les formes peuvent vous rendre la vie beaucoup plus facile et votre travail d'illustration peut se dérouler de manière beaucoup plus efficace. Pour ces petits détails de lampadaires suspendus, j’ai utilisé l’outil étoile, il assure au réalisme une forme parfaite et ajoute également un joli petit détail à ceux qui cherchent à se rapprocher..



Étape 4

Il est important d’avoir des éléments réalistes, ils peuvent être légèrement tordus si vous le souhaitez, mais pour qu’une scène urbaine soit crédible, les lampadaires, les feux de circulation, les panneaux de signalisation, etc., n’ont pas de prix. Si
vous recherchez un air réaliste, c’est une bonne idée de regarder les choses sous un angle, de ne pas essayer de créer une scène face à tout.

Lors de la création d’une pochette d’album, rappelez-vous que vous concevez peut-être un package complet, pas seulement une illustration de couverture. Lorsque je créais ces feux de circulation, je savais que je voulais les utiliser ailleurs dans l'emballage, pour en savoir plus sur eux plus tard.



Étape 5

Vous verrez dans l'illustration terminée qu'il y a un arc en ciel de la fumée qui circule autour du premier plan. Pour recréer un effet de ruban arc-en-ciel, commencez par une ligne courbe qui trace le flux. Dans le panneau des couches, dupliquez la ligne, puis verrouillez la version inférieure de la ligne et utilisez les points d'ancrage de l'autre ligne pour créer une nouvelle ligne presque parallèle. Si vous voulez que toutes les lignes
proviennent d’un point, il suffit de laisser le premier point d’ancrage en place. Dupliquez cette deuxième ligne, verrouillez les deux lignes inférieures (dans le panneau Calques) et répétez-la comme vous le souhaitez, comme indiqué dans le diagramme A.

Une fois que votre arc-en-ciel a l'air correct en tant que dessin au trait, vous aurez besoin d'une étape de plus avant de commencer.
peut le remplir de couleur. Toujours dans le panneau des couches, dupliquez toutes les lignes, à l'exception des lignes les plus hautes et les plus basses de votre planche de travail, de sorte que toutes les lignes situées à l'intérieur de votre arc-en-ciel aient deux copies. Maintenant, avec chaque ligne verrouillée, sélectionnez les extrémités des deux lignes du bas et reliez-les (Commande + J) pour les transformer en un seul objet, qui constitue la bande inférieure de votre arc-en-ciel. Maintenant, verrouillez cette forme et déverrouillez les deux lignes suivantes, sélectionnez leurs extrémités et joignez-les. Finalement, vous aurez une série de rayures parfaites qui composent votre ruban arc-en-ciel!



Étape 6

Parfois, cela prend plus de temps que je ne le souhaiterais, mais terminer tout le travail sur les lignes est toujours un grand moment, vous savez, alors vous n'êtes pas loin de jouer avec la couleur. Assurez-vous de bien construire votre scène en plaçant correctement tous les calques de l'arrière vers l'avant. Je trouve également utile d’aligner chaque bâtiment dans une couleur différente, afin que vous puissiez voir où un bâtiment se termine et un autre commence, sinon les scènes de la ville peuvent devenir un peu déroutantes.!



Étape 7

Le travail à la ligne effectué, il s’agit d’ajouter ensuite une couleur unie. C’est un facteur crucial dans toute illustration. Vos couleurs de base définissent l’atmosphère, le lieu, l’heure du jour et l’impression générale que les gens vont avoir à voir l’œuvre. Pour une ville, même s’il est bien d’avoir des bâtiments de couleurs différentes, s’ils sont nombreux, ils ne doivent pas tous être de couleur différente. Une ville ordinaire est construite à partir d'une sélection de matériaux, mais ces mêmes matériaux apparaîtront et réapparaîtront sur différents bâtiments. Un choix assez limité de couleurs de construction peut à nouveau vous permettre de réaliser un peu de réalité..

Pensez également où vous vous concentrez et assurez-vous que c'est la couleur la plus frappante. Je souhaite donc que les gens se concentrent sur le bâtiment central qui porte le titre de l'album sur son mur, de sorte que les autres bâtiments qui l'entourent et le ciel sont en oranges, rouge et violet, le bâtiment à l’arrière est légèrement plus sombre, puis le bâtiment principal est un cyan puissant et contrasté. Vos yeux ne peuvent s'empêcher de se concentrer sur la seule couleur qui se démarque.

Je me suis également bien amusé avec quelques minis sélections de couleur sur les panneaux de signalisation (en particulier sur le grand bâtiment à droite) et sur les abris au-dessus des fenêtres du bâtiment de gauche. Les couleurs du ciel peuvent vraiment créer une ambiance, bien plus que ne le réalisent beaucoup d’artistes. Le ciel, naturellement, peut être orange, rose, noir, bleu, jaune, violet ou même légèrement vert, en fonction du moment et de la météo. Prenez donc ces couleurs de la nature et mettez-les dans vos illustrations..



Étape 8

Pour l’effet d’écran numérique, j’ai voulu donner un aspect rétro et pixelisé, mais il est visionné à distance, pour que vous ne puissiez pas voir les pixels individuels dans cette scène. Donc, créez simplement un bloc de cercles répétés, j'ai utilisé des ovales ici pour ajouter l'angle que nous observons à l'écran, mais vous pourriez être plus précis avec des cercles ou des carrés parfaits..

À main levée, j'ai ensuite dessiné mes formes à l'aide de l'outil Sélection Lasso. Je sélectionnais donc les zones que je souhaitais conserver. J'ai ensuite inversé ma sélection, de sorte que seuls les cercles extérieurs à mes formes ont été sélectionnés et cliquez sur Supprimer. Vous pouvez utiliser cette technique de base dans des effets beaucoup plus complexes. Je l’utilise souvent pour créer des groupes graphiques de feuilles dans des scènes d’arbres..



Étape 9

Les fonctions de masque dans Illustrator sont absolument inestimables et peuvent ajouter beaucoup à votre illustration. Par exemple, je voulais des bandes bien rangées enroulées autour du dirigeable, donc un masque de détourage a été appelé.
Créez votre forme originale et tous les autres éléments (ici c’étaient les pièces de la queue). Dans le panneau Calques, dupliquez la forme principale et veillez à ne pas la déplacer sur la planche d’art, elle doit rester exactement dans
endroit. Enlevez toute la couleur, le remplissage et le contour.

Créez maintenant vos rayures (ou autre illustration / motif à recadrer). Placez la forme du corps dupliquée au-dessus des bandes dans le panneau Calques et sélectionnez les trois objets. Maintenant, cliquez sur Objet> Masque d'écrêtage. Utilisez la forme du corps comme masque et coupez la zone des rayures que vous ne voulez pas voir..



Étape 10

Pour le titre de l'album, je voulais vraiment un simple effet d'éclairage fluorescent. J'ai tracé le type dessiné à la main à l'aide de l'outil Plume, puis lui ai donné un trait plus épais, que j'ai converti en objet, ce qui signifie qu'il ne s'agit plus d'une ligne, mais bien d'un objet rempli (sélectionnez votre ligne, puis cliquez sur Objet> Chemin> contour contour).

J'ai ensuite donné à cet objet ses propres contours. Avec la couleur de remplissage (la ligne intérieure, telle que nous la voyons) dans une couleur lumineuse et électrique et les contours dans une couleur plus complète et plus atténuée, nous obtenons un effet de bulbe fluoro très rapide et efficace. J'ai ensuite dupliqué ce texte et l'ai laissé tomber sous la grille, le tout dans un ton plus foncé de la couleur du mur, pour ajouter une ombre simple..



Étape 11

Une fois les couleurs principales définies, vous devez parcourir tous les objets, tous les murs et tous les éléments, puis ajouter des ombres, des dégradés, des effets ou des transparences pour que toute la scène fonctionne ensemble..

J'avais toujours prévu d'utiliser la zone du ciel comme nom du groupe, et je pensais utiliser ma police préférée, Cooper Black, mais une fois que cela a été fait de le coller, cela n'a pas semblé assez frappant, ça ne me sentais pas assez comme si c'était d'un groupe électropop très populaire qui sortait du New Jersey!



Étape 12

Il était donc de retour dans la bibliothèque de polices pour en trouver une nouvelle. Je recherchais quelque chose d’angulaire, de net et frais, je me suis retrouvé à jouer avec Lubalin Graph et j’ai fini par l’utiliser avec un effet soigné pour lui donner un excellent contour de coupe. Tapez les mots de votre choix, changez-les en contours (cliquez sur Type> Créer des contours dans le menu principal), puis dupliquez le type dans le panneau Calques..

Faites en sorte que la couche supérieure de type soit dans la couleur que vous avez choisie, il devrait s'agir simplement d'une couleur de remplissage. Ensuite, changez la copie de la couche inférieure en traits simples et indiquez l’épaisseur du trait jusqu’à 10 ou 20 pt, dans une couleur différente de celle du type principal, vous devriez obtenir un beau grand cadre. En raison de la nature des contours, vous obtenez également quelques bizarreries, où des angles peuvent se faire où on ne s'attend pas, cela a ajouté la nervosité que je voulais et a ouvert la voie au reste du type sur l'emballage de la pochette.



Étape 13

Vous pouvez voir ici que j'ai utilisé le même effet à l'intérieur de la manche, mais avec le type interne de la même couleur que le fond uni, de sorte que tout ce que vous lisez est les contours..



Étape 14

J'ai utilisé le même type d'effet sur la couverture arrière, mais en dupliquant quelques calques et en ajoutant une palette de couleurs électrique. Toutes les arêtes vives ont été créées par Illustrator (ignorant sa propre créativité!) En changeant le type en objets puis en épaississant les contours à l'extrême. Sur ce panneau, à l’arrière du boîtier du CD, j’ai également ajouté une traînée de fumée pétillante, qui se fondait bien dans la couverture, accentuant ainsi le design de l’emballage. En outre, un petit conseil que j'ai appris en concevant des pochettes de CD… Les panneaux latéraux roses, jaunes et orange se détachent toujours le plus sur une étagère!



Étape 15

C’est l’intérieur du livret du CD, le groupe voulait intégrer toutes les paroles, ce que j’étais heureux de faire, mais avec une telle quantité de mots, je devais faire preuve de créativité en adaptant le tout. Je voulais aussi un peu de rafraîchissement des oranges chaudes et des roses qui couvrent l'extérieur de l'emballage de la manche. J'ai utilisé Lubalin Graph à nouveau pour la police, mais juste en blanc assis sur le bleu cyan, avec une chanson magenta
titres, j’ai vraiment eu l’impression que c’était un bon point pour ceux qui parcouraient les illustrations de la pochette.



Étape 16

Ces feux de circulation dont j'ai parlé plus tôt, car ils me plaisaient tellement, tout ce que je pouvais faire était de leur laisser leur propre espace sur le panneau situé derrière le CD lui-même. Cela fait écho à la bizarrerie et à l'humour du groupe, la couverture est une explosion de créativité, fraîche et pétillante, puis à l'intérieur, se cache, c'est un sourire simple, net et rafraîchissant.



Image finale

Les pochettes d'albums ont toujours été un excellent moyen pour les artistes, concevant des éléments visuels à la fois musicaux et attrayants. Cela peut être un joyau collaboratif, travailler avec un groupe ou
musicien pour créer un package plein de son et de vision.

Je recommande fortement à davantage d'artistes d'approcher des groupes de travailler ensemble sur des pochettes d'albums. Vous pouvez commencer n'importe où, avec vos DJs locaux ou de jeunes groupes, ou avec les principaux labels. De plus, si vous travaillez avec un groupe frais, excitant et du moment, alors Adobe Illustrator est idéal pour faire preuve de créativité dans la conception, les illustrations, la typographie, les icônes, à peu près tous les éléments de l'ensemble.!

Pour voir plus de mon travail, visitez BenTheIllustrator.com et Speakerdog.com, en plus de BuyBenTheIllustrator.com pour vous procurer des impressions et des posters! Pour écouter de la musique de The Title, achetez l'album ou lisez davantage sur le groupe sur myspace.com/thetitlenj. L'image finale est ci-dessous. Vous pouvez voir la grande version ici.