Share
I följande Snabbtips lär du dig att skapa en tillfredsställande försegling med grundläggande former och gradienter. Du kommer att upptäcka att den grundläggande strukturen i den här grafiken kan återanvändas många gånger för att göra en uppsättning webbtillgångar som är perfekta för e-handel. Låt oss börja!
Skapa ett dokument med 700 × 700 px. Börja med att aktivera rutnätet och Snap to Grid och gå sedan till Redigera> Inställningar> Guider och galler. Ange "5" i rutan "Riktlinje varje" och "1" i rutan "Indelningar". Nu måste du göra 9 koncentriska cirklar.
Här kan du titta närmare på de former som skapats hittills. Därefter måste du välja formerna från 2 till 9 och göra dem osynliga (för tillfället).
Stäng av gallret och Snap to Grid. Låt oss nu fokusera på form # 1. Markera den, lägg till Zig Zag-effekten och gå till Objekt> Expand Utseende. Fyll först det med den linjära gradienten och lägg till en 1pt inriktad på utvändig stroke (R = 204 G = 204 B = 204). Lägg sedan till en ny svart fyllning. Markera den här fyllningen (från panelen Utseende), sänka dess opacitet till 3% sedan och lägg till Korneffekten. Slutligen markera hela banan och lägg till Drop Shadow-effekten (Effekt> Stylize> Drop Shadow).
Skapa en kopia av form "1" och välj sedan Rektangelverktyget (M) och skapa en form som den röda som visas i bild # 1. Välj dessa två former och klicka på Intersect-knappen från panelen Pathfinder. Fyll den resulterande formen med svart, sänk dess opacitet till 10% och flytta den direkt ovanför form # 1 (se till att den kommer att stanna där tills slutet).
Vrid 2,3,4,5,8 och 9 tillbaka till synlig. Fyll först 2,4 och 8 med vitt och fyll sedan 3,5 och 9 med den radiella gradienten som visas nedan.
Vrid formen "7" tillbaka till synlig. Välj typ på ett sökverktyg, klicka på banan ("7") för att få fram en blinkande markör och lägg till text med tillfredsställelsegarantier. Använd Arial Black-teckensnittet med en storlek på 40px. Välj den här texten igen och gå till Objekt> Expand. Välj de resulterande formerna, fyll dem med vitt och gå till Objekt> Sammansatt sökväg> Gör. Nämn den resulterande formen "Text". Vrid cirkeln "6" tillbaka till synlig. Kopiera "Text". Välj den här kopian tillsammans med cirkel "6" och klicka på Intersect-knappen från panelen Pathfinder. Välj den resulterande gruppen av former, fyll den med R = 251 G = 188 B = 12, sänk sedan dess opacitet till 10%.
Välj Typverktyget och lägg till 100% -texten mitt i cirkel # 9. Använd Impact-teckensnittet (110px för texten och 80px för procenttecknet). Expandera denna text, fyll de resulterande formerna med vit och gå till Objekt> Sammansatt sökväg> Gör. Välj den resulterande formen, gå till Objekt> Path> Offset Path, skriv in en "-3px" offset och tryck OK. Fyll den resulterande formen med den linjära gradienten.
Välj Star Tool och skapa en stjärnform som den som visas i bild # 1. Håll kontrollen, medan du klickar och dra, för att öka / minska volymen på din stjärna. Fyll den med den radiella lutningen och lägg till en 5pt vit, inriktad på utsidan, stroke. Återställ Star Tool och skapa fyra mindre stjärnformar. Fyll dem med samma radialgradient men använd en annan slagstorlek.
Skapa en kopia av form "2" och välj sedan Rektangelverktyget (M) och skapa en form som den röda som visas i bild # 1. Välj nu båda formerna och klicka på Intersect-knappen från panelen Pathfinder. Fyll den resulterande formen med vit och sänka dess opacitet till 15%.
Nu, låt oss skapa band. Slå på rutnätet och Snap to Grid. Välj rektangelverktyget (M) och skapa en form av 100 till 250 px. Välj den här rektangeln och gå till Objekt> Ban> Lägg till ankarepunkter. Välj direktmarkeringsverktyget (A), välj ankarpunkten markerad i bild # 1 och flytta den 50px uppåt. Återmarkera hela formen, lägg till Arc-effekten (Effect> Warp> Arc) och gå till Objekt> Expand Appearance.
Kopiera formerna som gjordes i föregående steg. Rotera nu dessa två former och placera dem enligt bilden nedan. Fyll dem båda med samma radialgradient och lägg sedan till en 5pt inriktad på insidan, stroke (R = 242 G = 242 B = 242).
Slutligen lägg till Drop Shadow-effekten och du är klar. Denna grafikstil är speciellt användbar för e-handelswebbplatser, eftersom den kan omkoloreras för att passa olika behov.
Accentsconagua