Share
Ceci est la première partie d'une série en deux parties. La deuxième partie sera publiée demain. Dans cette pièce, vous apprendrez à donner vie à un texte simple et à tout placer dans un espace 3D fantastique, coloré et éclatant. Certaines techniques soignées abordées ici vous permettront d'amener votre art au niveau supérieur. Ne le manque pas!
Jetez un coup d'œil à l'image que nous allons créer d'ici la fin de cette série de deux parties. Vous pouvez voir l'aperçu final de l'image ci-dessous ou voir une version plus grande ici.
Cette série de tutoriels est une sorte de continuation du tutoriel Lignes super malléables. Certains effets similaires sont montrés ici, mais sous un angle très différent. Dans la partie I de ce tutoriel, nous allons nous concentrer sur la création de texte 3D et l’effet de projection..
Tout d'abord, pour créer le texte 3D, vous devez télécharger la version de démonstration de Xara 3D6. Vous pouvez également utiliser Adobe Illustrator, mais je vous recommande fortement de vous procurer Xara pour cette œuvre. Téléchargez également l’image de texture en métal teinté que nous utiliserons à partir de cgtextures.com.
La meilleure façon de créer une œuvre d'art colorée consiste à trouver les bonnes couleurs. Dans le didacticiel sur les lignes super malléables, les couleurs de l'arrière-plan étaient ensoleillées, nous avons donc eu une impression chaleureuse. Ici nous allons passer plus dans les tons froids.
Commençons par ouvrir un nouveau document d'environ 1350 pixels sur 1600 pixels avec une résolution de 300 pixels / pouce. Créez un nouveau calque et faites une correspondance de couleur courte. Ne choisissez pas la première couleur que vous choisissez, essayez de jouer avec des tons différents. Les gens détruisent souvent leurs œuvres avec de mauvais arrière-plans.
Alors maintenant que nous avons trouvé une bonne couleur, saisissez l'outil Pot de peinture (G) et remplissez le nouveau calque avec # 166a91. Nommez ce calque "fond".
Maintenant, il nous faut donner un peu de vie à ce fond. Encore une fois, passez du temps à chercher les couleurs, essayez d’obtenir des tonalités froides appropriées. Ce dont je parle, c'est de trouver des tons plus sombres et plus clairs de cette couleur bleue. Les couleurs que j'ai utilisées sont montrées dans les images ci-dessous.
Si vous avez déjà choisi des couleurs plus sombres (ou si vous rencontrez des problèmes de couleurs, reportez-vous aux images ci-dessous - j'ai montré la couleur spécifique utilisée). Prenez l'outil Pinceau (B), réglez le débit à 5%, la dureté à 0% et augmentez votre diamètre comme vous le voyez ci-dessous. Créez un nouveau calque, nommez-le "bg_color" et peignez les angles avec ce gros pinceau. Faire chaque pinceau de nouvelle couleur sur son propre calque.
Essayez de peindre à différents endroits en rendant les bords plus sombres et le milieu plus lumineux. De cette façon, vous recevrez des gradients irréguliers et c'est ce que nous voulons.
Lorsque vous avez fini de colorier l’arrière-plan, assurez-vous que tout fonctionne bien pour vous. Les couleurs semblaient un peu trop vives pour moi, alors j'ai décidé d'aller dans la palette des calques et j'ai ajouté un nouveau calque de réglage Teinte / Saturation au-dessus de tous les calques. Ensuite, j'ai légèrement diminué la saturation, en supprimant un peu de couleur.
Maintenant, ouvrez une texture de métal souillé. Je ne sais pas pourquoi on appelle ça du "métal", cela me semble être une tache. Quoi qu'il en soit, les taches sont le point, vous pouvez choisir une image de votre choix. Il doit être adapté à vos besoins.
Maintenant, appuyez sur Commande + T, utilisez Distorsion pour créer une perspective de cette image. Puis appuyez sur Commande + Maj + U pour désaturer. Cliquez sur la vignette de cette couche tout en maintenant la touche Commande enfoncée pour appeler la sélection. Copiez-le en utilisant Command + C.
Revenez à notre document de projet principal. Saisissez l'outil Plume (P) et dessinez une forme d'éclaboussure, puis transformez-la en sélection. Créez un nouveau calque avant tout, nommez-le "texture". Maintenant, allez dans Edition> Coller dans. Notre texture doit maintenant être collée de manière dynamique dans la sélection, cela signifie que vous pouvez changer sa position dans la sélection. Maintenant, modifiez ce calque Mode de fusion en superposition et réglez l’opacité à 70%. Votre projet doit alors ressembler à la deuxième image ci-dessous..
Maintenant, créez un nouveau calque avant tout et nommez-le "ombrage par éclaboussures". Prenez l'outil Pinceau (B) et changez la couleur en # 125361. Assurez-vous que les paramètres de votre pinceau sont très doux, quelque chose comme Dureté 0%, Débit 10%. Maintenant, faites la sélection du calque de texture (Commande-cliquez sur la vignette du calque). Regardez la troisième image ci-dessous et peignez aux endroits indiqués. Nous devons assombrir les parties incurvées intérieures de cette éclaboussure pour créer un aspect convexe. Cette éclaboussure doit apparaître un peu, pour ne pas être aussi plate. Reportez-vous aux 4ème et 5ème images ci-dessous.
OK, maintenant que vous avez créé des ombres, passons aux lumières. Regardez la première image ci-dessous. J'ai fait une petite préparation (ce n'est pas quelque chose que vous devez faire). Avant d'ajouter de la lumière, vous devez imaginer à quoi cela ressemblerait s'il était réel. Alors j'ai créé plusieurs lignes simples pour vous montrer quels endroits sont bons pour régler les lumières.
Si vous êtes prêt, créez d'abord un nouveau calque et nommez-le "éclaboussure". Appelez la sélection du calque "texture". Maintenant, avec les mêmes paramètres de pinceau et une couleur plus vive # 99e9ea, commencez à peindre aux endroits indiqués (laissez un petit espace à partir du bord des éclaboussures).
Remarque: N'oubliez pas que vous pouvez effectuer des modifications chaque fois que vous sentez que quelque chose ne va pas. Si vous donnez trop d'ombre ou de lumière, aidez-vous de l'outil gomme doux (E) pour effacer les parties non désirées..
Avant d'aller plus loin, allez dans la palette des pinceaux et modifiez les paramètres du pinceau, comme indiqué ci-dessous..
C'est pour quoi? En utilisant un petit pinceau doux et délavé, vous pouvez facilement peindre avec une souris. Si vous peignez à un endroit donné, vous êtes autorisé à créer des lignes d’échec, car elles seront à peine visibles. Reportez-vous à la deuxième image ci-dessous et voyez comment les lignes lumineuses sont créées. Dans la troisième image ci-dessous, il y a des flèches blanches qui indiquent où peindre. Ajoutez ces lignes lumineuses sur chaque bord incurvé extérieur des éclaboussures.
Maintenant, ne changez pas les paramètres de votre pinceau, augmentez seulement légèrement le diamètre et changez la couleur en blanc. Créez ensuite un nouveau calque, nommez-le "superposition d'éclairage". Définissez le mode de fusion de cette couche sur Superposition et commencez à peindre aux mêmes endroits que ceux indiqués à l'étape 6. Créez uniquement des petits points, pas des lignes.
Continuez à ajouter de la lumière sur les pièces éclaboussées sélectionnées. N'oubliez pas de travailler de manière dynamique avec votre diamètre. Vous pouvez aller de plus en plus grand pour créer de jolis spots.
Aidez-vous également avec l'outil Gomme (E) et une gomme très douce, quelque chose comme 0% Dureté et 8% Flux. Prenez votre temps en travaillant sur les détails.
Ensuite, créez un nouveau calque avant tout, nommez-le "retouches par éclaboussures" et changez le mode de fusion en Multiplier. Réinitialisez vos paramètres de pinceau. Ensuite, réglez le pinceau sur Dureté 0%, Débit 5%, changez la couleur en # 125361. Maintenant, regardez la première image ci-dessous et assombrissez les taches indiquées d'un simple toucher. Puis passez à une couleur blanche, créez un nouveau calque, nommez-le "éclaboussures", puis utilisez les mêmes paramètres de pinceau pour ajouter plus de lumière à ces éclaboussures..
Avant de passer à la création d’ombre aux éclaboussures, voici quelques points à comprendre:
Nous n'avons pas spécifié la source de lumière dans ce travail, nous allons donc ignorer l'ombre causée par la source. Nous ne nous occuperons que de l'ombre au-dessous des éclaboussures (voir pointeur 2 à l'étape précédente).
À présent, il n’ya qu’une légère différence entre les éclaboussures d’ombre et les éclaboussures. Mais c'est bon pour l'instant. Dans la partie II de ce didacticiel, nous allons rendre cette surface plus sale et donner un effet d’ombre plus intense..
Nous en avons presque terminé, mais avant d'aller plus loin, j'aimerais que vous regardiez la troisième image ci-dessous. Vous vous demandez peut-être pourquoi ces endroits n'ont pas d'ombre? Les éclaboussures ressemblent à un objet 3D, donc si vous l'aviez dans un programme 3D, vous pouvez le faire pivoter pour voir à quoi ressemble chaque côté. Maintenant, si vous pouviez regarder les éclaboussures du côté droit, l'ombre serait là. Mais de notre point de vue (devant), cela n'est tout simplement pas visible, nous ne l'ajoutons donc pas.
C'est un peu difficile à expliquer, parfois il faut juste imaginer à quoi cela ressemblerait en réalité.
OK, une fois les éclaboussures terminées, nous pouvons passer à la création de texte. Mais avant cela, examinons la première image ci-dessous. Comme vous le voyez, les éclaboussures ne sont pas entièrement recouvertes de lumière et d’ombre. La zone indiquée par la couleur rose semble inachevée. Ce n'est pas grave, car j'ai planifié cette illustration depuis le début pour créer un texte au milieu. Donc, le texte devrait couvrir certaines imperfections du dos.
Les deuxième, troisième et quatrième images ci-dessous illustrent un peu comment j'avais prévu de faire le texte. J'ai fait une petite préparation car je ne savais pas exactement à quoi cela devrait ressembler. Ce n'est pas quelque chose que vous devez faire, mais parfois, il est bon d'expérimenter. Alors maintenant, quand ce texte à plat est apparu, beaucoup d’idées me sont venues à l’esprit. Cela m'a beaucoup aidé à voir ce que je veux réaliser.
Pour placer du texte 3D sur une surface dans un espace 3D, vous devez définir la ligne d'horizon. Regardez la première image ci-dessous. Ma base était les éclaboussures que j'ai créées. Dans notre cas, la ligne d'horizon devrait être un peu au-dessus du bord supérieur des éclaboussures. Vous n'avez pas à dessiner ces lignes comme je l'ai fait dans la première image ci-dessous, essayez simplement d'imaginer où cette ligne devrait être.
Ce n'est pas nécessaire dans certaines parties abstraites où, par exemple: les lettres volent dans les airs, car elles peuvent pivoter.
Avant de passer à la création du texte 3D, vous devez également comprendre la position des lettres: jetez un coup d’œil à la deuxième image ci-dessous. Si les lettres sont au-dessous de la ligne d'horizon, souvenez-vous que vous les regardez du haut, et c'est ainsi que nous allons créer notre texte..
OK, enfin de l'action. Ouvrez Xara3D 6. Et comme je l’ai déjà dit, gardez le haut des lettres visibles. Xara est très facile à utiliser, si vous passez environ 5 minutes, vous saurez tout.
Dans les images ci-dessous, j'ai indiqué quelques options plus importantes qui ont été utilisées ici pour générer ce texte. Je vous recommande de jouer avec vos propres paramètres. Mais si vous voulez obtenir quelque chose de similaire au mien, les couleurs utilisées ici sont:
Le reste des options de couleur reste intact.
Les gens oublient parfois certaines choses dans Xara3D 6:
OK, nous avons enregistré le texte au format PNG afin qu'il soit transparent. Ouvrez maintenant le texte dans Photoshop et faites-le glisser dans notre projet. Appuyez ensuite sur Command + T (Free Transform) et sélectionnez Warp. Essayez de rendre ce texte moins droit et plus arrondi, comme s'il tournait autour. Cela donne une meilleure sensation 3D.
Reportez-vous ensuite à la troisième image ci-dessous: saisissez l'outil de gravure (O), réglez la plage sur les tons moyens et le flux sur 25%, puis peignez un peu au bas de chaque lettre (cela vous aidera ultérieurement à obtenir un meilleur effet d'ombre)..
Après cela, corrigez quelques tons du texte en utilisant Calque> Réglages> Couleur sélective (quatrième et cinquième images ci-dessous). Ceci est à votre goût personnel. Essayez de régler principalement les rouges, car cette option affectera principalement votre texte rose.
OK, regardez maintenant la première image ci-dessous. J'ai indiqué des endroits qui semblent très mauvais. Cette couleur sombre ne correspond pas exactement à notre illustration. A côté, la flèche rouge indique un endroit que Xara a un peu détruit, cela a l'air sale. Nous allons retoucher tous ces spots.
Commencez par saisir l’outil Plume (P) et tracez un chemin sur la plus mauvaise image de ce texte (elle est indiquée par une flèche rouge). Activez cette sélection (clic droit> Effectuer la sélection). Ensuite, sélectionnez l'outil Clone Stamp (S), reportez-vous à la troisième image ci-dessous. Effectuez les mêmes réglages que les miens (définissez également la dureté à 0%). Puis retouchez ce mauvais endroit. Et c'est bien de le faire sur un nouveau calque.
OK, maintenant, occupons-nous du reste des points négatifs. Créez un nouveau calque au-dessus du calque de texte, vous pouvez le nommer "correction de texte" et changer son mode de fusion en superposition. Saisissez l'outil Pinceau (B), modifiez les paramètres du pinceau en Débit 10%, Dureté 0% et donnez-lui un grand diamètre. Maintenant, choisissez # ffbdf3 pour la couleur. Maintien suivant Commande, cliquez sur la vignette du calque de texte pour appeler le texte sélectionné. Ensuite, appliquez un doux brossage sur les taches trop sombres..
La tâche principale est de choisir une couleur rose vif (qui correspond à la couleur de votre texte) et de couvrir certaines imperfections en utilisant le mode de fusion par superposition. Vous pouvez même passer par quelques endroits aléatoires de faces de texte, cela donnera une belle variété de tons au texte..
Maintenant, prenons soin de la brillance. J'ai tout écrit sur les images ci-dessous, vous devriez pouvoir les suivre facilement. La principale chose à propos de cela est de créer un dégradé doux à partir du milieu de ces lettres vers le haut..
Vous pouvez le faire comme bon vous semble, même si je pense que la façon montrée ci-dessous est assez cool et rapide.
Passons à la création de profondeur. Ces lettres ont l'air OK pour le moment, mais ce n'est pas encore spécial. Nous devons leur donner un look plus unique. Nous allons créer l'illusion que le texte reflète quelque chose de l'environnement. Et le problème est que personne ne se soucie de savoir si la réflexion montre de vrais objets ou de faux, tant que ça a l'air bon.
Donc, tout en maintenant la touche enfoncée, cliquez sur la vignette du calque de texte pour appeler la sélection de ce texte. Appuyez ensuite sur Commande + Maj + C (Copie fusionnée) et Commande + V (Coller). Maintenant, nous avons fait exactement la même copie de l’ensemble du texte. Nommez ce calque "Réflexion 1", faites quelques copies de ce calque et nommez-les dans l'ordre "Réflection 1", "Réflexion 2" et "Réflection 3".
Saisissez maintenant l’une des couches de réflexion, appuyez sur Commande + T (Transformation libre) et faites-la pivoter comme vous le voyez dans la première image ci-dessous. Appelez ensuite la sélection à partir du calque de texte d'origine (deuxième image ci-dessous). Allez à Sélection> Inverser et appuyez sur Supprimer (n'oubliez pas de sélectionner le calque de réflexion transformé pendant que vous appuyez sur Supprimer). Vous devriez obtenir quelque chose qui ressemble à la deuxième image ci-dessous.
Modifiez ensuite l’opacité du calque de réflexion sur environ 15 à 20% et définissez son mode de fusion sur Superposition. Vous devriez obtenir quelque chose de similaire à la troisième image ci-dessous. Assurez-vous que le reflet ne reste que dans les faces du texte, alors s'il va quelque part, utilisez une gomme douce pour faire les retouches (image ci-dessous).
Répétez le processus de réflexion environ 2 ou 3 fois jusqu'à ce que vous couvriez le texte en entier (avec précaution, évitez de trop salir). Reportez-vous à la cinquième image ci-dessous, vous devriez obtenir quelque chose comme ça.
Nous allons maintenant rendre l'effet de brillance et de réflexion encore plus fort. Saisissez l'outil Gomme (E), réglez son débit sur 5% et sa dureté sur 0%, puis effectuez un petit effacement autour de la brillance de chaque lettre (là où les flèches blanches indiquent). Passez ensuite à l'outil de gravure (O), réglez la plage sur les tons moyens et l'exposition à environ 20% et ajoutez de la profondeur à chaque lettre (là où les flèches rouges indiquent).
Maintenant, résolvons quelques problèmes d'éclairage. Évidemment, le texte est principalement éclairci en haut à gauche (première image ci-dessous). Vous pouvez voir que le côté supérieur gauche de ces lettres est plus brillant que le côté droit. Bien sûr, il y a peu de sources de lumière sur ce texte car l'avant est également brillant, mais concentrons-nous sur la source de lumière la plus puissante..
Regardez la deuxième image ci-dessous, il semblerait qu'il nous manque quelque chose. Le reste de ces lettres a une belle ombre et lumière, mais le haut des lettres "L" et "R" manque presque complètement d'ombrage. C'est probablement dû à la lumière de Xara. Je suppose que c'était trop bas pour atteindre le haut de ces lettres. Mais ce n'est pas un problème, nous allons le réparer, car cela aura l'air beaucoup mieux par la suite.
Appelez donc la sélection du calque de texte (troisième image ci-dessous). Saisissez l'outil Pinceau avec les mêmes paramètres que précédemment (Dureté 0%, Débit environ 5%), changez la couleur en rose un peu plus foncé (# 79185d). Créez avant tout un nouveau calque, nommez-le "nuance supplémentaire" et commencez à peindre par le côté droit en haut de ces lettres, reportez-vous à la troisième image ci-dessous..
Créez ensuite un nouveau calque ci-dessus, nommez-le "lumière supplémentaire" et répétez le même processus, mais cette fois-ci en partant du côté gauche de ces lettres (voir la 4ème image ci-dessous)..
Remarque: souvenez-vous toujours de vous aider avec une gomme douce si quelque chose ne va pas..
Accédez à la palette des calques et créez un nouveau calque de réglage. Carte de dégradé au-dessus de tous les calques. Sélectionnez le dégradé de Noir à Blanc et vous devriez avoir quelque chose de similaire à la première image ci-dessous. Puis changez le mode de fusion de ce calque en lumière douce et baissez l'opacité à 70% (deuxième image ci-dessous)..
Enfin, appelez la sélection du calque de texte en sélectionnant Inverser. Accédez ensuite à la palette Calques et sélectionnez le calque Masque de la carte de dégradé. Une fois que vous faites cela, prenez l'outil Pot de peinture (G), changez la couleur en noir et remplissez le masque (troisième image ci-dessous)..
Et qu'est-ce qu'il a fait? Maintenant, nous sommes sûrs que cette carte en dégradé affecte uniquement ce texte, rien en dehors de celui-ci..
Maintenant, c'est un petit détail, mais j'aime bien ajouter ceci. Modifiez les paramètres de votre pinceau en Dureté 100%, Débit 100%, puis prenez l'outil Crayon (P). Créez un nouveau calque avant tout, et tracez une courbe ou une ligne droite en haut de chaque lettre comme ci-dessous..
Lorsque vous avez terminé, cliquez avec le bouton droit de la souris et sélectionnez Chemin de trait. Assurez-vous que l'option Simuler la pression est cochée.
Je suppose que la partie la plus difficile de toutes consiste toujours à ajouter des ombres. OK, commençons par créer une ombre standard entre le splash et les lettres.
Avant de commencer, rappelez-vous qu'il est bon de traiter les ombres avec la même couleur que la surface, mais dans des tons différents. Donc, notre surface éclaboussée est de couleur bleu clair, puis pour l’ombre, choisissez une couleur bleu foncé (quelque chose comme N ° 092330). Maintenant, prenez l'outil Pinceau (B), n'oubliez pas de régler la dureté à 0% et le reste des options que vous avez ci-dessous.
Créez un nouveau calque sous le calque de texte et nommez-le "ombre de texte". Commencez avec un petit diamètre et ajoutez de minuscules lignes d'ombre exactement sous les lettres. Augmentez votre diamètre pour remplir les espaces vides entre les lettres.
Remarque: toujours vous aider avec une gomme douce!
Nous nous dirigeons vers la fin de la partie I de ce tutoriel. Je joue habituellement avec quelques ajustements généraux lorsque je suis sur le point de terminer. Allez donc dans la palette des calques, créez un nouveau calque de réglage de la carte de dégradé, sélectionnez le préréglage "Violet, Orange" et cliquez sur OK. Puis changez le mode de fusion de ce calque en lumière douce et baissez son opacité d’environ 20% (cela donnera un peu plus de chaleur à cette pièce)..
Répétez ensuite cette procédure, mais cette fois-ci, créez une carte de dégradé allant du bleu foncé (vert foncé) # 202930 à une couleur plus claire (même en devenant gris) # 31505b. Définissez le mode de fusion de cette couche sur Lumière douce et Opacité à environ 80%. Cela augmentera la couleur et le contraste.
Ce texte me paraissait encore trop froid alors j'ai décidé de créer une autre carte de dégradé en utilisant le même processus. Cette fois-ci, j'ai utilisé les couleurs # 2e2111 à # e2be84 (troisième image ci-dessous). Ce sont quelques couleurs brunâtres, jaunâtres pour ajouter un peu plus de chaleur. Et encore une fois changer le mode de fusion de ce calque en lumière douce et son opacité à environ 30%.
Et enfin, vous pouvez ajouter un calque de réglage des courbes si vous le souhaitez. Ce n'est pas nécessaire, mais je pense que le ton sombre et contrasté donne une sensation agréable. Vous pouvez également jouer avec le canal rouge dans les courbes pour donner à la couleur du texte un aspect plus recherché..
Après avoir ajouté quelques cartes de dégradés, j'ai décidé de déplacer certaines parties claires (indiquées par des flèches blanches). J'ai également fait une petite correction de l'ombre, car cela semblait trop sombre et dense.
Aussi, comme vous pouvez le voir dans la deuxième image ci-dessous, j'ai réduit l'opacité de l'ombre entre le texte et les éclaboussures. C'est juste parce que les courbes l'ont rendu un peu trop sombre.
Soyez prêt pour toute correction. Après avoir ajusté les couleurs et le contraste, vous voudrez peut-être changer quelque chose. Et il est bon de jeter un regard neuf sur votre pièce et de travailler sur certains détails s'ils ne correspondent pas correctement.
Alors maintenant, vous savez comment créer une éclaboussure cool à partir de zéro, ajoutez du texte 3D coloré et brillant. Remplissez toute l'image avec de superbes couleurs et placez le tout dans un espace 3D. Je pense qu'il existe de nombreux effets et techniques utiles que vous pouvez utiliser dans vos propres projets..
Et ainsi, nous avons atteint la fin de la partie 1 du tutoriel. Bien que cette pièce nécessite un travail plus détaillé, elle est trop vide. Ainsi, dans la partie II du didacticiel, vous apprendrez quelques techniques utiles pour obtenir des effets éclatants et créer un look désordonné et créatif. Check it out bientôt!
Merci d'avoir lu le tutoriel. Vous pouvez voir l'image finale de cette série en deux parties ci-dessous ou voir une version plus grande ici.
Accentsconagua