Работа с Artboards във Photoshop CC

Точно както в Adobe Illustrator, монтажните табла на Photoshop предоставят възможност за изграждане на отделни страници или екрани в рамките на един документ. Това може да бъде особено полезно, ако създавате екрани за мобилно приложение или малка брошура.

Можете да мислите за монтажна област като специален тип група слоеве, създадена с помощта на панела Слоеве. Функционалността му може да не е толкова интуитивна във Photoshop, колкото е в Adobe Illustrator, но с малко практика трябва да се овладеете. Следвайте тези стъпки, за да видите как можете сами да направите артбордове:

В този пример се създава нов документ с помощта на началния документ на iPhone 6. Ако стартирате нов документ с наследения прозорец за нов документ, създайте нов файл със следните размери: 750 ширина x 1334 височина.

Създайте документ с размера на iPhone 6.

Ако сте създали новия си документ с началния файл на iPhone 6, вече виждате монтажна област, изброена в панела със слоеве.

Панелът със слоеве с вече създадена Artboard.

Ако не виждате монтажна област, създайте такава сега, като изберете New Artboard от менюто на панела Слоеве.

Можете да добавите свой собствен Artboard, като използвате менюто на панела Слоеве.

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

Изберете File→ Place Embedded и отидете до папката Book03-Photoshop. Щракнете двукратно, за да изберете изображението с име water_sky или изберете изображението и натиснете Place.

Когато изображението се появи на монтажната област, вземете една от ъгловите дръжки, задръжте натиснат клавиша Shift и щракнете и плъзнете навън, за да мащабирате изображението и да запълните цялата монтажна област. Когато изображението е оразмерено и позиционирано, поставете отметка в квадратчето Commit в лентата с опции или натиснете клавиша Enter, за да потвърдите разположението на изображението.

Поставете изображение и го разтегнете, за да пасне на цялата монтажна област.

След това добавяте текстов слой.

Изберете инструмента Тип и щракнете и плъзнете върху монтажната област, за да създадете текстова област и да добавите нов текстов слой.

Въведете текста ВОДА И НЕБЕ. Използвайки контролите в лентата с опции, задайте типа на следните свойства:

• Шрифт: Myriad Pro Bold
• Размер: 110 pt
• Цвят: Бял

Изберете бутона Commit в лентата с опции, след като сте задали своя тип.

Добавете текстов слой към вашата монтажна област.

Можете да натиснете Ctrl+Return (Windows) или ⌘ +Return (Mac), за да запишете и тип слой.

Както виждате, вие работите с Artboards точно както бихте работили с всеки друг документ на Photoshop. Разликата идва в следващата стъпка, където ще намерите как да добавите допълнителни артбордове към вашия файл.

Добавяне на допълнителни монтажни табла

Можете също да създадете допълнителни монтажни табла. Може би искате многоекранно мобилно приложение, създадено във Photoshop, или просто искате да създадете няколко версии на един екран. За тези инструкции продължавате с проекта, започнат по-горе.

Щракнете върху инструмента Преместване и изберете скрития инструмент Artboard.

Използвайте инструмента Artboard, за да манипулирате монтажните табла и да създавате повече.

Иконите със знак плюс се появяват от всички страни на монтажната област. Можете да щракнете върху тези икони със знак плюс, за да добавите допълнителни монтажни табла.

Щракнете върху иконата със знак плюс вдясно от съществуващата монтажна област, за да видите, че е добавена нова празна монтажна област.

Добавете празна монтажна област, като щракнете върху иконата със знак плюс.

Разгледайте панела със слоеве. Уверете се, че, точно както слоевете, най-новата монтажна област се появява над избрания слой.

Можете също да използвате инструмента Artboard, за да създадете свой собствен артборд с персонализиран размер. Направете това, като щракнете и плъзнете с инструмента за монтажна област върху платното на Photoshop. От лентата с опции за инструменти изберете предварително зададен размер от изскачащото меню Размер или просто го оставете във вашия персонализиран размер.

Именуване на вашите артбордове

Преди този файл да стане по-сложен, би било разумно да наименувате монтажните области. Това се прави в панела Слоеве.

Изберете първоначалната монтажна област (Артборд 1) и щракнете двукратно върху името на монтажната област. Когато текстовото поле е активно, въведете името Начало.

Щракнете двукратно върху името Artboard 2 в панела Layers и наименувайте този слой Beach.

Добавяне на съдържание към втората монтажна област

Сега добавете изображение и малко текст към втория артборд:

Щракнете върху инструмента Artboard и го превключете обратно към инструмента за преместване.

Уверете се, че монтажната област на Beach е избрана в панела на слоевете и изберете File→ Place Embedded. Придвижете се до папката Book03_Photoshop и изберете изображението с име Beach и натиснете Place. Изображението се добавя към втората монтажна област.

Както при последното изображение, което сте поставили, задръжте натиснат клавиша Shift и плъзнете Shift върху ъглова точка, за да увеличите пропорционално изображението и да запълните екрана.

С активен инструмент за преместване щракнете и плъзнете изображението. Имайте предвид, че въпреки че е в същия документ, той не се припокрива и не пречи на илюстрациите на други артбордове.

Клониране от една монтажна област в друга

Сега клонирайте текста от Home artboard към Beach artboard:

Докато инструментът за преместване все още е избран, щракнете с Ctrl (Windows) или ⌘ - щракнете (Mac) върху текста WATER & SKY в началната монтажна област. Това активира този слой.

Задръжте натиснат клавиша Alt (Windows) или Option (Mac) и щракнете и плъзнете текста от една монтажна област към друга.

Ако задържите клавиша Shift, докато плъзгате, изображението ще остане подравнено.

Превключете към монтажната област и щракнете двукратно върху наскоро клонирания текст, за да активирате текстовата област и въведете FUN BEACHES.

Файл на Photoshop с две монтажни табла.

Преместване на елементи от една монтажна област в друга

За да преместите елемент от една монтажна област в друга, просто плъзнете елементите от една монтажна област в друга. Когато премествате елемент между монтажни табла, Photoshop се опитва да го позиционира на същото място спрямо началото на линийката, разположено в горния ляв ъгъл на монтажните табла.

Експортиране на вашите артбордове

Можете да запазите файла си като файл на Photoshop, за да поддържате слоеве, но в този пример ще експортирате файла като PDF от две страници. Или използвайте функцията Файл→ Експортиране, за да експортирате вашите артбордове като PNG, JPEG, PDF файлове и други.