Share
Apprenez à créer un cube de Rubik stylisé dans Illustrator. Je vais vous expliquer comment faire chaque détail de l'illustration finale, qui vous apprendra de nouvelles techniques et vous présentera de nouveaux outils Illustrator. Commençons avec la création de ce cube iconique et rétro.
Créez un nouveau document et mettez les détails ci-dessous.
Renommez "Couche 1" en "Cube" en double-cliquant sur le nom des couches dans le panneau des couches..
Appuyez sur "M" pour faire apparaître l'outil Rectangle, puis cliquez une fois dans le document pour faire apparaître la fenêtre Rectangle, puis entrez 360px pour la largeur et la hauteur et appuyez sur OK. Donne au carré un remplissage rouge et pas de trait.
Appuyez sur V pour afficher la flèche de sélection et sélectionnez votre nouveau carré. Maintenant, allez à Effet> 3D> Extruder et biseauter. Indiquez les dimensions ci-dessous et cliquez sur OK. Enfin, développez Apparence (Objet> Développez Apparence), puis verrouillez le calque "Cube"..
Créez un nouveau calque (Commande + L) en haut de la fenêtre Calques et appelez-le "Face1".
Obtenez l’outil Grille Rectangle, qui peut être sélectionné si vous maintenez le bouton de l’outil Ligne enfoncé. Cliquez une fois dans le document et insérez les dimensions ci-dessous, puis cliquez sur OK. Donnez à la grille un trait bleu foncé (ou une couleur facile à voir). Positionnez la grille approximativement sur la face avant principale.
Entrez en mode Aperçu en appuyant sur Commande + Y.
Appuyez sur V et sélectionnez la grille, puis appuyez sur E pour obtenir l’outil de transformation libre. Dans le coin supérieur droit de la grille, cliquez et maintenez la petite boîte blanche que vous utilisez pour transformer la forme d'un objet. Faites glisser le coin très légèrement vers l'intérieur, puis maintenez la touche Commande enfoncée tout de suite. Cela vous permettra de libérer la boîte.
Déplacez tous les coins afin que la grille s'aligne avec la face avant principale du cube. C'est un peu délicat car les nœuds que vous avez déjà déplacés seront déplacés lorsque vous transformerez leur coin opposé. Il vous suffit de les revoir jusqu'à ce que la grille s'aligne exactement sur la face du cube situé en dessous. Effectuez un zoom avant et arrière (Commande et + ou -) pour vous assurer que les coins sont correctement alignés. Verrouillez le calque "Face1" après avoir terminé.
Répétez cette procédure pour les deux autres côtés sur leurs propres calques en nommant le côté gauche "Face2" et le bas "Face3".
N'ayez pas peur de passer un peu de temps là-dessus. La face inférieure est assez difficile à obtenir, mais vous avez besoin de tous les coins pour s’aligner de manière aussi persévérante. Je trouve de petits mouvements et je travaille progressivement avec chaque coin pour le rendre plus facile..
Quitter l'aperçu (Commande + Y) et effectuer un zoom arrière afin de voir le cube entier.
Maintenant, masquez les calques "Cube", "Face2" et "Face3" en cliquant sur la petite icône représentant un œil en regard du nom des calques. Déverrouillez le calque "Face1", sélectionnez la grille à l'aide de l'outil de sélection (V) et dissociez les lignes (Commande + Maj + G)
Désélectionnez maintenant la grille en cliquant n'importe où dans la planche graphique, puis sélectionnez et supprimez les lignes verticales gauche et droite..
Sélectionnez les deux lignes horizontales du milieu, puis appuyez sur Commande + C pour les copier, puis sur Commande + F pour les coller au premier plan. Désactivez la visibilité des lignes que vous venez de coller dans le panneau Calques..
Utilisez l'outil de sélection directe (A) pour sélectionner les deux nœuds d'extrémité sur les première et deuxième lignes horizontales (lorsque vous survolez la fin de la ligne, un petit carré blanc apparaît à côté de l'outil de sélection directe pour indiquer que vous êtes au-dessus. la fin du noeud).
Avec ceux-ci sélectionnés, cliquez sur Commande + J ou allez à Objet> Chemin> Joindre pour joindre les extrémités des deux lignes séparées. Faites ceci à l’autre extrémité des mêmes lignes pour compléter la forme. Ensuite, faites ceci pour les troisième et quatrième lignes horizontales dessous.
Après cela, rendez à nouveau visibles les deux lignes copiées du milieu, puis reliez les extrémités, comme vous venez de le faire avec les autres. Vous voudrez peut-être les déplacer en haut de la couche pour faciliter leur clic. Vous devriez maintenant avoir quelque chose qui ressemble exactement à la grille avec laquelle nous avons commencé.
Toujours avec l'outil de sélection directe (A), sélectionnez le nœud supérieur de la deuxième ligne verticale et appuyez une fois sur la touche Flèche haut. Ensuite, sélectionnez le nœud inférieur de la même ligne et appuyez une fois sur la touche Flèche bas. Faites la même chose pour la troisième ligne verticale.
Reportez-vous à l'image ci-dessous pour vous assurer que vous déplacez les bons nœuds..
Sélectionnez la deuxième ligne verticale à l'aide de l'outil de sélection (V), déplacez-la vers le haut du calque (touche Commande + Maj + Bride de droite), puis sélectionnez Objet> Chemin> Diviser les objets ci-dessous. Faites la même chose avec la troisième ligne verticale.
Vous devriez maintenant avoir une grille qui ressemble à la grille avec laquelle nous avons commencé, mais maintenant, les neuf cases intérieures doivent toutes être sélectionnées individuellement..
Verrouillez le calque "Face1", désactivez sa visibilité, puis ajoutez des grilles aux calques "Face2" et "Face3". Ce processus a commencé à l'étape 9 si vous voulez revenir sur ce que nous venons de faire..
Conseil: comme le côté inférieur présente un angle très serré, lorsque vous déplacez ses deux lignes verticales centrales de 1 pixel en appuyant une fois sur la flèche vers le haut, vous devez également appuyer deux fois sur la flèche de droite pour conserver la perspective. De même, lorsque vous déplacez les nœuds inférieurs des lignes, appuyez deux fois sur la gauche. L’objectif est d’aligner les lignes sur les trois faces, donc surveillez les deux autres en activant et désactivant leur visibilité pendant que vous travaillez..
OK, c’est la partie la plus délicate de ce didacticiel, mais elle est nécessaire pour nous permettre de conserver la perspective cool et d’éditer les carrés intérieurs indépendamment les uns des autres..
Vous pouvez supprimer la couche "Cube" maintenant. Activez la visibilité des couches restantes, mais verrouillez "Face2" et "Face3" et déverrouillez "Face1".
Maintenant, avec l'outil de sélection (V), sélectionnez tous les carrés dans "Face1". Avec eux toujours tous sélectionnés, allez à Objet> Chemin> Chemin décalé. Dans la fenêtre qui apparaît, entrez -4px et cliquez sur OK.
Sélectionnez maintenant toutes les nouvelles boîtes intérieures à l'aide de l'outil de sélection (V), puis regroupez-les (Commande + G ou Objet> Groupe)..
Sélectionnez ensuite toutes les cases extérieures et regroupez-les. Une méthode rapide consiste à sélectionner tout ce qui se trouve dans le calque (Commande + A), puis à cliquer en maintenant la touche Maj enfoncée et en cliquant sur les cases intérieures que vous venez de regrouper, ce qui les désélectionnera, vous laissant les cases extérieures sélectionnées.
Sélectionnez les deux groupes et allez à Effet> Styliser> Coins arrondis. Dans la fenêtre pop-up, entrez 6 pixels et cliquez sur OK
Avec les deux groupes toujours sélectionnés, allez à Objet> Développer l'apparence. Echangez ensuite leurs traits en remplissages en appuyant sur Maj + X. Modifiez la couleur de remplissage des zones extérieures en noir # 000000. Changez la couleur de remplissage des cases intérieures en ce bleu # 0AAEEF pour le moment. Vous devriez avoir l'image ci-dessous.
Utilisez l'outil de sélection (V) pour sélectionner les cases noires, les dissocier (Commande + Maj + G) tout en les sélectionnant, puis cliquez sur le bouton Ajouter à la zone de forme de la fenêtre Pathfinder pour les transformer en un seul objet, puis cliquez sur Développer (si vous ne pouvez pas voir la fenêtre Pathfinder, appuyez sur Commande + Maj + F9 ou allez simplement dans Fenêtre> Pathfinder).
Utilisez l'outil de sélection directe (A) pour supprimer les quatre espaces laissés au milieu entre les cases noires en cliquant sur l'un des nœuds des espaces et en appuyant deux fois sur Supprimer..
Renommez le nouvel objet noir à l'intérieur du calque "Face1" en "Face1Back". Désactiver la visibilité de "Face1Back".
Utilisez l'outil de sélection (V) pour sélectionner les cases bleues. Dissociez-les mais conservez-les tous sélectionnés, puis cliquez à nouveau sur le bouton Ajouter à la zone de forme dans le panneau Pathfinder, puis cliquez sur Développer. Maintenant, renommez-les en "Face1color".
Copiez cet ensemble de boîtes bleues (Commande + C), puis désactivez leur visibilité. Collez deux copies au même endroit et l'une devant l'autre en appuyant deux fois sur les touches Commande + F.
Sélectionnez uniquement le jeu de carrés supérieur que vous venez de coller avec l'outil de sélection (V, puis appuyez trois fois vers le haut, puis trois fois à droite avec les flèches de votre clavier. Sélectionnez maintenant les deux formes et appuyez sur la zone Soustraire de la forme bouton dans la fenêtre Pathfinder, puis cliquez sur le bouton Développer.
Changez la couleur des formes restantes en ce bleu plus foncé # 099AD4 et renommez l'objet en "Face1Shadow". Activez maintenant la visibilité de "Face1Back" et "Face1color", et verrouillez le calque "Face1".
Le processus pour les deux prochaines parties utilise exactement les mêmes techniques, mais avec de petites différences, je vais donc les passer en revue avec moins de détails..
Déverrouillez et activez la visibilité de "Face2". Sélectionnez toutes les cases puis décalez leurs chemins de -3px cette fois. Groupez les boîtes intérieures. Regroupez les boîtes extérieures. Avec eux, les deux sélectionnés appliquent un effet de coins arrondis de 6 pixels, puis sélectionnez Objet> Développer l’apparence. Échangez les traits pour les remplir.
Sélectionnez le groupe de cases extérieures, dissociez-les, puis cliquez sur le bouton Ajouter à la zone de forme dans Pathfinder. Renommez l'objet en "Face2Back", changez sa couleur en noir # 000000 et supprimez les quatre espaces vides entre les zones. Masquer la visibilité de "Face2Back".
Sélectionnez le groupe de boîtes intérieures, dissociez-les, puis cliquez sur le bouton Ajouter à la zone de forme dans Pathfinder et développer. Renommez la sélection en "Face2color" change sa couleur en ce rouge # F70D0D. Copiez "Face2color" puis cachez sa visibilité.
Collez les deux copies l'une sur l'autre au même endroit. Sélectionnez la copie du haut et cette fois, appuyez deux fois vers le haut, puis trois fois à gauche. Sélectionnez les deux copies et appuyez sur le bouton Soustraire de la zone de forme dans la fenêtre Pathfinder, puis cliquez sur Développer. Remplacez la couleur des formes restantes par ce # D40404 rouge plus foncé et renommez la sélection en "Face2Shadow". Activer la visibilité de "Face2color" et "Face2Back".
Maintenant verrouillez le calque "Face2".
Enfin, pour le bas, utilisez à nouveau le même processus, mais avec quelques petites modifications.
Seulement décaler le chemin pour les boîtes intérieures de -2px.
Cette fois, sélectionnez uniquement les cases extérieures et appliquez un effet 6px Rounded Corners. Sélectionnez ensuite les cases intérieures et appliquez l’effet Coins arrondis mais avec 4 pixels à la place..
Donnez aux boîtes intérieures ce # EDD70C jaune. Pour créer l'ombre de la face inférieure, appuyez trois fois sur la touche inférieure, puis une fois sur la gauche, puis soustrayez les formes les unes des autres. Enfin, donnez aux ombres cette couleur jaune # CFBB0A.
Les choses devraient maintenant ressembler davantage à un cube Rubik, mais il faut lui donner un peu de volume.!
Déverrouillez les trois couches appelées "Face1", "Face2" et "Face3". Utilisez maintenant l'outil de sélection (V) pour sélectionner uniquement les formes noires de chacun des calques, appelez-les «Face1Back», «Face2Back» et «Face3Back». Copiez ces trois sélections (Commande + C) puis verrouillez les trois couches.
Créez un nouveau calque (Commande + L) par-dessus tous les autres et appelez-le "Contour". Collez devant (Commande + F) les trois copies de forme noire que vous venez de créer dans ce nouveau calque. Assurez-vous que les trois formes sont sélectionnées et ajoutez un trait noir de poids 1px aligné sur l'extérieur. Pour aligner un trait sur l'extérieur d'une forme, cliquez sur le bouton Aligner le trait sur l'extérieur dans le panneau Contour..
Maintenant que les trois formes sont toujours sélectionnées, accédez à Objet> Développer l'apparence, puis dissociez-les en cliquant sur Commande + Maj + G. Enfin, cliquez sur le bouton Ajouter à la zone de forme dans la fenêtre Pathfinder, puis sur Développer. Sur la forme noire qui reste, récupérez votre outil Sélection directe (A) et supprimez les espaces laissés au milieu..
Sélectionnez maintenant votre nouvelle forme et affichez le panneau Apparence (Fenêtre> Apparence). Dans le panneau, faites glisser la case "Stroke" en dessous de la case "Fill". Le remplissage doit déjà être défini sur Noir; cochez la case Contour dans le panneau Apparence, puis ajoutez un trait blanc #FFFFFF blanc à 4 pixels à la forme, comme vous le feriez normalement..
La forme étant toujours sélectionnée, retournez au panneau Apparence et cliquez sur la petite flèche à droite qui fera apparaître un petit sous-menu, puis sélectionnez l'option Ajouter un nouveau trait. Vous devriez maintenant pouvoir voir deux traits différents dans le panneau Apparence. Sélectionnez celle du bas et ajoutez un trait 10px Black # 000000 à la forme..
Faites glisser le calque "Contour" vers le bas du panneau des calques et verrouillez-le..
Donnons maintenant aux visages une belle brillance. Déverrouillez le calque "Face1" et sélectionnez les cases bleues, qui devraient s'appeler "Face1color". Cliquez maintenant sur le bouton Remplissage en bas du panneau Outils et placez ces paramètres dans la fenêtre Dégradé (Commande + F9): # 0CB0F0 à 0%, # 29CAFE à 48%, # 0AAEEF à 50%, # 27C8FD à 76% , # 0EB1F1 à 77% et # 2CCDFF à 100%. Ensuite, réglez l'ange à 310 degrés. Verrouillez maintenant le calque "Face1".
Déverrouillez "Face2" et définissez les paramètres d’effet dégradé suivants: # F50D0D à 0%, # F70D0D à 48%, # E41010 à 50% et # E21010 à 100%. Ensuite, réglez l'ange à 310 degrés. Maintenant verrouillez le calque "Face2".
Déverrouillez "Face3" et définissez les paramètres suivants pour l'effet de dégradé: # EDD70C à 0% et # FFE108 à 100%. Puis réglez l'ange à 15 degrés.
Déverrouillez les quatre couches maintenant et appuyez sur Commande + A pour tout sélectionner. Ensuite, allez à Objet> Transformer> Échelle et insérez les dimensions ci-dessous. Puis verrouillez à nouveau les calques, car nous en avons terminé pour le moment. Je trouve qu'il est parfois plus facile de travailler plus gros, car vous pouvez zoomer et être plus précis, puis le réduire plus tard. Bons vieux vecteurs!
Faisons le fond maintenant. Créez un nouveau calque tout en bas de la fenêtre des calques et appelez-le "Arrière-plan". Appuyez sur M pour afficher l’outil Rectangle, cliquez une fois dans le document et insérez 2000px pour la largeur et la hauteur. Centrez la nouvelle place derrière le cube Rubik et donnez-lui cette couleur # 7DD6EA. Toujours sélectionné, appuyez sur Commande + 2 pour verrouiller la sélection dans le calque..
Maintenant, appuyez sur L pour faire apparaître l'outil Ellipse, et tracez un cercle de 480 pixels par 480 pixels. Donne au cercle un #FFFFFF blanc.
Placez le cercle derrière le cube de Rubik et, toujours sélectionné, accédez à Effet> Déformer et transformer, puis entrez les dimensions ci-dessous. Maintenant verrouillez le calque "Arrière-plan".
Créez un nouveau calque en haut de la fenêtre des calques et appelez-le "Drapeau". Appuyez sur N pour faire apparaître l'outil Crayon et tracez une ligne approximativement semblable à celle ci-dessous. Donnez-lui un trait noir n ° 000000 de 2px et positionnez-le de manière à ce que l'extrémité gauche commence juste au-dessus du côté gauche du cube de Rubik.
Copiez le trait (Commande + C) et collez-en un nouveau devant (Commande + F). Appuyez ensuite trois fois sur les touches Maj + Flèche bas pour déplacer la copie de 30 pixels vers le bas..
Copiez la ligne que vous venez de déplacer et collez-en une autre directement devant, puis appuyez trois fois sur les touches Maj + Flèche bas. Désactivez la visibilité de la ligne médiane pour l'instant.
Activez l'outil Sélection directe (A) et reliez (commande + J) les noeuds finaux sur les deux lignes visibles. Donnez à la forme un remplissage blanc #FFFFFF et appelez-la "FlagFace".
Avec la forme "FlagFace" toujours sélectionnée, ouvrez l'outil Plume en appuyant sur P et sur le côté droit. Au milieu de la ligne verticale, ajoutez un nouveau nœud en cliquant une fois sur la ligne..
Sélectionnez ce nœud à l'aide de l'outil de sélection directe (A) et déplacez-le vers l'intérieur de manière à ce que le drapeau ressemble à une queue. Toujours avec l'outil de sélection directe, saisissez le nœud en bas à gauche du drapeau et déplacez-le vers la droite d'environ 3 pixels..
Maintenant, faites cette ligne médiane, que nous avons cachée il y a une minute, visible à nouveau. Déplacez-le en haut du calque.
Sélectionnez l'outil Type sur un chemin, qui peut être trouvé si vous maintenez l'outil Texte, puis cliquez quelque part vers la gauche de la ligne. Maintenant, tapez "Rubik's Cubes Rock !!!". J'ai choisi Rockwell Bold à 32px comme police, mais si vous ne l'avez pas, essayez une autre police. Je trouve que quelque chose avec des empattements de bloc fonctionne bien si.
Avec le type toujours sélectionné, allez à Type> Type sur un chemin> Type sur un chemin Options. Mettez dans les dimensions ci-dessous pour centrer le type vertical sur le chemin.
Si vous souhaitez déplacer le type le long du chemin de gauche à droite, et inversement, sélectionnez le type, obtenez l'outil Sélection directe et survolez le début du premier mot sur lequel vous devriez voir une ligne verticale avec une case blanche. à côté de cela. Lorsque vous survolez la boîte, l'outil de sélection directe devient noir avec une petite flèche pointant vers la droite. Lorsque vous voyez cela, vous pouvez cliquer et faire glisser le texte dans un sens ou dans l’autre le long du chemin..
Sélectionnez le drapeau que vous venez de dessiner et copiez-le. Ensuite, appuyez sur Commande + B pour le coller derrière, puis appuyez une fois sur les touches Maj + Flèche vers le bas pour le diminuer de 10 pixels. Changez sa couleur en noir # 000000 sans trait. Appelez la forme "FlagShadow".
Déverrouillez le calque "Contour" et copiez-y la forme, puis verrouillez à nouveau le calque. Collez la forme de contour que vous venez de copier positionnée au bas du calque en appuyant sur Commande + B dans le calque "Indicateur".
Sélectionnez à la fois la forme de contour collée et la forme appelée "FlagShadow" et appuyez sur le bouton Zone de forme d'intersection dans la fenêtre Pathfinder, puis sur Développer. Nommez la forme restante "FlagShadow" à nouveau et donnez-lui un remplissage noir. Changez l'opacité à 40% et verrouillez le calque "drapeau".
Enfin, créez un nouveau calque, juste au-dessus du calque appelé "Arrière-plan", et appelez-le "FlagBack". Appuyez sur L et dessinez une ellipse relativement plate avec les mêmes dimensions que celles indiquées ci-dessous..
Placez la forme derrière le coin gauche du drapeau que vous avez dessiné et attribuez-lui un trait noir de 2px et une couleur de remplissage gris clair (# E8EAEA). L'image finale est montrée ci-dessous.
Abonnez-vous au fil RSS Vectortuts + pour rester au courant des derniers tutoriels et articles sur les vecteurs.
Accentsconagua