Malamang na alam mo na mayroong dalawang uri ng graphics − raster at vector.

Ang isang raster na imahe ay binubuo ng maraming maliliit na cell - mga pixel, kung saan ang bawat pixel ay may sariling kulay. Ang isang raster na imahe ay madaling makilala sa pamamagitan lamang ng pagpapalaki nito ng 200%, at napakabilis ng maraming maliliit na parisukat ay magiging kapansin-pansin - ito ay mga pixel.

Dalawang pinakasikat format ng raster: JPEG, PNG.

Ang mga raster graphics ay kapaki-pakinabang para sa mga photorealistic na larawan. Ang photography ay raster graphics din. Sa kanya ikaw at ako nagtatrabaho Adobe Photoshop .

Hindi tulad ng mga raster na imahe, ang mga imaheng vector ay hindi binubuo ng mga pixel, ngunit ng maraming mga reference point at curve na nagkokonekta sa kanila. Ang isang imahe ng vector ay inilalarawan ng mga formula at hindi nangangailangan ng impormasyon tungkol sa bawat pixel. Dahil dito, hindi nawawalan ng kalidad ang mga imaheng vector habang lumalaki ang mga ito at kumukuha ng mas kaunting espasyo.

Vector graphics ay ginagamit para sa mga logo, mga ilustrasyon, mga icon, at mga teknikal na guhit. Ngunit hindi ito angkop para sa pagtatrabaho sa mga larawang photorealistic.

Pinakasikat mga format ng vector: SVG, A.I., ac pinakasikat na editor vector graphics — Adobe Illustrator .

Tulad ng nakikita mo, ang bawat format ay may mga kalamangan at kahinaan nito, kaya kung nagtatrabaho ka sa mga graphics, kung gayon dapat ay magagawa mo ang parehong raster at vector graphics.

Sa lahat ng mga taon ng pagkakaroon ng proyekto ng Photoshop Master, binigyan ka namin ng mga aralin sa raster graphics. Ngunit madalas na hinihiling sa amin ng aming mga subscriber at kliyente na magrekomenda sa kanila ng mga de-kalidad na vector graphics tutorial. At ngayon maaari naming ligtas na magrekomenda ng mga naturang materyal sa iyo, dahil ang aming magiliw na proyekto na "Videosmail" ay naglabas ng isang bagong pagsasanay na mini-course - Adobe Illustrator para sa mga nagsisimula.

Maaari mong pag-aralan ang unang tatlong aralin ng mini-course na ito ngayon:

Aralin 1 - Panimula sa programa

Aralin 2 - Interface ng Adobe Illustrator

Aralin 3 - Stroke at Punan

Aralin 4 - Mga Tool sa Adobe Illustrator

Aralin 5 - Pag-render ng Imahe

Aralin 6 - Paggawa gamit ang teksto

Praktikal na aralin para sa pagpapatatag

Kung nagustuhan mo ang kursong ito at gusto mo pang umunlad sa direksyon ng vector graphics, mayroon akong magandang balita para sa iyo.

Sa Lunes na -Pebrero 12sa loob ng balangkas ng aming magiliw na proyekto na "Videosmail", isang malaking kurso ni Veronica Polyakova ang ini-publish, na tinatawag na"Super Illustrator".

Sa kursong ito makikita mo71 mga aralin, at sa panahon ng iyong pagsasanay ikaw ay lilikhahigit sa 25 sariling mga ilustrasyon at mangolekta ng isang ganap na portfolio na makakatulong sa iyong mahanap ang iyong mga unang kliyente.

Hanggang kamakailan lamang, gumamit ako ng Adobe Photoshop sa aking trabaho. At naisip ko iyon mas maganda pa sa photoshop CS4 lang photoshop CS5.

Ngunit habang ang dami ng trabaho at ang bilang ng mga order ay lumago, ako ay dumating sa konklusyon na oras na upang baguhin ang tool. Susubukan kong ibuod ang aking karanasan sa programang ito.

Adobe Photoshop para sa disenyo ng website:

Pros

1. Maraming mga pagpipilian para sa pagtatrabaho sa mga larawan.
2. ...at, sa pangkalahatan, iyon lang.

Matapos makilala ang Adobe Illustrator, ang karaniwang interface ng Photoshop na may mga layer at mga katangian ng teksto ay tila isang malamya na hindi pagkakaunawaan.

Cons

Gaya ng inilagay ni Valera Popov sa kanyang artikulong " Bakit hindi ako gumamit ng Photoshop para sa disenyo ng website? »,
10% ng oras ng pagtatrabaho ay ginugugol sa pag-imbento at pagkamalikhain, at ang natitira ay nakagawiang gawain sa pamamagitan ng paggiling ng mga pahina.

1. Hindi maginhawang pag-navigate sa pahina. Para sa malalaking online na tindahan ang bilang ng mga pahina na may indibidwal na disenyo ay maaaring umabot ng hanggang daan-daan. At ano ang gagawin sa kasong ito? Paano mabilis na mahanap ang kailangan mo sa bookmarks bar?
2. Hindi posible na lumikha ng mga master-page - para sa mga elemento na pareho sa lahat ng mga pahina. Halimbawa, isang header at isang menu. Sabi nila sa pinakabagong bersyon Ipinakilala nila ang Layer comps function, ngunit ito ay gumagana nang napakalikod.
3. Upang i-duplicate ang mga magkakahawig na elemento na nasa parehong lugar sa iba't ibang pahina, kailangan mong manganak ng hedgehog sa bawat oras at dumaan sa isang napakahirap at hindi komportable na pamamaraan.
4. Walang paraan upang tukuyin ang mga istilo ng mga indibidwal na bloke at tulungan ang taga-disenyo ng layout.
5. Sa malalaking dami Ang mga pahina ng Photoshop ay hindi kapani-paniwalang mabagal. Kahit sa iba pa mga saradong programa. Kahit na sa pinakabagong build ng aking computer sa opisina. At huwag na nating pag-usapan ang tungkol sa lumang bahay.

May paraan palabas- Adobe Illustrator

Mga anim na buwan na ang nakalilipas, nagtakda ako na maghanap ng isang programa na tutugon sa lahat ng mga problemang ito. Nakakalungkot na humiwalay sa Photoshop: paborito ko pa rin ito katutubong programa, I've been drawing in it since I was 11 years old, I know all the hot keys. Ngunit umabot sa kasukdulan ang routine.

Nagsimula akong maghanap ng kapalit. Bago pa man ang elepante, muling idinisenyo ko ang Helga sa InDesign - hindi ko ito nagustuhan. Hindi ko maalala kung ano ang eksaktong. Pagkatapos ay nakatagpo ako ng Adobe Illustrator. Sumulat ako ng isang opisyal na aklat-aralin para sa aking sarili sa Ozone. Sa halos isang linggo at kalahati, pinagkadalubhasaan ko ang lahat ng mga function na kailangan ko dito.

Habang walang mga bagong proyekto, nagtrabaho pa rin ako dito bilang ang parehong Paper Elephant.

Ang lahat ng mga disadvantages ng Photoshop ay inalis:

Pag-navigate sa pahina. Maraming tinatawag na mga artboard ang nilikha sa isang dokumento. Maaaring i-customize ang view upang makita silang lahat nang sabay-sabay:

Ang mga master-page ay nalulutas gamit ang mga simbolo. Halimbawa, ang mga elemento ng header ay pinagsama sa isang pangkat, at isang simbolo ay nilikha mula sa pangkat. At ang simbolo na ito ay nakopya na sa lahat ng pahina (I-paste sa lahat ng artboards function). Kung kailangan mong baguhin ang isang bagay dito, i-double click Sa panel ng simbolo, maaari kang lumipat sa mode ng pag-edit para sa partikular na simbolo na ito.

Upang matulungan ang taga-disenyo ng layout, mayroong panel ng Mga istilo ng talata, kung saan nakatakda ang mga heading at iba pa. Ang mga istilong ito ay maaaring mailapat sa iba't ibang elemento sa iba pang mga pahina sa halip na tukuyin ang lahat mula sa simula.

Para sa pseudo-link sa mga setting ng teksto, sa kasamaang-palad, walang tuldok na salungguhit. Sa Photoshop, ginawa ko ito sa isang hiwalay na layer ng teksto gamit ang mga gitling o tuldok. Kung nagbago ang haba o hugis ng link, kailangan itong i-edit sa bawat pagkakataon.

Para sa mga layuning ito, ang chandelier ay may line tool kung saan nakatakda ang mga kinakailangang istilo. Maaari itong maging madali at walang hindi kinakailangang gawain para sa paglipat ng mga instrumento:

Sa mga minus, papansinin ko nagtutulungan gamit ang photoshop. Kung i-drag mo ang isang layer na may larawan mula sa Photoshop papunta transparent na background, nagiging puti ang background nito:

Ang pagguhit ng bawat pixel ng mga pindutan ng icon ay malamang na hindi maginhawa, lalo na sa una. Ngunit ang lahat ng mga elementong ito ay maaaring iguguhit sa Photoshop, at pagkatapos ay makopya nang walang anumang mga problema.

May library din sa chandelier karaniwang mga elemento- field ng paghahanap, mga checkbox, atbp. Ngunit, sa aking opinyon, hindi sila masyadong komportable. Kapag nagbabago ang mga laki, nagiging skewed sila:

Well, ang natitira ay isang fairy tale lamang! Ang susunod na proyekto sa plano ay isang online na tindahan ng muwebles, na tiyak na magkakaroon ng maraming pahina. Kaya susubukan ko ang chandelier sa mga kondisyon ng labanan.

Sikat graphic editor Inilabas ang Photoshop korporasyong Amerikano Adobe. Siya rin ang nag-develop ng Illustrator program. Para saan ang solusyong ito?

Mga katotohanan tungkol sa Photoshop

Programa ng Photoshop(Ang opisyal na pangalan nito ay Adobe Photoshop) ay isang graphics editor na pangunahing iniangkop sa pagtatrabaho sa mga raster na larawan. Ito ay komersyal na software.

SA gamit ang Adobe Sa Photoshop, hindi mo lamang mababago ang mga graphic na file, ngunit gumuhit din ng mga larawan mula sa simula, gamit ang pinakamalawak na hanay ng mga tool - mga brush, linya, mga hugis. Ang programang ito ay nagbibigay-daan sa iyo na maglapat ng isang malaking bilang ng mga epekto sa nilikha at naprosesong mga imahe, gumawa ng mga pagsasaayos hanay ng kulay mga guhit, ilapat ang iba't ibang mga filter.

Mga katotohanan tungkol sa Illustrator

Programa ng ilustrador(Ang opisyal na pangalan nito ay Adobe Illustrator) ay isa ring graphics editor, na, gayunpaman, ay kabilang sa kategoryang vector. Tulad ng Photoshop, ito ay komersyal na software.

Ang pangalang "Illustrator" para sa programang ito ay hindi pinili ng pagkakataon: ang kaukulang solusyon mula sa Adobe ay nagmumungkahi ng malaking pangangailangan sa mga taga-disenyo na kasangkot sa paglalarawan ng ilang mga materyales. Halimbawa, mga magazine o booklet. Sa pagsasagawa, ang gayong kahilingan ay talagang sinusunod. Sikat ang Illustrator sa buong mundo salamat sa maginhawang pag-andar at isang kumportableng interface na medyo madaling i-master kahit na walang karanasan na gumagamit.

Paghahambing

Ang pangunahing criterion na tumutukoy sa pagkakaiba sa pagitan ng Photoshop at Illustrator ay ang pangunahing uri mga graphic na file pinoproseso ng programa.

Ang Photoshop, tulad ng nabanggit namin sa itaas, ay inilaan para sa pag-edit ng mga raster na imahe. Iyon ay, ang mga larawang iyon na binuo mula sa mga pixel at may nakapirming resolusyon. Ang pag-edit ng isang larawan ay isinasagawa ng Photoshop, tulad ng anumang iba pang "raster" na programa, sa pamamagitan ng mababang antas ng mga pagsasaayos sa mga kulay ng imahe.

Ang "Illustrator" ay isang vector graphics editor. Iyon ay, mga larawan na "blangko" ng iba't ibang mga numero at may mga halaga ng nominal na resolusyon: maaari silang dagdagan o bawasan anumang oras.

Mayroon ding ilang functional na pagkakaiba sa pagitan ng mga programang pinag-uusapan.

Kaya, ang Photoshop ay nagsasangkot ng pagtatrabaho sa isang proyekto na nakalagay sa isang canvas lamang - isang window kung saan matatagpuan ang ilang mga graphic na elemento. Binibigyang-daan ka ng Illustrator na ipamahagi ang mga na-edit na larawan sa ilang mga vector platform para sa pagpoproseso ng graphics.

Ang isa pang makabuluhang pagkakaiba sa pagganap sa pagitan ng mga programang isinasaalang-alang ay ang bawat graphic na elemento na naproseso sa Photoshop, halimbawa isang larawan o teksto, ay bumubuo ng isang hiwalay na layer. Sa Illustrator, maaaring mayroong ilang mga layer sa loob ng isang layer. mga graphic na elemento.

mesa

Kaya, pinag-aralan namin ang pagkakaiba sa pagitan ng Photoshop at Illustrator. Isa-isahin natin ngayon ang pamantayang natukoy natin sa talahanayan.

Photoshop o Illustrator? Aling graphics program ang pinakamahusay na gamitin mga tiyak na gawain? Malinaw, ang sagot sa tanong na ito ay depende sa sitwasyon. Sa artikulong ito ako ay magsusulat maikling pagsusuri mga programa at tapusin kung aling tool, sa palagay ko, ang pinakaangkop para sa pagtatrabaho sa ilang partikular na sitwasyon.

Kung ang iyong karanasan ay naiiba sa akin, mangyaring ibahagi ang iyong mga saloobin sa mga komento sa ibaba!

Magsimula na tayo.

Saan nagsimula ang Photoshop at Illustrator?

Inilunsad noong 1988, ang Photoshop ay naging isa sa... pinakamahusay na mga programa para sa maraming designer. Ito ay orihinal na nilikha bilang isang tool para sa mga photographer upang i-edit at pamahalaan ang kanilang mga larawan. Sa pamamagitan ng paraan, para sa maraming mga tao, ito ay nananatiling pangunahing paggamit nito. Gayunpaman, sa malawak na hanay ng mga tool na magagamit at patuloy na idinaragdag at pinabuting, ang Photoshop ay naging higit pa sa isang programa sa pag-edit ng larawan.

Sinimulan ng Illustrator ang buhay nito nang mas maaga kaysa sa Photoshop - noong 1987 at pangunahing nilikha para sa layout at paglikha ng logo, bilang isa sa mga lugar graphic na disenyo. Ang pagtatrabaho sa mga logo ay nanatili hanggang ngayon na isa sa mga pangunahing tungkulin nito, ngunit sa pag-unlad ito ay naging malawakang ginagamit mga graphic designer at mga artist upang lumikha ng isang malaking bilang ng iba pang mga uri ng mga digital na produkto - mga guhit, mga diagram, mga graph, mga diagram, mga karikatura ng mga tunay na larawan at marami pang iba.

Aling software ang pinakamahusay para sa disenyo ng logo?

Ang paggamit ng Illustrator ay nangangahulugan na ang iyong logo ay magiging isang vector graphic na hindi bahagi ng isang raster na larawan. Hindi mo pa alam kung ano ito? Kung gayon ito ang lugar para sa iyo.

Habang ang parehong Photoshop at Illustrator ay maaaring lumikha ng isang logo, dapat mong isaalang-alang ang pagiging angkop at kakayahang magamit nito.

Ang mga paunang dimensyon ng logo ay hindi maaaring paunang matukoy;

Bilang karagdagan, ito ay nagkakahalaga ng pag-alala na ang isang logo na nilikha sa Photoshop ay isang elemento raster graphics at hindi mababago nang walang pagkawala ng kalidad.

Sa pag-iisip na ito, sulit ang paggamit ng Illustrator dahil ang logo na gagawin mo ay magiging vector graphic, ibig sabihin, maaari itong baguhin ang laki habang pinapanatili ang kalidad ng logo mismo.

Ang Photoshop ay may isang lugar sa disenyo ng logo, ngunit para sa karamihan, ang Illustrator ay dapat palaging ang iyong unang pagpipilian.

Nagwagi:

Aling software ang pinakamahusay para sa disenyo ng web?

Para sa maraming mga taga-disenyo (kasama ako), ang Photoshop ay karaniwang ang unang pagpipilian para sa kategoryang ito ng trabaho. Dahil ang Photoshop ay isang graphic editor na ginagamit upang lumikha mga larawan ng raster batay sa mga pixel (na may resolusyon tulad ng mga screen ng monitor), na mainam para sa pagdidisenyo ng disenyo ng website, halimbawa, na ipinapakita sa isang monitor.

Gayunpaman, kapag nagdidisenyo mga user interface Ang Illustrator ay maaaring magbigay ng maraming benepisyo na hindi magagawa ng Photoshop.

Halimbawa, may gamit ang Illustrator Ang gawain sa disenyo ng web ay maaaring gawin nang mas mabilis sa pamamagitan ng pagpapalit ng laki mula sa mas malaki patungo sa mas maliit at vice versa. Mahusay din ang Illustrator para sa paglikha ng mga bahagi na ginagamit muli at madalas na binabago ang laki.

Ang Illustrator ay palaging bahagi ng aking gawain sa disenyo ng UI, ngunit karamihan sa mga gawain ay ginagawa pa rin sa Photoshop.

Nagwagi:

Mas mainam bang gumamit ng Photoshop o Illustrator upang lumikha ng sining?

Ang Illustrator ay mas mahusay para sa malinis, graphic na mga guhit, habang ang Photoshop ay mas mahusay para sa mga larawang ilustrasyon.

Sa isang banda, maaaring mukhang ang Illustrator ang malinaw na pagpipilian, ngunit hindi ito ganoon kasimple. Una sa lahat, ang lahat ay nakasalalay sa uri ng paglalarawan; programa ng graphics, habang nakakakuha ng kulay at saturation.

Gaya ng nabanggit kanina, sa Illustrator makakagawa tayo ng malinis, pull-out na graphics, na marami sa mga ito ay madaling magamit muli, habang ang Photoshop ay gumagawa ng photorealistic na drawing-based na mga ilustrasyon na nangangailangan ng napakaingat na atensyon sa detalye at pagmamanipula ng larawan.

Sa maraming mga kaso, karamihan sa mga taga-disenyo ay gumagamit ng parehong mga programa. Ngunit una sa lahat, ang lahat ay nakasalalay sa kung anong uri ng paglalarawan ang nais mong likhain.

Mga nanalo:

At sa pagbubuod ng nanalo...

Walang panalo dito!

Sa artikulong ito, gumawa ako ng imitasyon ng kompetisyon sa pagitan ng dalawang programa. Paano mo mapipili ang mananalo sa pagitan ng kanan at kaliwang kamay? Ang lahat ay nakasalalay sa iyo at kung ano ang plano mong likhain, kung paano mo ito pinaplanong gamitin sa hinaharap at kung ano ang mas nakasanayan mo. yun lang.

Parehong Photoshop at Illustrator ay dalawang programa na mayroon mahalagang kahalagahan para sa karamihan ng mga master ng brush, maging isang web designer, designer, fashion designer, illustrator o anumang iba pang taong malikhain na may maraming libreng oras.

Ang pinakamahalagang konklusyon mula sa lahat ng nasa itaas ay ang pangangailangan na matutunan kung paano magtrabaho sa parehong mga programa, o hindi bababa sa pamilyar sa pangalawa (ang katotohanan na alam mo ang isa sa mga ito nang sigurado ay walang pag-aalinlangan - kung hindi, hindi ka magkakaroon ng natagpuan ang aking blog). Sa ganitong paraan, hindi mo lamang palalawakin ang iyong resume at mga pagkakataon para sa karagdagang pag-unlad at pag-unlad - pagpili ang tamang kasangkapan V tamang sandali dadalhin ka sa susunod na antas.

Nagtatrabaho ka man sa isang design firm, freelance, o nasiyahan lang sa proseso, ang pag-master ng parehong mga tool ay tiyak na isang kapaki-pakinabang na pamumuhunan ng oras. At ang pagbabasa at pagkomento sa blog na ito ay gagawing mas epektibo ang proseso.

Hanggang sa purihin mo ang sarili mo...

Magugustuhan mo rin ang mga artikulong ito:

Ang gabay na ito ay magiging kapaki-pakinabang para sa mga nagtatrabaho sa Adobe Photoshop at Adobe Illustrator, at kung minsan ay nagpapalitan ng mga larawan sa pagitan ng dalawang programang ito at isumite ang kanilang gawa sa microstock.

Maaaring magtulungan ang Adobe Photoshop at Adobe Illustrator sa maraming paraan para sa mabungang mga resulta. Sa tutorial na ito tatalakayin natin ang pagputol at pag-paste ng mga vector file sa Photoshop gamit ang sumusunod na mga larawan at vector ng Shutterstock mula kina Loriklaszlo at Donald Sawvel.

Kopyahin at i-paste

Isa ito sa pinaka mga kawili-wiling paraan pag-import ng mga imaheng vector sa Photoshop. Kung bubuksan mo vector file Sa isang programa tulad ng Illustrator, piliin kung ano ang gusto mong i-import, pagkatapos ay i-click ang kopyahin at i-paste sa dokumento ng Photoshop.

Inalis ko muna ang background mula sa pagguhit upang maipasok ko ang larawang may larawan tuktok na bahagi itim at puti na mga litrato.

Sa dialog na lalabas kapag nag-paste ako, piliin ang karaniwang default na Pixels, magsimula tayo sa opsyong ito.

Kapag nagpasok ka ng isang bagay, lilitaw ang isang bounding rectangle na akma sa dokumento.

Sa pamamagitan ng pagpindot sa shift at pag-drag sa isa sa mga sulok maaari mong sukatin ang bagay tamang sukat(hawakan nang matagal ang susi kung gusto mong sukatin ang bagay nang proporsyonal).

Ipasok at ang iyong imahe ng vector ay na-convert sa mga pixel at inilagay.

I-import ng Path ang vector bilang Work Path, ngunit hindi nito gagawing kulay ang object. Kapag na-click mo ang OK, mayroon ka ng lahat ng opsyon sa pag-edit gamit ang Work Path. Bukod pa rito, kapag ginagamit ang opsyong Path, ang lahat ng hakbang ay ipinapasok sa kanilang sarili orihinal na sukat, at hindi sa laki ng dokumento.

Ini-import ng opsyon ng Shape Layer ang landas patungo sa object bilang Vector Mask. Ang paraan ng pag-import na ito ay hindi nagbibigay ng kulay sa pagguhit, pinupuno nito ang hugis ng kulay na napili sa iyong plano. Gamit ang opsyong Path, kukunin ng object ang natural na laki nito nang walang hangganan na kahon.

Ang paborito kong opsyon (patawarin mo ako sa huling pag-save....) ay "Smart Object". Kapag nag-paste ka ng isang seleksyon sa iyong dokumento, ang kulay ay dumudugo at makakakuha ka ng isang bounding box upang sukatin kung kinakailangan.

Bumalik at inilagay ang bagay. Mayroon ka na ngayong layer na tinatawag na "Vector Smart Image". Kung gusto mong baguhin ang isang bagay tungkol sa isang bagay na iyong inilagay, sa kasamaang palad ay hindi mo ito mapapalitan sa Photoshop dahil kapag inilagay mo ito bilang isang matalinong bagay, hindi ka makakakuha ng isang landas. Ngunit narito kung saan nakakagulat: kung mag-double click ka sa icon ng smart objects...

May lalabas na window na nagpapaliwanag kung ano ang gagawin kung magbubukas ang smart object...

I-click ang OK at magbubukas ang iyong object sa Illustrator, handa nang i-edit.

Napagpasyahan kong palitan ang lahat ng mga bulaklak at gawin itong fuchsia para maging kakaiba sila sa itim at puting litrato, na ginagamit ko.

Kapag tapos ka nang gumawa ng mga pagbabago, i-click ang I-save (hindi I-save Bilang) at bumalik sa iyong dokumento sa Photoshop...

Awtomatikong ina-update ang object sa dokumento ng Photoshop! Magagawa mo ito nang maraming beses hangga't gusto mo at gumawa ng maraming pagbabago hangga't gusto mo.

Ang pagtuklas ng Smart Object ay nagpabago sa aking buhay, at umaasa akong mapapabuti rin nito ang buhay mo! Maaari mong ipadala ang iyong trabaho sa anumang bangko ng larawan!