Illustrator ilə işləyən bir aspekt varsa, mən həqiqətən bunu sevməzəm, sətir sənətini mobil və ya veb üçün svg şəkillərinə çevirir. Export> Export As menyusundan istifadə edərək, vəhşicəsinə dürüst olmaq üçün, Veb üçün Saxla - Export> Vebə Saxla - istifadə etmək tam asandır.
Çizimi .svg formatına çevirmək olduqca qorxuducu bir informasiya qutusu açdı ki, bu işə yeni gələn insanlar üçün, bir sıra .svg formatları var idi və bunlardan yalnız birinin gerçək olduğunu xatırlatmamaq üçün çaşqınlaşdırıcı bir sıra təklif etdi. formatı. Bu işə alışdıqdan sonra heç bir şey olmadı, amma öyrənmə əyrisi dik idi.
2016-cı ilin iyun ayında Illustrator CC 2015 -də təqdim olunan İxracatın İxracatı üçün Ekranlar və İxrac İxrac panelinin yeni İxrac İxrac xüsusiyyətləri ilə dəyişdi. Bu "Nasıl Yapılır" xüsusiyyətləri. Gəlin başlayaq.
01/04
Adobe Illustrator CC 2015-də ekranlar üçün ixraca necə giriş imkanı
Illustrator 88-dən sonra Illustrator istifadəçisi olmağı düşünürəm, Illustrator-un web və mobil interfeys və layihələr üçün ciddi dizayn vasitəsi kimi qəbul etməyim üçün istəksizliyimi başa düşə bilərik.
Çarxlar 2008-ci ildə CS4 versiyasına təqdim edildikdə, tətbiqə maraqlı bir əlavə olduğunu düşündüm. Ilk dəfə Illustrator-da Web-də Saxla funksiyasını gördüyümdə yenə mən maraqlı tapdım, lakin Adobe Fireworks-da eyni xüsusiyyətləri Illustrator -dan daha çox veb-grafik ilə uyğunlaşdırdıq.
Mobil layihələrə ilk mobil yanaşma və mobil layihələr üçün SVG şəkillərinə artan asılılıq ilə gəlməklə, Illustrator SVG üçün "gedəcəyim" alətim idi və UI Design işində vacib bir dayanma halına gəldi.
Hələ də, mən mobil malların ixracı üçün lazım olsa Sketch 3 və Photoshop CC 2015 seçim vasitələrimdir. İllustrator, 2016-cı ilin iyun ayında siyahılara həqiqətən uyğundur Ekranlar menyusundan ixrac ilə daxil oldu.
Yuxarıda göstərilən nümunədə iPhone üçün nəzərdə tutulan iki ekran var və onlar "Home" və "Places" adlı ayrı-ayrı Artboardlarda var. Onları çıxardmaq üçün Fayl> Dışa çıxarın> Ekranlar üçün Dəyişdir seçin. Ekranlar üçün İxrac informasiya qutusu açılır.
02/04
Ekranlar üçün İxrac Dialoq qutusunu necə istifadə etmək olar
Əlaqə qutusu göründüyü zaman, seçiləcək hər bir işarəni basın. Daha sonra bir onay işareti idman edəcək. Həmçinin seçmək və dəyişdirmək üçün bir işarənin adını cüt basın. Sənətçilərinizin "Artboard 1" və "Artboard 2" adlarını verdiyini bilmək yaxşı bir şeydir, açıq-aydın bir şey deyir.
Seçmə sahəsindəki üç seçiminiz var:
- Hamısı: Bu seçim sənəddə hər bir işarəni ayrı bir fayl olaraq ixrac edir.
- Aralığı: ixrac etmək üçün bir sıra iş yerləri daxil edin. Bu, bir neçə düzəldilmiş işgüzar layihələr üçün xüsusilə faydalıdır.
- Tam Sənədi: Seçin və bütün işarələr bir sənədə düzəldiləcək.
Bölgəyə İxracat çıxış üçün təyinat qovluğunu seçməyə imkan verir. Default qovluq Illustrator sənədinin cari yeri olacaqdır.
Biçimlər "sehr olur". Siz görəcəksiniz ki, üç simvol var - iOS. Android və Gear. İlk ikisi özünü izah edir. Dişli simgesi siyahıda olan fayl formatlarının hər birinin necə optimallaşdırılacağını nəzarət etməyə imkan verən Format Parametrlərini açır. Bu parametrlər "formata uyğun" və dəyişikliklər etdiyinizdən sonra Save Settings düyməsini basın və bu dəyişikliklər çıxılacaq formatlara tətbiq olunacaq.
Siz iOS və ya Android seçdikdən sonra siyahı həmin platformada mövcud olan bütün həllərin hamısını daxil etmək üçün dəyişəcək. IOS siyahısında Retina ekranı üçün ölçekleme faktörleri göstərilir ve Android seçimi hemen hemen her Android cihazı barındıran .75x ila 4x arasında değişen ölçekler olacaq.
Silinmək istədiyini göstərən bir format varsa, "x" düyməsini basın. Əlavə etmək istəyirsinizsə, əlavə edin + Əlavə et düyməsini basın.
Bitirdikdən sonra, Sənəd Dövrəsini Düyməsini basın və proses başa çatdıqda bir tərəqqi çubuğu göstərəcəkdir.
03 04
Adobe Illustrator CC 2015-dən Screens Dosyaları üçün İhracat Kullanma.
Ekranlar üçün İxracın nəticələrinə baxdığınızda, Illustrator hər ekranın yassılaşdırılmış versiyasını çıxardığını görəcəksiniz. Səthdə bu, Illustratorun bütün bitləri və parçaları şəkillər kimi ixrac etməsini gözlədiyiniz halda, bir az zəif görünə bilər.
Əgər geri qalsanız və bu barədə bir an düşünsəniz, bu, həqiqətən, tam olaraq nədir, çünki Adobe Output Design , Principleformac, Atomic.io , UXPin və ya digər prototip tətbiq kimi bir prototip tətbiqində bu çıxışı istifadə edə bilərsiniz.
Bu nümunədə, Adobe Steppe Design (XD) istifadə edərək sadə bir klik yaratmaq üçün istifadə edirəm. Bu prosesin ilk addımı, Illustrator Interface ölçüsünə uyğun olan iPhone 6 ölçüsünü seçmək idi
İnterfeys açıldığında, mən Artboard alətini seçdim və başqa bir iş parçası əlavə etmək üçün kartonda bir dəfə tıkladım. Mən onlara "Ev" və "Yerlər" adını verdim, hər bir iş yerini seçdilər və Illustrator'dan png təsvirini işəgötürənə idxal etdilər.
Klik-up üçün "qaynar nöqtələr" yaratmaq üçün ana ekranda Kəşf et düyməsini bir düzbucaq düzəldirdim və bu xüsusiyyətləri Properties panelində seçimdən kənarlaşdırmaqla dolu və sərhəd dəyərlərini heç birinə qurdum. Places səhifəsində Geri düyməsinə ilə eyni şeyi etdim.
Interaktivliyi əlavə etmək üçün Prototip rejimini seçdim və sonra "hotspot" düyməsinə vurdum. Daha sonra bir qayalı oxu - Joylar səhifəsinə sürüşdürdüm və Places-də keçid hədəfini, Sola basma hərəkətini, asanlaşmanın asanlaşmasını və keçid müddətini 6 saniyəyə təyin etdim.
Bu addımı Joylar səhifəsindəki hotspotla təkrarladı. Yalnız fərq keçid Push Right üçün müəyyən edilmişdir. Play düyməsini tıkladığımda prototipimi test etdim.
04 04
Adobe Illustrator CC 2015-də Export Asset Panel istifadə necə
Ekranlar üçün Saxla menyusu ilə yanaşı, Adobe də UI Design işində böyük bir ağrı nöqtəsini qaldıran Asset Export - yeni bir panel əlavə etdi.
Ağrı nöqtəsi ikonlar idi. Illustrator böyük bir vektor rəsm proqramıdır, ancaq, hər biri bir SVG şəkli olaraq saxlanılan 40 və ya 50 nüsxəsi olan bir səhifədə, 10 simvol deyək. SVG panelinə ardıcıl səfərlər sayəsində bu, adi haldan daha çox vaxt tələb edir. Bu ağrı nöqtəsi artıq keçmişin bir şeydir.
Bu yeni panel Window> Asset Export-də tapıla bilər. Panel açıldığında, SVG və ya digər formata çevirmək istədiyiniz paneli seçin və panelə sürükleyin. Siçanı sərbəst buraxdığınız zaman aktivin kiçik bir hissəsi panelə əlavə olunur. Aktivə ad verin. Tamamlanana qədər panellərə obyekt sürükləyin.
Hər bir öğeyi seçin İhracat ayarları alanında, Shift düyməsini basıb tutarak her birini tıklayarak onları seçin. Formatınızı seçin - bu nümunədə SVG-ni seçdim və İxrac düyməsini basın. Seçilmiş elementlər SVG faylları kimi Illustrator faylı ilə eyni yerə çıxacaq.
Bütün bu proseslər hətta neytrallaşdıqda Asset Export panelini istifadə etməmisiniz. Panelin altındakı "Ekranlar üçün Saxla" düyməsini klikləsəniz, informasiya qutusu açılır.
Bunun əvəzinə, Asset Export panelinə daxil olmaq üçün Seksiyalar Saxla panelindəki Aktivlər sekmesini vurun. Məsələn, bir işarədə xüsusi bir simvol varsa, Ekranı Saxla informasiya qutusunda Asset Export panelini aça və bu maddə Aktif Dağıtma panelinə sürükləyin.