01 од 08
Што е екстракт средства
Новата карактеристика на Extract Assets на Photoshop CC 2014 го заокружува последниот допир на инаку искуствениот работен тек на креирање на слики за Responsive Web Design (RWD). Ајде да погледнеме како командата за извлекување средства може брзо да ја намали веб-страницата на средствата подготвени за монтажа за неколку минути.
Да почнеме со очигледно прашање: Што е извлекување средства?
Во едноставни термини, Extract Assets е нова функција во Photoshop која обезбедува функција на Photoshop Generator со интерфејс за да им помогне на автоматско создавање слики за веб и дизајн на екранот од вашите датотеки на Photoshop. Командата Екстракт средства ви овозможува да дефинирате кој слој или слоеви сакате да креирате средства за, нивната физичка големина, формат на датотека и зачувана локација на дискот. Оваа функција не е наменета за текст, освен ако намерата е да го претвори текстот во битмапа, што навистина не е добра идеја.
Ајде да почнеме.
02 од 08
Отворете ја датотеката .psd на Photoshop
Примерот што го користам содржи Smart Object од Illustrator, некој текст, херојска единица која содржи текст, слика и копче и серија надворешни слики кои ја зајакнуваат темата на страницата. Клучот тука е организирање на Слоевите во групи. Ова е неопходно, бидејќи задачата е да ги извлечете сите овие елементи од комп, за да можат брзо да се додадат на веб-распореди кои се прилагодуваат на различни резолуции и големини на екранот.
03 од 08
Два начини за екстракција на средства
За разлика од Generate, кој исто така ги извлекува објектите преку додавање на графички продолжување до името на слојот, Extract Assets користи интерфејс што може да се постигне со десен клик на слој или со избирање слој и со избор на File> Extract Assets .
04 од 08
Интерфејсот за извлекување средства
Прозорецот за извлекување средства е прилично интуитивен. Ви се прикажува слојот или изборот што треба да се извлече. Над него се прикажани големината на датотеките и под него е контролата која ви овозможува да зумирате и одзумирате на објектот. На десната страна на дијалогот се наоѓа магијата. Четирите копчиња на врвот ви овозможуваат да ја изберете резолуцијата / големината на објектот. Следниот лента ви го прикажува избраниот слој и кликањето на знакот + ви овозможува да го извадите избраниот слој и во друг формат. Ѓубре Ca n го отстранува слојот од редот. Во следната лента надолу, можете да го изберете типот на датотека и можете да ја прилагодите ширината и висината на излезната слика.
05 од 08
Извлекување на SVG слика
Photoshop не ги обработува сите СГГ слики, а прелистувачите и уредите не можат да прикажат слика на Illustrator. Ова резултираше со пораст на SVG датотеки кои се користат за векторски уметнички дела како што е логото на Illustrator, прикажано тука. Бидејќи се вектори, нивната резолуција е независно од уредот што може да се измери без загуба на детали или слика. За да го конвертирате Smart Object на SVG, изберете svg од pop-down и кликнете Extract .
06 од 08
Процес на извлекување средства
Неколку работи ќе се случат кога ќе кликнете на копчето Екстракт. Прво ќе бидете предупредени дека името на датотеката може да се промени. Ова не е голем проблем. Потоа ќе ви биде кажано дека се создава нова папка за да се одржи предноста. Откако процесот ќе заврши, фолдерот, сместен на иста локација како и оригиналната .psd датотека, се отвора и го прикажува новото средство.
07 од 08
Копчето за поставки е вашиот нов најдобар пријател
Со кликнување на копчето Подесувања се отвора поле за дијалог Settings што е сериозно корисно. Нагодувањата од лево се фактори на скалирање. Она што го прават е создавање на разни копии од сликата што развивачот ќе ги користи во медиумските пребарувања за насочување на резолуцијата на екранот на конкретниот уред. На пример, верзијата од 3x би била насочена кон iPhone или iPad Retina дисплеј, додека фактор 1.25 би бил посочен на уред со Android. Суфиксот се додава до крајот на името на датотеката, за да му дозволи на вашиот развивач лесно да ја идентификува сликата што ќе се користи во медиумското барање. Откако ќе завршите, кликнете на копчето ОК и вашите селекти ќе светнат во областа Екстракт средства во дијалогот. Исто така, можете да пристапите до поставката со кликање на иконата за опрема во областа Екстракт средства над на десната страна на интерфејсот
08 од 08
Завршив
Кога ќе кликнете на копчето Екстракт, сите средства ќе бидат креирани и додадени во папката. Во овој момент се што треба да направите е да го испратите на вашиот развивач копија од папката и да продолжите со следниот проект.