Comment créer une caméra plate texturée et stylisée dans Adobe Illustrator

Ce que vous allez créer

Voulez-vous que vos objets plats paraissent plus complexes et détaillés? Suivez ce didacticiel pour apprendre à créer un appareil photo de poche rétro élégant, à maîtriser les gradients pour les lumières et les ombres et à utiliser les nuances intégrées Adobe Illustrator pour une texture de surface semi-réaliste.!

Si vous aimez créer des objets plats avec des détails réalistes et que vous souhaitez apprendre de nouvelles techniques d'utilisation et de modification des formes de base, maîtriser les dégradés, créer et appliquer des textures, je vous invite à rejoindre le cours Créer des éléments d'espace de travail plats pour les publicités! À partir de là, vous apprendrez également à créer un fond en bois texturé et réaliste pour vos objets..

1. Créer la base de la caméra avec des formes simples

Étape 1

Commencez à former la base de la caméra en faisant un 165 x 170 px rectangle avec le Outil Rectangle (M).

Copie ça et Coller à l'arrière (Control-C> Control-B). Écraser la copie à environ 140 px hauteur et le rendre plus large à environ 280 px, créant ainsi deux rectangles qui se chevauchent.

Étape 2

Sélectionnez les deux formes et Unir les dans Éclaireur. Arrondissez les coins en tirant sur les marqueurs de cercle du Coins vivants jusqu'à leur maximum.

le Coins vivants Cette fonctionnalité est disponible uniquement dans Adobe Illustrator CC. Si vous utilisez des versions antérieures du programme, n'hésitez pas à appliquer Effet> Styliser> Coins ronds.

Étape 3

Prendre le Outil Rectangle (M) et créez une bande horizontale sur la partie supérieure de la caméra. Tenir Alt-Shift et faites-le glisser vers le bas, créant une copie dans la partie inférieure.

Sélectionnez tous les éléments, prenez la Outil de création de forme (Maj-M), tenir le Alt touche et cliquez pour supprimer les pièces inutiles à l'extérieur de l'appareil photo.

Étape 4

Faisons maintenant la partie la plus essentielle de chaque appareil photo: l'objectif!

Commencez par faire un 150 x 150 px cercle en utilisant le Outil Ellipse (L). Placez-le presque au centre de la caméra, un peu plus à droite.

Étape 5

Ajoutons le déclencheur à notre appareil photo. Créer un 40 x 20 px rectangle avec le Outil Rectangle (M). Faire ses coins légèrement arrondis, en utilisant le Coins vivants une fonction. Créer une copie en maintenant Alt-Shift et en faisant glisser la forme vers la gauche afin de créer un autre bouton. Réduisez un peu le nouveau bouton en réglant sa largeur sur 30 px dans le Transformer panneau sur le dessus.

2. Appliquer les couleurs à la caméra

Étape 1

Nous pouvons maintenant appliquer les couleurs à notre appareil photo et ajouter plus de détails. Remplissez la base de la caméra avec un dégradé linéaire gris foncé en la plaçant verticalement.

Étape 2

Et faisons en sorte que la bande supérieure de la caméra soit argentée en appliquant un dégradé vertical du gris au gris clair. Appliquez la même couleur sur la bande inférieure en la sélectionnant avec le Outil Pipette (I), mais en plaçant les couleurs à l'envers.

Étape 3

Et appliquez la même couleur argentée aux boutons. Envoyer les boutons Retour (Control-Shift- [), Derrière la caméra.

Étape 4

Ajoutons maintenant plus de détails à l’objectif. Remplissez sa base avec un dégradé linéaire vertical allant du gris foncé au bas au gris argenté en haut.

Et ajoutons une autre bague à la lentille. Aller à Objet> Chemin> Chemin décalé. Met le Décalage valeur à -7 px, créer un petit cercle à l'intérieur du premier. Remplissez-le avec un dégradé gris clair.

Étape 5

Utilisons le Chemin de décalage à nouveau pour ajouter une autre sonnerie, mais cette fois régler le Décalage valeur à -3 px. Appliquez un dégradé gris foncé, avec une nuance de gris plus foncé sur le dessus.

Étape 6

Continuez à répéter la même action et appliquez un -Décalage de 7 px créer un nouvel anneau avec dégradé linéaire de couleur plus claire. Ajouter une autre forme avec -3 px Décalage valeur et gradient plus sombre, que vous pouvez choisir parmi l’un des anneaux précédemment créés, à l’aide des touches Outil Pipette (I).

Continuer à ajouter Chemins décalés avec les mêmes paramètres, variant -7 px et -3 px valeurs et alternance de gradients sombres et clairs, jusqu’à ce que vous disposiez d’une dizaine de cercles au total..

Étape 7

Formons maintenant la partie interne de l'objectif, son ouverture. Cette fois réglé le Décalage valeur à -15 px, créer un petit cercle.

A ce stade, nous pouvons déjà supprimer les contours, car toutes les formes principales sont colorées. Tout sélectionner (Contrôle-A) et mettre le Accident vasculaire cérébral couleur à Aucun dans le Couleur panneau.

Étape 8

Let's Copie le plus petit cercle et Coller il devant (Control-C> Control-F). Remplissez-le avec un dégradé linéaire du bleu au noir. Met le Mode de fusion à Écran, rendre le côté noir du dégradé transparent et créer ainsi une harmonie. 

Vous pouvez modifier la direction du dégradé en le plaçant en diagonale à l’aide des touches Outil de dégradé (G).

Étape 9

Reproduisons cette harmonie (Control-C> Control-F) et le rendre plus petit.

Étape 10

Placez le ton du bas sur le plus petit par Apportant il à l'avant (Control-Shift-]). Gardez la forme sélectionnée, prenez la Outil Gomme (Maj-E) et tracez une ligne en travers de la surbrillance en la divisant en deux parties.

Étape 11

Pour la moitié supérieure de la nuance, changeons la partie bleue du fond en dégradé en violet foncé. Et appliquez une couleur rouge au lieu de bleu pour la moitié inférieure de l'harmonie.

Rendre le cercle gris sous le point culminant un peu plus foncé.

Étape 12

Let's Groupe (Control-G) les éléments de l'ouverture et les rendre un peu plus grande. 

Vous pouvez modifier un peu les couleurs de l’objectif, ce qui assombrit nos dégradés afin d’ajouter plus de contraste aux formes..

3. Ajouter plus de détails à la caméra

Étape 1

Rendons maintenant notre caméra plus réaliste et en trois dimensions en ajoutant des détails mineurs. Tout d'abord, ajoutons l'ombre de la lentille.

Sélectionnez le plus grand cercle inférieur de la lentille, Copie ça et Coller à l'arrière (Control-C> Control-B). Agrandissez un peu la forme et remplissez-la de dégradé linéaire du gris au blanc. Faire le gradient aller en diagonale vers la droite. Basculer vers Multiplier le mode de fusion, rendant ainsi le côté blanc du dégradé transparent.

Étape 2

Supprimons la partie inférieure de l'ombre avec le Outil de création de forme (Maj-M). Sélectionnez à la fois l'ombre et la base de l'appareil photo, maintenez enfoncé Alt et cliquez sur la partie inutile de l'ombre à l'extérieur de l'appareil photo pour le supprimer.

Étape 3

Formons maintenant la poignée de la caméra sur le côté gauche de la caméra pour la rendre plus réaliste. Tracez un rectangle à la même hauteur que notre caméra. Remplissez la forme avec un dégradé vertical du gris foncé au noir et basculez le Mode de fusion à Écran, rendant la partie noire transparente et formant un point culminant.

Étape 4

Dupliquer le rectangle (Control-C> Control-F) et faites-le glisser vers la droite, en attachant la copie créée à côté du premier rectangle et en la rendant beaucoup plus étroite. 

Utilisez le Outil Pipette (I) choisir l'apparence de l'ombre sous la lentille, en appliquant un dégradé gris foncé Multiplier le mode de fusion au rectangle nouvellement créé. Placez le dégradé horizontalement pour créer une ombre subtile avec la poignée de la caméra.

Étape 5

Ajoutons plus de détails, tels que le flash et les indicateurs, à la partie supérieure de notre appareil photo.

Faire un 50 x 30 px rectangle et placez-le dans le coin supérieur droit de la caméra. Faites-le légèrement arrondi, en utilisant le Coins vivants fonction et appliquez un dégradé vertical gris foncé en sélectionnant la couleur à la base de notre appareil photo avec le Outil Pipette (I).

Étape 6

Appliquer le Chemin de décalage avec -Décalage 10 px valeur et rendre la forme arrondie. Remplissez la forme créée avec un dégradé vertical gris clair, formant le flash.

Étape 7

Faire un autre rectangle de 30 x 10 px Taille. Rendez ses coins complètement arrondis et remplissez-les d'un dégradé linéaire jaune vif.

Étape 8

Faire un 20 x 20 px cercle et placez-le par le côté gauche de la lentille. Appliquez un dégradé linéaire argenté. Faire un autre cercle de 10 x 10 px à côté du premier et remplissez-le avec le dégradé linéaire jaune vif.

4. Créer un effet de texture de cuir

Étape 1

Rendre la base de la caméra un peu plus sombre. Copie ça et Coller devant (Control-C> Control-F).

Étape 2

Et maintenant, texturons la base de l'appareil photo à l'aide des motifs intégrés d'Adobe Illustrator.!

Ouvrez le Échantillons panneau dans Fenêtre> Nuancier. Aller au Bibliothèque de nuances> Modèles> Graphiques de base> Textures_Graphiques de base.

Étape 3

Ici, nous avons de belles textures réalistes, qui peuvent créer un look détaillé et élégant. Trouvons quelque chose qui imite une surface en cuir. Par exemple, la nuance appelée Surface complexe USGS 21. Cliquez pour appliquer la texture à la forme sélectionnée.

Étape 4

Modifions un peu notre texture en utilisant certains des outils qui nous permettent de travailler avec les nuances et les motifs appliqués.. 

Gardez la forme texturée sélectionnée, double-cliquez sur le bouton Outil d'échelle (S) dans le Outils panneau pour ouvrir le Échelle fenêtre d'options. Ici, décochez toutes les options sauf le Transformer les motifs boîte. Et mettre le Échelle uniforme valeur à 90%, rendant les éléments de la texture légèrement plus petits.

Étape 5

Et changeons un peu la direction de notre modèle. En conservant la texture sélectionnée, double-cliquez sur le bouton Outil de rotation (R). Vérifier la Transformer les motifs boîte et définir le Angle à 30 degrés.

Étape 6

Enfin, changez le Mode de fusion de la forme du motif à Multiplier et diminuer sa Opacité à 30% dans le Transparence panneau, le faisant se fondre avec la base sombre, de sorte qu'il s'adapte à la caméra.

Dites "cheese!

Et ici nous l'avons! Notre caméra plate semi-réaliste à surface texturée est prête! J'espère que vous avez apprécié suivre ce didacticiel et découvrir de nouveaux conseils et astuces sur la modification de formes de base et l'application de motifs pour donner à un objet plat une apparence plus détaillée.. 

Continuez à faire des choses créatives et laissez l'inspiration vous guider!