Créer une Icône de Boîte d’expédition 3D dans Illustrator

Aperçu

Étape 1: Dessinez une Boîte 3D

Ouvrez un nouveau document dans Illustrator. Configurez-le de la manière que vous préférez. Sélectionnez l’outil Rectangle (M) dans le panneau Outils.

Dessinez un objet carré sur le plan de travail ; maintenez la touche Maj enfoncée pour obtenir un carré parfait. Remplissez le carré de gris. Ensuite, nous allons convertir la boîte grise en une forme 3D.

Assurez-vous que la boîte est sélectionnée (sinon, utilisez l’outil de sélection), puis allez dans Effet > 3D > Extruder & Biseau. Pour les options de biseau d’extrusion 3D &, utilisez les paramètres ci-dessous. La forme étant toujours sélectionnée, accédez à Objet > Développer l’apparence.

Maintenant, nous avons une forme de boîte 3D simple.

Étape 2: Dessinez les Rabats de la Boîte

Sélectionnez le côté supérieur de la boîte avec l’outil de Sélection directe (A). Avec le côté supérieur sélectionné, copiez-le (Cmd / Ctrl + C) puis collez-le devant (Cmd / Ctrl + F).

Nous voulons augmenter proportionnellement la taille du côté supérieur copié. Pour ce faire, nous pouvons appliquer un chemin de décalage (Object > Path > Offset Path) de 25pt. Nous nous retrouverons avec deux objets, le côté supérieur d’origine (forme intérieure) et le chemin de 25pt qui l’entoure (forme extérieure).

Maintenant, nous voulons soustraire la forme intérieure de la forme extérieure. Nous utiliserons le panneau Pathfinder (Maj + Cmd / Ctrl + F9) pour cela. Sélectionnez les deux objets, puis cliquez sur le bouton Exclure dans le panneau Pathfinder.

Cela découpera la forme intérieure. Faites à nouveau 4 copies du côté supérieur de la boîte, puis alignez-les avec chaque coin de la forme que nous venons de créer. Sélectionnez toutes les formes et appliquez l’option Diviser dans le panneau Pathfinder.

Puis avec l’outil de Sélection directe (A), supprimez tous les objets inutiles. Assurez-vous de supprimer la forme du milieu car nous voulons créer une boîte ouverte.

Étape 3: Ajoutez de la couleur

Puisque nous créons une boîte en carton, nous voulons ajouter des couleurs en carton.

Sélectionnez chaque forme et ajoutez les couleurs de votre choix. Pour les côtés plus clairs de la boîte, j’ai utilisé #c19862 et pour la teinte plus foncée, #6f431e.

Étape 4: Créer un Bord pour les Rabats

Sélectionnez la forme des rabats et faites-en une copie en dessous (Modifier > Copier puis Éditer > Coller à l’arrière).

Remplissez la forme dupliquée avec un brun plus foncé (#6f431e).

Étape 5: Ajouter les Parois Intérieures

Utilisez l’outil Stylo (P) pour dessiner les parois intérieures de la boîte. Dessinez les chemins sous tous les autres objets pour masquer les coutures gênantes.

Assurez-vous que chaque forme a une couleur brune différente afin que nous puissions distinguer chaque forme et donner à notre boîte d’expédition un aspect tridimensionnel. Comme la boîte contient des ombres, nous devons simuler ce type d’éclairage avec des formes simples.

Etape 5 : Correction et mise en valeur des Rabats de la boîte

Dans une étape précédente, nous avons réalisé une copie des rabats et l’avons placée en dessous pour supporter la forme 3D de notre boîte.

Cependant, les coins ne semblent pas droits. On doit régler ça. Avec l’outil de sélection directe (A), sélectionnez l’ancrage d’angle du volet inférieur et faites-le glisser vers l’intérieur pour qu’il soit aligné verticalement.

Répétez ceci avec chaque coin où c’est nécessaire. Sur les parties frontales du bord du rabat, nous devons ajouter des formes rectangulaires afin d’obtenir l’épaisseur du carton. Il suffit de créer des formes rectangulaires (affichées en rouge) avec l’outil Stylo (P) et de les remplir d’une couleur marron plus foncée.

Étape 6: Ajoutez des Reflets de Surface et du Ruban d’emballage

Donnons à notre surface de boîte une touche de détail. Plus précisément, nous donnerons au côté gauche un point culminant qui nous aidera à garder notre éclairage cohérent. Créez une forme triangulaire et placez-la sous le rabat, puis remplissez-la d’une couleur marron plus foncée.

Nous allons modifier la transparence de la forme triangulaire à l’aide du panneau de transparence (Maj + Cmd / Ctrl + F10). Dans le panneau Transparence, réglez le mode de fusion sur Multiplier et réduisez l’opacité à 30%. Les boîtes d’expédition auront généralement du ruban adhésif dessus pour le sceller.

Faisons un détail de ruban d’emballage simple qui descend verticalement à l’avant de la boîte. Ajoutez un rectangle sous forme de bande adhésive à l’avant.

Étape 7: Créer l’ombre de la boîte

Nous allons maintenant projeter une ombre sur le sol.

Utilisez l’outil Stylo (P) pour créer un chemin rectangulaire à l’avant de la boîte (en dessous de l’endroit où nous avons placé le ruban d’emballage). Nous utiliserons le panneau Dégradé (Cmd / Ctrl + F9) pour remplir le chemin avec un dégradé linéaire noir à transparent incliné de manière à correspondre à la perspective de la boîte. Notez que puisque notre source de lumière vient du haut à gauche, l’ombre est légèrement plus grande à droite.

Étape 8: Ajoutez du Ruban d’emballage déchiré sur les rabats

Renforçons le réalisme de notre icône en faisant accrocher du ruban d’emballage sur le rabat pour le faire ressembler à une boîte ouverte. Créez une forme rectangulaire avec l’outil Stylo (P) qui est aligné avec le rabat de la boîte sur la gauche. Ajoutez des points d’ancrage supplémentaires à la fin pour que le ruban soit arraché et pend sur le rabat.

Remplissez ensuite le chemin du ruban d’emballage avec une couleur beige. Assurez-vous que vous avez placé la forme sous le rabat; vous pouvez le déplacer vers le bas en appuyant sur Cmd / Ctrl + [si vous l’avez dessiné en haut.

Étape 9: Création d’un tampon « Fragile »

Pour un détail supplémentaire, ajoutons un tampon rouge qui dit « Fragile ». »Souvent, vous le verrez dans des situations où le contenu d’un colis est facilement cassable, comme des pièces d’ordinateur ou de la vaisselle (par exemple, des assiettes en porcelaine

). Nous allons créer un timbre à partir de zéro rapidement et facilement. J’ai choisi une police appelée Portago ITC TT.

Toute police au pochoir devrait bien fonctionner. Tout ce que vous voulez faire est d’utiliser l’outil de type (T) pour taper le texte en majuscules. Définissez la couleur sur une couleur rouge.

Ensuite, utilisez simplement l’outil Rectangle arrondi avec un trait rouge pour dessiner une bordure autour du texte « Fragile ». Puis créez des contours pour le texte (Tapez > Créer des contours ou Maj +Cmd/Ctrl+O), sélectionnez le texte et le rectangle arrondi, puis regroupez-les (Objet > Groupe ou Cmd/Ctrl+G). Placez le tampon « Fragile » sur le côté de la boîte.

Faites correspondre la perspective / l’angle de notre boîte en utilisant l’effet > Déformer & Transformer > Déformer librement.

Étape 10: Détails de finition

Je pensais que la boîte d’expédition aurait fière allure sur un fond beige, alors j’ai juste créé un rectangle pour servir d’arrière-plan sous la boîte et je l’ai rempli de beige (#e4d0b5). N’hésitez pas à ajouter plus de détails à la boîte.

Par exemple, j’ai ajouté un code-barres créé à l’aide de lignes verticales noires placées au-dessus d’un rectangle beige (dessiné avec l’outil Rectangle). J’ai utilisé la même méthode (Effet > Distorsion & Transformation > Distorsion libre) pour faire correspondre l’angle et la perspective de la boîte.

Résumé du tutoriel

Ce tutoriel consistait à produire une icône de boîte d’expédition 3D dans Illustrator.

Nous avons utilisé l’effet de biseau d’extrusion 3D & pour créer la forme de base. Nous avons utilisé une technique astucieuse pour dessiner les volets en utilisant la commande Offset Path. Nous avons détaillé notre boîte avec du ruban d’emballage, un tampon rouge « Fragile », des reflets et des ombres.

Ci-dessous, j’ai regroupé toutes les formes de la boîte, dupliqué le groupe et les ai réduites dans une variété de tailles d’icônes populaires. J’espère que vous avez apprécié ce tutoriel.