Illustrator-ekin lan egiteko aholkuak. Hona hemen ideia zoro bat: diseinatu zure hurrengo web proiektua Illustrator-en. Web-diseinatzaile nagusia bazara, litekeena da iradokizun honi oso ondo ez erantzutea. Illustrator-ek ezin du Photoshop-ek egin dezakeen guztia egin, ezta?
Ez zalantzarik modu horretan.
Nahiz eta Photoshop de facto tresna bihurtu da web diseinua, Illustrator zure beharrak asetzeko gai da. Bere maketazio-tresnei esker, web diseinurako programa hobea eta egokiagoa izaten da.
Web-diseinuko profesional gehienek Illustrator-en froga bila ibili nahi ez dutenez, Illustrator-en web-diseinuarekin esperimentatzen hasteko jakin behar dituzun webarekin lotutako eginbideen zerrenda osatu dut.
Probatu hauetako batzuk eta Illustrator zure web diseinuko lan-fluxuan tresna estandar gisa erabiltzen hasiko zarela ziurtatzen dut.
1. Lehenik eta behin: ezarri unitate guztiak Pixeletan. Illustrator-ekin lan egiteko aholkuak
Lehenespenez, Illustrator-ek metrika erabiltzen du objektuen eta puntuen tamainaren unitateak testurako. Ezarpen bikainak dira diseinu-egoera gehienetarako, baina horretarako web diseinua ziurrenik pixelak nonahi ikusi nahi izango dituzu. Beraz, beste ezertan lanean hasi aurretik, ziurtatu zure unitateak behar bezala konfiguratuta daudela.
Unitateak pixeletan ezartzeko:
- Ireki Editatu menuan
- Hautatu neurketa-unitateak ezarpenen azpimenutik.
- Ezarri aukera guztiak "pixeletan" gisa
2. Sortu dokumentuak web dokumentuaren profila erabiliz.
Diseinu berri bat lantzen hasi nahi duzunean, erraz mugitu Dokumentu Berriaren leihotik eta saltatu xehetasun garrantzitsu batzuk, esate baterako, Illustratori web-diseinu batean lan egiteko asmoa duzula esatea CMYK koloreak ez erabiltzeko. eta objektuaren ertz lausoak. Gogoratu dokumentu berriaren leihoan Interneteko profilaren ezarpena hautatzen duzula eta ondo egongo zara.
3. Gaitu objektuen pixel-sarearen lerrokatzea. Illustrator-ekin lan egiteko aholkuak
Ezaugarri hau bizitza salbatzailea da Photoshop-en forma lausotutako ertzekin arazorik izan baduzu.
Pixel-sareko lerrokatzeak objektu baten segmentu horizontal eta bertikalak doituko ditu pixel-sarera ezin hobeto egokitzeko, segmentu kurbatuak eta inklinatuak leun mantenduz. Emaitza forma kurruskariak eta pixel-perfektuak dira, web diseinuan zalantzarik gabe nahi duzun zerbait.
Goiko botoiak pixelen sareta lerrokatzea gaituta dauka, eta horrek beti sortzen du ertz zorrotzak.
Objektu-mailako pixelen sareta lerrokatzea gaitzeko:
- Hautatu objektua
- Ireki Eraldatu panela (Leihoa > Eraldatu).
- Egiaztatu panelaren behealdean dagoen "Lerrokatu Pixel Grid-era" kontrol-laukia (ez baduzu ikusten, egin klik bikoitza panelean aukerak erakusteko)
Ohar. Pixelen sareta lerrokatzea lehenespenez gaituta dago web dokumentuaren profila erabiliz sortutako objektu berri guztietan. Hala ere, beste Illustrator fitxategi batzuetako objektuak itsatsi badituzu, eskuz egokitu beharko duzu horien pixelen lerrokatzea. Illustrator-ekin lan egiteko aholkuak
4. Aktibatu pixelen aurrebista.
Pixel-Aurrebista funtzioak Illustrator-ek Photoshop bezalakoa izango du zure irudia % 100etik gora eskalatzean; aldi bakoitzean bektore perfektuak lortu beharrean, pixelak raster irudi batekin lan egingo bazina bezala ikusiko dituzu.
Pixelen aurrebista aktibatzea Photoshop-en zaudela sentituko zaitu.
Pentsa zein polita den - grafiko bektorialen botere guztia eskura duzu eta emaitza pixel mailan nolakoa den ikus dezakezu.
Polita, ezta?
Gaitu edo desgaitu pixelen aurrebista
- Ireki ikuspegi menua
- Hautatu Pixel View.
5. Erabili Artelanen leihoak. Illustrator-ekin lan egiteko aholkuak
Imajinatu bi bideo-kamera zure proiektura zuzenduta daudela.
Kamera batek zoom maila normala du, eta zure lanaren % 100 erakusten du. Beste kamerak % 400eko zoom maila du eta lanean ari zinen ikono zehatz batera zuzenduta dago.
Zirujau batek bezala, zoom kamera erabiltzen duzu ikonoan pixel-mailako aldaketa txikiak egiteko, noizean behin %100eko zoom kamerari begiratuz, bere benetako tamainan nolakoa den ikusteko.
Estalki-leihoak bikainak dira ikonoak bezalako elementu txikiekin lan egin behar duzunean; ez duzu etengabe handitu eta txikiagotu behar dena nola dagoen ikusteko.
Hauek Artelanen leihoak dira: zure diseinua aldi berean zoom maila, kolore ezarpen eta bestelako aldaera ezberdinekin ikusteko aukera ematen dute. Hau oso erabilgarria da web diseinurako, batez ere pixel mailako xehetasunekin lan egiten duzunean.
Artelanen leihoak erabiltzeko:
- Ireki Leiho menua, eta gero hautatu Leiho berria. Illustrator-ek fitxa berri bat sortuko du dokumentu bera ikusteko.
- Joan berriro Leiho menura, aukeratu Antolatu > Eraman guztiak leihora. Horrek aldatzeko aukera emango dizu leihoen tamaina eta kokapena bata bestearen ondoan komeni zaizun moduan.
- Probatu zoom-maila desberdinak leihoetan eta hasi aldaketa batzuk egiten nola funtzionatzen duen ikusteko. Illustrator-ekin lan egiteko aholkuak
6. Erabili ikurrak botoiak, ikonoak eta beste azkar sortzeko.
Zenbat aldiz sortu duzu botoi, ikono edo widget bera (edo ia berdina) Photoshop-en? Web diseinuan ari bazara, ziurrenik egunero egingo duzu.
Illustrator-ek denbora aurrezten eta sinboloekin lan errepikakorra saihesten lagunduko dizu.
Funtsean, sinboloak prest egindako multzo amaigabea dira diseinu-elementuak, lanari arrastatu eta jareginez gehi daitekeena, eta gero aldatu behar den moduan. Hau aproposa da hutsetik sortu behar ez diren botoi, ikono eta beste objektu estandar batzuetarako.
Baina bada sinboloak indartsuak izateko beste arrazoi bat, eta instantziazioa deitzen zaio.
Sinboloak erosoak izateaz gain, errepikatzen diren diseinu-elementuak eguneratzea errazten dute.
Funtsean, jatorrizko sinboloan aldaketak egiten dituzun bakoitzean, aldaketa horiek berehala islatzen dira zure artelanean aurkitutako sinboloaren kasu guztietan. Botoi handiagoak behar dituzu zure webgunean? Sinboloa aldatu besterik ez dago. Zure inprimaki-eremuak orrialde bakoitzean desberdina izatea nahi duzu? Sinboloa aldatu besterik ez dago. Ideia ulertzen duzu.
Aholkua: ez baduzu nahi sinboloaren instantzia zehatz batean hau gertatzea, egin klik eskuineko botoiarekin zure ilustrazioko objektuan eta hautatu Apurtu sinboloaren erreferentzia. Honek eguneratze automatikoetatik kanpo utziko du.
Hona hemen sinboloak nola erabili eta manipulatu azaltzen dituen bideo on bat:
Sinboloak erabiltzea Adobe Illustrator-en - Adobe TV .
Lehendik dagoen ikur bat erabiltzeko:
- Ireki Sinboloak panela Leiho menutik.
- Arrastatu hautatutako ikurra zure lanera
Sortu ikur berri bat:
- Sortu irudi sinbolo bat
- Ireki Sinboloak panela Leiho menutik.
- Arrastatu ilustrazio bat panelera
- Egin klik Ados elkarrizketa-koadroan berresteko.
Ikur bat editatzeko:
- Ireki Sinboloak panela Leiho menutik.
- Egin klik bikoitza ikur batean edizio moduan sartzeko.
- Amaitutakoan, egin klik bikoitza sinboloaren iruditik kanpo editatzeko modutik irteteko.
7. Zabaldu erraz objektuak 9 segmentu eskalatuz. Illustrator-ekin lan egiteko aholkuak
Hau sinbologia-eginbide aurreratu bat da, eskalatzean objektu baten zein atal luzatzen diren eta zeintzuk aldatzen ez diren definitzeko aukera ematen duena.
Ezkerrean: 9 segmentuko zoom ezarpenarekin eta gabe luzatutako botoi baten adibidea. Eskuinean: 9 segmentuko eskalatze ezarpenak 4 gidak mugitzea dakar Illustratoriri esaten diotenak objektuaren zein zati dauden babestuta eta zein zati eskala daitezkeen.
Adibide praktiko bat ertz biribildutako botoi bat da; luzeagoa egin nahi baduzu, ezin duzu horizontalki luzatu, horrek objektu osoa desitxuratu egingo duelako. Horren ordez, eskuz mugitu beharko dituzu forma-puntuak. 9 segmentuko eskalamenduarekin, tarteak nahi duzun bezala funtzionatzen du. Illustrator-ekin lan egiteko aholkuak
Benetan nola funtzionatzen duen ulertzeko, entzun Adobe TV-ren bideo-tutorial bikain hau azkar jabetzeko:
Ikurrekin 9 segmentuko eskalatzea erabiltzea - Adobe TV .
8. Txoko biribilduak nonahi!
Laukizuzen biribildu bat sor dezakezu Photoshop-en, baina Illustrator-ek izkina biribilduen efektu suntsitzailea ez den ia edozein objekturi aplikatzeko aukera ematen dizu. Zer da efektu ez-suntsitzailea? Horrek esan nahi du aktibatu, desaktibatu edo bere ezarpenak alda ditzakezula azpiko jatorrizko objektuari eragin gabe.
Ertz biribilduen efektua ia edozein objektu motari aplika diezaiokezu eta behar bezala doitu. Illustrator-ekin lan egiteko aholkuak
Izkin biribilduen efektua aplikatzeko:
- Sortu laukizuzen bat edo ertz zorrotzekin beste edozein objektu
- Efektuak menuan, aukeratu Estiliza > Txoko biribilduak.
- Sartu izkina-erradio bat eta egin klik Aurrebista nolakoa den ikusteko.
- Egin klik Ados efektua aplikatzeko.
Izkin biribilduen efektua aldatzeko:
- Hautatu ertz biribildutako objektu bat
- Ireki Itxura panela Leiho menutik.
- Bilatu ertz biribilduen efektua eta egin klik bikoitza bere ezarpenak aldatzeko, edo egin klik begiaren ikonoan aktibatzeko edo desaktibatzeko.
9. Betetze azkar bat sortzea raster eredu batekin. Illustrator-ekin lan egiteko aholkuak
Hondoko eredu sotilek arrakasta handia dute web diseinuan, baina diseinatzaile askok uste dute ez direla erraza Illustrator-en aplikatzea.
Aitortu behar dut ez dela intuitiboa, baina konponbidea erraza da.
Bit-mapa eredua sortzeko:
- Jarri ereduaren irudi bat zure piezan
- Egin klik "Txertatu" goiko zintan (garrantzitsua - ez du funtzionatuko hori gabe!)
- Arrastatu eredu bat Laginak paletara
- Aplikatu lagin bat edozein objekturi eredu batekin betetzeko
10. Irudien eta objektuen inguruan testua automatikoki jartzea.
Photoshop oso oinarrizko testuak editatzeko gaitasunengatik da ezaguna. Testua irudi baten inguruan bildu nahi baduzu, bizpahiru testu-marko ezberdin sortu eta efektua simulatu behar duzu. Illustrator-ekin lan egiteko aholkuak
Zorionez, Illustrator-ek estali zaituzte.
Irudi baten inguruan testua biltzeko:
- Hautatu testua bildu nahi duzun irudia edo objektua
- Ireki Objektu menua, aukeratu Testua bildu > Berria.
- Itzultzeko distantzia ezartzeko, ireki berriro Testua biltzeko menua eta hautatu Testu biltzeko aukerak.
- Mugitu irudia testuaren gainean biltzeko efektua ikusteko
11. Sortu efektu bisual aberatsak objektuen itxura ezarpenekin. Illustrator-ekin lan egiteko aholkuak
Illustrator-en, objektu baten Itxura panelak Photoshop-eko geruzen efektuen antzera funtzionatzen du: hainbat betegarri eta trazu gehi ditzakezu objektu bati, eta, ondoren, haien transferentzia modu, opakutasun eta efektuekin jolastu emaitza interesgarriak lortzeko.
Testu hau objektu bektorial bakarra da, Itxura eta efektuak panela erabiliz estiloa.
Jolastokia nahiko handia da: itzalak, lausoak eta distira, testura, distortsioa eta 3Dra. Horrela, Photoshopeko efektu gehienak birsortu ditzakezu grafiko bektorialekin lanean jarraitzen duzun bitartean.
Itxura panela indartsua eta dibertigarria da - berehala probatzera edo beheko tutoriala ikustera gomendatzen zaitut nola funtzionatzen duen ulertzeko:
Itxura panela menperatzea - Adobe TV .
Prest al zaude Illustrator-ekin esperimentatzen hasteko?
Photoshop erabiliz webguneak eta erabiltzaile-interfazeak sortzea arau bihurtu da eta diseinatzaile gehienak pozik daude irtenbide honekin. Illustrator-ekin lan egiteko aholkuak
Baina Photoshop hain hedatu izanak ez du esan nahi Illustrator-ek ezer eskaintzekorik ez duenik, kontrakoa baizik. Pixelen sareta lerrokatzea, testua biltzea eta objektuaren itxura bezalako tresnekin, kasu sendoa egiten du.
Indartsuarekin konbinatuta maketazio tresnak eta grafiko bektorialak, irudiak zatitzea eta esportatzea, Illustrator webguneak azkar garatu nahi dituzten web diseinatzaileentzako aukera nabarmena da zalantzarik gabe.
Iruzkin bat idatzi