Share
Ce que vous allez créerDans ce didacticiel, je vais vous montrer comment créer un incroyable bureau de nuit en utilisant des formes et des outils de base dans Adobe Illustrator. C'est très facile et amusant!
Si vous êtes à la recherche d'inspiration pour créer vos propres scènes vectorielles, pourquoi ne pas consulter GraphicRiver?.
presse Contrôle-N faire un Nouveau document. Met le Unités à Les pixels, et entrez 800 x 600 pour la largeur et la hauteur du document. Puis dans le Avancée options, sélectionnez RVB, Écran (72 ppi), et assurez-vous d'activer le Aligner les nouveaux objets sur la grille de pixels avant de cliquer D'accord.
Activer le la grille (Voir> Afficher la grille) et Aligner sur la grille (Voir> Aligner sur la grille). Vous aurez besoin d'une grille chaque 10 px, alors appuyez simplement sur Control-K aller à Préférences, et en Guides et grille ensemble Quadrillage tous les à dix et Subdivisions à 4. Ne vous inquiétez pas, la grille vous aidera à travailler facilement. Vous pouvez également l'activer ou la désactiver en appuyant sur le raccourci clavier. Contrôle-".
Vous pouvez activer le Info panneau (Fenêtre> Info) afin d’avoir un aperçu de la taille et de la position de vos formes. N'oubliez pas de régler l'unité de mesure sur Les pixels de Édition> Préférences> Unités. Cela augmentera considérablement la vitesse de votre travail.
Commençons par créer ce qui contiendra tout notre équipement, le bureau. Pour ce faire, nous allons utiliser des formes très basiques telles que des rectangles et quelques ellipses pour les tiroirs..
Commencez par créer le haut du bureau avec un 536 x 16 px rectangle en utilisant le Outil Rectangle (M). Utilisation # 61627C comme couleur de remplissage.
Ajouter un 460 x 52 px rectangle pour les tiroirs, et utiliser # 484E69 comme couleur de remplissage.
Maintenant, ajoutez les pieds du bureau en utilisant deux 24 x 148 px des rectangles. Ensuite, appliquez un dégradé linéaire et sélectionnez # 565C79 comme couleur de remplissage. Choisir 100% Opacité au sommet et 0% d'opacité en bas, comme indiqué dans l'image.
Vous pouvez utiliser le Outil de dégradé (G) pour le rendre plus facile.
Maintenant, dessinez les tiroirs du bureau en utilisant un 208 x 32 px rectangle. Sélectionner # 61627C comme couleur de remplissage et changer le rayon de tous les coins à 6 px du Transformer panneau.
Ajoutez la poignée du tiroir pour créer un 12 x 12 px ellipse avec le Outil Ellipse (L) et utilise # 8C8398 comme couleur de remplissage.
Tout regrouper, dupliquer (Contrôle-C> Contrôle-F) le tiroir et placez-les comme indiqué sur l'image ci-dessous.
Le premier appareil sur le bureau sera un MacBook. Créer un 184 x 10 px rectangle et entrez 4 px comme rayon de coin pour tous les coins. Utilisation # 7CEECE comme couleur de remplissage.
Créer un autre 48 x 8 px rectangle et changer le rayon de coin à 4 px. Soustrayez ce rectangle de l’autre en utilisant le Minus Front utilité du Éclaireur panneau. Ce sera la base.
Pour l’écran du portable, créez un 164 x 116 px rectangle. Définir tous les rayons de coin sur 6 px et utilise # 7CD5C2 comme couleur de remplissage. Ajouter un autre 52 x 4 px rectangle sous la base, utilisez # 7CBDA7 comme couleur de remplissage.
Placez les deux rectangles sous la base (Objet> Organiser> Renvoyer).
Ajouter l'écran en créant un 152 x 98 px rectangle, et utiliser # 7566A6 comme couleur de remplissage. Ajoutez la caméra FaceTime en créant un 2 x 2 px ellipse et sélectionnez # 7CBDA7 comme couleur de remplissage.
Ajoutez des reflets à l’écran à l’aide de deux rectangles (#FFFFFF), un des 172 x 44 px et un autre de 8 x 172 px. Les faire pivoter 45º avec le Outil de rotation (R) et sélectionnez 50% Opacité sur le Apparence panneau.
Sélectionnez l'écran de l'ordinateur portable et les deux rectangles et soustrayez les bords avec Outil de création de forme (Maj-M). Tout grouper ensemble (Contrôle-G) et positionnez le tout comme indiqué dans l'image ci-dessous.
Maintenant, dessinons le Mac. Commencez par créer la base avec un 74 x 8 px rectangle. Définissez le rayon de coin sur 4 px et sélectionnez # 7CEECE comme couleur de remplissage.
Ajouter un autre 50 x 44 px rectangle (# 7CD5C2) et modifiez la largeur supérieure avec le Outil de transformation libre (E) créer un trapèze. Ensuite, créez un 10 x 20 px rectangle, définissez son rayon de coin sur 6 px, et soustrayez-le du rectangle précédent en utilisant le Minus Front utilité du Éclaireur panneau.
Continuons avec le moniteur du Mac. Créer un 222 x 130 px rectangle (# 7CEECE). Entrer 12 px comme rayon de coin.
Ajouter l'écran à l'aide d'un 204 x 106 px rectangle (# 7566A6) et la caméra FaceTime avec un 4 x 4 px ellipse (# 7CBDA7).
Ajoutez des reflets à l'écran en suivant la même procédure que pour le MacBook. Ajoutez deux rectangles (#FFFFFF), définissent leur Opacité à 50%, et les faire pivoter 45º.
Enlevez les bords avec le Outil de création de forme (Maj-M). Regrouper toutes les pièces du Mac (Contrôle-G) et le positionner comme indiqué dans l'image ci-dessous.
Chaque bureau a besoin d'une jolie lampe de bureau pour éclairer l'espace, alors allons-y.
Commençons par créer la base en utilisant un 78 x 12 px rectangle (# 897FBA) et réglez le rayon des coins supérieurs sur 12 px.
Maintenant, ajoutez le premier bras de la lampe en utilisant un 12 x 90 px rectangle (# 7566A6) et le faire pivoter 330 ° en utilisant le Transformer panneau. Ajouter un 18 x 18 px ellipse (# 9DA0CC) au bout du bras.
N'oubliez pas de placer le bras sous la base (Objet> Organiser> Renvoyer).
Ajouter un deuxième bras en utilisant un 12 x 140 px rectangle et une inclinaison de 55 °. Placez-le sous (Clic droit> Arranger> Envoyer en arrière) la charnière comme indiqué dans l'image ci-dessous.
Créons maintenant la base supérieure de la lampe en utilisant un 16 x 20 px rectangle (# 9DA0CC) et réglez le rayon des coins supérieurs sur 8 px. Ajouter un autre 70 x 44 px rectangle (# 897FBA) et modifiez la largeur supérieure avec le Outil de transformation libre (E).
Enfin, faites glisser les sommets supérieurs en utilisant Coins vivants avec le Outil de sélection directe (A).
Ajouter la lampe annulaire avec un 72 x 8 px rectangle (# 9DA0CC) et définissez le rayon de coin sur 4 px. Tout grouper ensemble (Contrôle-G) et le faire pivoter 340 °.
Regrouper tout le corps de la lampe (Contrôle-G) et le positionner comme indiqué dans l'image ci-dessous.
Et pour les longues heures de travail, il est toujours bon de prendre une tasse de café à côté.
Passer à autre chose!
Créer un 36 x 52 px rectangle (# 897FBA) pour la coupe et modifier les coins inférieurs avec le Outil de transformation libre (E) en utilisant le Déformation de la perspective fonctionnalité.
Ajouter un autre 38 x 18 px rectangle pour la bande de la coupe (# BEB2FF) et étirer les coins inférieurs.
Maintenant, ajoutez le couvercle de la tasse à l'aide d'un 42 x 6 px rectangle (# EDEEF0) et un 32 x 4 px rectangle (# D8D9DD). Tout grouper ensemble (Contrôle-G) et le positionner comme indiqué dans l'image ci-dessous.
Nous sommes sur le point de finir!
Créons maintenant une horloge pour notre espace de travail.
Créer un 112 x 112 px ellipse (# 4E5471) pour la base de l'horloge. Dupliquer (Contrôle-C> Contrôle-F) l'ellipse et changer sa taille en 94 x 94 px (# 61627C) en utilisant le Transformer panneau.
Ajouter un 4 x 14 px rectangle (# 818196) et autour de ses coins. Puis, en utilisant le Outil de rotation (R), fixez le point d’ancrage au centre de l’ellipse et effectuez trois copies (Contrôle-D) du rectangle, chacun séparé par 90 °.
Maintenant, nous devons créer les aiguilles de l’horloge, alors commençons par créer un 4 x 46 px rectangle (# 9DA0CC) comme l'aiguille des minutes. Arrondissez tous les coins du rectangle. Placez-le au centre du cadran et tournez-le avec le bouton Outil de rotation (R), fixer le point d'ancrage au centre.
Ajouter un 8 x 46 px rectangle (# 818196) comme l'aiguille des heures et autour de ses coins. Faites-le pivoter avec le Outil de rotation (R).
Enfin, ajoutez un 14 x 14 px ellipse (# BAB5C1) au centre de l'horloge. Tout grouper ensemble (Contrôle-G) et le positionner comme indiqué dans l'image ci-dessous.
Commençons par créer quelques étoiles en utilisant un 4 x 14 px rectangle (# 7CEECE) avec des coins arrondis. Puis dupliquez-le (Contrôle-C> Contrôle-F) et le faire pivoter 90º. Tout grouper ensemble (Contrôle-G) et le dupliquer six fois, en alternant entre # 7CEECE et # 9DA0CC comme couleurs de remplissage.
Jouez un peu avec les tailles et positionnez-le comme indiqué dans l'image ci-dessous.
Maintenant, créons un 800 x 600 px rectangle (# 333656), de la même taille que la toile, et envoyez-la au verso (Clic droit> organiser> envoyer à l'arrière-plan).
Puis, comme dernier détail, dessinez un trapèze avec le Outil stylo (P) dans la lampe, puis appliquez un dégradé linéaire en utilisant # 00FFFF et #FFFFFF comme les couleurs de remplissage. Met le Opacité à 0% pour le #FFFFFF Couleur.
Ouais! Nous avons enfin fini et le résultat est plus que fabuleux. J'adore ce genre de photo au design plat car elle donne une impression minimaliste sans perdre la joie.
J'espère que vous avez appris de nouvelles choses et que vous avez tout mis en pratique. J'aimerais voir ton résultat!
Accentsconagua