რჩევები Illustrator-თან მუშაობისთვის. აქ არის გიჟური იდეა - შეიმუშავეთ თქვენი შემდეგი ვებ პროექტი Illustrator-ში. თუ თქვენ ხართ მთავარი ვებ დიზაინერი, დიდი შანსია, რომ ამ წინადადებაზე კარგად არ უპასუხოთ. Illustrator უბრალოდ არ შეუძლია გააკეთოს ყველაფერი, რაც Photoshop-ს შეუძლია, არა?
ასე არ არის.
მიუხედავად იმისა, რომ Photoshop გახდა დე ფაქტო ინსტრუმენტი ვებ დიზაინი, ილუსტრატორს შეუძლია დააკმაყოფილოს თქვენი საჭიროებები. განლაგების ხელსაწყოების წყალობით, ის ხშირად უკეთესი და შესაფერისი პროგრამაა ვებ დიზაინისთვის.
ვინაიდან ვებ დიზაინის პროფესიონალთა უმეტესობას არ სურს ილუსტრატორში ხეტიალი მტკიცებულებების ძიებაში, მე შევადგინე ვებ-თან დაკავშირებული ფუნქციების სია, რომლებიც უნდა იცოდეთ, რათა დაიწყოთ ილუსტრატორში ვებ დიზაინის ექსპერიმენტები.
სცადეთ რამდენიმე მათგანი და გარანტიას გაძლევთ, რომ დაიწყებთ Illustrator-ის, როგორც სტანდარტული ინსტრუმენტის გამოყენებას თქვენი ვებ დიზაინის სამუშაო პროცესზე.
1. უპირველეს ყოვლისა: დააყენეთ ყველა ერთეული პიქსელზე. რჩევები Illustrator-თან მუშაობისთვის
ნაგულისხმევად, Illustrator იყენებს მეტრიკას ობიექტების და წერტილების ზომის ერთეულები ტექსტისთვის. ეს შესანიშნავი პარამეტრებია დიზაინის უმეტეს სიტუაციებში, მაგრამ ვებ დიზაინი თქვენ ალბათ მოგინდებათ ყველგან პიქსელების ნახვა. ასე რომ, სანამ სხვა რამეზე დაიწყებთ მუშაობას, დარწმუნდით, რომ თქვენი ერთეულები სწორად არის დაყენებული.
ერთეულების პიქსელებზე დასაყენებლად:
- გახსენით რედაქტირების მენიუში
- აირჩიეთ საზომი ერთეულები პარამეტრების ქვემენიუდან.
- დააყენეთ ყველა ვარიანტი "პიქსელებზე"
2. შექმენით დოკუმენტები ვებ დოკუმენტის პროფილის გამოყენებით.
როდესაც გსურთ დაიწყოთ მუშაობა ახალ დიზაინზე, მარტივად გადაახვიეთ ახალი დოკუმენტის ფანჯარაში და გამოტოვეთ რამდენიმე მნიშვნელოვანი დეტალი — მაგალითად, უთხარით Illustrator-ს, რომ აპირებთ ვებ დიზაინზე მუშაობას, რათა არ გამოიყენოთ CMYK ფერები. და ობიექტის ბუნდოვანი კიდეები. უბრალოდ დაიმახსოვრე, რომ ახალი დოკუმენტის ფანჯარაში აირჩიეთ ინტერნეტ პროფილის პარამეტრი და ყველაფერი კარგად იქნება.
3. ჩართეთ პიქსელების ბადის გასწორება ობიექტებისთვის. რჩევები Illustrator-თან მუშაობისთვის
ეს ფუნქცია სიცოცხლის დამზოგავია, თუ ოდესმე გქონიათ პრობლემა Photoshop-ში ბუნდოვანი ფორმის კიდეებთან.
Pixel Grid Alignment დაარეგულირებს ობიექტის სწორ ჰორიზონტალურ და ვერტიკალურ სეგმენტებს, რათა იდეალურად მოერგოს პიქსელების ბადეს, ხოლო მოხრილი და დახრილი სეგმენტები გლუვი შეინარჩუნოს. შედეგი არის მკვეთრი, პიქსელებით სრულყოფილი ფორმები - ის, რაც ნამდვილად გსურთ ვებ დიზაინში.
ზედა ღილაკზე ჩართულია პიქსელების ბადის გასწორება, რაც ყოველთვის იწვევს მკვეთრ კიდეებს.
ობიექტის დონის პიქსელების ბადის გასწორების ჩასართავად:
- აირჩიეთ ობიექტი
- გახსენით ტრანსფორმაციის პანელი (ფანჯარა > ტრანსფორმაცია).
- მონიშნეთ ჩამრთველი „Pixel Grid-ზე გასწორება“ პანელის ბოლოში (თუ ვერ ხედავთ, ორჯერ დააწკაპუნეთ პანელზე, რომ ნახოთ პარამეტრები)
Შენიშვნა. პიქსელების ბადის გასწორება ნაგულისხმევად ჩართულია ყველა ახალი ობიექტისთვის, რომელიც შექმნილია ვებ დოკუმენტის პროფილის გამოყენებით. თუმცა, თუ თქვენ ჩასვით ობიექტებს Illustrator-ის სხვა ფაილებიდან, თქვენ მოგიწევთ ხელით დაარეგულიროთ პიქსელების განლაგება მათთვის. რჩევები Illustrator-თან მუშაობისთვის
4. ჩართეთ პიქსელის გადახედვა.
Pixel-Preview ფუნქცია აიძულებს Illustrator-ს მოიქცეს ისევე, როგორც Photoshop, როცა თქვენი სურათის სკალირებას 100%-ზე მაღლა აყენებს – ნაცვლად იმისა, რომ ყოველ ჯერზე სრულყოფილი ვექტორები მიიღოთ, თქვენ რეალურად დაინახავთ პიქსელებს, თითქოს რასტრულ სურათთან მუშაობდით.
პიქსელების გადახედვის ჩართვა გაგრძნობინებთ, რომ Photoshop-ში ხართ.
დაფიქრდით, რა მაგარია - თქვენ ხელთ გაქვთ ვექტორული გრაფიკის მთელი ძალა და ხედავთ, როგორ გამოიყურება შედეგი პიქსელის დონეზე.
სისუფთავე, არა?
პიქსელის გადახედვის ჩართვა ან გამორთვა
- ხედის მენიუს გახსნა
- აირჩიეთ Pixel View.
5. გამოიყენეთ ნამუშევრების ფანჯრები. რჩევები Illustrator-თან მუშაობისთვის
წარმოიდგინეთ, რომ ორი ვიდეო კამერა არის მიმართული თქვენს პროექტზე.
ერთ კამერას აქვს ნორმალური მასშტაბირების დონე, რომელიც აჩვენებს თქვენი სამუშაოს 100%-ს. მეორე კამერას აქვს 400% მასშტაბის დონე და გამიზნულია ერთ კონკრეტულ ხატზე, რომელზეც მუშაობდით.
ქირურგის მსგავსად, თქვენ იყენებთ მასშტაბირების კამერას ხატში პიქსელის დონის მცირე ცვლილებების შესატანად, ზოგჯერ ათვალიერებთ 100%-იანი მასშტაბირების კამერას, რათა ნახოთ, როგორ გამოიყურება ის რეალურად მისი რეალური ზომით.
გადასაფარებელი ფანჯრები შესანიშნავია, როდესაც საჭიროა იმუშაოთ პატარა ელემენტებთან, როგორიცაა ხატები — თქვენ არ გჭირდებათ გამუდმებით მასშტაბირება და შემცირება, რათა შეამოწმოთ როგორ გამოიყურება ყველაფერი.
ეს არის ნამუშევრების ფანჯრები - ისინი საშუალებას გაძლევთ ერთდროულად ნახოთ თქვენი დიზაინი სხვადასხვა მასშტაბის დონეზე, ფერის პარამეტრებით და სხვა ვარიაციებით. ეს ძალიან სასარგებლოა ვებ დიზაინისთვის, განსაკუთრებით მაშინ, როდესაც მუშაობთ პიქსელის დონის დეტალებთან.
ნამუშევრების ფანჯრების გამოსაყენებლად:
- გახსენით ფანჯარა, შემდეგ აირჩიეთ ახალი ფანჯარა. Illustrator შექმნის ახალ ჩანართს იგივე დოკუმენტის ხედვით.
- კვლავ გადადით Window მენიუში, აირჩიეთ Arrange > Move All to Window. ეს საშუალებას მოგცემთ შეცვალოთ ფანჯრების ზომა და განლაგება ერთმანეთის გვერდით, როგორც თქვენთვის შესაფერისია.
- ექსპერიმენტი გააკეთეთ ფანჯრებში მასშტაბირების სხვადასხვა დონეზე და დაიწყეთ ცვლილებების შეტანა, რათა ნახოთ როგორ მუშაობს. რჩევები Illustrator-თან მუშაობისთვის
6. გამოიყენეთ სიმბოლოები ღილაკების, ხატების და სხვათა სწრაფად შესაქმნელად.
რამდენჯერ შეგიქმნიათ იგივე (ან თითქმის იგივე) ღილაკი, ხატულა ან ვიჯეტი Photoshop-ში? თუ თქვენ ხართ ვებ დიზაინით, ალბათ ამას აკეთებთ ყოველდღე.
Illustrator დაგეხმარებათ დაზოგოთ დრო და თავიდან აიცილოთ ეს განმეორებითი სამუშაო სიმბოლოებით.
არსებითად, სიმბოლოები არის მზა ნივთების გაუთავებელი ნაკრები დიზაინის ელემენტები, რომელიც შეიძლება დაემატოს ნამუშევარს უბრალოდ გადათრევით და ჩაშვებით და შემდეგ საჭიროებისამებრ შეცვალოს. ეს იდეალურია ღილაკებისთვის, ხატულებისთვის და სხვა სტანდარტული ობიექტებისთვის, რომლებსაც არ სჭირდებათ ნულიდან შექმნა.
მაგრამ არსებობს კიდევ ერთი მიზეზი, რის გამოც სიმბოლოები მძლავრია და მას ინსტანცია ჰქვია.
სიმბოლოები არა მხოლოდ მოსახერხებელია, არამედ ისინი ასევე აადვილებენ დიზაინის განმეორებადი ელემენტების განახლებას.
არსებითად, როდესაც თქვენ განახორციელებთ ცვლილებებს თავდაპირველ სიმბოლოში, ეს ცვლილებები დაუყოვნებლივ აისახება თქვენს ნამუშევრებში ნაპოვნი სიმბოლოს ყველა ინსტანციაში. გჭირდებათ უფრო დიდი ღილაკები თქვენს ვებსაიტზე? უბრალოდ შეცვალეთ სიმბოლო. გსურთ, რომ თქვენი ფორმის ველები განსხვავებულად გამოიყურებოდეს ყველა გვერდზე? უბრალოდ შეცვალეთ სიმბოლო. გესმით იდეა.
რჩევა: თუ არ გსურთ, რომ ეს მოხდეს როგორც სიმბოლოს კონკრეტულ მაგალითზე, დააწკაპუნეთ მაუსის მარჯვენა ღილაკით ობიექტზე თქვენს ილუსტრაციაში და აირჩიეთ Break Symbol Reference. ეს გამორიცხავს მას ავტომატური განახლებისგან.
აქ არის კარგი ვიდეო, რომელიც განმარტავს სიმბოლოების გამოყენებას და მანიპულირებას:
სიმბოლოების გამოყენება Adobe Illustrator-ში საქართველოს Adobe TV .
არსებული სიმბოლოს გამოსაყენებლად:
- გახსენით სიმბოლოების პანელი ფანჯრის მენიუდან.
- გადაიტანეთ არჩეული სიმბოლო თქვენს სამუშაოზე
შექმენით ახალი სიმბოლო:
- შექმენით სიმბოლო გამოსახულება
- გახსენით სიმბოლოების პანელი ფანჯრის მენიუდან.
- გადაიტანეთ ილუსტრაცია პანელზე
- დააწკაპუნეთ OK დიალოგურ ფანჯარაში დასადასტურებლად.
სიმბოლოს რედაქტირებისთვის:
- გახსენით სიმბოლოების პანელი ფანჯრის მენიუდან.
- ორჯერ დააწკაპუნეთ სიმბოლოზე რედაქტირების რეჟიმში შესასვლელად.
- დასრულების შემდეგ, ორჯერ დააწკაპუნეთ სიმბოლოს გამოსახულების გარეთ, რედაქტირების რეჟიმიდან გამოსასვლელად.
7. ადვილად გააფართოვეთ ობიექტები 9-სეგმენტიანი მასშტაბით. რჩევები Illustrator-თან მუშაობისთვის
ეს არის მოწინავე სიმბოლური ფუნქცია, რომელიც საშუალებას გაძლევთ განსაზღვროთ ობიექტის რომელი ნაწილებია დაჭიმული მასშტაბის დროს და რომელი რჩება უცვლელი.
მარცხნივ: დაჭიმული ღილაკის მაგალითი 9-სეგმენტიანი მასშტაბირების პარამეტრით და მის გარეშე. მარჯვნივ: 9-სეგმენტიანი სკალირების პარამეტრი მოიცავს 4 სახელმძღვანელოს გადაადგილებას, რომლებიც ილუსტრატორს ეუბნებიან, ობიექტის რომელი ნაწილებია დაცული და რომელი ნაწილების მასშტაბირებაა შესაძლებელი.
პრაქტიკული მაგალითია ღილაკი მომრგვალებული კუთხეებით - თუ გსურთ მისი გახანგრძლივება, არ შეგიძლიათ უბრალოდ გაჭიმოთ ის ჰორიზონტალურად, რადგან ეს მთელ ობიექტს დაამახინჯებს. ამის ნაცვლად, თქვენ მოგიწევთ ხელით გადაიტანოთ ფორმის წერტილები. 9-სეგმენტიანი სკალირებით, გაჭიმვა მუშაობს ისე, როგორც თქვენ აპირებდით. რჩევები Illustrator-თან მუშაობისთვის
იმის გასაგებად, თუ როგორ მუშაობს ის, მოუსმინეთ ამ შესანიშნავ ვიდეო გაკვეთილს Adobe TV-დან, რომ სწრაფად აითვისოთ სიჩქარე:
9-სეგმენტიანი სკალირების გამოყენება სიმბოლოებით საქართველოს Adobe TV .
8. მომრგვალებული კუთხეები ყველგან!
თქვენ შეგიძლიათ შექმნათ მომრგვალებული მართკუთხედი Photoshop-ში, მაგრამ Illustrator საშუალებას გაძლევთ გამოიყენოთ არა-დესტრუქციული მომრგვალებული კუთხის ეფექტი თითქმის ნებისმიერ ობიექტზე. რა არის არა-დესტრუქციული ეფექტი? ეს ნიშნავს, რომ შეგიძლიათ ჩართოთ, გამორთოთ ან შეცვალოთ მისი პარამეტრები თავდაპირველ ობიექტზე გავლენის გარეშე.
თქვენ შეგიძლიათ გამოიყენოთ მომრგვალებული კუთხეების ეფექტი თითქმის ნებისმიერი ტიპის ობიექტზე და დაარეგულიროთ ის საჭიროებისამებრ. რჩევები Illustrator-თან მუშაობისთვის
მომრგვალებული კუთხის ეფექტის გამოსაყენებლად:
- შექმენით მართკუთხედი ან ნებისმიერი სხვა ობიექტი მკვეთრი კუთხეებით
- ეფექტების მენიუდან აირჩიეთ Stylize > Rounded Corners.
- შეიყვანეთ კუთხის რადიუსი და დააწკაპუნეთ გადახედვაზე, რომ ნახოთ როგორ გამოიყურება.
- დააჭირეთ OK ეფექტის გამოსაყენებლად.
მომრგვალებული კუთხის ეფექტის შესაცვლელად:
- აირჩიეთ ობიექტი მომრგვალებული კუთხეებით
- გახსენით გარეგნობის პანელი ფანჯრის მენიუდან.
- იპოვეთ მომრგვალებული კუთხეების ეფექტი და ორჯერ დააწკაპუნეთ მასზე მისი პარამეტრების შესაცვლელად, ან დააწკაპუნეთ თვალის ხატულაზე ჩასართავად ან გამორთვისთვის.
9. სწრაფი შევსების შექმნა რასტრული ნიმუშით. რჩევები Illustrator-თან მუშაობისთვის
ფონის დახვეწილი შაბლონები დიდი დარტყმაა ვებ დიზაინში, მაგრამ ბევრი დიზაინერი ფიქრობს, რომ მათი გამოყენება Illustrator-ში ადვილი არ არის.
უნდა ვაღიარო, რომ ეს არ არის ინტუიციური, მაგრამ გამოსავალი მარტივია.
ბიტმაპის ნიმუშის შესაქმნელად:
- განათავსეთ ნიმუშის სურათი თქვენს ნაჭერზე
- დააწკაპუნეთ "ჩასმა" ზედა ლენტაზე (მნიშვნელოვანია - ამის გარეშე არ იმუშავებს!)
- გადაიტანეთ ნიმუში Swatches პალიტრაში
- წაისვით ნიმუში ნებისმიერ ობიექტზე, რომ შეავსოთ იგი ნიმუშით
10. ტექსტის ავტომატური განთავსება სურათებისა და ობიექტების გარშემო.
Photoshop ცნობილია ტექსტის რედაქტირების ძალიან ძირითადი შესაძლებლობებით. თუ გსურთ სურათის გარშემო ტექსტის გადატანა, თქვენ უნდა შექმნათ ორი ან სამი განსხვავებული ტექსტის ჩარჩო და მოახდინოთ ეფექტის სიმულაცია. რჩევები Illustrator-თან მუშაობისთვის
საბედნიეროდ, ილუსტრატორმა გაგაშუქა.
სურათის გარშემო ტექსტის შესაფუთად:
- აირჩიეთ სურათი ან ობიექტი, რომლის გარშემოც გსურთ ტექსტის გადატანა
- გახსენით ობიექტის მენიუ, აირჩიეთ Wrap Text > ახალი.
- შეფუთვის მანძილის დასაყენებლად კვლავ გახსენით Text Wrap მენიუ და აირჩიეთ Text Wrap Options.
- გადაიტანეთ სურათი ტექსტზე, რათა ნახოთ შეფუთვის ეფექტი
11. შექმენით მდიდარი ვიზუალური ეფექტები ობიექტების გარეგნობის პარამეტრებით. რჩევები Illustrator-თან მუშაობისთვის
Illustrator-ში ობიექტის გარეგნობის პანელი მუშაობს ისევე, როგორც ფენის ეფექტები Photoshop-ში - შეგიძლიათ დაამატოთ ობიექტს მრავალი შევსება და შტრიხი, შემდეგ კი ითამაშოთ მათი გადაცემის რეჟიმები, გამჭვირვალობა და ეფექტები, რომ მიიღოთ საინტერესო შედეგები.
ეს ტექსტი არის მხოლოდ ერთი ვექტორული ობიექტი, სტილიზებული გარეგნობისა და ეფექტების პანელის გამოყენებით.
სათამაშო მოედანი საკმაოდ დიდია - ვარდნის ჩრდილებიდან, ბუნდოვანი და ბზინვარებიდან ტექსტურირებამდე, დამახინჯებამდე და 3D-მდე. ამ გზით თქვენ შეგიძლიათ ხელახლა შექმნათ ეფექტების უმეტესი ნაწილი Photoshop-დან, სანამ ჯერ კიდევ ვექტორულ გრაფიკასთან მუშაობთ.
გარეგნობის პანელი მძლავრი და სახალისოა - გირჩევთ, დაუყოვნებლივ სცადოთ იგი ან უყუროთ ქვემოთ მოცემულ სახელმძღვანელოს, რათა გაიგოთ, როგორ მუშაობს:
გარეგნობის პანელის დაუფლება საქართველოს Adobe TV .
მზად ხართ ილუსტრატორთან ექსპერიმენტების დასაწყებად?
ვებსაიტების და მომხმარებლის ინტერფეისის შექმნა Photoshop-ის გამოყენებით უკვე ნორმად იქცა და დიზაინერების უმეტესობა კმაყოფილია ამ გადაწყვეტით. რჩევები Illustrator-თან მუშაობისთვის
მაგრამ მხოლოდ იმიტომ, რომ Photoshop გახდა ასე ფართოდ გავრცელებული, არ ნიშნავს რომ Illustrator-ს არაფერი აქვს შესთავაზა - პირიქით. ისეთი ხელსაწყოებით, როგორიცაა პიქსელების ბადის გასწორება, ტექსტის შეფუთვა და ობიექტის გარეგნობა, ის ძლიერ საქმეს ქმნის.
შერწყმულია ძლიერთან განლაგების ხელსაწყოები და ვექტორული გრაფიკა, გამოსახულების დაჭრა და ექსპორტი, Illustrator ნამდვილად აშკარა არჩევანია ვებ დიზაინერებისთვის, რომლებსაც სურთ ვებსაიტების სწრაფად განვითარება.
დატოვე კომენტარი