Illustrator ilə işləmək üçün məsləhətlər. Photoshop-a üstünlük verən veb dizaynerlər üçün

Illustrator ilə işləmək üçün məsləhətlər. Budur dəli bir fikir - Illustrator-da növbəti veb layihənizi dizayn edin. Əgər siz əsas veb-dizaynersinizsə, ehtimal ki, bu təklifə çox yaxşı cavab verməyəcəksiniz. Illustrator Photoshop-un edə biləcəyi hər şeyi edə bilməz, elə deyilmi?

Əlbəttə ki, bu şəkildə deyil.

baxmayaraq ki Photoshop faktiki alətə çevrilib veb dizayn, Illustrator ehtiyaclarınızı ödəməkdən daha çox qadirdir. Dizayn alətləri sayəsində veb dizaynı üçün çox vaxt daha yaxşı və daha uyğun bir proqramdır.

Əksər veb-dizayn mütəxəssisləri sübut axtarmaq üçün Illustrator-da dolaşmaq istəmədiklərinə görə, mən Illustrator-da veb-dizaynla təcrübə aparmağa başlamaq üçün bilməli olduğunuz veb ilə bağlı xüsusiyyətlərin siyahısını tərtib etmişəm.

Bunlardan bir neçəsini sınayın və mən sizə zəmanət verirəm ki, Illustrator-dan veb dizayn iş prosesinizdə standart alət kimi istifadə etməyə başlayacaqsınız.

1. İlk növbədə: bütün vahidləri Piksel olaraq təyin edin. Illustrator ilə işləmək üçün məsləhətlər

Defolt olaraq, Illustrator metrikadan istifadə edir obyekt və nöqtə ölçüləri üçün vahidlər mətn üçün. Bunlar əksər dizayn vəziyyətləri üçün əla parametrlərdir, lakin onlar üçün veb dizayn yəqin ki, hər yerdə piksel görmək istəyəcəksiniz. Beləliklə, başqa bir şey üzərində işləməyə başlamazdan əvvəl bölmələrinizin düzgün qurulduğundan əmin olun.

Vahidləri piksellərə təyin etmək üçün:

1. Redaktə menyusunda açın
2. Parametrlər alt menyusundan ölçü vahidlərini seçin.
3. Bütün seçimləri "piksel" olaraq təyin edin

2. Veb sənəd profilindən istifadə edərək sənədlər yaradın.

 

Yeni dizayn üzərində işləməyə başlamaq istədiyiniz zaman, asanlıqla Yeni Sənəd pəncərəsində fırladın və bəzi vacib detalları atlayın, məsələn, CMYK rənglərindən istifadə etməmək üçün Illustrator-a veb dizaynı üzərində işləməyi planlaşdırdığınızı bildirin. və obyektin bulanıq kənarları. Sadəcə Yeni Sənəd pəncərəsində İnternet profili parametrini seçməyi unutmayın və siz yaxşı olacaqsınız.

3. Obyektlər üçün piksel torunun düzülməsini aktivləşdirin. Illustrator ilə işləmək üçün məsləhətlər

Əgər Photoshop-da bulanıq forma kənarları ilə bağlı problem yaşamısınızsa, bu funksiya həyat xilasedicidir.

Pixel Grid Alignment əyri və maili seqmentləri hamar saxlayarkən obyektin düz üfüqi və şaquli seqmentlərini piksel şəbəkəsinə mükəmməl uyğunlaşdırmaq üçün tənzimləyəcək. Nəticə xırtıldayan, mükəmməl piksel formalarıdır - veb dizaynda mütləq istədiyiniz bir şey.

Üst düymədə piksel torunun hizalanması aktivləşdirilib, bu da həmişə kəskin kənarlarla nəticələnir.

Obyekt səviyyəsində piksel torunun hizalanmasını aktivləşdirmək üçün:

1. Obyekt seçin
2. Transformasiya panelini açın (Pəncərə > Transform).
3. Panelin altındakı "Pixel Grid-ə uyğunlaş" qutusunu yoxlayın (əgər onu görmürsünüzsə, seçimləri göstərmək üçün panelə iki dəfə klikləyin)

Qeyd. Veb sənəd profilindən istifadə edərək yaradılmış bütün yeni obyektlər üçün defolt olaraq piksel şəbəkəsinin düzülməsi aktivləşdirilir. Bununla belə, əgər siz digər Illustrator fayllarından obyektlər yapışdırırsınızsa, onlar üçün piksel düzülməsini əl ilə tənzimləməli olacaqsınız. Illustrator ilə işləmək üçün məsləhətlər

4. Piksel önizləməsini yandırın.

Pixel-Preview funksiyası təsvirinizi 100%-dən yuxarı ölçərkən Illustrator-u Photoshop kimi aparmağa məcbur edəcək—hər dəfə mükəmməl vektorlar əldə etmək əvəzinə, siz əslində pikselləri rastr təsviri ilə işləyirmiş kimi görəcəksiniz.

Piksel önizləməsini yandırmaq, özünüzü Photoshop-da hiss edəcəksiniz.

Bunun nə qədər sərin olduğunu düşünün - vektor qrafikasının bütün gücü parmaklarınızın ucundadır və nəticənin piksel səviyyəsində necə göründüyünü görə bilərsiniz.

Səliqəli, elə deyilmi?

Piksel önizləməsini aktivləşdirin və ya söndürün

1. Görünüş menyusunu açın
2. Piksel Görünüşünü seçin.

5. Artwork pəncərələrindən istifadə edin. Illustrator ilə işləmək üçün məsləhətlər

Təsəvvür edin ki, layihənizə iki video kamera yönəldilib.

Bir kamera işinizin 100%-ni göstərən normal böyütmə səviyyəsinə malikdir. Digər kamera 400% böyütmə səviyyəsinə malikdir və üzərində işlədiyiniz xüsusi bir işarəyə yönəlib.

Bir cərrah kimi, siz ikonada kiçik piksel səviyyəsində dəyişikliklər etmək üçün böyütmə kamerasından istifadə edirsiniz, bəzən 100% böyütmə kamerasına nəzər salaraq onun həqiqi ölçüsündə necə göründüyünü görürsünüz.

Nişanlar kimi kiçik elementlərlə işləmək lazım olduqda örtük pəncərələri əladır—hər şeyin necə göründüyünü yoxlamaq üçün daim böyütmək və kiçiltmək lazım deyil.

Bunlar Artwork pəncərələridir - onlar sizə müxtəlif böyütmə səviyyələri, rəng parametrləri və digər variasiyalarla eyni vaxtda dizaynınıza baxmağa imkan verir. Bu, xüsusilə piksel səviyyəli detallarla işləyərkən veb dizaynı üçün çox faydalıdır.

Artwork pəncərələrindən istifadə etmək üçün:

1. Pəncərə menyusunu açın, sonra Yeni Pəncərə seçin. Illustrator eyni sənəd görünüşü ilə yeni tab yaradacaq.
2. Yenidən Pəncərə menyusuna gedin, Təşkil et > Hamısını Pəncərəyə köçür seçin. Bu, dəyişməyə imkan verəcək pəncərələrin ölçüsü və yerləşdirilməsi uyğun gördüyünüz kimi bir-birinizin yanında.
3. Pəncərələrdə müxtəlif böyütmə səviyyələri ilə sınaqdan keçirin və onun necə işlədiyini görmək üçün bəzi dəyişikliklər etməyə başlayın. Illustrator ilə işləmək üçün məsləhətlər

6. Tez düymələr, nişanlar və s. yaratmaq üçün simvollardan istifadə edin.

Photoshop-da neçə dəfə eyni (və ya demək olar ki, eyni) düyməni, simvolu və ya vidceti yaratmısınız? Veb dizaynla məşğul olsanız, yəqin ki, hər gün bunu edirsiniz.

Illustrator sizə vaxta qənaət etməyə və simvollarla təkrarlanan işlərdən qaçmağa kömək edə bilər.

Mahiyyət etibarilə simvollar bitib-tükənməyən hazır məcmuədir dizayn elementləri, sadəcə sürükləyib atmaqla işə əlavə oluna və sonra lazım olduqda dəyişdirilə bilər. Bu, sıfırdan yaradılmasına ehtiyac olmayan düymələr, nişanlar və digər standart obyektlər üçün idealdır.

Ancaq simvolların güclü olmasının başqa bir səbəbi var və buna instantasiya deyilir.

Simvollar təkcə rahat deyil, həm də təkrarlanan dizayn elementlərini yeniləməyi asanlaşdırır.

 

Əsasən, orijinal simvolda hər dəfə dəyişiklik etdiyiniz zaman, bu dəyişikliklər dərhal sənət əsərinizdə olan simvolun bütün nümunələrində əks olunur. Veb saytınızda daha böyük düymələrə ehtiyacınız varmı? Sadəcə simvolu dəyişdirin. Forma sahələrinizin hər səhifədə fərqli görünməsini istəyirsiniz? Sadəcə simvolu dəyişdirin. Siz fikir əldə edirsiniz.

İpucu: Bunun kimi simvolun xüsusi nümunəsi ilə baş verməsini istəmirsinizsə, təsvirinizdəki obyektə sağ klikləyin və Simvol Referansını Qırın. Bu, onu avtomatik yeniləmələrdən xaric edəcək.

Simvollardan necə istifadə etməyi və manipulyasiya etməyi izah edən yaxşı video budur:

Adobe Illustrator proqramında simvollardan istifadə haqqında Adobe tv .

Mövcud simvoldan istifadə etmək üçün:

1. Pəncərə menyusundan Simvollar panelini açın.
2. Seçilmiş simvolu işinizin üzərinə sürükləyin

Yeni simvol yaradın:

1. Simvol şəkli yaradın
2. Pəncərə menyusundan Simvollar panelini açın.
3. İllüstrasiyanı panelə çəkin
4. Təsdiq etmək üçün dialoq qutusunda OK düyməsini basın.

Simvol redaktə etmək üçün:

1. Pəncərə menyusundan Simvollar panelini açın.
2. Redaktə rejiminə daxil olmaq üçün simvola iki dəfə klikləyin.
3. Bitirdikdən sonra redaktə rejimindən çıxmaq üçün simvol şəklinin xaricindəki istənilən yerə iki dəfə klikləyin.

7. 9 seqmentli miqyasla obyektləri asanlıqla genişləndirin. Illustrator ilə işləmək üçün məsləhətlər

Bu, miqyaslama zamanı obyektin hansı hissələrinin uzandığını və hansının dəyişməz qaldığını müəyyən etməyə imkan verən inkişaf etmiş simvolik xüsusiyyətdir.

Sol: 9 seqmentli böyütmə parametri olan və olmayan uzanmış düymənin nümunəsi. Sağ: 9 seqmentli miqyaslama parametri Illustrator-a obyektin hansı hissələrinin qorunduğunu və hansı hissələrin miqyaslana biləcəyini bildirən 4 bələdçinin hərəkətini nəzərdə tutur.

 

Praktik bir nümunə, yuvarlaq küncləri olan bir düymədir - onu daha uzun etmək istəyirsinizsə, onu yalnız üfüqi şəkildə uzatmaq olmaz, çünki bu, bütün obyekti təhrif edəcəkdir. Bunun əvəzinə, forma nöqtələrini əl ilə köçürməli olacaqsınız. 9 seqmentli miqyaslama ilə uzanma nəzərdə tutduğunuz kimi işləyir. Illustrator ilə işləmək üçün məsləhətlər

Bunun necə işlədiyini həqiqətən başa düşmək üçün Adobe TV-nin bu möhtəşəm video dərsliyinə qulaq asın və sürəti tez əldə edin:

Simvollarla 9 seqmentli miqyasdan istifadə haqqında Adobe tv .

8. Hər yerdə yuvarlaq künclər!

Photoshop-da yuvarlaqlaşdırılmış düzbucaqlı yarada bilərsiniz, lakin Illustrator demək olar ki, hər hansı bir obyektə dağıdıcı olmayan yuvarlaqlaşdırılmış künc effekti tətbiq etməyə imkan verir. Qeyri-dağıdıcı təsir nədir? Bu o deməkdir ki, əsas orijinal obyektə təsir etmədən onu yandıra, söndürə və ya parametrlərini dəyişə bilərsiniz.

Siz dairəvi künclər effektini demək olar ki, hər hansı bir obyekt növünə tətbiq edə və lazım olduqda düzəldə bilərsiniz. Illustrator ilə işləmək üçün məsləhətlər

Dairəvi künc effektini tətbiq etmək üçün:

1. Düzbucaqlı və ya kəskin küncləri olan hər hansı digər obyekt yaradın
2. Effektlər menyusundan Stilize > Dairəvi künclər seçin.
3. Künc radiusunu daxil edin və onun necə göründüyünü görmək üçün Önizləmə düyməsini klikləyin.
4. Təsiri tətbiq etmək üçün OK düyməsini basın.

Dairəvi künc effektini dəyişdirmək üçün:

1. Küncləri yuvarlaqlaşdırılmış bir obyekt seçin
2. Pəncərə menyusundan Görünüş panelini açın.
3. Dairəvi künclər effektini tapın və parametrlərini dəyişdirmək üçün üzərinə iki dəfə klikləyin və ya onu yandırmaq və ya söndürmək üçün göz işarəsinə klikləyin.

9. Rastr nümunəsi ilə sürətli doldurmanın yaradılması. Illustrator ilə işləmək üçün məsləhətlər

İncə fon naxışları veb dizaynında böyük hitdir, lakin bir çox dizaynerlər onları Illustrator-da tətbiq etməyin asan olmadığını düşünür.

Etiraf etməliyəm ki, bu, intuitiv deyil, amma həlli sadədir.

Bitmap nümunəsi yaratmaq üçün:

1. Parçanıza nümunənin şəklini qoyun
2. Üst lentdə "Daxil et" düyməsini basın (vacibdir - onsuz işləməyəcək!)
3. Nümunəni Swatches palitrasına dartın
4. Nümunə ilə doldurmaq üçün hər hansı bir obyektə nümunə tətbiq edin

10. Şəkillər və obyektlər ətrafında mətnin avtomatik yerləşdirilməsi.

Photoshop çox sadə mətn redaktə imkanları ilə tanınır. Mətni bir şəkil ətrafında bükmək istəyirsinizsə, iki və ya üç fərqli mətn çərçivəsi yaratmalı və effekti simulyasiya etməlisiniz. Illustrator ilə işləmək üçün məsləhətlər

Xoşbəxtlikdən, Illustrator sizi əhatə etdi.

Şəkil ətrafında mətni bükmək üçün:

1. Mətni bükmək istədiyiniz şəkli və ya obyekti seçin
2. Obyekt menyusunu açın, Mətni Sarma > Yeni seçin.
3. Sarma məsafəsini təyin etmək üçün Mətn Sarma menyusunu yenidən açın və Mətn Sarma Seçimləri seçin.
4. Bükmə effektini görmək üçün şəkli mətnin üzərinə köçürün

11. Obyektin görünüşü parametrləri ilə zəngin vizual effektlər yaradın. Illustrator ilə işləmək üçün məsləhətlər

Illustrator-da obyektin Görünüşü paneli Photoshop-da təbəqə effektləri kimi işləyir—siz obyektə çoxlu dolgu və ştrixlər əlavə edə, sonra onların ötürmə rejimləri, qeyri-şəffaflıq və effektləri ilə oynaya bilərsiniz ki, maraqlı nəticələr əldə edəsiniz.

Bu mətn, Görünüş və Effektlər panelindən istifadə etməklə tərtib edilmiş sadəcə bir vektor obyektidir.

Oyun meydançası olduqca böyükdür - kölgələr, bulanıqlıq və parıltıdan tutmuş teksturaya, təhrifə və 3D-yə qədər. Bu yolla siz vektor qrafikası ilə işləyərkən Photoshop-dan əksər effektləri yenidən yarada bilərsiniz.

Görünüş paneli güclü və əyləncəlidir - onun necə işlədiyini başa düşmək üçün onu dərhal sınamağı və ya aşağıdakı təlimata baxmağı tövsiyə edirəm:

Görünüş Panelini mənimsəmək haqqında Adobe tv .

Illustrator ilə təcrübə etməyə hazırsınız?

Photoshop-dan istifadə edərək veb-saytların və istifadəçi interfeyslərinin yaradılması artıq normaya çevrilib və əksər dizaynerlər bu həlldən razıdırlar. Illustrator ilə işləmək üçün məsləhətlər

Lakin Photoshop-un bu qədər geniş yayılması o demək deyil ki, Illustrator-un təklif edə biləcəyi bir şey yoxdur - tam əksi. Piksel şəbəkəsinin düzülməsi, mətnin bükülməsi və obyektin görünüşü kimi alətlərlə o, güclü bir vəziyyət yaradır.

Güclü ilə birləşir layout alətləri və vektor qrafikası, təsvirin dilimlənməsi və ixracı ilə bağlı Illustrator veb-saytları tez bir zamanda inkişaf etdirmək istəyən veb-dizaynerlər üçün mütləq seçimdir.