Портал графіки та дизайну
Додати в закладки
Портал графіки та дизайну » Каталог статей » Уроки Photosop » Ефекти » Ефект вертикальних фото панелей за допомогою Photoshop (частина 2)

Ефект вертикальних фото панелей за допомогою Photoshop (частина 2)

Ліцензія Creative Commons
Матеріал ліцензовано на умовах Ліцензії Creative Commons Із Зазначенням Авторства — Некомерційна 4.0 Міжнародна.

>>>ПРОДОВЖЕННЯ УРОКУ. ПЕРША ЧАСТИНА ТУТ<<<

Крок 11: Додайте обведення до панелі
Коли діалогове вікно Layer Style все ще відкрите, клацніть слово Stroke у списку ефектів ліворуч:
selecting-stroke

У параметрах обведення в середньому стовпці натисніть на зразок кольору, щоб змінити колір обведення:
stroke-color-swatch

Це знову відкриває засіб вибору кольорів, цього разу дозволяючи нам вибрати новий колір для обведення. Як і раніше, я виберу білий, ввівши 255 для значень R, G і B. Натисніть OK, коли закінчите, щоб закрити інструмент вибору кольорів:
color-picker-stroke

Повернувшись у діалогове вікно Layer Style, змініть Position з Outside (налаштування за замовчуванням) на Inside, потім збільште розмір обведення, перетягуючи повзунок вправо, доки не побачите досить тонку, але помітну білу межу навколо панелі. У моєму випадку я встановлю розмір на 12 пікселів, але вам може знадобитися інше значення залежно від розміру вашого зображення:
stroke-size-position

Натисніть OK, коли закінчите, щоб закрити діалогове вікно Layer Style. Ось як виглядає моя панель із застосуванням тіні та білого обведення:
panel-shadow-stroke

Крок 12. Згорніть ефекти шару
На цьому етапі ми виконали важку роботу (не те, щоб все було так важко, насправді), і додавання решти панелей — це проста справа копіювання, переміщення та обертання тієї, яку ми вже створили. Однак усі ці додаткові панелі означають, що до того часу, коли ми закінчимо, ми отримаємо ще кілька шарів. Тож перш ніж робити щось інше, давайте дамо собі трохи більше місця на панелі «Шари».
Зверніть увагу, що ефекти «Тінь» та «Обведення» перераховані безпосередньо під шаром «Панель». Це чудово, за винятком того, що нам насправді не потрібно їх бачити, а насправді вони просто займають місце. Давайте приховаємо їх, натиснувши на маленьку стрілку в крайньому правому куті шару:
toggle-layer-effects-closed

Це закриває розділ ефектів шару (повторне натискання стрілки відкриє його знову). Самі ефекти все ще застосовуються до панелі. Все, що ми зробили, це прибрали непотрібний безлад на самій панелі «Шари», щоб у нас було більше місця для інших шарів, які ми збираємося додати:
layer-effects-hidden

Крок 13: Дублюйте шар панелі
Тепер ми готові додати нашу другу панель. Переконайтеся, що на панелі «Шари» вибрано шар «Панель» (він повинен бути виділений синім кольором). Потім скопіюйте панель, піднявшись до меню «Шар» у верхній частині екрана, вибравши «Створити» , потім вибравши «Шар фігури» через «Копіювати» або просто натиснувши Ctrl+J (Win) / Command+J (Mac) на клавіатурі.
new-shape-layer-via-copy

Копія шару панелі з'явиться над оригіналом:
panel-copy

Крок 14. Перемістіть копію нижче оригіналу
Клацніть шар «Копія панелі» і, утримуючи кнопку миші, перетягніть її вниз під оригінал. Між вихідним шаром Panel і шаром заливки Solid Color з’явиться смуга виділення:
drag-panel-down

Відпустіть кнопку миші, коли з’явиться панель виділення, щоб опустити шар копії панелі на місце під оригіналом:
panel-copy-moved

Крок 15. Перемістіть та поверніть копію за допомогою вільного шляху трансформації
На даний момент копія панелі знаходиться за оригіналом, а це означає, що ми не бачимо її в документі. Давайте переміщати та обертати її, і ми зможемо зробити обидві ці речі за допомогою команди Free Transform Path. Так само, як і на кроці 7, перейдіть до меню «Редагувати» та виберіть «Шлях вільного трансформування» або натисніть Ctrl+T (Win) / Command+T (Mac), щоб вибрати «Шлях вільного трансформування» з клавіатури:
free-transform-path-1

Щоб перемістити нову панель, клацніть у будь-якому місці всередині поля Вільне трансформування та перетягніть панель праворуч. Для додаткового інтересу перемістіть панель трохи вище або нижче, ніж оригінал:
moving-panel

Щоб повернути панель, перемістіть курсор миші за межі поля Free Transform. Коли курсор перетвориться на вигнуту двосторонню стрілку, клацніть і перетягніть мишею, щоб повернути його. Коли ви додаєте все більше і більше панелей, намагайтеся повернути кожну з них на дещо інший кут, нахиляючи деякі вправо, а інші вліво:
rotating-second-panel

Коли ви закінчите, натисніть Enter (Win) / Return (Mac), щоб прийняти це та вийти з команди Free Transform Path. Не хвилюйтеся, якщо ви все ще можете бачити контур тонкого контуру навколо панелі. Його видно лише тому, що шар панелі вибрано на панелі «Шари». Якщо вибрати інший шар (фоновий шар або шар заливки), контур зникне:
second-layer-added

Крок 16: повторіть ті самі кроки, щоб додати інші панелі
На цьому етапі все, що нам потрібно зробити, це повторити ті самі кілька кроків, щоб додати решту наших панелей. Ми завжди хочемо, щоб нова панель була нижче інших, тому спочатку переконайтеся, що вибрано нижній шар панелі (той, що знаходиться безпосередньо над шаром заливки):
select-bottom-panel-layer

Тоді ось чудовий трюк, який заощадить час для одночасного копіювання шару та переміщення його вгору або вниз по стеку шарів. Натисніть клавішу Alt (Win) / Option (Mac) на клавіатурі та, утримуючи клавішу, клацніть нижній шар панелі та перетягніть його на невелику відстань, доки не побачите смугу виділення між цим шаром і шар заливки Solid Color безпосередньо під ним. По суті, ви перетягуєте шар під собою:
copy-move-layer

Відпустіть кнопку миші, і копія панелі з’явиться саме там, де ми хочемо її під іншими:
panel-copy-2

Після додавання нової панелі натисніть Ctrl+T (Win) / Command+T (Mac) на клавіатурі, щоб швидко вибрати команду Free Transform Path, потім клацніть всередині поля Free Transform і перетягніть нову панель праворуч. Знову ж таки, для візуального інтересу перемістіть його трохи вище або нижче, ніж попередню панель:
move-third-panel

Щоб повернути його, перемістіть курсор миші за межі поля Free Transform, потім клацніть і перетягніть мишею. Коли ви закінчите, натисніть Enter (Win) / Return (Mac), щоб прийняти це та вийти з команди Free Transform Path:
rotate-third-panel

Потім просто повторіть ті самі кроки (ті, які я щойно розглянув у кроці 16), щоб додати решту панелей. Ось як виглядає мій ефект із використанням семи панелей:
all-panels-added

Крок 17. Обріжте зображення
Нарешті, давайте обріжемо небажані білі ділянки навколо панелей. Виберіть інструмент Crop Tool на панелі інструментів або натисніть літеру C, щоб вибрати його з клавіатури:
photoshop-crop-tool

Вибравши інструмент Crop Tool, встановіть параметр Aspect Ratio у крайньому лівому куті панелі параметрів на Ratio, але залиште два поля значень прямо від нього порожніми (або натисніть кнопку Clear, щоб очистити їх, якщо потрібно).
aspect-ratio

Дуже важливо! Щоб ефект продовжував працювати після обрізання зображення, переконайтеся, що ви вибрали Delete Cropped Pixels на панелі параметрів. Якщо ви не виберете цей параметр, вихідне зображення всередині панелей більше не буде видно після обрізання:
delete-cropped-pixels

Якщо вибрано Delete Cropped Pixels, клацніть і перетягніть нове поле обрізання навколо області, яку ви хочете зберегти, або просто змініть розмір початкового поля обрізання, як я роблю тут (перетягуючи ліву та праву сторони поля обрізання до панелі). Не хвилюйтеся, якщо ваше оригінальне зображення на даний момент зникне, як і моє. Воно з’явиться знову, щойно ми закінчимо:
cropping-image

Коли будете готові, натисніть Enter (Win) / Return (Mac) на клавіатурі, щоб обрізати зображення. Фотографія всередині панелей знову з’явиться, надаючи нам остаточний ефект «вертикальних фотопанелей»:
photoshop-vertical-panels-cs6

Готово!

Сподобалося? Поділіться з друзями!
Ефект вертикальних фото панелей за допомогою Photoshop (частина 2)
Редактор:
Photoshop
Категорія:
Автор:
Переклад:
svit4u
Переглядів:
42
Рейтинг:
0.0 / 0
Проголосувати:



Коментувати можуть тільки зареєстровані користувачі.
[ Реєстрація | Вхід ]
На сайті не розміщено жодного файлу, інформація призначена виключно для ознайомлення.
Адміністрація сайту не несе відповідальності за повідомлення та дії користувачів.
Портал графіки та дизайну © 2014 - 2022 ::