Att skapa en sidokrullseffekt är en praktisk färdighet, särskilt för marknadsföring och reklamrelaterad grafisk design. I den här handledningen lär du dig hur du skapar en skräddarsydd klistermärke med en sidokrull eller en e-sida, med hjälp av Adobe Illustrator CC. Observera att den här curl-effekten kan också göras med CS6 eller andra senaste versioner.
Processen som beskrivs nedan börjar med att skapa ett nytt dokument och använda rektangelverktyget, pennverktyget och typverktyget. Sedan lägger vi till färg till både former och text, väljer ett typsnitt, ändrar typsnittets storlek och stil och roterande text. Du kommer att upptäcka att teknikerna som används för att göra den här grafiken är sådana som sedan kan användas för att göra olika typer av grafik.
För att följa med, fortsätt genom varje steg tills du når slutet och ha en färdig grafik.
01 av 19Skapa ett nytt dokument
För att skapa ett nytt dokument i Illustrator, välj Fil > Ny. Här har vi namngivit filen "sticker" och gjort den 6 "x 4." Klicka sedan ok.
Skapa en fyrkant
Välj verktyget Panel, välj verktyget Rektangel och klicka sedan och dra för att skapa en stor rektangel över det mesta av tavlan.
03 av 19Spara fil
För att spara dina framsteg, välj Fil > Spara, Klicka sedan Spara. En dialogruta visas. För de flesta projekt kan du behålla standardinställningarna och klicka på ok.
04 av 19Lägg till färg
Gör nu rektangeln en färg. Dubbelklicka i fältet Verktyg på fönstret Verktyg för att öppna färgväljaren. Där kan du antingen välja en färg i Färgfältet eller ange siffror för att ange en färg. Här har vi skrivit i RGB-fälten 255, 255 och 0, vilket ger oss en ljusgul. Klicka sedan ok.
05 av 19Ta bort stroke
Här kan du ändra strokefärgen genom att dubbelklicka på Stroke-rutan i Verktyg-panelen och välja en färg i Färgväljaren, men i det här fallet vill vi inte ha en stroke. För att ta bort den som anges som standard klickar du på Stroke-rutan och sedan på Ingen knapp precis under detta.
06 av 19Dra ett streck
Välj verktyget Pen på Verktyg-panelen. För att skapa en rad där du vill att klistermärken ska skalas tillbaka, klicka över din rektangel och igen till höger om den.
07 av 19Dela rektangeln
Dela nu rektangeln så att den blir två stycken. Från verktyget-panelen väljer du markeringsverktyget och klickar på din tecknade linje för att välja den och håll sedan ned shift-tangenten när du klickar på rektangeln.
Detta kommer att välja både linjen och rektangeln. Välj nästa Fönster > Stigfinnare, Klicka på Dela upp knappen, sedan på Minus Tillbaka knappen för att ta bort hörndelen.
08 av 19Rita skalen tillbaka
Nu vill du rita en form för avskalningen. Med pennverktyget klickar du på toppen av rektangeln där den delades för att skapa en punkt, klicka och dra under det här för att skapa en krökt linje. Håll ned skiftnyckeln när du klickar på den sista punkten som görs, klicka sedan och dra på höger sida av rektangeln där den delades för att skapa en annan krökt linje, som visas.
För att slutföra din form, klicka på den första punkten som gjorts.
09 av 19Lägg till färg
Precis som du lade färg till rektangeln, lägger du nu på färg i din ritade form. Den här gången i färgväljaren skrev vi in i RGB-färgfälten 225, 225 och 204 för en krämfärg.
Det här är en bra tid att återigen spara dina framsteg. Du kan välja Fil > Spara, eller använd tangentbordsgenväggen "Command + S" på en Mac eller "Control + S" om du använder Windows.
10 av 19Lägg till en droppskugga
Med den valda formen vald väljer du då Effekt > Stilisera > Drop Shadow. Klicka för att placera en check i rutan bredvid Förhandsgranskning, som låter dig se hur droppskuggan kommer att se innan du förbinder dig.
För att återskapa det utseende vi skapade väljer du Multiplicera för läget, 75% för opacitet, gör både X och Y Offsets 0,1 tum, gör Blur 0.7, behåll standardfärgen svart och klicka på ok.
11 av 19Dölj lag
För att öppna panelen Lager går du till Fönster > Skikten. Klicka på den lilla pilen bredvid Layer 1 för att avslöja dess underlag. Du kommer också att klicka på ögonsymbolen bredvid underlagret för sökvägen du vill gömma, vilken är din dragna avskalningsform.
12 av 19Lägg till text
Klicka på Typverktyget i panelen Verktyg, klicka sedan på tavlan och skriv din text. Här använde vi "ANVÄND EXTRA 30% eller 20% eller 15% AV" med hjälp av stora och små bokstäver där det är lämpligt.
Då trycker du på Escape. Som standard är textfärgen svart, som du kan ändra senare.
För att skapa ett annat textområde, klicka på Typverktyget igen. Den här gången gick vi in i texten bakom sidokretsen: vi skrev "PEEL TO" och tryckte sedan tillbaka för att gå till nästa rad och skrivde "REVEAL" och tryck sedan på escape.
13 av 19Flytta och rotera text
Med markeringsverktyget klickar du på och drar texten bakom sidokretsen ("PEEL TO REVEAL" i vår design) till höger, där rektangeln skars bort.
Dubbelklicka på det utökade handtaget och flytta markören mot ett hörn av gränslinjen tills du ser en dubbelpilskurva. Dra sedan för att rotera texten.
14 av 19Justera teckensnittet
Med textverktyget klickar du på och drar över texten för att välja den. Sedan Välj Fönster > Karaktär. I teckenfönstret kan du ändra teckensnitt och teckenstorlek till vad som helst du vill genom att klicka på någon av de små pilarna för att få fram dina alternativ.
Här gjorde vi tecknet Arial, stilen Bold, och storleken 14 pt.
15 av 19Ändra teckensfärg
Med den text som fortfarande valts klickar du på den lilla pilen bredvid Fyllfärgen i alternativfältet för att få fram alternativa färger och välja en ljusröd. Färgen kan inte ses när texten är markerad, så klicka av texten för att se hur den ser ut.
16 av 19Center Text
För den här designen ville vi att texten skulle centreras. För att centrera din text, klicka och dra över texten för att välja den igen, välj Fönster > Paragraf, eller klicka på Paragraf fliken bredvid teckenfönstret. Klicka på justeringscentrumsknappen i avsnittspanelen. Om det behövs kan du också använda markeringsverktyget för att ompositionera texten.
17 av 19Redigera text
Här är din möjlighet att göra ändringar i resten av din text.
För denna design använde vi Textverktyget för att placera markören efter ordet "EXTRA" och tryckt retur. Detta delade texten i två separata linjer. För att göra det tre linjer, placerade vi markören efter "30%" och tryckte tillbaka igen.
För att ändra teckensnitt och storlek markerar du all text för att markera den och gör dina val i teckenfönstret. Här ändrade vi teckensnittet till Arial Black och gjorde ledande (mellanslag mellan linjer) 90 pt.
I avsnittspanelen valde vi också att klicka på knappen som motiverar alla rader och i fältet Alternativ ändrade vi färgen till en ljusblå.
När du har gjort dina ändringar kan du klicka bort från texten för att se hur det ser ut så långt.
Efter granskning bestämde vi oss för att markera bara topplinjen för att välja den, och i teckenfönstret ändrades storleken till 24 pt. Vi markerade sedan andra raden och ändrade sin storlek 100%. För att välja 100% måste du skriva in i värdefältet, eftersom det högsta synliga alternativet är 72%. Vi markerade sedan den sista raden och gjorde det 21%.
18 av 19Skaltext
Därefter ska du skala texten. Även om vi tyckte om proportionerna av textraderna i förhållande till varandra, ville vi göra det hela lite större. För att uppnå denna ändring, använd valverktyget för att klicka på texten och välj sedan Objekt > Omvandla > Skala, och med Uniform-alternativet valt, skriv in ditt värde - vi valde 125% - klicka sedan på ok. Klicka sedan och dra texten för att placera den längre till vänster.
19 av 19Gör slutliga justeringar
Nu för slutanpassningar. I panelen Lager klickar du på den tomma rutan till vänster om den dolda sökvägen för att visa ögonikonen och göra sökvägen synlig. Även i panelen Lager klickar du på och drar det här underlaget över de andra underlagren, vilket kommer att placera skalformen framför texten på tavlan.
För denna design ville vi att den övre raden av text skulle förbli var den var men har den andra och tredje raden av text längre till höger. För att göra denna ändring, välj Typverktyget, placera markören framför den andra raden och tryck på fliken och gör sedan samma till den tredje raden. Om du vill kan du också klicka och dra över en enda textruta för att välja den och tweak ledningen i teckenfönstret.
När du gillar hur allt ser ut, välj Fil > Spara, och du är klar! Du har nu en skräddarsy klistermärke med sidokryp effekt klar för användning.
