Как да използвате Artboards черта на Adobe Photoshop CC 2017

01 от 05

Общ преглед на Artboards в Adobe Photoshop CC 2017

Новата функция Artboards на Photoshop CC 2017 е едно "хлъзгаво" допълнение.

Издърпайте всяка група графични дизайнери заедно и ги попитайте какво е основната им "точка на болка", когато става въпрос за проектиране на интерфейси за мобилни приложения и те ще ви кажат "Photoshop". Макар че това може да изненада доста хора, това е напълно разбираемо. Там има разнообразие от смартфони и таблети и всички те имат различни размери на екрана. Това неизбежно води до няколко дузини .psd файлове на Photoshop, съдържащи няколко слоя и доста сложен работен поток. От 16 юни 2015 г. всичко изчезна. Photoshop съдържа спокойна Artboards функция, която е мъртъв лесен за използване.

Ако сте потребител на "Илюстратор", вие сте свикнали да създавате и използвате графики. Новата функция за artboards на Photoshop работи много подобно на неговия Illustrator колега.

Нека да разгледаме как да го използвате.

02 от 05

Как да създадете изкуство в Photoshop CC 2017

Има изобилие от устройства, които можете да избирате при добавяне на графики.

Има два начина за създаване на Artboard в Photoshop CC 2017.

Първият е да създадете такъв, когато отваряте нов документ на Photoshop. Сега има избор на Artboard в полето Type Type . Когато го изберете, можете да изберете размер на Artboard от изскачащия прозорец и изборът ви варира от iPhone 6 Plus до 100 x 100 пиксела Legacy iPad Spotlight Size.

Другият метод е да изберете инструмента Artboard - той може да бъде намерен чрез натискане и задържане на инструмента Move.

Когато изберете инструмента Artboard, можете да отидете в горната част на интерфейса и да изберете предварително зададен от същия списък, който сте видели, когато сте създали нов документ. Можете също така да зададете персонализиран размер за artboard, да промените ориентацията на Portrait или Landscape, да добавите нов artboard или да изберете от три опции за това как Artboard ще се обработва от Photoshop CC 2015.

Тук е наистина хубаво нещо за artboards: Можете да имате колкото желаете.

03 от 05

Как да назовем и дублираме изкуствени картички в Photoshop CC 2017

Добавете ориентацията и устройството към името на платката.

Има два начина за дублиране на картинка. Първият е да отворите панела "Слоеве", да изберете картинка и да изберете Дублирана графична карта от контекстното меню . Вторият начин е да изберете платката за изкуство в панела "Слоеве" и да преминете към инструмента за преместване. С избраното графично изображение натиснете и задръжте клавиша Опция / Alt и плъзнете копие на избрано от Вас място.

Очевидно като генерично наречени artboards не ви казва нищо. За да промените името на картинка, изберете я в панела "Слоеве" и я преименувайте. В горното изображение те са iPhone 6 Plus_ Portrait и iPhone 6 Plus_Landscape . Това ми казва точно кое устройство и ориентация се отнася за всеки artboard.

04 от 05

Как да добавите съдържание към. В Photoshop CC 2017

Графините са "отделни многослойни документи".

Както вероятно сте предположили, картинката е Layer. Нещо като.

Всеки графичен пласт е отделен "слоест документ", който означава всичко, което можете да добавите към слой, който можете да добавите към графика. В горното изображение имам плакати за iPad Retina, които са настроени на Портрет и Landscape ориентация. Всеки плакат има свои собствени слоеве, групи слоеве, текст, Smart Objects и всичко останало, което бихте добавили към документа на Photoshop.

Също така, можете да преместите реда за наслояване във всяка плакат и реда на платките

05 от 05

Как да визуализирате Photoshop CC 2017 Artboard на устройство с iOS

Използвайте Adobe Preview, за да видите своите artboards на устройство с iOS, без да напускате Photoshop.

Това е мястото, където Artboards се превръща в "убиец" в Photoshop.

Заедно с пускането на тази актуализация има iOS App за iPhone и iPad - Adobe Preview - което ви позволява да проверявате работата си на вашия iPhone или iPad, при условие че тя е в същата безжична мрежа като компютъра ви или е прикрепена към компютъра чрез USB връзка ..

Това, което правите, е да инсталирате Adobe Preview на вашето устройство и да отворите приложението.

Във Photoshop просто кликнете върху новия бутон за преглед на устройства. Отваря се панелът за предварителен преглед на устройството и на устройството ви се показва визуалният ви плакат.

Ето какво получава наистина "хлъзгав". Ако промените ориентацията на устройството, съответното графично изображение, което се отнася за тази ориентация, се показва на устройството.

Единствената ми жалба е, че приложението е само за iOS. Тези от нас, които имат устройства с Android, всъщност нямат късмет. Въпреки че Adobe направи много ясно, че много от Touch Apps ще имат партньори в Android, само ще разберем дали Adobe ще направи версия на Adobe за преглед на Adobe.

За да научите повече за използването на Artboards в Photoshop CC 2017, Adobe има доста подробен преглед.