Snelle tip hoe maak je een tevredenheidsgetrouwe afbeelding?

In de volgende Quick Tip leer je om een ​​tevredenheidsgarantiezegel te creëren met basisvormen en -verlopen. U zult merken dat de basisstructuur van deze afbeelding vele malen opnieuw kan worden gebruikt om een ​​set webactiva te maken die perfect zijn voor e-commerce. Laten we beginnen!


Stap 1

Maak een document van 700 bij 700 pixels. Begin door het raster en de module op raster in te schakelen en ga vervolgens naar Bewerken> Voorkeuren> Gidsen & rasters. Typ "5" in het vak "Richtlijn elke" en "1" in het vak "Onderverdelingen". Nu moet je 9 concentrische cirkels maken.

  1. Selecteer het Ellips-gereedschap (L), houd Shift ingedrukt en maak een vorm van 500x500px. Noem het "1" en ga vervolgens naar Object> Pad> Offsetpad, voer een "-30px" offset in en druk op OK.
  2. Noem de resulterende cirkel "2", selecteer deze en ga opnieuw naar Object> Pad> Offset pad. Voer een "-5px" offset in en druk op OK.
  3. Noem deze nieuwe vorm "3". Selecteer het, ga naar Object> Pad> Offsetpad, voer een "-5px" offset in en druk op OK.
  4. Geef de resulterende vorm "4" een naam, selecteer deze en ga opnieuw naar Object> Pad> Offsetpad. Voer opnieuw een "-5px" offset in en druk op OK.
  5. Noem deze nieuwe cirkel "5" en ga vervolgens naar Object> Pad> Offset pad. Voer een "-25px" offset in en druk op OK.
  6. Selecteer deze nieuwe cirkel, noem deze "6" ga naar Object> Pad> Offset pad. Voer een "-20px" offset in en druk op OK.
  7. Selecteer de resulterende vorm, noem deze "7" en ga nog een keer naar Object> Pad> Verschoven pad. Voer een "-10px" offset in en druk op OK.
  8. Selecteer deze nieuwe vorm, noem deze "8" en ga nog een laatste keer naar Object> Pad> Offset pad. Voer een "-5px" offset in en druk op OK.
  9. Selecteer deze laatste cirkel en noem deze "9".

Stap 2

Hier kunt u de vormen die tot nu toe zijn gemaakt van naderbij bekijken. Vervolgens moet je de vormen selecteren van 2 tot 9 en ze onzichtbaar maken (voor het moment).


Stap 3

Schakel het raster en de module naar raster uit. Laten we ons concentreren op vorm # 1. Selecteer het, voeg het Zig Zag-effect toe en ga vervolgens naar Object> Uiterlijk uitvouwen. Vul het eerst met de lineaire gradiënt en voeg een 1pt uit die is uitgelijnd met de buitenlijn (R = 204 G = 204 B = 204). Voeg vervolgens een nieuwe, zwarte vulling toe. Selecteer deze vulling (in het deelvenster Uiterlijk), verminder de laagdekking tot 3% en voeg het korreleffect toe. Herhaal tot slot opnieuw het volledige pad en voeg het effect Slagschaduw toe (Effect> Stileren> Slagschaduw).


Stap 4

Maak een kopie van vorm "1" en selecteer vervolgens het gereedschap Rechthoek (M) en maak een vorm zoals de rode die wordt weergegeven in afbeelding # 1. Selecteer deze twee vormen en klik op de knop Kruispunt in het deelvenster Pathfinder. Vul de resulterende vorm met zwart, verminder de dekking tot 10% en verplaats deze recht boven vorm # 1 (zorg dat hij er tot het einde blijft).


Stap 5

Draai 2,3,4,5,8 en 9 terug naar zichtbaar. Vul eerst 2,4 en 8 met wit en vul vervolgens 3,5 en 9 met de hieronder getoonde radiale gradiënt.


Stap 6

Vorm "7" terugdraaien naar zichtbaar. Selecteer het Type op een Baangereedschap, klik op het pad ("7") om een ​​knipperende cursor te laten verschijnen en voeg vervolgens de Tevredenheidsgarantie tekst toe. Gebruik het lettertype Arial Black met een grootte van 40px. Selecteer deze tekst opnieuw en ga naar Object> Uitbreiden. Selecteer de resulterende vormen, vul ze met wit en ga vervolgens naar Object> Samengesteld pad> Maken. Noem de resulterende vorm "Tekst". Draai cirkel "6" terug naar zichtbaar. Dubbele "Tekst". Selecteer deze kopie samen met cirkel "6" en klik op de knop Kruispunt in het deelvenster Pathfinder. Selecteer de resulterende groep vormen, vul deze met R = 251 G = 188 B = 12 en verlaag vervolgens de dekking tot 10%.


Stap 7

Selecteer het gereedschap Tekst en voeg de 100% tekst toe in het midden van cirkel # 9. Gebruik het Impact-lettertype (110 px voor de tekst en 80 px voor het procentteken). Vouw deze tekst uit, vul de resulterende vormen met wit en ga vervolgens naar Object> Samengesteld pad> Maken. Selecteer de resulterende vorm, ga naar Object> Pad> Offset pad, voer een "-3px" offset in en druk op OK. Vul de resulterende vorm met de lineaire gradiënt.


Stap 8

Kies het sterhulpmiddel en maak een stervorm zoals die in afbeelding # 1. Houd Controle vast terwijl u klikt en sleept om het volume van uw ster te verhogen / verlagen. Vul het met de radiale gradiënt en voeg een 5pt wit toe, uitgelijnd met buiten, lijn. Selecteer de Star Tool opnieuw en maak vier kleinere stervormen. Vul ze met dezelfde radiale gradiënt maar gebruik een andere streekgrootte.


Stap 9

Maak een kopie van vorm "2" en selecteer vervolgens het gereedschap Rechthoek (M) en maak een vorm zoals de rode die wordt weergegeven in afbeelding # 1. Selecteer nu beide vormen en klik op de knop Kruispunt in het deelvenster Pathfinder. Vul de resulterende vorm met wit en verminder de dekking tot 15%.


Stap 10

Laten we nu de linten maken. Schakel het raster in en klik op raster. Selecteer het gereedschap Rechthoek (M) en maak een vorm van 100 bij 250 px. Selecteer deze rechthoek en ga naar Object> Pad> Ankerpunten toevoegen. Kies het gereedschap Direct selecteren (A), selecteer het ankerpunt gemarkeerd in afbeelding # 1 en verplaats het 50px naar boven. Selecteer de volledige vorm opnieuw, voeg het Arc-effect toe (Effect> Verdraaien> Boog) en ga vervolgens naar Object> Uiterlijk uitvouwen.


Stap 11

Dupliceer de vormen gemaakt in de vorige stap. Roteer nu deze twee vormen en plaats ze zoals weergegeven in de onderstaande afbeelding. Vul ze allebei met dezelfde radiale gradiënt en voeg een 5pt uitgelijnd aan de binnenkant toe, lijn (R = 242 G = 242 B = 242).


Conclusie

Voeg ten slotte het effect Slagschaduw toe en u bent klaar. Deze grafische stijl is met name handig voor e-commercesites omdat deze opnieuw kunnen worden gekleurd om aan verschillende behoeften te voldoen.