Share
Dans ce tut, nous allons créer un rapide sketch semblable au style rendu célèbre par les mecs ridiculement doués de Mulheres Barbadas. Nous allons scanner notre croquis, l'enregistrer dans Flash, le transférer dans Illustrator pour le colorier, ajouter une belle typographie et terminer dans Photoshop pour un subtil grunge. Une tablette graphique de quelque sorte que ce soit rendra ce tut (et probablement votre vie en général) 90% plus satisfaisant, mais ce n’est pas indispensable - si vous êtes chouette avec une souris, vous n’avez aucune peine à préparer votre tablette sans croquis. -ly. Commençons!
La partie la plus impliquée de ce didacticiel par ailleurs simple est le croquis. Tout le monde a un style différent, donc nous ne vous dirons pas quoi dessiner ni comment le dessiner, ça dépend de vous! Cela dit, il faut garder à l’esprit certaines choses qui contribueront à la réussite de votre projet! Pour commencer ce didacticiel, réfléchissez à l’utilité de cette œuvre. Si c'est pour un client, qu'est-ce que votre design va promouvoir / annoncer / représenter? Quel genre de personnes vont le voir? Complète-t-il le produit ou le service auquel il est associé? Dans notre cas, ce travail a été réalisé pour Sticks Clothing, une marque de vêtements de musique et de patinage en Australie. Notre dessin devait donc plaire aux jeunes patineurs.
Une fois que les réponses à ces questions sont claires, il est temps de commencer à réfléchir à ce qui va remplir votre page. Quels éléments allez-vous inclure? Nous avons choisi d'utiliser des éléments de culture pop (mandrins, télévision, bombes aérosol, etc.), des personnages d'aspect inhabituel, des objets reconnaissables (cartes à jouer, brosse à dents, arbres, tentacules, etc.), ainsi que des motifs qui constituent d'excellents remplisseurs d'espace blanc! (bulles, nouilles, tourbillons, etc.).
Doté d’une solide idée des éléments à utiliser, il ne reste que la mise en page! Cela consiste simplement à organiser vos éléments de manière intéressante / intelligente. C’est là que vous pouvez devenir vraiment inventif avec votre utilisation des motifs; utilisez-les avec précaution autour de vos plus gros personnages et objets pour éliminer les espaces blancs gênants (remarque: tout l’espace blanc n’est pas gênant, mais c’est pour un autre tut!) et remplissez des formes. Ceci est notre croquis fini ci-dessous. Comme il est évident, cela ne doit pas nécessairement être parfait - tant que vous êtes satisfait de la forme et de la présentation, des lignes et des détails plus fins peuvent être ajoutés dans les étapes suivantes..
Nous devons maintenant faire passer votre croquis du papier à l’écran. Comme vous vous en doutez, le moyen le plus efficace consiste simplement à numériser votre illustration sur votre ordinateur. Numérisez vos œuvres au format A4 (Lettre) et environ 150 dpi. Importez votre document numérisé dans Photoshop. C'est ici que nous préparerons votre travail de trait pour l'encrage. Pour le moment, vous constaterez qu’après le scan, votre papier blanc est devenu un gris gris et que vos lignes pourraient être plus claires et plus nettes. C'est facile à réparer. Tout d’abord, enregistrez votre image en tant que fichier PSD. Ensuite, désaturez votre image en appuyant sur Commande + Alt + U. Nous éliminons la couleur de l'image afin de pouvoir travailler uniquement avec des tons. Créez un calque de réglage Luminosité / Contraste (Calque> Nouveau calque de réglage> Luminosité / Contraste) en cochant la case Utiliser l’héritage, puis augmentez la luminosité et le contraste jusqu’à ce que votre image ressemble à celle en-dessous. les lignes doivent être belles et claires. Jouez avec les niveaux jusqu'à ce que vous soyez satisfait.
Une fois que votre travail est clair et net, nous sommes prêts à commencer à encrer! Nous avons choisi de faire cette partie du processus dans Flash, car le moteur des pinceaux est détendu et amusant à utiliser. Cela dit, Illustrator ou Photoshop peuvent être utilisés pour obtenir à peu près les mêmes résultats. C'est à vous! Les principes restent les mêmes quel que soit le programme que vous choisissez. Continuons d'avancer - ouvrez Flash, créez un nouveau fichier Flash (notez que la version d'Actionscript que vous choisissez n'a pas d'importance) et importez votre image (Commande + R). Dans la boîte de dialogue qui s'affiche, assurez-vous que le calque contenant votre illustration est coché, puis cochez l'option en bas indiquant "Définir la taille de la scène sur la même taille que le canevas Photoshop". Hit OK. Votre croquis devrait apparaître sur la scène. Nommez votre couche "esquisse" et assurez-vous de sauvegarder votre fichier Flash avant de continuer..
Pour le moment, notre esquisse est trop audacieuse pour être facilement encrée. Nous allons donc convertir notre image en symbole et en ajuster le niveau Alpha. Pour ce faire, sélectionnez votre esquisse à l'aide de l'outil Déplacement (V) et appuyez sur F8 pour le convertir en symbole. Nommez-le "sketch" et choisissez Graphic comme Type. appuyer sur OK.
Encore une fois, assurez-vous que votre nouveau symbole est sélectionné (V) et ouvrez le panneau Propriétés (Commande + F3). Ouvrez la section Effet de couleur et, dans la liste déroulante Style, sélectionnez Alpha. Définissez ce curseur sur environ 20 à 30%. Maintenant, votre croquis est complètement prêt pour l'encrage!
Zoomez sur un ou deux niveaux à l’aide de l’outil Loupe (Z), sélectionnez l’outil Pinceau (B) et choisissez une belle taille de pinceau épais. Nous avons utilisé un niveau de zoom de 200% et la taille du pinceau est la quatrième à partir du haut. Cliquez sur le bouton "Utiliser la pression" (indiqué ci-dessous) si vous avez votre tablette à portée de main. Maintenant, il vous suffit de dessiner sur votre croquis pour créer un joli dessin au trait noir. Utilisez la tablette pour créer des lignes de tapering comme indiqué ci-dessous. Cela donne plus de corps à votre travail de trait et le rend beaucoup plus intéressant visuellement. Commencez par décrire vos principaux domaines de détail.
Utilisez l'outil Gomme (E) pour affiner vos lignes. Donnez de jolis points aux extrémités de vos lignes effilées et nettoyez toutes les zones hagardes, comme indiqué ci-dessous. Le bleu clair représente les zones effacées.
Une fois que vous avez tracé vos lignes de base plus épaisses, commencez à remplir des zones plus petites. Dans Flash, il est judicieux d’agrandir (400 - 600%) et d’utiliser une taille de pinceau légèrement plus petite pour des détails plus fins, mais souvenez-vous toujours de vous reporter à 100% pour vous assurer que vos lignes ne sont pas trop fines..
Lorsque vous avez terminé tout le travail de trait, masquez la couche d'esquisse, asseyez-vous et regardez bien le chef-d'œuvre que vous avez créé! La partie dure est finie, maintenant nous allons nous préparer pour la coloration…
Allez dans Fichier> Exporter> Exporter une image… choisissez votre emplacement de sauvegarde et sélectionnez Adobe Illustrator (* .ai) comme type de fichier. Enregistrez et fermez votre fichier Flash. Lancez Illustrator et ouvrez votre nouveau fichier * .ai. Vous constaterez un gâchis de lignes, car le croquis original a été importé avec les lignes. Supprimez simplement votre esquisse et vous devriez vous retrouver avec un joli travail de trait vectoriel. Enregistrez le fichier. Maintenant, nous allons ajouter de la couleur. Nous avons le choix entre utiliser Live Paint (K) ou l’outil Plume (P). Nous avons opté pour l'outil Plume pour éviter les manipulations, à cause des larges zones de couleur que nous allons créer. Nous avons sélectionné deux couleurs vives et sélectionné des zones spécifiques de notre travail qui conviennent le mieux à ces couleurs (magenta: R = 255, G = 0, B = 120 et vert: R = 220, G = 255, B = 0). Voir le résultat ci-dessous.
Permet de réduire le contraste entre les lignes noires et le fond blanc. Créez une forme à l'aide de l'outil Plume (P) autour de la totalité de l'illustration. Donnez-lui une belle couleur beige (nous avons utilisé R = 247, G = 243, B = 220). Ensuite, donnez à vos lignes une couleur de remplissage de (R = 50, G = 50, B = 50). Le résultat est beaucoup plus facile pour les yeux.
C'est la couleur tout faite! Nous allons maintenant ajouter une belle typographie, en utilisant une superbe police appelée ChunkFive. Cette police est disponible sur un site brillant, appelé The League of Moveable Type. Pensez à quelque chose d'esprit que vous voulez dire en 3 à 6 mots. Nous avons utilisé la phrase "Pourquoi faisons-nous ce que nous faisons" pour Sticks 'Why? page sur leur site. Tapez vos mots et positionnez-les approximativement comme vous voulez qu'ils apparaissent.
Appuyez sur Commande + Maj + O pour transformer votre texte en contours. Cela facilitera le redimensionnement et le positionnement des mots. Ajustez votre phrase jusqu'à ce qu'elle soit uniforme et équilibrée, comme ci-dessous.
Utilisez ensuite les couleurs de votre illustration pour colorer votre texte. Soyez inventif avec quelles couleurs vous choisissez pour quels mots. Expérimentez jusqu'à ce que vous soyez satisfait de votre apparence! Vous pouvez également rapprocher les lettres les unes des autres afin d'éliminer l'écart gênant entre les lettres (voir W + H & W + E)..
Votre texte est terminé! Il est temps de passer à Photoshop pour les dernières retouches. Commencez par créer un nouveau document dans Photoshop. Vous pouvez créer n’importe quelle taille, mais nous avons créé nos formats 1500x1070px et 150dpi. Retournez dans Illustrator, sélectionnez et groupez (Commande + G) votre texte, copiez-le (Commande + C) et revenez à Photoshop pour le coller (Commande + V). Sélectionnez Coller comme objet intelligent. Faites la même chose pour votre travail au trait. Placez vos deux objets intelligents sur la toile. N'hésitez pas à utiliser l'image ci-dessous comme guide.
Nous sommes très près de l'achèvement, soyez forts! Nous devons maintenant préparer un beau fond grungy. Nous avons utilisé une texture concrète de vertx.ca - une autre ressource fantastique pour de telles images est CG Textures. Prenez votre texture choisie, importez-la dans Photoshop, désaturez-la, ajustez la luminosité et le contraste jusqu'à obtenir quelque chose qui ressemble à l'image ci-dessous…
Enregistrez votre texture d'arrière-plan et importez-la dans votre fichier d'illustration (Fichier> Importer). Diminuer son opacité à environ 30%, ou au goût. Définissez le mode de fusion de vos calques de texte et d’illustration sur Multiplier. Ajoutez, à l’aide de l’outil Forme (U), un point à la fin de votre phrase. Enfin, créez un nouveau calque au-dessus de votre arrière-plan et sous l’illustration et le texte. Réglez son mode de fusion sur Superposition et, à l’aide d’une grosse brosse douce (environ 10% d’opacité), appliquez une légère couche de noir sur les bords pour faire ressortir davantage la texture. Voici le résultat final!
C'est une manière très polyvalente de présenter vos créations esquissées. Vous trouverez ci-dessous d'autres exemples tirés du site Sticks Clothing… visitez le site pour consulter les fonds d'écran des œuvres d'art présentées ici. Merci beaucoup d'avoir lu ce tut, j'espère que vous avez apprécié le processus!
Accentsconagua