Regarde autour de toi. Là, tout ça sur votre bureau. Créons-en un motif! Dans ce didacticiel, vous allez créer différentes icônes de bureau et de bureau, puis les compiler en un motif simple et rapide à l’aide de la Options de modèle panneau. À l'aide de combinaisons de formes de base (cercles, rectangles et triangles), vous allez créer des objets que l'on trouve souvent dans l'espace de travail d'un artiste numérique, prêts à être utilisés comme motifs, illustrations ou infographies..
1. Dessiner le moniteur
Étape 1
Ouvrir Adobe Illustrator CC 2014 (les techniques et les designs peuvent être créés dans les versions précédentes du programme, mais Live Corners et les options de modèle ont été introduites dans les versions CC et CS6 respectivement) et créer un Nouveau document.
En utilisant le Outil Rectangle (M), dessine un rectangle horizontal. Avec le Outil de sélection directe (A), sélectionnez le rectangle et tirez le Coins vivants vers l'intérieur, arrondissant les coins du rectangle. Définissez la couleur de remplissage sur gris (#bcbdac).
Étape 2
Faisons de ce rectangle arrondi un écran d'ordinateur.
Copier (Control-C) et Coller (Contrôle-V) le rectangle arrondi. Dessinez un rectangle plus petit sur la moitié inférieure du rectangle nouvellement copié.
Sélectionnez les deux rectangles et appuyez sur Minus Front dans le Éclaireur panneau. Définissez la couleur de remplissage du rectangle qui se chevauchent sur violet foncé (# 3b2d38). Assurez-vous que les deux formes sont Aligné jusqu'au bord supérieur les uns des autres.
Dessinez un petit rectangle arrondi pour l'écran de votre moniteur. Définissez la couleur de remplissage sur bleu clair (# 8ee2e4).
Pour le support du moniteur, tracez un petit rectangle vertical et placez-le derrière les autres formes Couches panneau. Ensuite, dessinez un rectangle horizontal étroit tout en bas (voir ci-dessous).
Étape 3
Ajoutons maintenant quelques détails à la conception du moniteur.
Pour l’éblouissement sur le moniteur, dessinez une grande forme incurvée qui chevauche l’écran avec le Outil stylo (P).
Sélectionnez le rectangle arrondi bleu et la forme incurvée nouvellement dessinée. Avec le Outil de création de forme (Maj-M), sélectionnez la partie non croisée de la forme incurvée. Désélectionner toutes les formes. Effacer la partie étrangère de la forme incurvée.
Définissez la couleur de remplissage de la forme d’éblouissement superposée sur bleu clair (# 8ee2e4). dans le Transparence panneau, réglez le Mode de fusion de cette forme à Écran.
Notez le bas de la conception du moniteur: j'ai dessiné trois petits rectangles dans différents tons de gris pour servir de boutons. J'ai également dessiné un mince rectangle illustrant la séparation entre l'écran du moniteur et son support en gris foncé et chaud (# 87707a).
Étape 4
Ajoutons quelques reflets au design du moniteur.
En utilisant le Outil Ellipse (L), dessinez deux cercles identiques. Faites-les se chevaucher légèrement et frappez Unir dans le Éclaireur panneau. En utilisant le Supprimer l'outil de point d'ancrage (-), supprimer les points d'ancrage inférieur gauche et droit.
Avec le Outil de sélection directe, tirez le point d'ancrage central inférieur vers le bas. Utilisez le Outil de point d'ancrage (Maj-C) convertir le point d'ancrage en point aigu.
Encore une fois, utilisez le Outil de point d'ancrage pour convertir ce point d’ancrage le plus bas en courbe. Manipulez les poignées du point d'ancrage pour que le bas du cœur se courbe doucement.
Placez le coeur sur la partie inférieure du moniteur. Dessinez des carrés de couleurs vives avec le Outil Rectangle sur le côté droit du moniteur pour créer de petites notes autocollantes.
Groupe (Control-G) tous les composants de votre moniteur ensemble et mettez la conception de côté pendant que nous passons aux autres éléments du motif.
2. Dessiner une tablette graphique
Étape 1
La tablette commence tout simplement par un rectangle gris foncé et chaud recouvrant un rectangle arrondi violet foncé. Déplacez légèrement le rectangle gris vers la droite afin de laisser plus d'espace sur le côté gauche du dessin.
Dessinez deux rectangles gris étroits qui ont la même largeur que le grand rectangle violet foncé. Placez-les en haut et en bas du rectangle gris (voir ci-dessous).
Créez une forme incurvée pour l’éblouissement sur la surface de la tablette avec Outil stylo et le Outil de création de forme comme cela a été fait avec le moniteur précédemment. Définir la forme incurvée Mode de fusion à Écran dans le Transparence panneau.
Étape 2
Pour les boutons situés à gauche de la tablette, tracez quatre rectangles arrondis en gris, un cercle en gris et un cercle plus petit en violet foncé.. Aligner placez les six objets à leur centre et placez-les sur le côté gauche du dessin de la tablette.
Étape 3
La partie du câble USB du design est à nouveau principalement composée de rectangles.
Tracez un rectangle arrondi vertical pour le bouchon.
La connexion de la prise au cordon est un rectangle horizontal dont les points d’ancrage les plus à droite ont été déplacés vers l’intérieur avec Outil de sélection directe et dont les angles ont été arrondis dans le Transformer panneau.
J'ai tiré le cordon avec le Outil Pinceau (B) et définissez le pinceau sur le premier pinceau par défaut du Des pinceaux panneau: 5 pt Rond.
Le boîtier de la clé USB est un rectangle qui a été Tourné légèrement.
Encore une fois, cette partie de la clé USB est un autre rectangle tourné. Cette fois, cependant, la couleur de remplissage a été définie sur gris (#bcbdac).
Enfin, les petits trous de la clé USB sont deux rectangles violet foncé.
Étape 4
Placez vos composants USB ensemble sur le côté droit de la conception de la tablette graphique. Groupe ensemble tous les composants de la tablette graphique, et passons aux accessoires.
3. Dessiner un stylet et un support
Étape 1
Le stylet commence par un long rectangle étroit en violet foncé. Utilisez le Outil de sélection directe pour déplacer les points d'ancrage les plus à droite vers l'intérieur, comme si vous pincez le côté droit du rectangle (ne pincez pas littéralement, mais donnez-lui cet aspect). Arrondissez les coins les plus à droite de la Transformer panneau.
Étape 2
Pour la pointe du stylet, tracez un rectangle vertical (de la même hauteur que la base rectangulaire du stylet) en gris chaud. Soit utiliser le Outil stylo ou la Outil Polygone dessiner un triangle de même hauteur.
Unir le rectangle et le triangle dans le Éclaireur panneau. Ajouter un petit rectangle qui se chevauche sur le côté gauche de l'objet nouvellement uni.
Sélectionner les deux formes et frappé Minus Front dans le Éclaireur panneau.
Étape 3
Le reste des composants du stylet sont des rectangles assortis.
Sur la gauche, vous avez la pointe du stylet qui vient d'être créée.
Assurez-vous que la pointe et le rectangle de base s'alignent parfaitement.
L’extrémité droite du stylet a un rectangle arrondi violet foncé (il ressemble presque à une petite pilule).
Superposition de la moitié droite du rectangle est une forme gris chaud. Créez-le en ajoutant un rectangle gris recouvrant le tiers le plus à droite du rectangle de base. Utilisez le Outil de création de forme supprimer la partie non sécante comme vous l'avez fait précédemment lors du tracé de la forme d'éblouissement courbe sur l'écran de l'ordinateur.
Tracez un long rectangle arrondi étroit pour le contour des boutons du stylet.
Dessinez un petit rectangle arrondi violet foncé pour les boutons du stylet.
Choisissez une couleur brillante, comme sarcelle# 009989), et tracez un rectangle étroit et vertical pour la partie colorée de la pointe du stylet.
Dessinez un autre rectangle étroit, encore plus petit, en violet foncé. Utilisez le Outil de création de forme, comme auparavant, pour que la nouvelle forme épouse parfaitement le contour de la pointe du stylet.
Enfin, dessinez un petit rectangle arrondi pour la pointe du stylet.
Voir ci-dessous pour savoir comment les composants s'emboîtent. Si vous utilisez une tablette graphique, essayez de recréer votre propre stylet en utilisant des formes de base..
Étape 4
Le support du stylet est plutôt simple.
Dessinez un rectangle et rapprochez les points d’ancrage inférieurs vers le centre de la forme pour qu’elle forme un trapèze..
En utilisant le Outil Ellipse, dessinez deux ellipses étroites qui correspondent à la largeur du haut et du bas du trapèze.
Copie et Coller l'ellipse supérieure. Définissez la couleur de trait sur gris chaud. Dessinez une petite ellipse dans celle copiée et Unir eux dans le Éclaireur panneau pour créer la petite bosse vue dans la forme ci-dessous. Utilisez le Outil stylo dessiner un trait légèrement incurvé près du bas du stylet.
4. Dessiner un cahier et un smartphone
Étape 1
Un de mes outils les plus utiles est mon carnet de notes rempli de listes de tâches, de plans de tutoriel et de notes. Recréer est un exploit assez facile.
Pour la queue du signet, tracez un petit rectangle vertical. Utilisez le Ajouter un outil de point d'ancrage (+) d'ajouter un point d'ancrage au bord inférieur du rectangle. Avec le Outil de sélection directe, tirez le point d'ancrage vers le haut jusqu'à obtenir le bord fendu souhaité. Définissez la couleur de remplissage sur sarcelle foncé (# 11766d).
Le livre lui-même est un rectangle dont les coins droits sont plus arrondis que ceux de gauche. Vous pouvez le faire dans le Transformer en vous assurant que l’icône du lien est désactivée et en modifiant manuellement le rayon de chaque coin.
Tracez un long rectangle fin pour l’élastique qui tient le livre fermé et ajoutez trois carrés de couleurs vives pour créer des petites notes autocollantes qui dépassent sous la couverture du livre. Rassemblez tous les composants de la manière indiquée ci-dessous (ajustez la position de l’objet dans Couches panneau).
Étape 2
Un smartphone est un autre ensemble de rectangles empilés les uns sur les autres.
Commencez avec un rectangle violet foncé. Si vous souhaitez que votre téléphone ait des angles arrondis, faites-le. Si vous préférez créer un téléphone qui ressemble au vôtre (ou à un autre que vous souhaitez posséder), essayez de recréer ce design..
L’écran est un petit rectangle, cette fois rempli de blanc cassé (# efe8d5).
Pour la troisième fois dans ce didacticiel, j'ai dessiné une forme incurvée pour reproduire les reflets sur l'écran de mon gadget. Définissez la couleur de remplissage sur blanc cassé et le Mode de fusion à Écran dans le Transparence panneau.
Tracez un mince rectangle horizontal au bas du rectangle et réglez la couleur de remplissage sur gris chaud..
Étape 3
Ajoutons quelque chose de simple à l'écran du téléphone: bulles de discussion!
Dessinez un vert vif (# cfbe27) rectangle.
Tirer le Coins vivants vers l'intérieur pour compléter la forme.
Utilisez le Outil stylo dessiner une queue recourbée.
Fermer la forme et Unir le rectangle arrondi et la queue dans le Éclaireur panneau.
Copie, Coller, et créer des variations de la bulle de discussion sur l'écran du téléphone. Assurez-vous qu'ils sont placés sous la forme d'éblouissement incurvée dans le Couches panneau. Dessinez des petits rectangles et des cercles sur et autour du bord du téléphone pour les boutons, les lumières et une caméra.. Groupe ensemble tous les composants de la conception du smartphone.
5. Dessin d'autres fournitures de bureau
Étape 1
Le motif nécessite quelques grandes notes autocollantes éparpillées. Dessine un carré avec le Outil Rectangle. Utilisez le Outil stylo dessiner un triangle dans le coin inférieur droit du carré. Copie et Coller le triangle et faire pivoter 180 ° avec le Outil de rotation (R). Les trois objets ont la même couleur, jaune (# f0b300), mais le triangle supérieur est réglé sur Recouvrir et le triangle inférieur est réglé sur Multiplier.
Étape 2
Dessine un joli crayon mécanique pour le motif. Ses parties sont très similaires au stylet dessiné précédemment:
Un petit rectangle arrondi forme la mine graphique.
Le haut du crayon est un triangle gris chaud.
Un rectangle jaune vif forme le corps du crayon.
Tracez un rectangle gris horizontal pour le clip du crayon.
Un rectangle arrondi rose forme la gomme.
Enfin, deux petits rectangles gris forment la bande reliant la gomme et le clip au crayon lui-même..
Rassemblez tous les composants de la manière indiquée ci-dessous (ajustez la position de l’objet dans Couches panneau).
Étape 3
Quel bureau est complet sans une gomme rose? Dessinez un rose vif (# f1679b) rectangle. En utilisant le Outil de cisaillement, inclinez le rectangle à votre convenance. Tirer le Coins vivants vers l'intérieur de sorte que la gomme est légèrement arrondie.
Étape 4
Un assortiment de surligneurs est un exploit facile lorsqu'il est divisé en cinq formes simples.
Un rectangle arrondi en gris forme le clip du surligneur.
Un rectangle avec les coins supérieurs arrondis forme la casquette elle-même.
Superposez le capuchon avec une ellipse et utilisez le Outil de création de forme pour supprimer la partie non croisée de la forme.
Un grand rectangle arrondi, ayant la même largeur et le même rayon que le capuchon, forme la base du surligneur..
Enfin, un plus petit rectangle arrondi, dont Mode de fusion est réglé sur Multiplier, sert de décalque ou d'étiquette sur la conception du surligneur.
Rassemblez tous les composants de la manière décrite ci-dessous. Basculez facilement entre les couleurs pour créer tout un arc-en-ciel de petits surligneurs.
Étape 5
Enfin, un petit cahier à spirale est simplement composé de rectangles, de cercles et de triangles.
Dessinez un rectangle arrondi vertical avec la couleur de remplissage définie sur gris chaud. Copie et Coller le rectangle cinq fois pour un total de six formes en spirale.
Tracez six cercles avec le Outil Ellipse. Définissez la couleur de remplissage sur blanc cassé (# efe8d5) et leur Mode de fusion à Multiplier dans le Transparence panneau. Assurez-vous que les cercles sont répartis uniformément et alignés sur les formes en spirale (au moyen de la Aligner panneau).
Dessiner un grand rectangle arrondi avec soit le Outil Rectangle ou la Outil Rectangle Arrondi.
Enfin, utilisez le Outil stylo dessiner un triangle qui se chevauchent en bas à droite du dessin. Avec le Outil de création de forme, supprimer la partie non croisée du triangle du rectangle arrondi, comme cela avait été fait précédemment avec la forme d'éblouissement sur l'écran de l'ordinateur. Copie, Coller, et Tourner la forme. Les couleurs de remplissage des deux formes sont définies sur blanc cassé et leur Modes de fusion sont mis à Écran (en haut) et Multiplier (bas).
Étape 6
Organisez vos composants comme vous le souhaitez. À ce stade, vous pouvez organiser une illustration de bureau avec une icône plate pour l'utiliser comme fond d'écran ou comme icônes de bureau, ou continuer en avant pour créer le motif final..
6. Assembler le modèle
Étape 1
Bouge toi et Tourner éléments autour de votre planche C'est pourquoi j'ai conseillé de groupercomposants de chaque élément ensemble: afin qu'ils soient faciles à déplacer.
Sélectionner tous vos éléments et appuyez sur Faire un motif dans le Options de modèle panneau. De là, vous pouvez organiser et réorganiser vos pièces. Ne hésitez pas à Copie, Coller, recolorer, ou même créer de nouvelles formes en mode édition.
Lorsque vous êtes satisfait de votre conception, appuyez sur Terminé en haut de la fenêtre de votre document. Vous trouverez ce nouveau motif dans votre Échantillons panneau.
Étape 2
J'aime superposer des dessins comme celui-ci. Dessinez plusieurs petits cercles, chacun d’une couleur différente de celle de votre motif. Organisez-les au mieux de vos capacités pour qu'ils semblent dispersés. Puis frappe Faire un motif dans le Options de modèle panneau. Ajustez leur position ou ajoutez des cercles supplémentaires si nécessaire.
Excellent travail, vous avez terminé!
Le produit final est constitué de deux rectangles qui se chevauchent, chacun des motifs créés étant défini comme couleur de remplissage. Puisque les deux étaient transparents, vous pouvez ajouter un troisième rectangle en dessous des deux autres pour créer une touche de couleur derrière votre dessin. Partagez votre modèle avec nous dans la section commentaire ci-dessous. Allez plus loin et recréez votre propre bureau ou vos fournitures préférées que vous utilisez dans la conception.