Paano lumikha ng isang logo gamit ang Adobe Illustrator nang sunud-sunod

Ang logo ay isa sa pinaka kinatawan ng mga visual na elemento ng isang tatak, may kakayahang ilipat sa publiko kung ano ang kakanyahan nito at ito ay isang napakalakas na simbolo. Sa tutorial na ito ipapakita ko sa iyo ang mga pangunahing tool na inaalok ng Illustrator para sa disenyo ng logo at tuturuan kita kung paano masulit ang mga ito. Kung nais mong malaman kung paano lumikha ng isang logo sa Adobe Illustrator, hindi mo maaaring palampasin ang post na ito!

Logo, isotype o imagotype

Pagkakaiba sa pagitan ng logo, imagotype at isotype Illustrator

Karaniwan, ginagamit namin ang salitang logo upang mag-refer sa simbolo na kumakatawan sa isang tatak. Gayunpaman, ang term na ito ay hindi lubos na mahusay na ginamit. Bago simulan ang pagdidisenyo, limasin natin ito.

  • El logo ay ang simbolo na kumakatawan sa tatak at binubuo ng mga imahe at teksto (o palalimbagan).
  • Kapag ang simbolo ay binubuo lamang ng isang imahe, walang teksto, mas tamang gamitin ang term isotype.
  • May mga tatak na kung minsan ay gumagamit ng magkakaibang bahagi ng kanilang logo nang nakapag-iisa. Halimbawa, ang Nike sa maraming okasyon ay kinakatawan lamang ng Swoosh Kapag ang imahe ng logo ay naiugnay sa tatak nang hindi na kailangang samahan ng palalimbagan, maaari natin itong tawaging bilang imagotype.

Lumikha ng bagong dokumento sa Illustrator at obserbahan ang modelo

Pag-aralan ang modelo upang lumikha ng logo sa Illustrator

Lumikha tayo ng a bagong dokumento. Ibibigay namin ang work table a Laki ng A4, kaya hindi tayo magkukulang ng puwang upang magtrabaho. Binago ko ang color mode sa RGB.

Magsisimula kami sa isang simpleng logo na dinisenyo ko na dati. Sa pagtingin sa modelong ito, makikita natin hakbang-hakbang kung paano ko ito nilikha at kung anong mga tool. Ang sa kanila ay makakuha ka ng isang ideya kung paano mo masusulit ang inaalok ng Illustrator. Sa pamamagitan ng pagwawasak ng logo, nakikita natin iyon Binubuo ito ng isang hanay ng mga pinagsamang mga hugis at isang teksto.

Lumikha ng lahat ng kinakailangang mga hugis sa Adobe Illustrator

Ang katawan ng bahaw

Gumamit ng direktang tool ng pagpili upang mai-edit ang hugis sa Illustartor

Tumuon muna tayo sa mga hugis. Sa toolbar, mahahanap mo ang mga tool sa mga hugis. Kapag nag-click dito, binibigyan kami ng pagpipilian upang lumikha ng mga parihaba, ellipses, bituin, polygon o mga segment ng linya. Sa kasong ito, kailangan namin lumikha ng isang rektanggulo. Piliin ang tool at hinihila ang mouse lumikha ng isang rektanggulo na humigit-kumulang sa mga sukat na nakikita mo sa imahe sa itaas.

Paano tayo makakarating mula sa rektanggulo na ito hanggang sa hugis na bumubuo sa katawan ng kuwago? Kailangan nating i-warp ito, at para doon meron tayong direktang tool ng pagpili sa toolbar. Kapag pinili mo ito, makikita mo iyon sa mga sulok ng parihaba isang uri ng mga humahawak (ang mga bilog). Kung direkta kang mahila sa alinman sa mga ito makikita mo na ang mga sulok ay umiikot. Upang kumiwal sa isang solong sulok, i-click lamang nang isang beses at pagkatapos ay hilahin. Makikita mo na gumagalaw ang sulok na iyon at ang natitira ay mananatiling tulad nito.

Magsisimula kami sa ibabang kaliwang sulok, kukunin namin ang hawakan hanggang sa limitasyon. Kami ay magpapatuloy sa kaliwang itaas at sa wakas ay ikot namin ang kanang itaas. Sa ganitong paraan makakakuha ka ng nais na hugis.

Ang mata ng bahaw

Ihanay ang tool sa Illustrator

Malawak upang tingnan nang mabuti ang modelo. Ang mga mata ay binubuo ng parehong hugis ng katawan at para sa dalawang bilog, isa sa loob ng isa pa. Lilikha kami ng a mas maliit na rektanggulo at kami ay kumakalat nitoIto ay tulad ng ginawa namin sa nakaraang hakbang. Ngayon, lilikha kami ng mga bilog. Piliin ang tool sa ellipse. Upang lumikha ng isang perpektong bilog kailangan nating pindutin ang susi maglipat habang hinihila, kung hindi man maaari itong maging deformed at maging higit pa sa isang ellipse kaysa sa isang bilog.

Kapag mayroon na tayong lahat ng mga elemento ng mata, oras na upang tipunin ito. Para sa anumang gawain sa disenyo na ginagawa mo sa Illustrator ang align tool ay basic. Maaaring hindi mo ito nakikita, palagi mo itong maa-access bintana>pumila. Awtomatiko itong tutulong sa iyo na ihanay ang iba't ibang mga elemento. Maaari mong sanggunian ang artboard, ang pagpipilian, o isang pangunahing bagay. Upang ihanay kailangan mo lamang pumili ng maraming mga bagay at epumili ng pagpipilian sa pagkakahanay. Kung nais mong pumili ng isang sanggunian na bagay, gawin ang pagpipilian at mag-click sa object na nais mong ibahin ang anyo sa isang key object nang hindi pinipilit ang anumang key. Isusentro namin ang mag-aaral sa loob ng panlabas na bahagi ng mata.

I-duplicate at i-flip upang likhain ang iba pang mata

I-duplicate at i-flip ang logo sa Illustrator

Kung napansin mo, ang kabilang mata ay eksaktong pareho ngunit sa kabaligtaran ng posisyon. Upang hindi na maulit ang buong proseso, ang gagawin namin ay duplicar ang nalikha na. Maaari mo itong gawin sa utos + c (kopyahin) at pagkatapos ay utusan ang + v (i-paste) o maaari kang pumili pindutin ang pagpipilian key at i-drag. Upang baligtarin ito, mag-click dito, at sa panel ng mga pag-aari, sa seksyong "ibahin ang anyo", sa mga simbolo na nakasaad sa imahe sa itaas, maaari mong i-flip ang hugis, sa kasong ito kailangan namin ito upang maging pahalang.

Lumikha ng pakpak gamit ang tool ng pathfinder o pen

Panulat at Pathfinder Tool

Balikan natin ang malaking hugis, makikita mo na mayroon itong isang uri ng pakpak. Ito ay talagang ang parehong hugis na ginagamit namin para sa katawan, nakaposisyon sa likuran at lumingon. Dadalhin ko ang pagkakataong ito upang ipaliwanag dalawang sobrang kapaki-pakinabang na tool para sa paglikha ng mga logo: ang tool ng pen at ang pathfinder.

La tool sa panulat Mayroon ka sa toolbar at maaari itong magamit upang likhain ang pakpak. Ang paggamit nito ay napaka-simple. Lamang i-click upang lumikha ng mga vertex at linya ay awtomatikong iginuhit upang sumali sa kanila.

Ang isa pang paraan upang maitayo ang pakpak ay sa pamamagitan ng paggamit ng pathfinder. Kung hindi mo ito nakikita, mahahanap mo ito sa tab na window> pathfinder. Gamit ang tool na ito maaari mong pagsamahin o ibawas ang mga bahagi. Sa kasong ito kailangan nating piliin ang pagpipilian: mas mababa sa harap. Doblehin ang hugis ng katawan, ilagay ito sa likod ng pagbuo ng pakpak at muling doble, pindutin nang mas kaunti sa harap at burahin ang labis. Magkakaroon na tayo ng aming pakpak. Kapag ang lahat ng mga hugis ay nilikha, maaari mong tipunin ang logo.

Kulay at gradient para sa iyong logo sa Illustrator

maglapat ng gradient sa iyong logo sa Illustrator

Hanggang sa ngayon hindi pa namin hinawakan ang isyu ng kulay. Mahalaga na kapag dinisenyo mo ang iyong logo binibigyang pansin mo ang kulay, pumili ng mga tono na magkakasuwato at kumakatawan sa diwa ng tatak. Pinili ko ang isang kulay-rosas, iiwan ko ang kulay ng code sa itaas kung sakaling gagana ito para sa iyo. Ang mga mata ay hindi napuno, ang mga ito ay isang puting linya na may kapal na 0,25.

Ang kulay rosas na bahagi ng katawan ay hindi isang patag na kulay, mayroon itong isang napasama. Mayroong mga magkasalungat na opinyon sa mga logo na mayroon o walang gradient. Bago gamitin ang mga ito ay isang peligro dahil ang gradient ay maaaring mawala kapag na-upload ito sa web. Gayunpaman, ito ay isang problemang nalampasan. Maraming mga tatak ang gumagamit ng mga gradient sa kanilang mga logo, mga tatak na makikilala bilang Instagram. Personal kong gusto ang mga ito dahil, kung ang mga ito ay mahusay na ginamit, nagdagdag sila ng dami sa logo.

Upang mag-apply ng mga gradient, kailangan naming piliin ang gradient tool at mag-double click sa object. Maaari kaming mag-shortcut sa pamamagitan ng pagpindot sa G sa keyboard at i-double click. Sa panel ng mga pag-aari, sa gradient, maaari mong piliin ang uri ng gradient at ipakita ang isang menu upang baguhin ito sa tatlong mga puntos. Sa kasong ito pumili kami ng isang gradient na mula black hanggang puti at binago namin ang itim sa pink at ang puti na papalitan namin ng napaka-ilaw na rosas, halos puti. Sa pamamagitan ng paglipat ng bar na lilitaw sa hugis at mga puntos, maaari mong baguhin ang posisyon at istraktura ng gradient.

Tipograpiya sa logo

Ang teksto ay walang anumang mga komplikasyon, nakasulat ito sa font ng Oswlad Medium, na maaari mong i-download nang libre sa Google Fonts. Binigyan namin ito ng laki ng 17 puntos at pinili namin ang parehong kulay-rosas na tono. Ganito ang magiging hitsura nito!

Paano ipasadya ang mga font sa Adobe Illustrator

ibahin ang teksto sa stroke sa Illustrator

Pag-usapan pa natin ang tungkol sa palalimbagan! Maaaring mai-convert ang mga font sa mga stroke, break, deform at maaari tayong maglaro sa kanila. Ako ay lubos na nag-aatubili na gawin ito, ngunit hey, upang lumikha ng mga logo ay isang mahusay na mapagkukunan at dapat mong malaman ito. Tingnan natin ang isang halimbawa:

Piliin natin ang File Black font, at isusulat ko ang pangalang ito. Tulad ng sa ngayon, mayroong maliit na magagawa natin dito. Kailangan nating baguhin ang typography sa isang stroke. Para doon, pipiliin namin ito gamit ang tool ng pagpili, at pumunta sa tab na teksto> lumikha ng mga balangkas. Bago gawin ito, tiyaking nakasulat nang maayos ang teksto, dahil hindi mo na ito mai-e-edit!

kung paano lumikha ng logo sa adobe Illustrator

Sa pamamagitan ng paglikha ng mga balangkas, maaari mong gamutin ang iyong teksto tulad ng anumang iba pang stroke ng Illustrator. Tulad ng nagawa namin sa mga hugis, sa direktang tool ng pagpili ay kukunin namin ang mga dulo ng i at ang punto ng pangalawang "i" ibabago namin ito sa isang uri ng dahon, kung saan ibibigay ko ito turkesa tono. Ang kagiliw-giliw na bagay ay ang buong salita ay maaaring magamit bilang isang logo o ang "i" bilang isang malayang uri ng imahe.

Subukan ang iyong mga logo sa mga mockup sa Photoshop

Pangwakas na resulta kung paano lumikha ng logo sa Photoshop

Ang isang magandang ideya upang makita kung gumagana ang iyong logo ay upang lumikha ng mga mockup sa Photoshop. Ito ang pinakamahusay na paraan upang mabilis na makita kung paano ito magmukhang totoo at kung paano ito maipapatupad. Ano sa palagay mo?

 

 

 

 


Ang nilalaman ng artikulo ay sumusunod sa aming mga prinsipyo ng etika ng editoryal. Upang mag-ulat ng isang pag-click sa error dito.

Maging una sa komento

Iwanan ang iyong puna

Ang iyong email address ay hindi nai-publish.

*

*

  1. Responsable para sa data: Miguel Ángel Gatón
  2. Layunin ng data: Kontrolin ang SPAM, pamamahala ng komento.
  3. Legitimation: Ang iyong pahintulot
  4. Komunikasyon ng data: Ang data ay hindi maiparating sa mga third party maliban sa ligal na obligasyon.
  5. Imbakan ng data: Ang database na naka-host ng Occentus Networks (EU)
  6. Mga Karapatan: Sa anumang oras maaari mong limitahan, mabawi at tanggalin ang iyong impormasyon.

bool (totoo)