Экстракт Photoshop: Mobile Графіка вытворчасці працягваецца Afterburner

01 з 08

Што Выманне актываў

Стварэнне Камп ў Photoshop.

Новы Extract актывы асаблівасць Photoshop CC 2014 папружак дажыгацель на інакш стомнага працэсу стварэння ладу для Спагадны вэб - дызайну (RWD). Давайце паглядзім на тое, як каманда Выманне актываў можа хутка паменшыць вэб-старонку Камп для зборкі гатовых актываў на працягу некалькіх хвілін.

Давайце пачнем з відавочным пытаннем: Што такое Extract актываў?

Прасцей кажучы, Extract актываў з'яўляецца новая функцыя ў Photoshop, які забяспечвае функцыю генератара ў Photoshop з інтэрфейсам, каб дапамагчы аўтаматызаваць стварэнне сродкаў візуалізацыі для вэб-дызайну і экрана з файлаў Photoshop. Каманда Extract актываў дазваляе вызначыць, які пласт або пласты вы хочаце стварыць актывы для, іх фізічнага памеру, фармату файл і захоўвае месцазнаходжанне на дыску. Гэтая функцыя не прызначана для тэксту, калі намер не ператварыць тэкст у растравы малюнак, якое на самай справе не з'яўляецца добрай ідэяй.

Давайце пачнем.

02 з 08

Адкрыйце фотошоп .psd файл

Мы пачынаем з вэб-старонкі кампе, падрыхтаванай у Photoshop.

Прыклад Я выкарыстоўваю ўтрымлівае смарт-аб'екта з Illustrator, які-небудзь тэкст, герой блок, які змяшчае тэкст, малюнкі і кнопкі і серыю на адкрытым паветры малюнкаў, якія ўзмацняюць тэму сайта. Ключавым момантам тут з'яўляецца арганізацыя слаёў у групы. Гэта неабходна таму, што задача складаецца ў тым, каб выцягнуць усе гэтыя элементы з акампанементу, каб яны маглі быць хутка дададзеныя да інтэрнэту-макетах, якія адаптуюцца да рознага вырашэнню экрана і памерах.

03 з 08

Два спосабу для здабывання актываў

Выманне актываў можна знайсці ў меню Файл або пстрыкнуўшы правай кнопкай мышы на пласт.

У адрозненні ад Generate, які здабывае аб'екты з дапамогай дадання графічнага пашырэння да імя пласта, выманне актываў выкарыстоўвае інтэрфейс , які можа быць дасягнуты з дапамогай пстрычкі правай кнопкі мышы пласт або выбраўшы пласт і выбраўшы Файл> Extract актываў.

04 з 08

Выманне актываў Інтэрфейс

Дыялогавае акно Extract актываў.

Дыялогавае акно Extract актываў досыць інтуітыўнае. Вы паказалі пласт ці выбар павінен быць вырваны. Над ёй вы паказаны памер файлаў і ніжэй, гэта кіраванне, што дазваляе павялічваць і памяншаць на аб'екце. Правая частка дыялогавага акна, дзе адбываецца чараўніцтва. Чатыры кнопкі ў верхнім дазваляе выбраць дазвол / памер аб'екта. Наступная паласа паказвае абраны пласт і націснуўшы на знак + Выводзіцца абраны пласт у іншым фармаце. Кошык Са п выдаляе пласт з чаргі. У наступнай паласе ўніз, вы можаце выбраць тып файла, і вы можаце наладзіць шырыню і вышыню выхаднога малюнка.

05 з 08

Распакаванне An SVG малюнка

Выманне ў SVG малюнка.

Photoshop не апрацоўвае SVG малюнка ўсе, што так і браўзэры і прылады, не можа адлюстроўваць выява Illustrator. Гэта прывяло да ўздыму файлаў SVG выкарыстоўваецца для вектарнага творы, такія як лагатып Illustrator паказана тут. Будучы вектарамі іх дазвол прылады самастойным значэння яны могуць маштабавацца без страты дэталізацыі або малюнкаў. Для пераўтварэння смарт - аб'ект Illustrator ў SVG, абярыце SVG з выпадальнага ўніз і выберыце Выняць.

06 з 08

Выманне актываў Працэс

Выявы змяшчаюцца ў тэчку ў тым жа месцы, што і .psd малюнка.

Некалькі рэчаў, якія будуць адбывацца пры націску на кнопку Extract. Вы спачатку папярэджваецца імя файла можа змяніцца. Гэта не вялікая праблема. Тады вам будзе сказана, новая папка ствараецца для захоўвання актыву. Пасля завяршэння працэсу, папка, размешчаная ў тым жа месцы, што і арыгінальны .psd файл, адкрывае і паказвае вам новы актыў.

07 08

Кнопка Налады Ваш новы лепшы сябар

Размяшчэнне дазволу прылады.

Пры націску на кнопку Налада адкрыецца дыялогавае акно Параметры , якія сур'ёзна карысна. Налады на левай баку з'яўляюцца каэфіцыентамі маштабавання. Што яны робяць, ствараюць розныя копіі выявы распрацоўніка будзе выкарыстоўваць у запытах медыя мэтавага дазволу экрана канкрэтнага прылады. Напрыклад, версія 3x будзе накіравана на дысплеі iPhone або IPad Retina у той час як 1,25 фактар ​​будзе адзначана на Android прылады. Суфікс дадаецца ў канец імя файла, каб дазволіць распрацоўнікам лёгка ідэнтыфікаваць малюнак, якое будзе выкарыстоўвацца ў запыце медыя. Пасля таго, як вы скончыце, націсніце кнопку OK , і вашы выбары будуць загарацца ў галіне Extract актываў у дыялогавым акне. Вы таксама можаце звярнуцца да ўстаноўкі, націснуўшы на значок шасцярэнькі ў галіне Extract актываў над на правай баку інтэрфейсу

08 з 08

заканчваючы

Некалькі малюнкаў з рознымі фарматамі і рэзалюцыяў здабываюцца.

Пры націску на кнопку Выняць усе актывы будуць створаны і дададзены ў тэчку. На дадзены момант усе, што вам трэба зрабіць, гэта адправіць ваш распрацоўшчык копію папкі і перайсці да наступнага праекту.