Këshilla për të punuar me Illustrator. Për dizajnerët e uebit që preferojnë Photoshop

Këshilla për të punuar me Illustrator. Këtu është një ide e çmendur - dizajnoni projektin tuaj të ardhshëm në internet në Illustrator. Nëse jeni një projektues kryesor në internet, shanset janë që nuk do t'i përgjigjeni shumë mirë këtij sugjerimi. Illustrator thjesht nuk mund të bëjë gjithçka që mund të bëjë Photoshop, apo jo?

Jo sigurisht në atë mënyrë.

megjithëse Photoshop është bërë mjeti de facto dizajni i uebit, Illustrator është më se i aftë të plotësojë nevojat tuaja. Falë mjeteve të tij të paraqitjes, shpesh është një program më i mirë dhe më i përshtatshëm për dizajnin e uebit.

Meqenëse shumica e profesionistëve të dizajnit të uebit nuk duan të enden nëpër Illustrator duke kërkuar prova, unë kam përpiluar një listë të veçorive të lidhura me ueb-in që duhet të dini për të filluar eksperimentimin me dizajnin e uebit në Illustrator.

Provoni disa nga këto dhe ju garantoj se do të filloni të përdorni Illustrator si një mjet standard në rrjedhën e punës tuaj të dizajnit të uebit.

1. Së pari gjërat e para: vendosni të gjitha njësitë në Pixels. Këshilla për të punuar me Illustrator

Si parazgjedhje, Illustrator përdor metrikë njësi për madhësitë e objekteve dhe pikave për tekstin. Këto janë cilësime të shkëlqyera për shumicën e situatave të projektimit, por për web design ndoshta do të dëshironi të shihni pikselë kudo. Pra, përpara se të filloni të punoni për ndonjë gjë tjetër, sigurohuni që njësitë tuaja të jenë të konfiguruara saktë.

Për të vendosur njësitë në pixel:

1. Hapni në menynë Edit
2. Zgjidhni njësitë matëse nga nënmenyja e cilësimeve.
3. Cakto të gjitha opsionet në "pikselë"

2. Krijoni dokumente duke përdorur një profil të dokumentit në ueb.

 

Kur dëshironi të filloni të punoni në një dizajn të ri, lëvizni me lehtësi nëpër dritaren e "Dokumentit të ri" dhe kapërceni disa detaje të rëndësishme - si p.sh. t'i thoni Illustrator që planifikoni të punoni në një dizajn ueb në mënyrë që të mos përdorni ngjyrat CMYK. dhe skajet e paqarta të objektit. Vetëm mos harroni të zgjidhni cilësimin e profilit të Internetit në dritaren "Dokumenti i ri" dhe do të jeni mirë.

3. Aktivizo shtrirjen e rrjetës së pikselave për objektet. Këshilla për të punuar me Illustrator

Kjo veçori është një kursim jete nëse keni pasur ndonjëherë probleme me skajet e formës së paqartë në Photoshop.

Shtrirja e rrjetit piksel do të rregullojë segmentet e drejta horizontale dhe vertikale të një objekti për t'iu përshtatur në mënyrë të përsosur rrjetës së pikselit, duke i mbajtur të lëmuara segmentet e lakuara dhe të pjerrëta. Rezultati janë forma të qarta, të përsosura për piksel-diçka që dëshironi patjetër në dizajnin e uebit.

Butoni i sipërm ka të aktivizuar shtrirjen e rrjetës së pikselëve, gjë që rezulton gjithmonë në skaje të qarta.

Për të aktivizuar shtrirjen e rrjetit të pikselëve në nivel objekti:

1. Zgjidhni objektin
2. Hapni panelin Transform (Dritarja > Transformo).
3. Kontrolloni kutinë e zgjedhjes "Align to Pixel Grid" në fund të panelit (nëse nuk e shihni, klikoni dy herë në panel për të shfaqur opsionet)

Shënim. Shtrirja e rrjetës së pikselit është aktivizuar si parazgjedhje për të gjitha objektet e reja të krijuara duke përdorur profilin e dokumentit në ueb. Megjithatë, nëse po ngjitni objekte nga skedarë të tjerë të Illustrator, do t'ju duhet të rregulloni manualisht shtrirjen e pikselëve për to. Këshilla për të punuar me Illustrator

4. Aktivizoni pamjen paraprake të pikselit.

Veçoria Pixel-Preview do ta bëjë Illustrator të sillet njësoj si Photoshop kur shkallëzon imazhin tuaj mbi 100%—në vend që të merrni vektorë të përsosur çdo herë, në fakt do t'i shihni pikselët sikur të punoni me një imazh raster.

Aktivizimi i pamjes paraprake të pikselit do t'ju bëjë të ndiheni sikur jeni në Photoshop.

Mendoni se sa bukur është - ju keni të gjithë fuqinë e grafikës vektoriale në majë të gishtave dhe mund të shihni se si duket rezultati në nivelin e pikselit.

I zoti, apo jo?

Aktivizo ose çaktivizo pamjen paraprake të pikselit

1. Hap menunë e pamjes
2. Zgjidhni Pamjen Pixel.

5. Përdorni dritaret e Artwork. Këshilla për të punuar me Illustrator

Imagjinoni që dy kamera video janë drejtuar në projektin tuaj.

Një aparat fotografik ka një nivel normal të zmadhimit, duke treguar 100% të punës suaj. Kamera tjetër ka një nivel zmadhimi 400% dhe synon një ikonë specifike për të cilën po punonit.

Ashtu si një kirurg, ju përdorni kamerën e zmadhimit për të bërë ndryshime të vogla të nivelit të pikselit në ikonë, duke hedhur herë pas here kamerën e zmadhimit 100% për të parë se si duket në të vërtetë në madhësinë e saj aktuale.

Dritaret e kapakut janë të shkëlqyera kur duhet të punoni me elementë të vegjël si ikona—nuk keni nevojë të zmadhoni dhe zmadhoni vazhdimisht për të kontrolluar se si duket gjithçka.

Këto janë dritare të veprave artistike—ato ju lejojnë të shikoni dizajnin tuaj njëkohësisht me nivele të ndryshme zmadhimi, cilësime ngjyrash dhe variacione të tjera. Kjo është shumë e dobishme për dizajnin e uebit, veçanërisht kur jeni duke punuar me detaje të nivelit të pikselit.

Për të përdorur dritaret e Artwork:

1. Hapni menynë Dritare, më pas zgjidhni Dritare e Re. Illustrator do të krijojë një skedë të re me të njëjtin dokument në pamje.
2. Shkoni përsëri te menyja e dritares, zgjidhni Rregulloni > Zhvendosni të gjitha në dritare. Kjo do t'ju lejojë të ndryshoni madhësia dhe vendosja e dritareve pranë njëri-tjetrit sipas mendimit tuaj.
3. Eksperimentoni me nivele të ndryshme zmadhimi në dritare dhe filloni të bëni disa ndryshime për të parë se si funksionon. Këshilla për të punuar me Illustrator

6. Përdorni simbolet për të krijuar shpejt butona, ikona dhe më shumë.

Sa herë keni krijuar të njëjtin (ose pothuajse të njëjtin buton), ikonë ose miniaplikacion në Photoshop? Nëse jeni në dizajnin e uebit, me siguri e bëni atë çdo ditë.

Illustrator mund t'ju ndihmojë të kurseni kohë dhe të shmangni këtë punë të përsëritur me simbole.

Në thelb, simbolet janë një grup i pafund të gatshme elementet e projektimit, e cila mund t'i shtohet punës thjesht duke zvarritur dhe hedhur, dhe më pas modifikohet sipas nevojës. Kjo është ideale për butona, ikona dhe objekte të tjera standarde që nuk kanë nevojë të krijohen nga e para.

Por ka një arsye tjetër pse simbolet janë të fuqishme, dhe quhet instantacion.

Simbolet nuk janë vetëm të përshtatshme, por ato gjithashtu e bëjnë të lehtë përditësimin e elementeve të projektimit të përsëritur.

 

Në thelb, sa herë që bëni ndryshime në simbolin origjinal, ato ndryshime reflektohen menjëherë në të gjitha rastet e simbolit që gjendet në veprën tuaj artistike. A keni nevojë për butona më të mëdhenj në faqen tuaj të internetit? Thjesht ndryshoni simbolin. Dëshironi që fushat tuaja të formularit të duken ndryshe në çdo faqe? Thjesht ndryshoni simbolin. E kuptoni idenë.

Këshillë: Nëse nuk dëshironi që kjo të ndodhë me një shembull specifik të simbolit as, kliko me të djathtën mbi objektin në ilustrimin tuaj dhe zgjidhni Break Symbol Reference. Kjo do ta përjashtojë atë nga përditësimet automatike.

Këtu është një video e mirë që shpjegon se si të përdorni dhe manipuloni simbolet:

Përdorimi i simboleve në Adobe Illustrator nga Adobe TV .

Për të përdorur një simbol ekzistues:

1. Hapni panelin Simbolet nga menyja Dritare.
2. Tërhiqni simbolin e zgjedhur në punën tuaj

Krijo një simbol të ri:

1. Krijo një imazh simboli
2. Hapni panelin Simbolet nga menyja Dritare.
3. Zvarritni një ilustrim në panel
4. Kliko OK në kutinë e dialogut për të konfirmuar.

Për të modifikuar një simbol:

1. Hapni panelin Simbolet nga menyja Dritare.
2. Klikoni dy herë mbi një simbol për të hyrë në modalitetin e modifikimit.
3. Kur të përfundoni, klikoni dy herë kudo jashtë imazhit të simbolit për të dalë nga modaliteti i redaktimit.

7. Zgjeroni lehtësisht objektet me shkallëzim me 9 segmente. Këshilla për të punuar me Illustrator

Ky është një veçori simbolike e avancuar që ju lejon të përcaktoni se cilat pjesë të një objekti shtrihen gjatë shkallëzimit dhe cilat mbeten të pandryshuara.

Majtas: Një shembull i një butoni të shtrirë me dhe pa cilësimin e zmadhimit me 9 segmente. Djathtas: Cilësimi i shkallëzimit me 9 segmente përfshin lëvizjen e 4 udhëzuesve që i tregojnë Illustrator se cilat pjesë të objektit janë të mbrojtura dhe cilat pjesë mund të shkallëzohen.

 

Një shembull praktik është një buton me qoshe të rrumbullakosura - nëse doni ta bëni atë më të gjatë, nuk mund ta zgjasni thjesht horizontalisht sepse kjo do të shtrembërojë të gjithë objektin. Në vend të kësaj, do t'ju duhet të lëvizni manualisht pikat e formës. Me shkallëzimin me 9 segmente, shtrirja funksionon siç keni menduar. Këshilla për të punuar me Illustrator

Për të kuptuar me të vërtetë se si funksionon, dëgjoni këtë video mësimore të mrekullueshme nga Adobe TV për të shpejtuar shpejtësinë:

Përdorimi i shkallëzimit me 9 segmente me simbole nga Adobe TV .

8. Kënde të rrumbullakosura kudo!

Ju mund të krijoni një drejtkëndësh të rrumbullakosur në Photoshop, por Illustrator ju lejon të aplikoni një efekt qoshe të rrumbullakosur jo-shkatërruese për pothuajse çdo objekt. Çfarë është efekti jo shkatërrues? Kjo do të thotë se mund ta aktivizoni, çaktivizoni ose ndryshoni cilësimet e tij pa ndikuar në objektin origjinal.

Mund të aplikoni efektin e qosheve të rrumbullakosura pothuajse në çdo lloj objekti dhe ta rregulloni atë sipas nevojës. Këshilla për të punuar me Illustrator

Për të aplikuar efektin e këndit të rrumbullakosur:

1. Krijoni një drejtkëndësh ose ndonjë objekt tjetër me qoshe të mprehta
2. Nga menyja Efektet, zgjidhni Stylize > Këndet e rrumbullakosura.
3. Futni një rreze qoshe dhe klikoni Parapamje për të parë se si duket.
4. Klikoni OK për të aplikuar efektin.

Për të ndryshuar efektin e këndit të rrumbullakosur:

1. Zgjidhni një objekt me qoshe të rrumbullakosura
2. Hapni panelin "Dukja" nga menyja "Dritarja".
3. Gjeni efektin Rounded Corners dhe klikoni dy herë mbi të për të ndryshuar cilësimet e tij, ose klikoni ikonën e syrit për ta aktivizuar ose fikur.

9. Krijimi i një mbushjeje të shpejtë me një model raster. Këshilla për të punuar me Illustrator

Modelet delikate të sfondit janë një sukses i madh në dizajnin e uebit, por shumë stilistë mendojnë se ato nuk janë të lehta për t'u aplikuar në Illustrator.

Më duhet të pranoj, nuk është intuitive, por zgjidhja është e thjeshtë.

Për të krijuar një model bitmap:

1. Vendosni një foto të modelit në copën tuaj
2. Kliko "Fut" në shiritin e sipërm (e rëndësishme - nuk do të funksionojë pa të!)
3. Zvarritni një model në paletën Swatches
4. Aplikoni një mostër në çdo objekt për ta mbushur atë me një model

10. Vendosja automatike e tekstit rreth imazheve dhe objekteve.

Photoshop është i njohur për aftësitë e tij themelore të redaktimit të tekstit. Nëse dëshironi të mbështillni tekstin rreth një imazhi, duhet të krijoni dy ose tre korniza të ndryshme teksti dhe të simuloni efektin. Këshilla për të punuar me Illustrator

Për fat të mirë, Illustrator ju ka mbuluar.

Për të mbështjellë tekstin rreth një imazhi:

1. Zgjidhni imazhin ose objektin rreth të cilit dëshironi të mbështillni tekstin
2. Hapni menunë Object, zgjidhni Wrap Text > New.
3. Për të vendosur distancën e mbështjelljes, hapni përsëri menynë "Përmbledhja e tekstit" dhe zgjidhni "Opsionet e mbështjelljes së tekstit".
4. Lëvizni imazhin mbi tekst për të parë efektin e mbështjelljes

11. Krijoni efekte të pasura vizuale me cilësimet e pamjes së objektit. Këshilla për të punuar me Illustrator

Në Illustrator, paneli i pamjes së një objekti funksionon njësoj si efektet e shtresave në Photoshop - mund të shtoni mbushje dhe goditje të shumta në një objekt, më pas të luani me mënyrat e transferimit, opacitetin dhe efektet e tyre për të marrë rezultate interesante.

Ky tekst është vetëm një objekt vektorial i vetëm, i stiluar duke përdorur panelin Paraqitja dhe Efektet.

Sheshi i lojërave është mjaft i madh - nga hijet, turbullira dhe shkëlqimi deri te tekstura, shtrembërimi dhe 3D. Në këtë mënyrë ju mund të rikrijoni shumicën e efekteve nga Photoshop duke punuar ende me grafika vektoriale.

Paneli i Paraqitjes është i fuqishëm dhe argëtues — ju sugjeroj ta provoni menjëherë ose të shikoni tutorialin më poshtë për të kuptuar se si funksionon:

Zotërimi i panelit të paraqitjes nga Adobe TV .

A jeni gati të filloni të eksperimentoni me Illustrator?

Krijimi i faqeve të internetit dhe ndërfaqeve të përdoruesve duke përdorur Photoshop tani është bërë normë dhe shumica e stilistëve janë të kënaqur me këtë zgjidhje. Këshilla për të punuar me Illustrator

Por vetëm për shkak se Photoshop është bërë kaq i përhapur nuk do të thotë se Illustrator nuk ka asgjë për të ofruar - krejt e kundërta. Me mjete si shtrirja e rrjetës së pikselave, mbështjellja e tekstit dhe pamja e objektit, ai bën një rast të fortë.

Kombinuar me të fuqishme mjetet e paraqitjes dhe grafika vektoriale, prerja dhe eksportimi i imazheve, Illustrator është padyshim një zgjedhje e qartë për dizajnerët e uebit që duan të zhvillojnë shpejt faqet e internetit.