Comment créer une icône de tente de cirque amusante

Rouler, rouler! Dans le tutoriel suivant, vous apprendrez à créer une simple icône de tente de cirque. Vous découvrirez peut-être des choses intéressantes sur la magie des effets Warp. Les effets de distorsion sont souvent négligés dans les illustrations numériques, mais comme vous pouvez le constater, ils donnent de très bons résultats..


Étape 1

Créez un document de 256 par 256px. Dans ce tutoriel, vous allez créer une série de formes aux dimensions exactes. Pour faciliter votre travail, vous devez activer la grille (Affichage> Afficher la grille), puis l’option Aligner sur la grille (Affichage> Aligner sur la grille). Ensuite, vous devrez définir la grille sur 5 pixels. Allez dans Édition> Préférences> Guides et grilles et entrez "5" dans la case "Grid line Every" et "1" dans la case "Subdivisions". Vous pouvez également ouvrir la palette Info pour un aperçu en direct avec la taille de votre forme..


Étape 2

Maintenant, créons les formes. Créez un rectangle de 10 x 65 px avec l’outil Rectangle (R), remplissez la nouvelle forme avec R = 230 G = 230 B = 230. Créez une copie de cette forme (Contrôle + C puis Contrôle + F), déplacez-la de 10 pixels vers la droite et remplacez son remplissage par R = 237 G = 28 B = 36. Créez quatre nouvelles copies de ces deux formes et déplacez-les comme indiqué dans l'image ci-dessous. Sélectionnez les dix formes et regroupez-les. Nommez le groupe "Top.Shapes".

Créez un rectangle de 10 x 5 pixels et remplissez-le avec R = 230 G = 230 B = 230. Dupliquez cette petite forme, remplissez-la avec R = 237 G = 28 B = 36 et déplacez-la de 10 px vers la droite. Encore une fois, créez quatre nouvelles copies de ces deux formes et déplacez-les comme indiqué dans l'image suivante. Sélectionnez toutes les petites formes et regroupez-les. Nommez-le "Middle.Shapes" et placez-le juste en dessous de "Top.Shapes" (l'alignement pour faciliter le travail).

Créez un rectangle de 10 x 90 pixels et remplissez-le avec R = 230 G = 230 B = 230. Dupliquez cette forme, déplacez-la de 10 px vers la droite et remplissez-la de R = 237 G = 28 B = 36. Créez six nouvelles copies de ces deux formes et déplacez-les comme indiqué dans l'image ci-dessous. Sélectionnez ces quatorze formes, regroupez-les et nommez ce groupe "Bottom.Shapes". Placez ce groupe comme indiqué dans l'image suivante. Regardez de plus près les grilles pour comprendre la position précise. Ajoutez l'effet Arc Lower (Effect> Warp> Arc Lower) pour chaque forme du groupe "Middle.Shapes"..


Étape 3

Sélectionnez le groupe "Top.Shapes". Ajoutez d’abord l’effet Renflement (Effet> Déformation> Renflement), puis l’effet Arc inférieur (Effet> Déformation> Arc inférieur)..


Étape 4

Sélectionnez le groupe "Middle.Shapes". Redimensionnez ces formes (comme indiqué dans l'image n ° 2) puis ajoutez l'effet Arc (Effet> Déformation> Arc) affiché dans l'image n ° 3..


Étape 5

Sélectionnez le groupe "Bottom.Shapes". Ajoutez d'abord l'effet Arc Lower (Effet> Warp> Arc Lower), puis l'effet Shell Lower (Effet> Warp> Shell Lower)..


Étape 6

Vous n'aurez plus besoin de la grille. Tournez la grille et Aligner sur la grille. Continuez en sélectionnant le groupe "Middle.Shapes" et allez à Objet> Développer l’apparence. Remplissez les formes grises avec le dégradé linéaire montré dans l'image n ° 2 et les formes rouges avec le dégradé montré dans l'image n ° 3.


Étape 7

Sélectionnez le groupe "Top.Shapes" et allez à Objet> Développer l'apparence. Dupliquez les formes résultantes. Sélectionnez ces copies et cliquez sur le bouton Unite du panneau Pathfinder. Remplissez la forme obtenue avec le dégradé radial illustré à l’image n ° 3 et baissez son opacité de 20%. Ajoutez un nouveau remplissage pour cette forme (à partir du menu déroulant du panneau Apparence) et utilisez le dégradé linéaire présenté dans l'image n ° 4. Sélectionnez ce remplissage (dans le panneau Apparence) et réduisez son opacité à 15%..


Étape 8

Sélectionnez le groupe "Bottom.Shapes" et allez à Object> Expand Appearance. Dupliquez les formes résultantes. Sélectionnez ces copies et cliquez sur le bouton Unite du panneau Pathfinder. Nommez la forme résultante "Bas" et remplissez-la avec le dégradé radial indiqué dans l'image n ° 3. Sélectionnez ce remplissage (dans le panneau Apparence) et réduisez son opacité à 30%. Ajoutez un nouveau remplissage pour cette forme (à partir du menu déroulant du panneau Apparence) et utilisez le dégradé linéaire présenté dans l'image n ° 4. Sélectionnez ce remplissage (dans le panneau Apparence) et réduisez son opacité à 15%..


Étape 9

Sélectionnez l'outil Ellipse (L), maintenez la touche Maj enfoncée et créez un cercle similaire à celui de l'image n ° 1, placez-le en haut de la tente. Remplissez cette forme avec le dégradé indiqué dans l'image n ° 1 et envoyez-la à l'arrière. Ensuite, sélectionnez l'outil Rectangle (M), créez une forme fine comme celle montrée dans l'image n ° 2, remplissez-la avec le même dégradé et déplacez-la à l'arrière du cercle. Resélectionnez l'outil Ellipse (L), créez un petit cercle (image n ° 3), placez-le en haut du rectangle et remplissez-le avec le même dégradé linéaire..

Continuez avec le drapeau. Sélectionnez l'outil Rectangle (M), créez une forme similaire à celle montrée dans l'image n ° 4 et remplissez-la avec le dégradé présenté ci-dessus dans l'image n ° 4. Resélectionnez ce rectangle, sélectionnez l'outil Sélection directe (A), sélectionnez les bons points d'ancrage (mis en surbrillance dans l'image n ° 4), puis sélectionnez Objet> Chemin> Moyenne. Cochez la case Les deux et appuyez sur Entrée. Sélectionnez la forme obtenue (image n ° 5), puis ajoutez l'effet Indicateur (Effet> Déformation> Indicateur) présenté ci-dessus. Image n ° 6.


Étape 10

Ensuite, créez une petite ouverture dans la tente. Commencez par verrouiller la forme "inférieure". Ensuite, sélectionnez l'outil Crayon (P) et créez une forme semblable à celle verte présentée dans l'image n ° 1. Sélectionnez cette nouvelle forme avec les deux autres formes (montrées dans l'image n ° 1) et cliquez sur le bouton Diviser du panneau Pathfinder. Ne garder que les quatre formes montrées dans l'image n ° 2.


Étape 11

Sélectionnez l'outil de réflexion (O) et déplacez les formes les plus sombres comme indiqué dans l'image n ° 1. Ajoutez l'effet Shell inférieur (Effet> Warp> Shell inférieur) à la forme gauche et l'effet Arc (Effet> Warp> Arc) à la forme droite, puis sélectionnez Objet> Développer l'apparence. Ensuite, déplacez les points d'ancrage surlignés (image n ° 3) de quelques pixels vers le haut avec l'outil de sélection directe (A)..


Étape 12

Ajoutez maintenant un effet discret d’ombre portée aux formes les plus sombres. Ajoutez les effets d’ombre portée montrés dans l’image suivante, puis sélectionnez Objet> Développer l’apparence. Vous devriez obtenir quatre formes. Tournez la visibilité des deux formes remplies de gris et de rouge et regroupez les deux < Image > formes. Déverrouillez la forme "du bas" et dupliquez-la. Remplissez cette copie avec aucune et déplacez-la au-dessus de la < Image > groupe. Ensuite, sélectionnez ce groupe et la copie de "Bas", puis sélectionnez Objet> Masque de découpage> Créer. Déplacez ce groupe masqué sous la forme "Bas" d'origine.


Étape 13

Relockez la forme "en bas". Allumez visiblement les deux formes remplies de rouge et de gris et déplacez-les juste en dessous de la forme "du bas". Concentrez-vous d'abord sur les formes rouges. Changez le remplissage avec le dégradé montré dans l'image n ° 1. Ajoutez un nouveau remplissage pour cette forme et utilisez le dégradé présenté dans l'image n ° 2. Passez à la forme grise. Remplissez-le d'abord avec le dégradé indiqué dans l'image n ° 3, puis ajoutez un nouveau remplissage et utilisez le dégradé présenté dans l'image n ° 4..


Étape 14

Maintenant, pour l'intérieur de la tente, créez une copie de "Bas" et déplacez-la vers le bas du panneau Calque. Remplissez-le avec R = 66 G = 33 B = 11, nommez-le "Intérieur" et dupliquez-le. Sélectionnez l'outil Crayon (P) et créez une forme similaire à celle présentée dans l'image n ° 2. Sélectionnez cette nouvelle forme avec la copie de "Interior" et cliquez sur le bouton Intersection du panneau Pathfinder. Remplissez la forme obtenue avec le dégradé indiqué dans l'image finale, puis déplacez-la juste au-dessus de la forme "intérieure" d'origine..


Étape 15

Dupliquez les formes créées jusqu'à présent. Sélectionnez ces copies et cliquez sur le bouton Unite du panneau Pathfinder. Remplissez cette nouvelle forme avec aucun et ajoutez un trait de 0.5px aligné à l'extérieur (couleur R = 128 G = 128 B = 128). Enfin, créez un cercle dans le bas de la tente avec l'outil Ellipse (L). Envoyez cette forme à l'arrière, remplissez-la avec le dégradé indiqué dans l'image finale, réduisez son opacité à 25% et vous avez terminé!


Conclusion

Et voilà, vous pouvez maintenant aller de l'avant et faire les différentes tailles d'icônes. J'espère que vous avez apprécié cette tut.