Patarimai, kaip dirbti su „Illustrator“. Web dizaineriams, kurie renkasi Photoshop

Patarimai, kaip dirbti su „Illustrator“. Štai beprotiška idėja – sukurkite kitą žiniatinklio projektą naudodami „Illustrator“. Jei esate pagrindinis žiniatinklio dizaineris, tikėtina, kad į šį pasiūlymą nereaguosite labai gerai. „Illustrator“ tiesiog negali padaryti visko, ką gali padaryti „Photoshop“, tiesa?

Tikrai ne tokiu būdu.

Nors „Photoshop“ tapo de facto įrankiu interneto dizaino, Illustrator daugiau nei gali patenkinti jūsų poreikius. Dėl savo maketavimo įrankių tai dažnai yra geresnė ir tinkamesnė interneto dizaino programa.

Kadangi dauguma interneto dizaino specialistų nenori klajoti po „Illustrator“ ieškodami įrodymų, sudariau sąrašą su žiniatinkliu susijusių funkcijų, kurias reikia žinoti norint pradėti eksperimentuoti su „Illustrator“ žiniatinklio dizainu.

Išbandykite keletą iš jų ir garantuoju, kad pradėsite naudoti „Illustrator“ kaip standartinį įrankį savo žiniatinklio kūrimo darbo eigoje.

1. Pirmiausia: nustatykite visus vienetus į pikselius. Patarimai, kaip dirbti su „Illustrator“.

Pagal numatytuosius nustatymus „Illustrator“ naudoja metriką objektų ir taškų dydžių vienetai už tekstą. Tai puikūs nustatymai daugeliui projektavimo situacijų, tačiau interneto svetainės dizainas tikriausiai norėsite visur matyti pikselius. Taigi, prieš pradėdami dirbti su kuo nors kitu, įsitikinkite, kad jūsų įrenginiai tinkamai nustatyti.

Norėdami nustatyti vienetus į pikselius:

1. Atidaryti meniu Redaguoti
2. Nustatymų submeniu pasirinkite matavimo vienetus.
3. Nustatykite visas parinktis į "pikselius"

2. Kurkite dokumentus naudodami žiniatinklio dokumentų profilį.

 

Kai norite pradėti kurti naują dizainą, lengvai slinkite per langą Naujas dokumentas ir praleiskite kai kurias svarbias detales, pvz., pasakykite „Illustrator“, kad planuojate kurti žiniatinklio dizainą, kad nenaudotumėte CMYK spalvų. ir neryškūs objekto kraštai. Tiesiog nepamirškite lange Naujas dokumentas pasirinkti interneto profilio nustatymą ir viskas bus gerai.

3. Įgalinkite objektų pikselių tinklelio lygiavimą. Patarimai, kaip dirbti su „Illustrator“.

Ši funkcija išgelbės gyvybę, jei „Photoshop“ programoje kada nors turėjote problemų dėl neryškių formų kraštų.

Pikselių tinklelio lygiavimas sureguliuos tiesius horizontalius ir vertikalius objekto segmentus, kad jie puikiai atitiktų pikselių tinklelį, o išlenkti ir pasvirę segmentai išliks lygūs. Rezultatas yra aiškios, pikseliais tobulos formos – tai, ko tikrai norite interneto dizaino srityje.

Viršutiniame mygtuke įjungtas pikselių tinklelio lygiavimas, todėl kraštai visada aiškūs.

Norėdami įjungti objekto lygio pikselių tinklelio lygiavimą:

1. Pasirinkite objektą
2. Atidarykite skydelį Transformuoti (Langas > Transformuoti).
3. Pažymėkite skydelio apačioje esantį žymimąjį laukelį „Lygiuoti su pikselių tinkleliu“ (jei jo nematote, dukart spustelėkite skydelį, kad būtų rodomos parinktys)

Pastaba. Pikselių tinklelio lygiavimas pagal numatytuosius nustatymus įgalintas visiems naujiems objektams, sukurtiems naudojant žiniatinklio dokumento profilį. Tačiau, jei įklijuojate objektus iš kitų „Illustrator“ failų, turėsite rankiniu būdu pakoreguoti jų pikselių lygiavimą. Patarimai, kaip dirbti su „Illustrator“.

4. Įjunkite pikselių peržiūrą.

„Pixel-Preview“ funkcija privers „Illustrator“ veikti taip, kaip „Photoshop“, kai vaizdo mastelis viršija 100 % – užuot kiekvieną kartą gaudami tobulus vektorius, iš tikrųjų matysite pikselius taip, lyg dirbtumėte su rastriniu vaizdu.

Įjungę pikselių peržiūrą jausitės kaip „Photoshop“.

Pagalvokite, kaip tai šaunu – jūs turite visas vektorinės grafikos galias po ranka ir galite pamatyti, kaip atrodo rezultatas pikselių lygiu.

Tvarkingas, ar ne?

Įjungti arba išjungti pikselių peržiūrą

1. Atidaryti peržiūros meniu
2. Pasirinkite Pixel View.

5. Naudokite meno kūrinių langus. Patarimai, kaip dirbti su „Illustrator“.

Įsivaizduokite, kad dvi vaizdo kameros yra nukreiptos į jūsų projektą.

Viena kamera turi įprastą priartinimo lygį ir rodo 100% jūsų darbo. Kita kamera turi 400 % priartinimo lygį ir yra nukreipta į vieną konkrečią piktogramą, su kuria dirbote.

Kaip chirurgas, priartinančią kamerą galite atlikti nedidelius piktogramos pikselių lygio pakeitimus, retkarčiais žvilgtelėdami į 100 % priartintą kamerą, kad pamatytumėte, kaip ji atrodo tikrojo dydžio.

Dengiami langai yra puikūs, kai reikia dirbti su mažais elementais, pvz., piktogramomis – jums nereikia nuolat didinti ir tolinti, kad patikrintumėte, kaip viskas atrodo.

Tai meno kūrinių langai – jie leidžia vienu metu peržiūrėti savo dizainą su skirtingais mastelio lygiais, spalvų nustatymais ir kitais variantais. Tai labai naudinga kuriant interneto svetainę, ypač kai dirbate su pikselių lygio detalėmis.

Norėdami naudoti meno kūrinių langus:

1. Atidarykite meniu Langas, tada pasirinkite Naujas langas. „Illustrator“ sukurs naują skirtuką su tuo pačiu dokumentu.
2. Dar kartą eikite į lango meniu, pasirinkite Arrange > Move All to Window. Tai leis jums pasikeisti langų dydis ir vieta šalia vienas kito, kaip jums atrodo tinkama.
3. Eksperimentuokite su skirtingais langų mastelio lygiais ir pradėkite atlikti kai kuriuos pakeitimus, kad pamatytumėte, kaip tai veikia. Patarimai, kaip dirbti su „Illustrator“.

6. Naudokite simbolius, kad greitai sukurtumėte mygtukus, piktogramas ir kt.

Kiek kartų „Photoshop“ sukūrėte tą patį (arba beveik tą patį) mygtuką, piktogramą ar valdiklį? Jei domitės interneto dizainu, tikriausiai tai darote kiekvieną dieną.

„Illustrator“ gali padėti sutaupyti laiko ir išvengti šio pasikartojančio darbo su simboliais.

Iš esmės simboliai yra begalinis paruoštų rinkinių rinkinys dizaino elementai, kurį galima pridėti prie kūrinio tiesiog vilkiant ir numetant, o tada, jei reikia, modifikuoti. Tai idealiai tinka mygtukams, piktogramoms ir kitiems standartiniams objektams, kurių nereikia kurti nuo nulio.

Tačiau yra ir kita priežastis, kodėl simboliai yra galingi, ir tai vadinama instinktacija.

Simboliai ne tik patogūs, bet ir leidžia lengvai atnaujinti pasikartojančius dizaino elementus.

 

Iš esmės kiekvieną kartą, kai atliekate pirminio simbolio pakeitimus, tie pakeitimai iš karto atsispindi visuose jūsų meno kūriniuose esančio simbolio atvejai. Ar jūsų svetainėje reikia didesnių mygtukų? Tiesiog pakeiskite simbolį. Ar norite, kad jūsų formos laukai kiekviename puslapyje atrodytų skirtingai? Tiesiog pakeiskite simbolį. Jūs supratote idėją.

Patarimas: jei nenorite, kad taip nutiktų konkrečiam kaip simbolio egzemplioriui, dešiniuoju pelės mygtuku spustelėkite objektą iliustracijoje ir pasirinkite Pertraukti simbolio nuorodą. Tai pašalins jį iš automatinių naujinimų.

Štai geras vaizdo įrašas, kuriame paaiškinama, kaip naudoti simbolius ir jais manipuliuoti:

Simbolių naudojimas programoje „Adobe Illustrator“. iš Adobe TV .

Jei norite naudoti esamą simbolį:

1. Lango meniu atidarykite skydelį Simboliai.
2. Vilkite pasirinktą simbolį ant savo darbo

Sukurkite naują simbolį:

1. Sukurkite simbolinį vaizdą
2. Lango meniu atidarykite skydelį Simboliai.
3. Vilkite iliustraciją ant skydelio
4. Dialogo lange spustelėkite Gerai, kad patvirtintumėte.

Norėdami redaguoti simbolį:

1. Lango meniu atidarykite skydelį Simboliai.
2. Norėdami įjungti redagavimo režimą, dukart spustelėkite simbolį.
3. Baigę dukart spustelėkite bet kur už simbolio vaizdo, kad išeitumėte iš redagavimo režimo.

7. Lengvai išplėskite objektus naudodami 9 segmentų mastelį. Patarimai, kaip dirbti su „Illustrator“.

Tai pažangi simbolologijos funkcija, leidžianti nustatyti, kurios objekto dalys yra ištemptos keičiant mastelį, o kurios lieka nepakitusios.

Kairėje: ištempto mygtuko su 9 segmentų priartinimo nustatymu ir be jo pavyzdys. Dešinėje: 9 segmentų mastelio nustatymas apima 4 kreiptuvų perkėlimą, kurie nurodo Illustrator, kurios objekto dalys yra apsaugotos ir kurių dalių mastelį galima keisti.

 

Praktinis pavyzdys yra mygtukas su užapvalintais kampais – jei norite jį pailginti, negalite jo tiesiog ištempti horizontaliai, nes tai iškraipys visą objektą. Vietoj to turėsite rankiniu būdu perkelti formos taškus. Naudojant 9 segmentų mastelį, tempimas veikia taip, kaip norėjote. Patarimai, kaip dirbti su „Illustrator“.

Norėdami iš tikrųjų suprasti, kaip tai veikia, klausykite šio puikaus vaizdo įrašo iš „Adobe TV“ ir greitai įsibėgėsite:

Naudojant 9 segmentų mastelį su simboliais iš Adobe TV .

8. Visur suapvalinti kampai!

„Photoshop“ galite sukurti suapvalintą stačiakampį, tačiau „Illustrator“ leidžia beveik bet kokiam objektui pritaikyti neardomąjį suapvalinto kampo efektą. Kas yra neardomasis poveikis? Tai reiškia, kad galite jį įjungti, išjungti arba pakeisti nustatymus nepaveikdami pagrindinio pradinio objekto.

Suapvalintų kampų efektą galite pritaikyti beveik bet kokio tipo objektams ir pagal poreikį jį pakoreguoti. Patarimai, kaip dirbti su „Illustrator“.

Norėdami pritaikyti suapvalinto kampo efektą:

1. Sukurkite stačiakampį ar bet kokį kitą objektą su aštriais kampais
2. Meniu Efektai pasirinkite Stilizuoti > Suapvalinti kampai.
3. Įveskite kampo spindulį ir spustelėkite Peržiūra, kad pamatytumėte, kaip jis atrodo.
4. Spustelėkite Gerai, kad pritaikytumėte efektą.

Norėdami pakeisti suapvalinto kampo efektą:

1. Pasirinkite objektą suapvalintais kampais
2. Meniu Langas atidarykite skydelį Išvaizda.
3. Raskite suapvalintų kampų efektą ir dukart spustelėkite jį, kad pakeistumėte jo nustatymus, arba spustelėkite akies piktogramą, kad jį įjungtumėte arba išjungtumėte.

9. Greito užpildymo su rastriniu raštu sukūrimas. Patarimai, kaip dirbti su „Illustrator“.

Subtilūs fono raštai yra didelis interneto dizaino hitas, tačiau daugelis dizainerių mano, kad juos pritaikyti „Illustrator“ nėra lengva.

Turiu pripažinti, kad tai nėra intuityvu, bet sprendimas paprastas.

Norėdami sukurti bitų schemą:

1. Padėkite modelio paveikslėlį ant savo kūrinio
2. Viršutinėje juostelėje spustelėkite „Įterpti“ (svarbu – be jos neveiks!)
3. Nuvilkite šabloną į Swatches paletę
4. Taikykite pavyzdį bet kuriam objektui, kad užpildytumėte jį raštu

10. Automatinis teksto išdėstymas aplink vaizdus ir objektus.

„Photoshop“ yra žinomas dėl savo pagrindinių teksto redagavimo galimybių. Jei norite apvilkti tekstą aplink vaizdą, turite sukurti du ar tris skirtingus teksto rėmelius ir imituoti efektą. Patarimai, kaip dirbti su „Illustrator“.

Laimei, „Illustrator“ jus apsaugo.

Norėdami apvynioti tekstą aplink vaizdą:

1. Pasirinkite vaizdą arba objektą, aplink kurį norite apvilkti tekstą
2. Atidarykite meniu Objektas, pasirinkite Apvynioti tekstą > Naujas.
3. Norėdami nustatyti vyniojimo atstumą, dar kartą atidarykite meniu Teksto vyniojimas ir pasirinkite Teksto vyniojimo parinktys.
4. Perkelkite vaizdą virš teksto, kad pamatytumėte įvyniojimo efektą

11. Sukurkite turtingus vaizdinius efektus naudodami objekto išvaizdos nustatymus. Patarimai, kaip dirbti su „Illustrator“.

Programoje „Illustrator“ objekto išvaizdos skydelis veikia panašiai kaip „Photoshop“ sluoksnių efektai – prie objekto galite pridėti kelis užpildus ir brūkšnius, tada žaisti su jų perdavimo režimais, neskaidrumu ir efektais, kad gautumėte įdomių rezultatų.

Šis tekstas yra tik vienas vektorinis objektas, sukurtas naudojant skydelį Išvaizda ir efektai.

Žaidimų aikštelė yra gana didelė – nuo ​​krentančių šešėlių, suliejimo ir švytėjimo iki tekstūravimo, iškraipymo ir 3D. Tokiu būdu galite atkurti daugumą „Photoshop“ efektų dirbdami su vektorine grafika.

Išvaizdos skydelis yra galingas ir įdomus – raginu jį iš karto išbandyti arba žiūrėti toliau pateiktą mokymo programą, kad suprastumėte, kaip jis veikia:

Išvaizdos skydelio įvaldymas iš Adobe TV .

Ar esate pasirengęs pradėti eksperimentuoti su „Illustrator“?

Svetainių ir vartotojo sąsajų kūrimas naudojant „Photoshop“ dabar tapo norma ir dauguma dizainerių yra patenkinti šiuo sprendimu. Patarimai, kaip dirbti su „Illustrator“.

Tačiau vien todėl, kad „Photoshop“ išplito, dar nereiškia, kad „Illustrator“ neturi ką pasiūlyti – atvirkščiai. Naudodami tokius įrankius kaip pikselių tinklelio lygiavimas, teksto vyniojimas ir objekto išvaizda, tai puikiai tinka.

Kartu su galingu maketavimo įrankiai ir vektorinė grafika, vaizdų pjaustymas ir eksportavimas, „Illustrator“ tikrai yra akivaizdus pasirinkimas interneto dizaineriams, norintiems greitai kurti svetaines.