Share
À l'aide de l'outil 3D Revolve d'Illustrator, nous allons créer un ensemble de roues de skateboard réalistes et cartographier nos propres illustrations sur la roue. Nous aborderons des techniques avancées, telles que l’utilisation de l’outil de révolution, la préparation de l’illustration, sa cartographie sur les surfaces 3D, ainsi que quelques astuces pour ajouter la touche finale.
Vous trouverez ci-dessous la conception finale sur laquelle nous allons travailler.
Avant de commencer, je tiens à vous rappeler que Adobe Illustrator n'a pas été conçu pour être utilisé comme moteur de rendu 3D comme Maya, Cinema 4D, 3DS ou tout autre programme 3D. C'est pourquoi la première étape de ce didacticiel consiste à libérer de la mémoire RAM sur votre ordinateur. Fermez donc ces applications et programmes inutiles pour aider Illustrator à se concentrer sur le rendu des apparences plutôt que sur la mémoire. Et comme toujours, économisez souvent.
Commençons par ouvrir Illustrator et créer un nouveau document. définissez les unités sur une largeur de 400 pixels et une hauteur de 600 pixels (il est conseillé de conserver ce document afin de conserver la mémoire). Sous le bouton Avancé, définissez le mode couleur sur RVB et définissez les effets raster sur 300 pixels par pouce. L'utilisation de cette résolution élevée fait partie de ce qui nécessite beaucoup de mémoire, mais j'aime voir les effets dans les meilleurs détails. Vous pouvez définir une valeur plus basse si vous ne disposez pas d'un ordinateur puissant, mais gardez à l'esprit que les dégradés et autres graphiques peuvent sembler un peu gros. Cliquez sur OK pour continuer.
J'aime bien configurer tous mes panneaux avant de commencer afin de ne pas avoir à aller dans le menu Fenêtre et à les ouvrir manuellement. Voici une capture d'écran des panneaux les plus couramment utilisés pour ce tutoriel. Allez-y et placez-les dans un endroit pratique.
Nous allons utiliser une grille pour dessiner la roue: une symétrie parfaite est très importante lors de l'utilisation de la révolution 3D et du mappage à la surface. Allez dans Édition> Préférences> Guides et grille, puis choisissez les paramètres comme indiqué (j'ai aussi changé la couleur de la grille en une couleur plus claire). Cliquez sur OK. Si vous ne pouvez pas voir la grille, utilisez Commande + "pour l'activer. Nous souhaitons également activer Aligner sur la grille pour cela, appuyez sur Commande + Maj +". Vous pouvez également accéder à la grille et à la capture dans le menu Affichage. Voici ce que vous utiliserez pour le premier calque (je l'ai nommé "Formes et rendu").
Pour créer la roue, nous allons utiliser la méthode du tour, un peu comme tailler une batte de baseball en faisant tourner un bloc de bois. Le contour de la roue est semblable aux instructions de sculpture et l'outil 3D Revolve agira comme le tour pour le faire tourner.
Alors allumez vos règles (Commande + R) et faites glisser un guide latéralement vers l’une des lignes de la grille sur votre planche d’art. Sélectionnez l'outil Crayon (P) et commencez à tracer vos points comme indiqué (accédez à Edition> Préférences> Sélection et affichage de l'ancre et utilisez les paramètres indiqués pour vous aider à voir les points d'ancrage). Celles-ci se transformant en surfaces 3D, moins vous utiliserez de points, mieux ce sera..
Lorsque vous créez la moitié supérieure du chemin, copiez-le et collez-le (ou maintenez la touche Alt enfoncée et faites-le glisser pour afficher une double flèche indiquant que la copie est en cours), faites-la pivoter sur l'axe horizontal et alignez-la l'autre chemin. Cognez-le un peu (deux flèches Maj + Haut) afin qu'elles se chevauchent, puis sélectionnez les deux points centraux du côté droit avec l'outil Sélection directe (A) et appuyez sur Commande + J pour joindre les deux chemins. Une fois qu'ils sont unis, vous pouvez désactiver l'option Aligner sur la grille, puis saisir à nouveau ces deux points, sélectionner l'outil Supprimer le point d'ancrage (-) et les supprimer..
Vous pouvez ensuite utiliser l'outil Convertir le point d'ancrage (Maj + C) pour ajouter une courbure au bord droit de notre roue et ailleurs. Reportez-vous à la capture d'écran pour connaître la position du point d'ancrage lors de la création du chemin de roue. Rappelez-vous la symétrie est la clé! Lorsque vous avez terminé de créer le chemin, vous pouvez désactiver la grille (Commande + "), les guides (Commande +;) et l’accrochage (Commande + Maj +").
Voir la capture d'écran pour voir comment le chemin que vous venez de créer va se transformer en 3D Revolve. J'ai testé beaucoup de chemins et trouvé celui-ci le meilleur pour mapper. Vous pouvez constater que les courbes autour des bords supérieur et inférieur lui confèrent un effet de lumière plus réaliste que les roues à fond plat. Une différence notable est que les roues à dessus plat ont une grande surface avant sur laquelle mapper. Sur les roues que nous créons, la surface avant est divisée en deux anneaux nous donnant un noyau intérieur et extérieur..
Il est temps de transformer ce chemin en roue. Sélectionnez votre tracé de roue, changez la couleur de trait en gris clair (ou la couleur de votre choix), faites-la glisser tout en maintenant la touche Alt enfoncée pour le copier, puis sélectionnez Effets> 3D> Révolution. Assurez-vous de conserver votre chemin d'origine au cas où vous voudriez revenir en arrière et le redessiner..
Nous allons créer une roue qui repose sur une autre roue. Pour commencer, créez la roue supérieure et appliquez les paramètres comme indiqué sur la capture d'écran (ensuite, j'ai réduit la roue supérieure à 57,5 pixels de large dans le panneau de transformation). Puis, avec une copie du chemin d’origine, créez la roue du bas avec les réglages indiqués (réduction jusqu’à 60px de large).
J'ai utilisé l'ombrage / éclairage par défaut pour les roues. L'ombrage en plastique par défaut fonctionne bien pour imiter l'uréthane sans aucun ajustement, mais vous pouvez également jouer avec la source de lumière. Rappelez-vous simplement de garder un éclairage constant pour toutes les roues.
Maintenant que vous avez les deux roues principales, il est temps de disposer les graphiques qui seront mis en correspondance avec les roues. Pour le garder organisé, nous allons le configurer sur un autre calque (étiquetez le calque "structure de mappage"). Copier et coller les deux roues dans ce calque.
Sélectionnez la molette du bas et maintenez la touche Alt enfoncée, faites-la glisser vers le côté droit, envoyez-la à l'arrière et réduisez-la un peu (par exemple, une largeur de 58 pixels). Ensuite, faites glisser cette molette vers la gauche, envoyez-la à l’arrière, réduisez-la un peu plus (environ 56 pixels de large) et poussez-la un peu. L'objectif est de créer l'illusion de profondeur. Positionnez les roues sur votre page où vous le souhaitez car nous ne les déplacerons pas après cela..
Remarque: j'ai remarqué que lorsque vous redimensionnez des objets 3D dans Illustrator, il est parfois possible de supprimer et d'ajouter des surfaces en fonction de la taille de l'objet. Si cela se produit, ajustez un peu la taille et vérifiez à nouveau les surfaces..
Lorsque nous avons créé le chemin de la roue, nous nous sommes assurés qu'il y avait le moins de points d'ancrage possible. Ce sera crucial lorsque vous essayez de cartographier l'art. Si votre chemin est trop complexe, Illustrator divisera les surfaces en minuscules éléments, ce qui rend le travail difficile..
Maintenant que nos roues sont en place, il est temps d’y appliquer de jolis graphismes. En utilisant 3D Revolve, nous obtenons un objet 3D ayant plusieurs surfaces. Ces surfaces sont ce que nous allons cartographier art. Vous pouvez créer ce que vous voulez dans Illustrator. tant que vous le convertissez en un symbole, vous pouvez le mapper sur une surface. Le but est de le rapprocher le plus possible de la surface, puis de l’ajuster ultérieurement dans l’éditeur de symboles..
Vérifions les surfaces créées par le 3D Revolve. Sélectionnez une roue et assurez-vous de bien la voir car vous aurez deux boîtes de dialogue qui apparaissent. Pour afficher nos surfaces, allez dans le panneau Apparence, double-cliquez sur l'effet Révolution 3D pour ouvrir la boîte de dialogue Révolution 3D (déplacez-la à chaque fois), puis cliquez sur Art cartographique pour afficher la boîte de dialogue correspondante..
Si vous avez le même chemin que moi, vous aurez 11 surfaces. Une fois dans la boîte de dialogue Map Art, vous pouvez parcourir les surfaces à l’aide de la flèche; la surface active sera surlignée en rouge. Nous examinerons la surface deux pour le noyau interne et la surface 11 pour le noyau externe. Vous pouvez également développer la boîte de dialogue Map Art en faisant glisser le coin, ce qui élargira votre vue de la surface..
Nous devons faire en sorte que le graphique de la roue soit aussi proche que possible de la surface réelle afin d'éviter toute déformation lors de l'utilisation de la méthode Stretch to Fit. Puisque la surface 3D réelle est un cercle et que nous cartographions la circonférence, la formule permettant de trouver la circonférence d’un cercle est un bon début, 2 (Pi) r. J'ai trouvé que l'utilisation de trois au lieu de Pi est plus facile et que vous pouvez utiliser la largeur de la trajectoire de votre roue comme rayon, dans ce cas, 57,5 pixels de large.
Alors, sélectionnez la roue supérieure, vérifiez votre panneau d’information pour le W et branchez-le dans la formule: 2x3x57.5 = 345. Pour trouver la hauteur, j'ai utilisé l'outil Règle, sous l'outil Pipette, pour obtenir la hauteur de la roue du bord intérieur au bord extérieur et j'ai obtenu 32px (cela apparaît dans le panneau d'informations). Puisque la surface de notre roue est divisée en deux parties, chacune d’elles aura une hauteur de 16px (puisque 32/2 est 16).
Pour créer le graphique extérieur, utilisez l'outil Rectangle (M) avec un remplissage de couleur vive et créez un rectangle de 345 pixels de large par 16 pixels de haut. La largeur de la boucle interne correspond à environ 75% de la boucle externe. Par conséquent, attribuez à ce rectangle une couleur de remplissage brillant différente et environ 260 pixels de large par 16 pixels de haut. Alignez-les au centre pour faire bonne mesure.
Vous pouvez cliquer une fois sur la planche graphique avec l'outil Rectangle pour saisir directement des valeurs ou utiliser le panneau Echelle pour modifier les rectangles existants. J'utilise le rectangle comme emplacement pour le graphique, comme une peinture supplémentaire sur la roue. Vous pouvez l'enlever et tout ce qui se trouve à l'intérieur du rectangle sera mappé directement sur la surface de la roue..
Faisons le test. Ouvrez le panneau Symboles et faites-y glisser le graphique de la boucle extérieure. Vous êtes présenté avec une boîte de dialogue Options de symbole où vous la nommerez "testOuter". Sélectionnez Graphic comme type et choisissez le point d’enregistrement central. Faites la même chose pour le graphique de la boucle intérieure mais appelez-le "testInner" à la place. Ce sont maintenant des instances de symboles sur la scène. Pour les éditer, vous pouvez double-cliquer pour entrer en mode d’édition des symboles (le dialogue qui s’affiche vous le dit). C'est à peu près la même chose que le mode isolé. Vous pouvez changer n’importe quel aspect de votre symbole et il se mettra à jour sur votre objet 3D lorsque vous irez le remapper, le déplacer ou l’annuler (tout ce qui le rendra à nouveau).
Pour mapper vos symboles, sélectionnez votre roue supérieure, obtenez-en une bonne vue et accédez à la boîte de dialogue Mappage de carte de l'étape 8A. Dans ce dialogue, trouvez la surface extérieure (11) et sous le symbole déroulant, choisissez le symbole "outerTest". Il placera ce symbole sur votre surface et il devrait être bien ajusté. Pour l’ajuster parfaitement, cliquez sur le bouton Ajuster à l’échelle en bas à gauche et c’est exactement ce qui est écrit. Cela vous aidera lorsque vous devez l'aligner sur plusieurs objets 3D en le maintenant cohérent. Si vous souhaitez déplacer une partie du graphique, faites-le en mode d'édition de symbole. Vous pouvez basculer la case d'aperçu pour la voir sur la roue..
Faites la même chose pour la boucle intérieure (surface deux), mais avant de fermer la boîte de dialogue, décochez la case Aperçu et cochez la case Ombre, puis cliquez sur OK pour quitter et afficher votre illustration. Ce bouton magique Shade Artwork donne à votre illustration les mêmes propriétés d’ombrage que votre objet 3D Revolve et crée un graphique de roue réaliste. Remarque: l'activation simultanée de Preview et Shade Artwork consomme beaucoup de mémoire vive. Alors essayez d'éviter cela.
Le test a donc fonctionné. Il est maintenant temps de créer des œuvres plus complexes et de les appliquer à toutes les roues. J'ai décidé d'aller avec un rasta thème de la terre pour le mien. Avec cette capture d'écran, vous pouvez voir comment la position de la roue et celle du texte correspondent au graphique de la roue que j'ai créé..
Il prend essentiellement notre rectangle comme une bande de papier et le plie vers le haut de la roue où les deux extrémités se rencontrent. Lorsque nous mappons des œuvres d'art avec Stretch to Fit, cela fonctionne en prenant la limite du symbole et en l'étirant sur la surface. Pour que cela fonctionne correctement, vous ne pouvez pas laisser du texte ou des objets dépassant cette limite. Assurez-vous donc que le rectangle conserve tout ce qui est dans ses paramètres..
Une fois que vous avez réalisé votre dessin là où vous le souhaitez, convertissez-le en symboles (à moins qu’ils ne le soient déjà), puis accédez à la boîte de dialogue Carte graphique pour mettre à jour vos cartes surfaciques. Si quelque chose ne vous convient pas, double-cliquez sur votre symbole sur la scène pour passer en mode d'édition de symbole et réglez-le si nécessaire. Appliquez vos cartes de surface sur toutes les roues restantes.
Il reste encore quelques détails essentiels à prendre en compte après avoir affiné les graphiques de votre roue. Tout d’abord, masquons la roue supérieure pour qu’elle ressemble à une partie de celle-ci. Pour faire le masque, dessinez une Ellipse (L) avec un remplissage noir à 50% d'opacité (vous devrez peut-être déplacer le haut pour voir ce que vous faites) et essayez de faire correspondre la courbe des roues inférieures. coeur.
Sélectionnez le cercle que vous venez de créer et utilisez l'outil Sélection directe (A) pour étirer la forme de votre masque afin de couvrir toute la roue supérieure. Ce que nous recouvrons avec le masque va montrer, alors assurez-vous qu’un peu de la roue n’est pas recouverte en bas.
Lorsque votre masque est en place, changez la couleur en blanc et l'opacité à 100%, sélectionnez la forme du masque et coupez-la (Commande + X). Sélectionnez ensuite la forme de la roue et accédez au panneau Transparence. Double-cliquez sur l'espace vide de la vignette sur le côté droit (à côté de la vignette de la roue) pour masquer la roue, puis appuyez sur Commande + F pour coller la forme de masque blanc à la place. La roue devrait être visible maintenant. Assurez-vous de cliquer sur la vignette de la roue pour quitter le mode masque, et vous avez terminé avec cette partie..
Ensuite, nous simulons un trou au milieu de la roue au lieu d’en faire un, ce qui nous obligerait à agrandir l’objet. Un faux trou de roue nous permet de toujours mapper des graphiques sur la roue. Alors tracez le cercle intérieur de la roue avec l'outil Plume (remplissage noir, 50% d'opacité) et ajustez les points à votre guise avec l'outil Convertir les points d'ancrage (Maj + C)..
Une fois le cercle terminé, déplacez-le sur le côté, maintenez la touche Alt enfoncée et faites-la glisser un peu pour copier la forme, puis configurez-la comme indiqué sur la capture d'écran. Sélectionnez les deux formes, accédez au panneau Pathfinder, maintenez la touche Alt enfoncée et cliquez sur l'icône Diviser (la première en bas à gauche) pour les séparer..
Dissociez-le et extrayez les deux formes dont vous avez besoin (comme indiqué), puis colorez la forme extérieure avec un dégradé de couleur de roue, sombre à gauche et plus clair à droite. La plus grande section de cercle est la partie trou; pour l'instant il devrait être blanc (nous le changerons pour correspondre à l'arrière-plan plus tard). Groupez (Command + G) ces deux formes et mettez-les en place sur la roue. Ensuite, groupez-les à la forme de la roue pour les maintenir ensemble.
Nous devrons ajouter des ombres sous l'ensemble de la roue, sous la roue supérieure et à gauche et à droite de la roue avant. Commencez par créer quatre ellipses noires, en les plaçant dans votre illustration, puis utilisez le flou gaussien (Effet> Flou> Gaussien) pour créer l'ombre..
La quantité de flou dépend de la taille de l'ellipse. Par conséquent, la plus grande aura un flou d'environ 60 pixels et les petites formes d'environ 35 pixels. N'hésitez pas à vous ajuster pour obtenir le bon look. Avec ceux en place, changez la transparence en Multiplier. Je règle l'opacité à 60% pour les petites formes et à 55% pour les grandes formes inférieures.
Pour terminer, utilisez l'outil Sélection directe (A) pour ajuster vos ombres aux formes appropriées. J'ai légèrement tordu les ombres latérales pour les adapter au côté des roues et non au sol ou au sommet des roues. J'ai peaufiné l'ombre du bas pour qu'elle s'étende davantage vers l'arrière-gauche que vers l'avant.
Maintenant que vous avez terminé votre recherche pour le jeu de roues, il est temps de configurer la mise en page finale des annonces. Prenez toutes les roues et les ombres et regroupez-les. Copiez ce groupe et créez un nouveau calque (étiquetez-le "Disposition finale de l'annonce"), puis appuyez sur Commande + F pour les coller à la place sur votre nouveau calque. C’est là que nous allons ajouter l’environnement pour mettre en scène nos roues.
En reprenant le thème des tons de terre, j'ai pensé les mettre en scène dans un décor de type outback. La première chose à faire est de créer l’arrière-plan. Sortez votre outil Rectangle (M) et cliquez une fois sur la planche. Faites les dimensions de la même taille que votre planche graphique (400px de large par 600px de haut). Utilisez le panneau Aligner pour l'aligner au centre de la planche..
Remplissez-le avec un dégradé sans trait. Ceci est juste un grand gradient linéaire à un angle de 90 degrés. Dans le panneau de dégradé, de gauche à droite, est brun foncé à brun clair puis bleu clair à bleu foncé, ce qui crée un horizon avec la terre et le ciel bleu.
Envoyez-le à l’arrière et avec cette option toujours sélectionnée, vous pouvez déplacer les curseurs de dégradé pour positionner votre ligne d’horizon. Lorsque cela est fait, verrouillez-le dans le panneau Calques. J'ai également créé une petite montagne à l'horizon avec l'outil Plume et je l'ai floutée à 5 pixels avec le flou gaussien. Ne vous inquiétez pas du trou de roue pour l'instant.
Ajoutons quelques roches à la saleté: dessinez des formes de roches avec l'outil Plume, colorez-les en différentes nuances de gris brunâtre rocheux, regroupez-les et faites-les glisser dans la saleté pour créer plusieurs copies..
Échelle-les pour qu'ils correspondent à la profondeur à laquelle ils se trouvent, plus petit à l'arrière, plus grand à l'avant. Puis confrontez-les avec votre outil de sélection et regroupez-les. Ajoutez une petite ombre portée (Effet> Styliser> Ombre portée). Placez-les dans la bonne position et verrouillez le calque. Maintenant nous pouvons ajouter l'herbe.
Faire de l'herbe est assez rapide parce que c'est juste un pinceau. Semblable aux pinceaux dans Photoshop, vous pouvez créer des pinceaux à dispersion dans Illustrator qui effectuent le travail à votre place. D'abord, utilisez l'outil Plume avec un remplissage vert et aucun trait pour créer des brins d'herbe. Puis colorez-les avec différentes nuances de vert (les brins d'herbe doivent être plus foncés à l'arrière et plus clairs à l'avant). Une fois que vous avez un peu d’herbe, regroupez les lames et ouvrez le panneau Pinceaux. Faites glisser l'herbe dans le panneau Pinceaux où un dialogue Nouveau pinceau vous sera présenté. Choisissez le type New Scatter Brush, nommez-le, insérez les valeurs indiquées ci-dessous, puis cliquez sur OK..
A présent, utilisez l'outil Plume pour dessiner un tracé sans remplissage sur votre planche de travail, puis sélectionnez votre brosse à herbe dans le panneau Formes - champs d'herbe instantanés. Vous pouvez également essayer ceci avec les roches: faites quelques roches et faites-les glisser dans le panneau Pinceaux pour créer un pinceau à dispersion pour vos roches. Aussi, si vous voulez un vivre aperçu de votre pinceau, créez le pinceau et appliquez-le à un trait, puis double-cliquez sur votre pinceau dans le panneau Pinceaux et ajustez les paramètres avec la case Aperçu cochée.
Alors ici, j'ai tracé un tracé courbe avec un trait de 2px, appliqué le pinceau d'herbe en cliquant sur le nom du pinceau dans le panneau Brosses et développé celui-ci (Objet> Développer l'apparence). Il est plus facile de faire pivoter et de retourner quand il est développé, plus il prend moins de RAM. Donc, dupliquez l'objet grass étendu et réfléchissez-le sur son axe vertical (Objet> Transformer> Refléter), sélectionnez-les tous les deux et regroupez-les, appliquez un flou gaussien à 4 pixels, puis déplacez-les vers l'avant (Commande + Maj + Crochet droit)..
Pour masquer l'herbe, j'ai créé un rectangle de la taille de la planche graphique, centré sur celle-ci et, avec le rectangle sélectionné, Maj-clic sur l'herbe pour l'ajouter à la sélection. Cliquez ensuite avec le bouton droit de la souris et choisissez Créer un tracé de détourage. Après cela, verrouillez votre calque et passez à autre chose..
Pour finir, j'ai ajouté un rayon de soleil et une petite lueur derrière les roues, un petit effet de vignette et du texte. Pour le rayon de soleil, tracez un rectangle haut et mince (environ 35 pixels de large par 600 pixels de haut), dans une couleur visible pour le moment. Utilisez l'outil Sélection directe pour faire entrer les deux points d'ancrage inférieurs avec les touches fléchées pour créer une forme trapézoïdale..
Une fois sélectionné, accédez à Effets> Déformer et transformer> Transformer, utilisez les numéros indiqués ci-dessous, puis cliquez sur OK pour le transformer. J'ai réduit les miens un peu après. Définissez la couleur de remplissage sur blanc, sans trait, définissez l'opacité sur 25% et le mode de fusion sur écran. Je l'ai placé juste derrière la couche de roues.
Ensuite, de la même manière que nous avons masqué l'herbe, masquons le rayon de soleil pour afficher sur le ciel une partie de l'arrière-plan. Après avoir masqué le rayon de soleil, réglez l’opacité sur 50% et verrouillez-la. La lueur est simplement une ellipse blanche avec un effet de flou gaussien de 50 pixels et un paramètre de transparence défini à 80% en mode écran. Placez-le derrière les roues mais devant le starburst (utilisez les touches Commande + Support gauche et Commande + Support droit pour déplacer l'objet entre les calques)..
Pour que le trou de la roue corresponde à l'arrière-plan, sélectionnez Direct (A) le trou et, à l'aide de l'outil Pipette, cliquez sur la montagne pour obtenir le même brun. Puis, avec le trou de roue toujours sélectionné, copiez-le et collez-le à la place, changez la couleur en blanc et ajoutez un peu de flou gaussien (environ 15 pixels). Changez le mode de fusion en Screen et diminuez l'opacité petit à petit jusqu'à ce qu'il se confonde, le mien s'est retrouvé à 80%. Il devrait déjà être inclus dans le calque "roues et ombres", alors verrouillez-le lorsque vous avez terminé..
Pour la vignette, tracez un rectangle de la taille de la planche graphique, centrez-le avec le panneau Aligner et remplissez-le d'un dégradé radial allant du blanc au gris moyen (j'ai utilisé K = 30 dans le panneau de nuanciers). Ensuite, définissez le mode de fusion sur Multiplier dans le panneau Transparence, déplacez son calque au-dessus du rayon de soleil, puis verrouillez-le. Il ne vous reste plus qu'à ajouter du texte, choisir votre police préférée et utiliser Effets> Déformation> Arc pour le plier un peu.
Cela devrait avoir l'air plutôt sympa maintenant, alors allez-y et voyez ce que vous pouvez encore obtenir avec l'outil Rotation 3D. L'image finale est ci-dessous.
Accentsconagua