Peel Back Sticker Sa Page Curl or Dog Ear Effect in Illustrator

Ang paglikha ng isang pahina ng curl effect ay isang madaling gamitin na kasanayan, lalo na para sa marketing at kaugnay na graphic na disenyo na may kaugnayan sa advertising. Sa tutorial na ito, matututunan mo kung paano lumikha ng isang sticker na pabalik sa balat na may isang pahina na kulot, o pahina ng dog-eared, epekto gamit ang Adobe Illustrator CC. Tandaan na maaari ring gawin ang curl effect ng pahina gamit ang CS6 o iba pang mga bagong bersyon.

Ang proseso na nakabalangkas sa ibaba ay magsisimula sa paglikha ng isang bagong dokumento at gamit ang tool na Rectangle, tool ng Panulat, at Uri ng tool . Pagkatapos ay magdaragdag kami ng kulay sa parehong mga hugis at teksto, pumili ng isang font, gumawa ng mga pagbabago sa laki at estilo ng font, at pag-rotate ng teksto. Makikita mo na ang mga diskarte na ginamit upang gawin ang graphic na ito ay maaaring i-apply sa paggawa ng iba't ibang uri ng graphics.

Upang sumunod, magpatuloy sa bawat hakbang hanggang sa maabot mo ang dulo at magkaroon ng nakumpletong graphic.

01 ng 19

Gumawa ng Bagong Dokumento

Teksto at mga imahe © Sandra Trainor

Upang lumikha ng isang bagong dokumento sa Illustrator, piliin ang File > Bago . Narito naming pinangalanan ang file na "sticker" at ginawa itong 6 "x 4." Pagkatapos, i-click ang OK .

02 ng 19

Lumikha ng Square

Teksto at mga imahe © Sandra Trainor

Mula sa panel ng Tool, piliin ang tool na Rectangle, pagkatapos ay i-click at i-drag upang lumikha ng isang malaking rektanggulo sa halos lahat ng artboard.

03 ng 19

I-save ang File

Teksto at mga imahe © Sandra Trainor

Upang i-save ang iyong progreso, piliin ang File > Save , pagkatapos ay i-click ang I- save . Lilitaw ang dialog box. Para sa karamihan ng mga proyekto, maaari mong panatilihin ang mga default na setting at i-click ang OK .

04 ng 19

Magdagdag ng Kulay

Teksto at mga imahe © Sandra Trainor

Ngayon gawin ang rektanggulo ng isang kulay. Sa panel ng Mga Tool, i-double click ang kahon ng Punan upang buksan ang Picker ng Kulay. Doon, maaari kang pumili ng isang kulay sa Kulay ng Field o i-type ang mga numero upang ipahiwatig ang isang kulay. Dito kami nag-type sa mga patlang ng RGB 255, 255, at 0, na nagbibigay sa amin ng maliwanag na dilaw. Pagkatapos ay i-click ang OK .

05 ng 19

Alisin ang Stroke

Teksto at mga imahe © Sandra Trainor

Narito kung saan maaari mong baguhin ang kulay ng stroke sa pamamagitan ng pag-double-click sa box ng Stroke sa panel ng Mga Tool at pagpili ng isang kulay sa Picker ng Kulay, ngunit sa kasong ito, hindi namin nais ang isang stroke. Upang tanggalin ang ibinigay sa pamamagitan ng default, mag-click sa kahon ng Stroke, pagkatapos ay sa pindutan na Wala sa ilalim nito.

06 ng 19

Gumuhit ng linya

Teksto at mga imahe © Sandra Trainor

Mula sa panel ng Mga Tool, piliin ang tool na Panulat . Upang gumawa ng isang linya kung saan mo nais ang sticker na mag-alis pabalik, mag-click sa itaas ng iyong parihaba at muli sa kanan nito.

07 ng 19

Hatiin ang Rectangle

Teksto at mga imahe © Sandra Trainor

Ngayon hatiin ang rectangle upang maging dalawang piraso. Mula sa panel ng Tools, piliin ang tool na Pinili at i-click ang iyong iginuhit na linya upang piliin ito, pagkatapos ay pindutin nang matagal ang shift key habang nag-click ka sa rectangle.

Pipili nito ang parehong linya at ang rektanggulo. Susunod na piliin ang Window > Pathfinder , mag-click sa pindutan ng Divide , pagkatapos ay pindutan ng Minus Bumalik upang alisin ang piraso ng sulok.

08 ng 19

Gumuhit ng Peel Back

Teksto at mga imahe © Sandra Trainor

Ngayon ay nais mong gumuhit ng isang hugis para sa likod ng alisan ng balat. Gamit ang tool na Panulat, mag-click sa tuktok ng rectangle kung saan ito ay hinati upang lumikha ng isang punto, pagkatapos ay i-click at i-drag sa ibaba ito upang lumikha ng isang hubog na linya. Pindutin nang matagal ang shift key habang nag-click ka sa huling punto na ginawa, pagkatapos ay i-click at i-drag sa kanang bahagi ng rektanggulo kung saan ito ay hinati upang lumikha ng isa pang kurbadong linya, tulad ng ipinapakita.

Upang makumpleto ang iyong hugis, mag-click sa unang punto na ginawa.

09 ng 19

Magdagdag ng Kulay

Teksto at mga imahe © Sandra Trainor

Tulad ng idinagdag mo ang kulay sa rektanggulo, ay magdaragdag ka na ng kulay sa iyong iginuhit na hugis. Sa oras na ito sa Color Picker, nag-type kami sa mga patlang ng RGB na kulay 225, 225, at 204 para sa kulay ng cream.

Ito ay magiging isang magandang pagkakataon upang i-save muli ang iyong pag-unlad. Maaari mong piliin ang File > I- save , o gamitin ang shortcut ng keyboard ng "Command + S" sa isang Mac o "Control + S" kung gumagamit ng Windows.

10 ng 19

Magdagdag ng Drop Shadow

Teksto at mga imahe © Sandra Trainor

Gamit ang napili na hugis napili, pagkatapos ay piliin ang Epekto > Stylize > Drop Shadow . Mag-click upang maglagay ng check sa kahon sa tabi ng Preview, na nagpapahintulot sa iyo na makita kung paano titingnan ang drop shadow bago magawa ito.

Upang muling likhain ang hitsura na aming nilikha, piliin ang Multiply para sa Mode, 75% para sa Opacity, gawin ang 0.1 at 0.1 na X at Y Offset, gawin ang Blur 0.7, itago ang default na kulay itim, at i-click ang OK .

11 ng 19

Itago ang Layer

Teksto at mga imahe © Sandra Trainor

Upang buksan ang panel ng Mga Layer, pumunta sa Window > Mga Layer . Mag-click sa maliit na arrow sa tabi ng Layer 1 upang ibunyag ang mga sublayer nito. Kakailanganin mo ring mag-click sa icon ng mata sa tabi ng sublayer para sa landas na nais mong itago, na iyong inilabas na hugis ng pabalik na balat.

12 ng 19

Magdagdag ng Teksto

Teksto at mga imahe © Sandra Trainor

Mag-click sa tool na Uri sa panel ng Mga Tool, pagkatapos ay mag-click sa artboard at i-type ang iyong teksto. Dito ginagamit namin ang "KUMUHA NG EXTRA 30% o 20% o 15% OFF" gamit ang upper at lower case kung saan naaangkop.

Pagkatapos ay pindutin mo ang pagtakas. Bilang default, ang kulay ng teksto ay itim, na maaari mong baguhin sa ibang pagkakataon.

Upang lumikha ng isa pang lugar ng teksto, mag-click muli sa tool na Uri. Sa oras na ito, ipinasok namin ang teksto sa likod ng curl ng pahina: nag-type kami ng "PEEL TO" pagkatapos ay pinindot na bumalik upang pumunta sa susunod na linya at i-type ang "REVEAL" pagkatapos ay pindutin ang pagtakas.

13 ng 19

Ilipat at I-rotate ang Teksto

Teksto at mga imahe © Sandra Trainor

Gamit ang Selection tool, i-click at i-drag ang teksto sa likod ng pahina curl ("PEEL TO REVEAL" sa aming disenyo) sa kanang itaas, kung saan ang rektanggulo ay pinutol.

Mag-double-click sa pinalawig na hawakan at ilipat ang iyong cursor papunta sa isang sulok ng bounding box hanggang makakita ka ng double arrow curve. Pagkatapos ay i-drag upang paikutin ang teksto.

14 ng 19

Ayusin ang Font

Teksto at mga imahe © Sandra Trainor

Gamit ang tool na Teksto, i-click at i-drag ang teksto upang piliin ito. Pagkatapos ay piliin ang Window > Character . Sa panel ng Character, maaari mong baguhin ang laki ng Font at Font sa kahit anong gusto mo sa pamamagitan ng pag-click sa alinman sa mga maliliit na arrow upang ilabas ang iyong mga pagpipilian.

Narito ginawa namin ang font Arial, ang estilo ng Bold, at ang sukat ng 14 pt.

15 ng 19

Baguhin ang Kulay ng Font

Teksto at mga imahe © Sandra Trainor

Gamit ang teksto na napili pa rin, mag-click sa maliit na arrow sa tabi ng Kulay ng Punan sa bar ng Mga Pagpipilian upang ilabas ang mga alternatibong kulay at pumili ng maliwanag na pula. Ang kulay ay hindi makikita kapag ang teksto ay naka-highlight, kaya mag-click off ng teksto upang makita kung paano ito hitsura.

16 ng 19

Teksto ng Center

Teksto at mga imahe © Sandra Trainor

Para sa disenyo na ito, nais naming ma-sentro ang teksto. Upang i-sentro ang iyong teksto, i-click at i-drag ang teksto upang muling piliin ito, piliin ang Window > Paragraph , o mag-click sa tab na Talata sa tabi ng panel ng Character. Sa Paragraph panel, mag-click sa button na center center. Kung kinakailangan, maaari mo ring gamitin ang tool sa Pagpili upang muling ipalagay ang teksto.

17 ng 19

I-edit ang Teksto

Teksto at mga imahe © Sandra Trainor

Narito ang iyong pagkakataon na gumawa ng mga pagbabago sa natitirang bahagi ng iyong teksto.

Para sa disenyo na ito, ginamit namin ang tool ng Teksto upang ilagay ang cursor pagkatapos ng salitang "EXTRA" at pinindot na pagbabalik. Binahagi nito ang teksto sa dalawang hiwalay na linya. Upang gawin itong tatlong linya, inilagay namin ang cursor pagkatapos ng "30%" at pinindot muli.

Upang baguhin ang font at laki, i-highlight ang lahat ng teksto upang piliin ito, at gawin ang iyong mga pagpipilian sa panel ng Character. Dito binago namin ang font sa Arial Black at gawin ang nangungunang (puwang sa pagitan ng mga linya) 90 pt.

Sa panel ng Paragraph, pinili din namin na i-click ang pindutan na nagpapawalang-bisa sa lahat ng mga linya, at sa Options bar, binago namin ang kulay sa isang maliwanag na asul.

Pagkatapos gawin ang iyong mga pag-edit, maaari mong i-click ang layo mula sa teksto upang makita kung paano ito hitsura ngayon.

Pagkatapos ng pagsusuri, nagpasya kaming i-highlight lamang ang nangungunang linya upang piliin ito, at sa panel ng Character ay nagbago ang laki nito hanggang 24 pt. Pagkatapos ay tinutukoy namin ang ikalawang linya at binago ang laki nito ng 100%. Upang pumili ng 100%, dapat mong i-type sa field na halaga, dahil ang pinakamataas na nakikitang pagpipilian ay 72%. Pagkatapos ay tinutukoy namin ang huling linya at ginagawa itong 21%.

18 ng 19

Scale Text

Teksto at mga imahe © Sandra Trainor

Susunod, susukatin mo ang teksto. Kahit na nagustuhan namin ang mga sukat ng mga linya ng teksto na may kaugnayan sa isa't isa, nais naming gawing mas malaki ang kabuuan. Upang maisagawa ang pagbabagong ito, gamitin ang tool ng Pinili upang mag-click sa teksto, pagkatapos ay piliin ang Object > Transform > Scale , at gamit ang Opsyon na Uniporme na napili, i-type ang iyong halaga-pinili namin ang 125% -kaya i-click ang OK . Pagkatapos, i-click at i-drag ang teksto upang iposisyon ito nang higit pa sa kaliwa.

19 ng 19

Gumawa ng Final Adjustments

Teksto at mga imahe © Sandra Trainor

Ngayon para sa mga huling pagsasaayos. Sa panel ng Mga Layer, mag-click sa walang laman na kahon sa kaliwa ng nakatagong landas upang ipakita ang icon ng mata at gawin ang landas na nakikita. Gayundin sa panel ng Mga Layer, i-click at i-drag ang sublayer na ito sa itaas ng iba pang mga sublayer, na kung saan ay ilagay ang pag-alis ng balat pabalik sa harap ng teksto sa artboard.

Para sa disenyo na ito, nais namin ang pinakamataas na linya ng teksto upang manatili kung saan ito ay ngunit may pangalawang at pangatlong linya ng teksto sa karagdagang sa kanan. Upang gawin ang pagbabagong ito, piliin ang Uri ng tool, ilagay ang cursor sa harap ng pangalawang linya, at pindutin ang tab, pagkatapos ay gawin ang parehong sa ikatlong linya. Kung gusto mo, maaari mo ring i-click at i-drag sa isang solong linya ng teksto upang piliin ito at mag-tweak ang nangungunang sa panel ng Character.

Sa sandaling gusto mo kung paano tumingin ang lahat, piliin ang File > Save , at tapos ka na! Mayroon ka na ngayong isang sticker na pang-alis pabalik na may magagamit na curl effect na pahina para magamit.