Catégories
Astuces et Design

Comment créer une Porsche 911 avec croquis (partie 2) – Smashing Magazine

A propos de l'auteur

Concepteur visuel et UI / UX, auteur de dizaines de didacticiels Adobe Photoshop et Sketch. Accro à l'espresso. Regardez passionné.
Plus à propos
Nikola
Lazarević

Dans la partie 1 de ce didacticiel, Nikola Lazarević a expliqué comment créer et modifier la carrosserie d'une voiture dans Sketch, y compris les feux de signalisation avant et les feux arrière. Dans cette partie, il continue avec la conception des vitres de la voiture, des pare-chocs, des phares, de l'intérieur et de quelques autres éléments.

Êtes-vous prêt à pousser Sketch à ses limites une fois de plus? Comme indiqué dans la partie précédente, ce didacticiel est davantage destiné aux illustrateurs expérimentés, mais si vous êtes nouveau dans Sketch, vous devriez également pouvoir en profiter, car toutes les étapes sont expliquées en détail.

Après avoir terminé les feux arrière, continuons avec la conception des vitres de la voiture.

7. Joints en caoutchouc autour des fenêtres

Dans cette étape, nous ajouterons des joints en caoutchouc autour des fenêtres. Commencez d'abord par la fenêtre latérale. Passer au Vecteur outil (V) et dessinez une forme autour de la fenêtre latérale, comme sur l'image ci-dessous.

Remarque: Avant de continuer, n'oubliez pas que nous dessinons toujours à l'intérieur du bodywork groupe!

Capture d'écran des étapes décrites dans le paragraphe précédent du tutoriel.
Dessinez une forme de joint en caoutchouc autour de la fenêtre latérale. (Grand aperçu)

Éteindre Limites Et mettre Remplit à #000000, et ajoutez un Ombres effet:

  • Couleur: #FFFFFF
  • Alpha: 90%
  • X: 0; Y: 0; Brouiller: 3; Propagé: 1
Capture d'écran des étapes décrites dans le paragraphe précédent du tutoriel.
Le joint en caoutchouc autour de la fenêtre latérale est maintenant terminé. (Grand aperçu)

Ensuite, ajoutons un joint en caoutchouc autour du pare-brise avant. Dessinez une forme autour de la fenêtre avant, désactivez Limites, ensemble Couleur à #000000 et appliquer Ombres:

  • Couleur: #FFFFFF
  • Alpha: 90%
  • X: 0; Y: 0; Brouiller: 3; Propagé: 1
Capture d'écran des étapes décrites dans le paragraphe précédent du tutoriel.
Le joint en caoutchouc du pare-brise avant. (Grand aperçu)

Maintenant, ajoutons une garniture sur le dessus du joint en caoutchouc. Pour ce faire, dupliquez la forme du sceau, désactivez Remplit et Ombres, allumer Limites, ensemble Couleur à #E0E0E0, position frontière à À l'intérieur et Largeur à 1.5px. Double-cliquez sur la forme pour entrer vecteur mode d'édition puis sélectionnez et déplacez les points jusqu'à ce que vous ayez quelque chose comme sur l'image ci-dessous. Soyez patient, cela peut prendre du temps!

Remarque: Bien qu'en général, je suggère d'éviter autant que possible les demi-pixels dans vos illustrations vectorielles, dans certains cas, cela peut fonctionner correctement. Après quelques essais et erreurs en travaillant sur la garniture au-dessus du joint en caoutchouc du pare-brise, j'ai découvert que 1.5px donne les meilleurs résultats visuels.

Capture d'écran des étapes décrites dans le paragraphe précédent du tutoriel.
Créez la garniture. (Grand aperçu)

Pointe: Modifiez les types de points selon vos besoins tout en travaillant sur cette forme.

À la fin de cette étape, nous devons également ajouter un joint autour du pare-brise arrière. Dessinez une forme autour d'elle, désactivez la bordure, définissez Remplit à #000000 et appliquer Ombres avec les mêmes paramètres que nous avons fait pour les sceaux précédents.

Capture d'écran des étapes décrites dans le paragraphe précédent du tutoriel.
Le joint en caoutchouc du pare-brise arrière. (Grand aperçu)

8. Poignée de porte

Ramasse le ovale outil (O) et dessinez une ellipse. Ensemble Frontière couleur à #949494, position pour Centre avec un Largeur de 1px. Pour le Remplit utiliser un Gradient linéaire:

  1. #787878
  2. #C9C9C9
  3. #A5A5A5

Et ajouter Ombres intérieures:

  • Couleur: #000000
  • Alpha: 50%
  • X: 0; Y: 2; Brouiller: 2; Propagé: 0
Capture d'écran des étapes décrites dans le paragraphe précédent du tutoriel.
Dessinez une ellipse pour la poignée de porte. (Grand aperçu)

Créez un rectangle à gauche et à droite de l'ellipse en utilisant le Rectangle outil (R). Arrondissez les coins extérieurs en utilisant le Rayon propriété dans le Inspecteur panneau. Éteindre Limites Et mettre Remplit à #333333.

Capture d'écran des étapes décrites dans le paragraphe précédent du tutoriel.
Créez les rectangles à gauche et à droite de l'ellipse de porte. (Grand aperçu)

Nous allons maintenant utiliser Ombres intérieures et Ombres pour le faire paraître légèrement surélevé.

Sélectionnez le rectangle du côté gauche et ajoutez une lumière Ombres intérieures effet avec les propriétés suivantes:

  • Couleur: #FFFFFF
  • Alpha: 20%
  • X: 2; Y: -2; Brouiller: 1; Propagé: 0

Ensuite, appliquez un Ombres effet:

  • Couleur: #000000
  • Alpha: 50%
  • X: 0; Y: 0; Brouiller: 2; Propagé: 0
Capture d'écran des étapes décrites dans le paragraphe précédent du tutoriel.
Appliquez les effets au rectangle de gauche. (Grand aperçu)

Ensuite, sélectionnez le rectangle de droite et appliquez Ombres intérieures effet:

  • Couleur: #FFFFFF
  • Alpha: 20%
  • X:2; Y: -2; Brouiller: 1; Propagé: 0

Appliquer un Ombres effet:

  • Couleur: #000000
  • Alpha: 50%
  • X: 0; Y: 0; Brouiller: 2; Propagé: 0
Capture d'écran des étapes décrites dans le paragraphe précédent du tutoriel.
Appliquez les effets au rectangle de droite. Toujours pas là mais on se rapproche! (Grand aperçu)

Passons à la manipulation. Nous allons construire notre poignée de trois formes.

Commencez par créer deux rectangles en utilisant le Rectangle outil (R) et arrondissez les côtés à l'aide du Rayon propriété définie à partir de Inspecteur panneau.

Capture d'écran des étapes décrites dans le paragraphe précédent du tutoriel.
Commencez à travailler sur les détails de la poignée. (Grand aperçu)

Ensuite, utilisez le Vecteur outil (V) pour dessiner une forme entre les rectangles.

Capture d'écran des étapes décrites dans le paragraphe précédent du tutoriel.
Avec l'outil Vecteur, dessinez une forme entre ces deux rectangles. (Grand aperçu)

Sélectionnez maintenant les rectangles et la forme que nous venons de créer et effectuez un syndicat opération (à partir de la barre d'outils Sketch supérieure) pour créer un objet. Nommez cet objet handleshape. Changer la Couleur à #E3E3E3 et ajoutez un Ombres intérieures effet:

  • Couleur: #000000
  • Alpha: 50%
  • X: 0; Y: -2; Brouiller: 5; Propagé: 0
Capture d'écran des étapes décrites dans le paragraphe précédent du tutoriel.
Créez l'objet et appliquez les styles. (Grand aperçu)

Ajoutons une ombre subtile à la poignée. Zoomez et dessinez une forme comme sur l'image ci-dessous. Ne vous inquiétez pas si la partie inférieure sort de la zone de la poignée, nous corrigerons cela plus tard avec une opération de masquage. Éteindre Limites Et mettre Remplit à #3D3D3D.

Capture d'écran des étapes décrites dans le paragraphe précédent du tutoriel.
Ajoutez une ombre à la poignée de la porte. (Grand aperçu)

Insérons l’ombre à l’intérieur de la poignée. Sélectionnez la poignée et la forme de l'ombre, puis cliquez sur Masque dans la barre d'outils supérieure. Le résultat de cette opération de masquage sera automatiquement placé dans un nouveau groupe dans le Couches liste des panneaux. Remplacez le nom de ce groupe par handle.

Pointe: * N'oubliez pas de vérifier si Sketch est désactivé Ombres intérieures pour le calque de masquage. Si tel est le cas, réactivez-les. *

Capture d'écran des étapes décrites dans le paragraphe précédent du tutoriel.
Le groupe «handle» est complet. (Grand aperçu)

Maintenant, ajoutons un verrou à clé à la poignée de porte.

Dessinez un petit cercle. Ajouter un Centre Frontière avec un Largeur de 1px et le Couleur mis à #000000. Changement Remplit à Gradient linéaireet ajustez le dégradé avec les paramètres suivants:

  1. #888888
  2. #DFDFDF
  3. #CACACA

Appliquer un Ombre effet avec le Couleur mis à #000000 à 90% alpha, Brouiller à 3, les X et Oui positions et Propagé mis à 0.

Capture d'écran des étapes décrites dans le paragraphe précédent du tutoriel.
Créez un verrou à clé. (Grand aperçu)

Créez un trou de serrure en dessinant un petit rectangle noir sans Limites au milieu du cercle. Regroupez les deux formes (cercle et rectangle) en un key-lock groupe.

Capture d'écran des étapes décrites dans le paragraphe précédent du tutoriel.
Créez le trou de serrure. (Grand aperçu)

La seule chose à faire est de créer l’ombre de la poignée qui doit être placée à l’intérieur de l’ellipse (voir la capture d’écran suivante). Trouvez le handleshape objet dans le Couches liste de panneaux, cliquez sur le curseur devant le nom du calque pour révéler son contenu (les formes), sélectionnez le pont entre les rectangles et appuyez sur Cmd + C pour copier cette forme.

Capture d'écran des étapes décrites dans le paragraphe précédent du tutoriel.
Sélectionnez le pont entre les rectangles puis copiez-le. (Grand aperçu)

Sélectionnez l'ellipse qui se trouve sous la poignée, collez (Cmd + V) sur la forme que nous venons de copier, définissez le Couleur à #505050, poussez-le vers le bas 2px et appliquer un Flou gaussien avec un Montant de 2. Sélectionnez ensuite cette forme avec l'ellipse et regroupez-les (Cmd + g).

Capture d'écran des étapes décrites dans le paragraphe précédent du tutoriel.
Coller, déplacer, appliquer les styles, puis regrouper. (Grand aperçu)

Dans ce groupe, sélectionnez l'ellipse, faites un clic droit dessus et choisissez Masque du menu, pour s'assurer que l'ombre restera à l'intérieur l'ellipse.

Capture d'écran des étapes décrites dans le paragraphe précédent du tutoriel.
L'ombre de la poignée est maintenant terminée. (Grand aperçu)

Sélectionnez tous les éléments que nous avons créés à cette étape et placez-les dans un groupe nommé door handle.

9. Pare-chocs

Créons d'abord le pare-chocs avant. Passer au Vecteur outil (V) et dessinez la forme. Changer la Remplit Opacité à 0%, sois sûr que Limites sont éteints et appliquer la lumière et l'obscurité Ombres intérieures effet.

Ajoutez d'abord une lumière Ombres intérieures effet avec les propriétés suivantes:

  • Couleur: #FFFFFF
  • Alpha: 50%
  • X: 0; Y: 5; Brouiller: 6; Propagé: 0

Ensuite, ajoutez un dark Ombres intérieures effet:

  • Couleur: #000000
  • Alpha: 50%
  • X: -2; Y: -5; Brouiller: 6; Propagé: 0
Capture d'écran des étapes décrites dans le paragraphe précédent du tutoriel.
Le pare-chocs avant. (Grand aperçu)

Faites de même pour le pare-chocs arrière, mais utilisez plutôt ces paramètres pour l'obscurité Ombre intérieure effet:

  • Couleur: #000000
  • Alpha: 50%
  • X: 3; Y: -5; Brouiller: 6; Propagé: 0
Capture d'écran des étapes décrites dans le paragraphe précédent du tutoriel.
Le pare-chocs arrière. (Grand aperçu)

Nommez ces formes front bumper et rear bumper.

Passons à l’élément suivant de l’affaire. Nous allons maintenant créer la décoration sur le pare-chocs avant. Prenez le Arrondi Rectangle outil (U) et dessinez un rectangle arrondi (174px par 14px). Assurez-vous qu'il est en dehors du bodywork groupe et donnez-lui le nom bumper deco base.

Éteindre Limites puis cliquez sur Remplit, choisissez Gradient linéaireet ajoutez un dégradé. Utilisation #E4E4E4 avec 100% alpha pour le premier arrêt de couleur et #858585 avec alpha 100% pour le dernier arrêt de couleur. Maintenant, ajoutez un autre point avec un clic sur l'axe du dégradé dans la boîte de dialogue de couleur, et déplacez-le exactement au milieu en appuyant sur 5 sur le clavier. Donne-le 100% alpha, et assurez-vous que sa couleur est #E4E4E4. Ajoutez-en un autre à droite et déplacez-le également vers le centre. Changez la couleur de cet arrêt en #858585 avec 100% alpha.

Capture d'écran des étapes décrites dans le paragraphe précédent du tutoriel.
L'élément déco du pare-chocs avant. (Grand aperçu)

Dupliquer la forme (Cmd + ), changez le nom en front bumper deco shadow et en utilisant le Couches liste de panneaux, faites-la glisser dans la bodywork groupe juste au-dessus du front bumper forme et ajoutez deux Ombres effets.

Ajouter le premier Ombres effet avec les propriétés suivantes:

  • Couleur: #000000
  • Alpha: 80%
  • X: 0; Y: 2; Brouiller: 2; Propagé: 2

Ensuite, ajoutez le second Ombres effet:

  • Couleur: #000000
  • Alpha: 80%
  • X: 0; Y: -2; Brouiller: 2; Propagé: 1
Capture d'écran des étapes décrites dans le paragraphe précédent du tutoriel.
L’ombre «déco pare-chocs avant». (Grand aperçu)

Ajoutons un élément en caoutchouc au milieu de la décoration du pare-chocs. Sélectionnez le bumper deco base, dupliquez-le et donnez à cette forme le nom de rubber. Changer la Remplit à #303030 Couleur unieet changez le la taille à la moitié de la taille, puis alignez-le au milieu avec bumper deco base, en utilisant le Inspecteur panneau.

Capture d'écran des étapes décrites dans le paragraphe précédent du tutoriel.
Forme «caoutchouc» du pare-chocs avant. (Grand aperçu)

Ajoutez les effets suivants au rubber forme.

D'abord, une lumière Ombre intérieure:

  • Couleur: #FFFFFF
  • Alpha: 30%
  • X: 0; Y: 2; Brouiller: 2; Propagé: 0

Puis, une sombre Ombre intérieure:

  • Couleur: #000000
  • Alpha: 100%
  • X: 0; Y: -4; Brouiller: 1; Propagé: 0

Après ça, une sombre Ombre:

  • Couleur: #000000
  • Alpha: 100%
  • X: 0; Y: -1; Brouiller: 2; Propagé: 0

Et enfin, une lumière Ombre:

  • Couleur: #FFFFFF
  • Alpha: 50%
  • X: 0; Y: 2; Brouiller: 2; Propagé: 0
Capture d'écran des étapes décrites dans le paragraphe précédent du tutoriel.
Appliquer tous les styles à l’élément «caoutchouc» du pare-chocs avant. (Grand aperçu)

Enfin, sélectionnez le bumper deco base et le rubber formes et effectuer un Masque opération de sorte qu'aucun des rubber les ombres sortent du bumper deco base. Nommez le groupe résultant front bumper deco.

Capture d'écran des étapes décrites dans le paragraphe précédent du tutoriel.
La forme «caoutchouc» du pare-chocs avant est maintenant terminée. (Grand aperçu)

Maintenant, en utilisant la même méthode que celle expliquée ci-dessus, créez l'élément déco de pare-chocs arrière.

Capture d'écran des étapes décrites dans le paragraphe précédent du tutoriel.
Quand il est prêt, la déco du pare-chocs arrière devrait ressembler à ceci. (Grand aperçu)

Passer au Vecteur outil (V) et dessinez une forme de base pour la protection de pare-chocs arrière. Ajouter un Gradient linéaire avec les propriétés suivantes:

  1. #EEEEEE
  2. #C9C9C9
  3. #939393
  4. #6C6C6C
Capture d'écran des étapes décrites dans le paragraphe précédent du tutoriel.
Créez la protection de pare-chocs arrière. (Grand aperçu)

Dupliquez cette forme, placez-la derrière (faites un clic droit sur la forme et choisissez Recule depuis le menu contextuel), appliquez #2D2D2D Couleur unie, poussez-le de quelques pixels vers la droite et redimensionnez un peu la hauteur en utilisant le redimensionner les poignées. Nommez cette forme rubber buffer. Ajouter un Ombres intérieures effet avec le Couleur mis à #FFFFFF à 30% alpha. Ensemble Oui et Brouiller à 2, et X et Propagé à 0.

Capture d'écran des étapes décrites dans le paragraphe précédent du tutoriel.
Le «tampon en caoutchouc». (Grand aperçu)

Sélectionnez à nouveau la forme en haut, dupliquez-la encore une fois et utilisez le pour le déplacer de quelques pixels vers la gauche. Modifier le Gradient linéaire (supprimez les deux points du milieu, changez les couleurs des points du haut et du bas en #8E8E8E et #DEDEDE puis déplacez légèrement le point supérieur vers le bas). Enfin, appliquez un Flou gaussien effet avec le Montant de 0.6.

Capture d'écran des étapes décrites dans le paragraphe précédent du tutoriel.
Continuez à travailler sur la protection de pare-chocs arrière. (Grand aperçu)

Sélectionnez cette forme et la forme en dessous de celle-ci et effectuez un Masque opération. Nommez le groupe résultant bumper guard base, puis sélectionnez le groupe résultant et le rubber buffer formez-les et regroupez-les en groupe rear bumper guard. Placez ce groupe juste en dessous du bodywork groupe dans le Couches liste des panneaux.

Capture d'écran des étapes décrites dans le paragraphe précédent du tutoriel.
La protection de pare-chocs arrière – maintenant terminée. (Grand aperçu)

En utilisant le Rectangle outil, créez deux rectangles comme sur l'image ci-dessous (utilisez Rayon dans le Inspecteur panneau pour contrôler la rondeur des points). Sélectionnez les deux formes et pour créer un objet, dans la barre d'outils supérieure de Sketch, effectuez un syndicat opération. Déplacez ce nouvel objet dans le rear bumper guard groupe, directement dans le bumper guard base groupe au sommet. Changement Couleur à #000000, éteindre Limites et ajouter Flou gaussien avec le Montant de 1.

Capture d'écran des étapes décrites dans le paragraphe précédent du tutoriel.
Créez l'ombre du pare-chocs à l'intérieur du pare-chocs. (Grand aperçu)

Voici un aperçu de ce que nous avons fait jusqu'à présent.

L'illustration de la Porsche 911 & mdash; y arriver petit à petit ...
La Porsche 911 – y arriver petit à petit … (Grand aperçu)

10. Pare-brise

Fenêtres latérales

Rappelez-vous ceux side window 1 et side window 2 copies que nous avons créées au début du tutoriel, dans la partie 1?

Eh bien, il est temps de les utiliser! Localisez ces copies dans le Couches liste des panneaux et les masquer. Sois sûr que Remplit est désactivé et ajoutez 5px Largeur Limites avec un #72BD20 couleur, positionné À l'intérieur.

Capture d'écran des étapes décrites dans le paragraphe précédent du tutoriel.
Il est temps de démasquer les copies de la «fenêtre latérale 1» et de la «fenêtre latérale 2»! (Grand aperçu)

Au début, nous créerons les cadres de fenêtre en utilisant ces formes.

Donc d'abord, nous devrons convertir une bordure de forme en une forme elle-même. Nous devons postuler Ombres intérieures aux cadres de la fenêtre car il n'y a pas d'option à appliquer Ombres intérieures à Limites.

Pour délimiter les bordures, sélectionnez les deux formes et accédez à CoucheConvertir en contours (ou appuyez sur Alt + Cmd + O sur le clavier).

Remarque: La conversion des formes en contours a transformé chaque forme en deux couches de formes combinées distinctes. En effet, un contour de contour est un tracé combiné qui existe de deux formes:

  • celui qui détermine les limites extérieures, et
  • l'autre détermine les limites intérieures, créant l'apparence d'un trait.
Capture d'écran des étapes décrites dans le paragraphe précédent du tutoriel.
Le contour des frontières. (Grand aperçu)

Sélectionnez et copiez (Cmd + C) les formes intérieures, puis désélectionnez les formes en appuyant sur Esc sur le clavier et enfin coller (Cmd + V) (veuillez noter que Sketch placera les copies sur le dessus), car nous utiliserons ces formes comme pare-brise. Donnez-leur les noms de side windshield 1 et side windshield 2 et cachez-les pour le moment.

Continuons avec les cadres de fenêtre. Dessinez deux formes à l'aide du Vecteur outil (V), sélectionnez ces formes nouvellement créées et le side window 1 façonner et effectuer un syndicat opération pour créer une forme. Changement Remplit à #DCDCDC et ajouter Ombres intérieures avec le Couleur mis à #000000 avec 50% Alpha et Brouiller mis à 2.

Capture d'écran des étapes décrites dans le paragraphe précédent du tutoriel.
La «fenêtre latérale 1». (Grand aperçu)

Appliquer les mêmes styles – Remplit et Ombres intérieures – à la side window 2.

Démasquer les pare-brise latéraux et les placer sous le bodywork groupe dans le Couches liste des panneaux.

Pointe: Étant donné que les pare-brise sont fondamentalement transparents, je vous suggère d'ajouter temporairement une couleur d'arrière-plan au plan de travail, afin que vous puissiez voir ce que nous allons faire. Pour ce faire, sélectionnez le plan de travail, puis activez "Couleur d'arrière-plan" dans le panneau Inspecteur, puis définissez "Couleur" sur quelque chose comme #434343.

Revenons maintenant aux pare-brise latéraux: sélectionnez le premier (celui de gauche), éteignez Limites Et mettre Remplit à Gradient linéaire:

  1. Couleur: #FFFFFF, Alpha: 0%
  2. Couleur: #FFFFFF, Alpha: 22%
  3. Couleur: #FFFFFF, Alpha: 50%
  4. Couleur: #FFFFFF, Alpha: 27%
  5. Couleur: #FFFFFF, Alpha: 30%
Capture d'écran des étapes décrites dans le paragraphe précédent du tutoriel.
Le «pare-brise latéral 1». (Grand aperçu)

Faites de même pour l'autre pare-brise.

Capture d'écran des étapes décrites dans le paragraphe précédent du tutoriel.
Le «pare-brise latéral 2». (Grand aperçu)

Pointe: Vous pouvez utiliser la fonction Copier le style de Sketch à partir du premier pare-brise (cliquez avec le bouton droit de la souris et choisissez «Copier le style»), puis collez le style sur le deuxième pare-brise (cliquez avec le bouton droit de la souris puis choisissez «Coller le style»). Après cela, vous devrez peut-être déplacer légèrement les points pour ajuster le dégradé en fonction du précédent, car les formes n'ont pas la même hauteur.

Pare-brise avant

Passer au Vecteur outil et dessinez une forme pour le pare-brise avant. Appliquer un Gradient linéaire avec les paramètres suivants:

  1. Couleur: #F3F2F0, Alpha: 40%
  2. Couleur: #FFFFFF, Alpha: 50%
  3. Couleur: #F3F2F0, Alpha: 20%
  4. Couleur: #F3F2F0, Alpha: 10%

Puis ajouter Ombres intérieures avec le Couleur mis à #000000 avec 10% Alpha. Ensemble Oui position à 2 et Brouiller à 8. Nomme le front windshield.

Capture d'écran des étapes décrites dans le paragraphe précédent du tutoriel.
L'élément «pare-brise avant». (Grand aperçu)

Pare-brise arrière

Dessinez un pare-brise arrière avec le Vecteur et appliquez le même style (Gradient linéaire et Ombres intérieures) comme pour le pare-brise avant.

Capture d'écran des étapes décrites dans le paragraphe précédent du tutoriel.
L'élément «pare-brise arrière». (Grand aperçu)

Nommez cette forme rear windshield, puis sélectionnez toutes les formes de pare-brise, regroupez-les dans un windshields groupe et assurez-vous que ce groupe est sous le bodywork groupe dans le Couches liste des panneaux.

Remarque: Vous pouvez désormais désactiver la couleur d’arrière-plan du plan de travail dans le panneau Inspecteur.

11. Phare

Pour le phare, passez au Vecteur outil et dessinez la forme qui sera le verre du phare. Utilisation Couleur unie #E4E4E4, éteindre Limites et ajouter Ombres intérieures effet:

  • Couleur: #000000
  • Alpha: 10%
  • X: 5; Y: -2; Brouiller: 2; Propagé: 0
Capture d'écran des étapes décrites dans le paragraphe précédent du tutoriel.
Créons le verre de phare. (Grand aperçu)

Ensuite, dessinez un noir (#000000) forme sur le verre du phare. Dupliquer cette forme (Cmd + ), poussez-le 1px la gauche et appliquer un Gradient linéaire avec les paramètres suivants, de haut en bas:

  1. #EEEEEE
  2. #F5F5F5
  3. #828282
  4. #484848
Capture d'écran des étapes décrites dans le paragraphe précédent du tutoriel.
Créez la partie suivante du phare. (Grand aperçu)

Sélectionnez toutes les formes et regroupez-les (Cmd + g) en s headlight groupe. Ensuite, nous devons le faire tourner un peu (en 25 degrees) et placez-le au-dessus du bodywork groupe.

Capture d'écran des étapes décrites dans le paragraphe précédent du tutoriel.
Le groupe «phares» est maintenant terminé. (Grand aperçu)

12. Grille arrière du moteur

Dans cette étape, nous allons créer une grille sur le couvercle du moteur arrière. Encore une fois, prenez le Vecteur outil (V) et dessinez une forme. Changement Remplit à #000000 et ajouter Ombres intérieures – pour le Couleur utilisation #FFFFFF avec 80% Alpha et ensemble X position à -2.

Capture d'écran des étapes décrites dans le paragraphe précédent du tutoriel.
Créez l'élément de grille. (Grand aperçu)

Dupliquez cette forme, déplacez-la un peu vers la gauche et vers le bas, zoomez assez près, passez à vecteur mode d'édition et déplacez les points pour qu'ils touchent le bord du capot arrière du moteur. Utilisez l'image ci-dessous comme référence.

Capture d'écran des étapes décrites dans le paragraphe précédent du tutoriel.
Commencez à construire la grille du moteur à l'aide de l'élément de grille. (Grand aperçu)

Répétez cette opération huit fois de plus pour former une grille sur le couvercle du moteur. Tracez ensuite une ligne en utilisant le Ligne outil (L). Pour le Couleur utilisation #CCCCCC, ensemble Largeur à 1px et choisissez Casquette ronde pour le La frontière se termine. Appliquer du noir (#000000) Ombres effet avec 100% Alpha et Brouiller de 2.

Capture d'écran des étapes décrites dans le paragraphe précédent du tutoriel.
La grille moteur est maintenant terminée. (Grand aperçu)

Sélectionnez tous les calques de grille et placez-les dans le groupe rear engine grille.

13. Rétroviseur latéral

Passons aux autres détails de la voiture. Les rétroviseurs latéraux!

En utilisant le Vecteur outil, créez une forme qui servira de base au rétroviseur latéral, désactivez Limites et utilise Gradient linéaire pour le Remplit:

  1. #E5E5E5
  2. #D5D5D5
  3. #878787
  4. #6A6463

Puis ajouter Ombres intérieures:

  • Couleur: #000000
  • Alpha: 50%
  • X: 2; Y: -2; Brouiller: 6; Propagé: 0
Capture d'écran des étapes décrites dans le paragraphe précédent du tutoriel.
Façonner la forme de la «base du rétroviseur». (Grand aperçu)

Nommez cette forme side mirror base.

Dessinez une autre forme, qui sera la couverture du miroir, éteignez à nouveau Limites et changer Remplit à Gradient linéaire:

  1. #CCCACB
  2. #FEFEFE
  3. #A1A5A4
  4. #4A413F
Capture d'écran des étapes décrites dans le paragraphe précédent du tutoriel.
La «base du couvercle du miroir». (Grand aperçu)

Donnez à cette forme le nom de mirror cover base. Dupliquez la forme et poussez-la 4px vers la gauche en utilisant le touche du clavier. Changement Couleur à #C4C4C4 et ajoutez deux Ombres intérieures.

Pour le premier Ombre intérieure utilisation:

  • Couleur: #000000
  • Alpha: 60%
  • X: 5; Y: 0; Brouiller: 1; Propagé: 0

Pour la seconde Ombre intérieure utilisez les propriétés suivantes:

  • Couleur: #000000
  • Alpha: 50%
  • X: -4; Y: 5; Brouiller: 6; Propagé: 0

Sélectionnez ensuite les deux formes et effectuez un Masque opération, de sorte que la forme supérieure ne dépasse pas le couvercle du miroir (la forme inférieure). Nommez le groupe résultant mirror cover.

Capture d'écran des étapes décrites dans le paragraphe précédent du tutoriel.
Le groupe «couvercle de miroir». (Grand aperçu)

Sélectionner side mirror base et ajoutez-en un de plus Ombres intérieures effet, pour ajouter l'ombre de la couverture du miroir. Pour le Couleur utilisation #000000 avec 50% Alpha, ensemble X position à -1 et Brouiller à 1.

Capture d'écran des étapes décrites dans le paragraphe précédent du tutoriel.
Ajoutez une ombre de la couverture du miroir. (Grand aperçu)

Nous terminerons cette étape en créant une ombre à partir du rétroviseur latéral.

Prenez le Vecteur outil et dessinez une forme comme sur l'image ci-dessous. Placez-le sous le side mirror base, poussez-le un peu pour qu'il soit vraiment derrière, et ajoutez un Gradient linéaire pour le Remplit. Pour une utilisation optimale #000000 avec 40% Alpha et pour la butée inférieure utilisent également #000000 mais avec 0% Alpha. N'oubliez pas de désactiver Limites.

Capture d'écran des étapes décrites dans le paragraphe précédent du tutoriel.
Créez une ombre sur le rétroviseur latéral. (Grand aperçu)

Nommez cette forme side mirror shadow, puis sélectionnez toutes les formes créées à cette étape et regroupez-les dans un side mirror groupe.

14. Tuyau d'échappement

Il est temps de créer le tuyau d’échappement. Tout d'abord, trouvez dans le Couches liste des panneaux floor le calque, souvenez-vous – celui que nous avons créé au début du didacticiel à l’étape 2 – et ne le cachez pas. Passer au Rectangle outil (R) et dessinez un rectangle avec le Rayon mis à 2. Cette forme de rectangle représentera le tuyau d'échappement.

Éteindre Limites Et mettre Remplit à un Gradient linéaire:

  1. #E2E2E2
  2. #E3E3E3
  3. #A0A0A0
  4. #2C2C2C
Capture d'écran des étapes décrites dans le paragraphe précédent du tutoriel.
Dessinez la forme du tuyau d'échappement. (Grand aperçu)

Dupliquez le rectangle, réduisez-le en largeur, passez au vecteur mode d'édition, sélectionnez les points sur le côté droit et définissez leur Rayon à 0, puis modifiez l'existant Gradient linéaire à:

  1. #1E1E1E
  2. #3A3A3A
  3. #2A2A2A
  4. #111111
Capture d'écran des étapes décrites dans le paragraphe précédent du tutoriel.
Dessinez une autre partie du tuyau d'échappement. (Grand aperçu)

Sélectionnez les deux rectangles, regroupez-les dans un exhaust pipe groupe et placez le groupe juste au-dessus du rear bumper guard dans le Couches liste des panneaux.

Capture d'écran des étapes décrites dans le paragraphe précédent du tutoriel.
Le tuyau d'échappement, maintenant terminé. (Grand aperçu)

15. Intérieur de la voiture

Sélectionner side window 1 et side window 2, dupliquez-les (Cmd + ), changement Couleur à #000000 et éteignez le Ombres intérieures.

Capture d'écran des étapes décrites dans le paragraphe précédent du tutoriel.
Commencez à travailler sur l'intérieur de la voiture. (Grand aperçu)

Placez ces doublons sous le rear bumper guard dans le Couches liste des panneaux, puis, à l'aide des touches fléchées du clavier, déplacez-les 5px vers le bas et 2px à droite.

Capture d'écran des étapes décrites dans le paragraphe précédent du tutoriel.
Passez derrière. (Grand aperçu)

Dessinez une forme qui représentera la partie visible du tableau de bord de la voiture, désactivez Limites et définissez le Remplit à #2A2A2A.

Capture d'écran des étapes décrites dans le paragraphe précédent du tutoriel.
Dessinez la partie visible du tableau de bord. (Grand aperçu)

Ensuite, créons le volant.

Créez un rectangle à l'aide du Arrondi Rectangle outil (U), éteindre Limites et changer Remplit à l'horizontale Gradient linéaire avec les paramètres suivants:

  1. #000000
  2. #676767
  3. #292929
  4. #090909

Ensuite, nous devons faire pivoter le rectangle -24 degrees et déplacez-le un peu vers la gauche.

Capture d'écran des étapes décrites dans le paragraphe précédent du tutoriel.
Créez le volant. (Grand aperçu)

Continuons maintenant avec d'autres détails de l'intérieur de la voiture. Sélectionnez le Vecteur outil et créez une forme comme sur l'image ci-dessous. Éteindre Limites, ensemble Couleur à #000000et appliquer Ombres intérieures effet:

  • Couleur: #FFFFFF
  • Alpha: 30%
  • X: -12; Y: -6; Brouiller: 8; Propagé: 0
Capture d'écran des étapes décrites dans le paragraphe précédent du tutoriel.
Continuez à ajouter des éléments à l'intérieur de la voiture. (Grand aperçu)

Utilisez le ovale outil (O) pour dessiner une petite ellipse. Pour le Couleur utilisation #717171 et tournez le Limites de.

Capture d'écran des étapes décrites dans le paragraphe précédent du tutoriel.
Ajoutez un autre élément à l'intérieur de la voiture. (Grand aperçu)

Créons maintenant la partie visible du siège du conducteur. Créez une forme avec le Vecteur outil. Éteindre Limites et utilisez un Gradient linéaire; pour la couleur supérieure, utilisez la couleur #6D6D6D et pour le bas #171717. Et ajoutez un Ombres intérieures effet – Couleur est #000000 avec 50% Alpha, X la position est 2 et Brouiller est 7.

Capture d'écran des étapes décrites dans le paragraphe précédent du tutoriel.
Dessinez le siège du conducteur. (Grand aperçu)

Dupliquez cette forme, poussez-la 5px à droite et 1px vers le haut en utilisant les touches fléchées. Puis modifiez l'existant Gradient linéaire – changer la couleur du bas en #000000. Et modifiez le Ombres intérieures effet – changer le Couleur à #FFFFFF avec 10% Alpha; ensemble X et Oui positions à 5, et Brouiller aussi pour 5.

Capture d'écran des étapes décrites dans le paragraphe précédent du tutoriel.
Continuez à affiner les détails du siège. (Grand aperçu)

Ajoutons maintenant des points au siège.

Dupliquez cette forme, poussez-la 5px à droite et 3px vers le bas. Ensuite, éteignez Remplit et Ombres intérieures, ramener Limites et pour le Couleur choisir Gradient linéaire – pour l'utilisation d'arrêt de couleur supérieure #696969 et pour le bas #000000. Ajouter Ombre effet – pour le Couleur utilisation #000000 avec 50% Alpha et ensemble Brouiller à 2. Sélectionnez ensuite cette forme et le calque en dessous et effectuez un Masque opération, de sorte que les points ne sortent pas des limites du siège.

Capture d'écran des étapes décrites dans le paragraphe précédent du tutoriel.
Ajoutez des points de suture au siège du conducteur. (Grand aperçu)

Presque prêt avec l'intérieur de la voiture!

Ensuite, sélectionnez tous les calques et groupes que nous avons créés à cette étape et qui se trouvent au-dessus de la carrosserie et placez-les juste au-dessus side window 1 copy et side window 2 copy dans le Couches liste des panneaux. Ajoutez également à la sélection ces deux formes (side window 1 copy et side window 2 copy) et créez un groupe (Cmd + g) nommé interior.

Capture d'écran des étapes décrites dans le paragraphe précédent du tutoriel.
L'intérieur de la voiture est maintenant terminé. (Grand aperçu)

Regardons à nouveau la situation dans son ensemble.

Image finale 2/3: Jetons un coup d'œil à notre voiture Porsche 911 & mdash; nous en sommes plus qu'à mi-chemin!
Image finale 2/3: Jetons un coup d'œil à notre voiture Porsche 911 – nous en sommes plus qu'à mi-chemin! (Grand aperçu)

Ce n’est pas mal, non?

Mais avant de conclure cette partie du didacticiel, ajoutons-en une autre petit détail à la carrosserie, alors prenez le Ligne outil (L) et tracez une ligne. Pour le Couleur utilisation #E5E5E5, ensemble Largeur à 2px et choisissez Casquette ronde pour le La frontière se termine. Puis appliquez Ombres – ensemble Couleur à #000000 à 80% Alpha, Oui position à 2 et Brouiller à 3. Enfin, placez cette ligne à l'intérieur du bodywork groupe.

Capture d'écran des étapes décrites dans le paragraphe précédent du tutoriel.
La carrosserie de la voiture est maintenant terminée – un dernier détail supplémentaire ajouté. (Grand aperçu)

Conclusion

La carrosserie de la voiture est maintenant prête, ainsi que les vitres, les pare-chocs, les phares et les feux arrière, et l'intérieur – tableau de bord, volant et siège. Dans la partie suivante (et finale) du didacticiel, nous créerons les roues (jantes et pneus), et nous ajouterons toutes les touches finales, y compris les décalcomanies de course sur la carrosserie de la voiture.

Éditorial fracassant(mb, ra, yk, il)

Laisser un commentaire

Votre adresse de messagerie ne sera pas publiée. Les champs obligatoires sont indiqués avec *