אויב עס איז איין אַספּעקט פון ארבעטן מיט Illustrator אַז איך טאַקע טאָן ניט הנאה עס איז קאַנווערטינג שורה קונסט צו סווג בילדער פֿאַר רירעוודיק אָדער די וועב. ניצן די אַרויספירן> אַרויספירן ווי מעניו און, צו זיין ברוטאַלי ערלעך, די Save For Web Feature - Export> Save For Web - זענען נישט פּונקט גרינג צו נוצן.
קאָנווערטינג אַ צייכענונג צו די .svg פֿאָרמאַט געעפנט אַ אלא ינטימידייטינג דיאַלאָג קעסטל אַז, פֿאַר מענטשן נייַ צו דעם אַרבעטפלאָו, געפֿינט אַ קאַנפיוזינג מענגע פון אָפּציעס נישט צו דערמאָנען די פאַקט עס זענען געווען אַ נומער פון .זי פֿאָרמאַטירונגען און בלויז איינער פון זיי איז געווען די געהעריק פֿאָרמאַט. אַמאָל איר גאַט געוויינט צו דעם וואָרקפלאָוו עס איז געווען קיין גרויס האַנדלען, אָבער די וויסן ויסבייג איז אַראָפאַנג.
אַז אַלץ איז געביטן מיט די נייַ עקספּאָרט פֿאַר סקרעענס פֿעיִקייטן - עקספּאָרט> עקספּאָרט פֿאַר סקרעענס - און די אַסעט עקספּאָרט טאַפליע וואָס זענען באַקענענ צו Illustrator CC 2015 אין יוני 2016. אין דעם "How To" איך וועל ווייַזן איר ווי צו נוצן ביידע איינריכטונגען. לאמיר אנהייבען.
01 פון 04
ווי צו אַקסעס פֿאַר סקרינז אין Adobe Illustrator CC 2015
ווייל געווארן אַ יללוסטראַטאָר באַניצער since Illustrator 88 איך טראַכטן איר קענען פֿאַרשטיין מיין ומכיישעק צו באַטראַכטן יללוסטראַטאָר ווי אַ ערנסט פּלאַן געצייַג פֿאַר וועב און רירעוודיק ינטערפייסיז און פראיעקטן.
ווען אַרטבאָאַרדס זענען באַקענענ אין די קס 4 ווערסיע 2008, איך געדאַנק אַז איז געווען אַ טשיקאַווע דערצו צו די אַפּלאַקיישאַן. ווען איך ערשטער געזען די איצט-דעפּרעסאַטעד היט פֿאַר וועב שטריך אין Illustrator, ווידער, איך געפונען עס טשיקאַווע אָבער איך געפונען די זעלבע שטריך אין Adobe Fireworks איז געווען מער אַליינד מיט וועב גראַפיקס ווי Illustrator.
מיט דעם אָנקומען פון אַ רירעוודיק-ערשטער צוגאַנג צו פּלאַן און די ינקריסינג צוטרוי אויף סווג בילדער פֿאַר רירעוודיק פראיעקטן, יללוסטראַטאָר איז מיין "גיין צו" געצייַג פֿאַר סווג און געווארן אַ וויכטיק האַלטן אין די וי פּלאַן וואָרקפלאָוו.
נאָך, אויב איך דארף צו אַרויספירן אַסעץ פֿאַר רירעוודיק, Sketch 3 און Photoshop CC 2015 זענען מיין מכשירים פון ברירה. יללוסטראַטאָר איז אריין אין די רשימה אין יוני 2016 מיט די טאַקע קעפיר עקספּאָרט פֿאַר סקרעענס מעניו.
אין דעם אויבן בייַשפּיל, איך האָבן צוויי סקרינז באשאפן פֿאַר אַ יפאָנע און זיי זענען אויף באַזונדער אַרטבאָאַרדס געהייסן "היים" און "ערטער". צו רעזולטאַט זיי, איך אויסגעקליבן טעקע> אַרויספירן> אַרויספירן פֿאַר סקרינז. די אַרויספירן פֿאַר סקרינז דיאַלאָג קעסטל עפענען.
02 פון 04
ווי צו נוצן די עקספּאָרט פֿאַר סקרינז דיאַלאָג קעסטל
ווען די דיאַלאָג קעסטל אויס, דריקט אויף יעדער אַרטבאָאָק צו ווערן אויסגעקליבן. עס וועט דעמאָלט ספּאָרט אַ טשעק מארק. איר קענען אויך טאָפּל-גיט אַ נאָמען פון אַרטבאָרד צו סעלעקטירן עס און טוישן עס. דאס איז אַ גוטע זאַך צו וויסן אויב דיין אַרטבאָאַרדס זענען גערופן "אַרטבאָאַרד 1" און "אַרטבאָאַרד 2" וואָס, פראַנגקלי, דערציילט איר גאָרנישט.
איר האָט דרייַ ברירות אין די סעלעקציע געגנט:
- אַלע: די ברירה יקספּאָוזד יעדער אַרטבאָרד אין דעם דאָקומענט ווי אַ באַזונדער טעקע.
- קייט: אַרייַן אַ קייט פון אַרטבאָאַרדס צו זיין יקספּאָרטאַד. דאָס איז ספּעציעל נוציק פֿאַר פראיעקטן מיט אַ ביסל טוץ אַרטווערדז.
- גאַנץ דאָקומענט: סעלעקט דעם און אַלע פון די אַרטבאָאַרדס וועט זיין פלאַטאַנד אין אַ איין דאָקומענט.
דער אַרויספירן צו געגנט לעץ איר קלייַבן די דעסטיניישאַן טעקע פֿאַר די פּראָדוקציע. די פעליקייַט טעקע וועט זיין די קראַנט אָרט פון דעם יללוסטראַטאָר דאָקומענט.
פאָרמאַץ איז ווו די "מאַגיש כאַפּאַנז. איר וועט באַמערקן עס זענען דרייַ ייקאַנז-יאָס. אַנדרויד און אַ גיר. דער ערשטער צוויי זענען זיך-יקספּלאַנאַטאָרי. דער גיר ייקאַן עפענען די פֿאָרמאַטירונג סעטטינגס וואָס אַלאַוז איר צו קאָנטראָלירן ווי יעדער פון די טעקע פֿאָרמאַטירונגען אין דער רשימה וועט זיין אָפּטימיזעד. די סעטטינגס זענען "פֿאָרמאַט ספּעציפיש" און אַמאָל איר האָבן געמאכט דיין ענדערונגען, גיט די היט סעטטינגס קנעפּל און די ענדערונגען וועט זיין געווענדט צו די פאָרמאַץ צו זיין רעזולטאַט.
אַמאָל איר קלייַבן יאָס אָדער אַנדרויד די רשימה וועט טוישן צו אַרייַננעמען אַלע די רעזאַלושאַנז פאַראַנען אויף אַז פּלאַטפאָרמע. די יאָס ליסטינג וועט ווייַזן די סקיילינג סיבות פֿאַר די רעטינאַ אַרויסווייַזן און די אַנדרויד סעלעקציע וועט האָבן וואָג ריינדזשינג פון .75 קס צו 4 קס וואָס אַקאַמאַדייץ פּראַקטאַקלי יעדער אַנדרויד מיטל אויס דאָרט.
אויב עס איז אַ פֿאָרמאַט וואָס ווייזט אַז איר ווילן צו באַזייַטיקן, גיט די "רענטגענ". אויב עס איז איינער איר ווילן צו לייגן גיט + לייג סקאַלע קנעפּל.
ווען פאַרטיק, גיט די עקספּאָרט אַרטבאָרד קנעפּל און אַ פּראָגרעס באַר וועט ווייַזן איר ווען דער פּראָצעס איז פאַרטיק.
03 פון 04
ניצן די די עקספּאָרט פֿאַר סקרעענס טעקעס פון אַדאָובי יללוסטראַטאָר סיסי 2015.
ווען איר טשעק אויס די רעזולטאַטן פון אַרויספירן פֿאַר סקרינז, איר וועט אַנטדעקן אַז יללוסטראַטאָר האט רעזולטאַט אַ פלאַטאַנד ווערסיע פון יעדער פאַרשטעלן. אויף די ייבערפלאַך, דאָס קען ויסקומען צו זיין אַ ביסל שוואַך ספּעציעל אויב איר געווען יקספּיריאַנסט יללוסטראַטאָר צו אַרויספירן אַלע פון די ביטן און ברעקלעך ווי בילדער.
אויב איר טראַפּט צוריק און טראַכטן וועגן עס פֿאַר אַ מאָמענט, דאָס איז טאַקע פּונקט וואָס איר דאַרפֿן ווייַל איר קענען נוצן דעם רעזולטאַט אין אַ פּראָוטאַטייפּ אַפּלאַקיישאַן אַזאַ ווי Adobe Experience Design , Principleformac, Atomic.io , UXPin אָדער אנדערע פּראָטאָטיפּינג אַפּלאַקיישאַן
אין דעם בייַשפּיל, איך נוצן אַדאָובי עקספּעריענסע פּלאַן (קסד) צו שאַפֿן אַ פּשוט דריקט. דער ערשטער שריט אין דעם פּראָצעס איז געווען צו אויסקלייַבן די יפאָנע 6 גרייס וואָס גלייַכן די דימענשאַנז פון די Illustrator Interface
ווען די צובינד געעפנט, איך אויסדערוויילט די אַרטבאָאַרד געצייַג און קליקט אַמאָל אויף די פּאַסטבאָרד צו לייגן אן אנדער אַרטבאָרד. איך דעמאָלט גערופן "היים" און "ערטער", אויסגעקליבן יעדער אַרטבאָרד און ימפּאָרטיד די פּנג בילד פון Illustrator אין די אַרטבאָרד.
צו מאַכן די "האָצפּאָץ" פֿאַר די דריקט-דורך, איך געצויגן אַ גראָדעק איבער די ויספאָרשן קנעפּל אויף די היים פאַרשטעלן און שטעלן זייַן פּלאָמבירן און גרענעץ וואַלועס צו גאָרנישט דורך דיסאַלויינג יענע פּראָפּערטיעס אין די פּראָפּערטיעס טאַפליע. איך האט די זעלבע זאַך מיט די צוריק קנעפּל אויף די ערטער בלאַט.
צו לייגן די ינטעראַקטיוויטי, איך אויסגעקליבן פּראָטאָטיפּע מאָדע און דעמאָלט קליקט אויף די "האָצפּאָט". איך דערנאָך דראַגד די פייַל - גערופן אַ דראָט - צו די ערטער בלאַט און שטעלן די יבערגאַנג ציל בייַ די ערטער, די באַוועגונג צו פּוש לעפט, די יזינג צו יז אויס און די געדויער פון די יבערגאַנג צו .6 סעקונדעס.
איך ריפּיטיד דעם שריט מיט די האָצפּאָט אויף די ערטער בלאַט. דער בלויז חילוק איז געווען די יבערגאַנג איז באַשטימט צו פּוש רעכט. ווען איך קליקט דעם פּלייַ קנעפּל איך טעסטעד מיין פּראָוטאַטייפּ.
04 פון 04
ווי צו ניצן די עקספּאָרט אַסעט פּאַנעל אין Adobe Illustrator CC 2015
צוזאמען מיט די היט פֿאַר סקרעענס מעניו אַדאָובי אויך צוגעגעבן אַ נייַ טאַפליע - אַססעט עקספּאָרט - אַז אַוועקגענומען אַ ריזיק ווייטיק פונט אין די וי פּלאַן וואָרקפלאָוו.
די ווייטיק פונט איז ייקאַנז. יללוסטראַטאָר איז אַ גרויס וועקטאָר צייכענונג אַפּלאַקיישאַן אָבער צו רעזולטאַט, לאָזן ס זאָגן 10 ייקאַנז, אויף אַ בלאַט מיט 40 אָדער 50 פון זיי פארלאנגט יעדער איינער איז געראטעוועט ווי אַ סווג בילד. דעם ינעוואַטאַבלי פארלאנגט מער צייַט ווי געוויינטלעך דאַנק צו סאַקסעסיוו טריפּס צו די סווג טאַפליע. דעם ווייטיק פונט איז איצט אַ זאַך פון דער פאַרגאַנגענהייַט.
דעם נייַ טאַפליע קענען זיין געפונען אין די פֿענצטער> Asset Export. ווען דער טאַפליע עפענען, סעלעקטירן די אַסעט איר ווילן צו בייַטן צו סווג אָדער אנדערע פֿאָרמאַט און שלעפּן אין די טאַפליע. ווען איר באַפרייַען די מויז אַ טאַמנייל פון די אַסעט איז צוגעגעבן צו די טאַפליע. נאָמען די אַסעט. האַלטן שלעפּן אַבדזשעקס אין די טאַפליע ביז איר זענט פאַרטיק.
סעלעקטירן יעדער נומער אין די עקספּאָרט סעטטינגס געגנט, אָדער סעלעקטירן זיי אַלע דורך האלטן אַראָפּ די שיפט שליסל און געבן אַ קליק אויף יעדער. אויסקלייַבן דיין פֿאָרמאַט - אין דעם בייַשפּיל, איך אויסדערוויילט סווג- און גיט די עקספּאָרט קנעפּל. די אויסגעקליבן זאכן וועלן זיין רעזולטאַט ווי סווג טעקעס צו די זעלבע אָרט ווי די יללוסטראַטאָר טעקע.
ווו דאָס גאנצע פּראָצעס גאַט אַפֿילו נעאַטער איז איר טאָן ניט האָבן צו נוצן די Asset Export טאַפליע. אויב איר גיט די היט פֿאַר סקרינז קנעפּל בייַ די דנאָ פון די טאַפליע די דיאַלאָג קעסטל עפענען.
קאָנווערסעלי, איר קענען דריקט די קוויטל אַסעץ אין די היט פֿאַר סקרעענס טאַפליע צו צוטריט צו די Asset Export טאַפליע. למשל, אויב איר האָט אַ מנהג ייקאַן אויף אַ קונסטבאָרד איר קענען עפענען דעם אַססעט עקספּאָרט טאַפליע אין די Dialog Box היט פֿאַר סקרין און שלעפּן דעם נומער אין די Asset Export panel.