Astuce comment créer un graphique avec satisfaction garantie

Dans le conseil suivant, vous apprendrez à créer un sceau de satisfaction garantie avec des formes et des dégradés de base. Vous constaterez que la structure de base de ce graphique peut être réutilisée plusieurs fois pour créer un ensemble d’actifs Web parfaitement adaptés au commerce électronique. Commençons!


Étape 1

Créez un document de 700 x 700 pixels. Commencez par activer la grille et l'accrochage sur la grille, puis sélectionnez Edition> Préférences> Guides et grilles. Entrez "5" dans la case "Lignes directrices tous" et "1" dans la case "Subdivisions". Maintenant, vous aurez besoin de faire 9 cercles concentriques.

  1. Sélectionnez l'outil Ellipse (L), maintenez la touche Maj enfoncée et créez une forme de 500 x 500 pixels. Nommez-le "1" puis allez à Objet> Chemin> Chemin de décalage, entrez un décalage "-30px" et cliquez sur OK.
  2. Nommez le cercle résultant "2", sélectionnez-le et accédez à nouveau à Objet> Chemin> Chemin décalé. Entrez un décalage de "-5px" et cliquez sur OK.
  3. Nommez cette nouvelle forme "3". Sélectionnez-le, allez à Objet> Chemin> Chemin de décalage, entrez un décalage "-5px" et cliquez sur OK.
  4. Nommez la forme résultante "4", sélectionnez-la et accédez à nouveau à Objet> Chemin> Chemin décalé. Entrez à nouveau un décalage de "-5px" et cliquez sur OK..
  5. Nommez ce nouveau cercle "5" puis allez à Objet> Chemin> Chemin décalé. Entrez un décalage de "-25px" et cliquez sur OK.
  6. Sélectionnez ce nouveau cercle, nommez-le "6" dans Objet> Chemin> Chemin décalé. Entrez un décalage de "-20px" et cliquez sur OK.
  7. Sélectionnez la forme obtenue, nommez-la "7" et accédez une fois de plus à Objet> Chemin> Décalage. Entrez un décalage de "-10px" et cliquez sur OK.
  8. Sélectionnez cette nouvelle forme, nommez-la "8" et accédez une dernière fois à Objet> Chemin> Chemin décalé. Entrez un décalage de "-5px" et cliquez sur OK.
  9. Sélectionnez ce dernier cercle et nommez-le "9".

Étape 2

Ici, vous pouvez regarder de plus près les formes créées jusqu'à présent. Ensuite, vous devrez sélectionner les formes de 2 à 9 et les rendre invisibles (pour le moment).


Étape 3

Désactivez la grille et l'accrochage à la grille. Maintenant, concentrons-nous sur la forme n ° 1. Sélectionnez-le, ajoutez l'effet Zig Zag, puis sélectionnez Objet> Développer l'apparence. Tout d’abord, remplissez-le avec le dégradé linéaire et ajoutez un 1 pt aligné sur le trait extérieur (R = 204 G = 204 B = 204). Ensuite, ajoutez un nouveau remplissage noir. Sélectionnez ce remplissage (dans le panneau Apparence), baissez son opacité à 3% puis ajoutez l'effet Grain. Enfin, sélectionnez à nouveau l'intégralité du tracé et ajoutez l'effet Ombre portée (Effet> Styliser> Ombre portée)..


Étape 4

Créez une copie de la forme "1" puis sélectionnez l'outil Rectangle (M) et créez une forme similaire à la forme rouge présentée dans l'image n ° 1. Sélectionnez ces deux formes et cliquez sur le bouton Intersection du panneau Pathfinder. Remplissez la forme obtenue de noir, diminuez son opacité à 10% et déplacez-la juste au-dessus de la forme n ° 1 (assurez-vous qu'elle y reste jusqu'à la fin).


Étape 5

Tourner 2,3,4,5,8 et 9 à nouveau visible. Tout d'abord, remplissez les blancs 2,4 et 8, puis remplissez les 3,5 et 9 avec le dégradé radial indiqué ci-dessous.


Étape 6

Retournez la forme "7" à visible. Sélectionnez l'outil Type sur un chemin, cliquez sur le chemin ("7") pour afficher un curseur clignotant, puis ajoutez le texte Satisfaction garantie. Utilisez la police Arial Black avec une taille de 40px. Resélectionnez ce texte et allez à Objet> Développer. Sélectionnez les formes obtenues, remplissez-les de blanc, puis sélectionnez Objet> Chemin composé> Créer. Nommez la forme résultante "Texte". Tourner le cercle "6" de nouveau à visible. Dupliquer "Texte". Sélectionnez cette copie avec le cercle "6" et cliquez sur le bouton Intersection du panneau Pathfinder. Sélectionnez le groupe de formes obtenu, remplissez-le avec R = 251 G = 188 B = 12 puis diminuez son opacité à 10%.


Étape 7

Sélectionnez l'outil Texte et ajoutez le texte à 100% au milieu du cercle n ° 9. Utilisez la police Impact (110px pour le texte et 80px pour le signe de pourcentage). Développez ce texte, remplissez les formes résultantes de blanc, puis sélectionnez Objet> Chemin composé> Créer. Sélectionnez la forme obtenue, allez à Objet> Chemin> Chemin décalé, entrez un décalage de "-3px" et cliquez sur OK. Remplir la forme obtenue avec le dégradé linéaire.


Étape 8

Choisissez l'outil étoile et créez une forme d'étoile semblable à celle montrée dans l'image n ° 1. Maintenez la touche Ctrl enfoncée pendant que vous cliquez et faites glisser pour augmenter / diminuer le volume de votre étoile. Remplissez-le avec le dégradé radial et ajoutez un trait blanc de 5 pt, aligné sur l'extérieur. Resélectionnez l'outil Étoile et créez quatre formes d'étoiles plus petites. Remplissez-les avec le même dégradé radial mais utilisez une taille de trait différente.


Étape 9

Créez une copie de la forme "2" puis sélectionnez l'outil Rectangle (M) et créez une forme similaire à la forme rouge présentée dans l'image n ° 1. Maintenant, sélectionnez les deux formes et cliquez sur le bouton Intersection du panneau Pathfinder. Remplir la forme résultante avec du blanc et baisser son opacité à 15%.


Étape 10

Maintenant, créons les rubans. Activez la grille et l’alignement sur la grille. Sélectionnez l'outil Rectangle (M) et créez une forme de 100 x 250 pixels. Sélectionnez ce rectangle et allez à Objet> Chemin> Ajouter des points d'ancrage. Choisissez l'outil de sélection directe (A), sélectionnez le point d'ancrage mis en surbrillance dans l'image n ° 1 et déplacez-le de 50 pixels vers le haut. Resélectionnez l'intégralité de la forme, ajoutez l'effet Arc (Effet> Déformation> Arc), puis sélectionnez Objet> Développer l'apparence..


Étape 11

Dupliquez les formes créées à l'étape précédente. Maintenant, faites pivoter ces deux formes et placez-les comme indiqué dans l'image ci-dessous. Remplissez les deux avec le même gradient radial puis ajoutez un 5 pt aligné à l'intérieur, course (R = 242 G = 242 B = 242).


Conclusion

Enfin, ajoutez l’effet Ombre portée et vous avez terminé. Ce style graphique est particulièrement utile pour les sites de commerce électronique, car il peut être re-coloré pour répondre à différents besoins..