1. Рамки в Photoshop
2. Рамка на основі нової кисті
3. Рамка з використанням операцій над виділенням
4. Рамка з допомогою стилів
5. Рамка з допомогою векторних фігур
6. Автоматичне створення рамок
7. Рамки в CorelDRAW
8. Найпростіша рамка
9. Рамка на основі розпилювача
10. Рамка з допомогою растрових ефектів
11. Рамки в Photo Frames

9 - 2012

Софія Скриліна, викладач навчального центру «Арт», м.Санкт-Петербург

У цій статті ми розглянемо способи накладення рамок на фотографію в растровому і векторному графічних редакторах. Крім професійних редакторів розповімо про спеціалізовану програму для створення бордюрів.

Рамки в Photoshop

Редактор Photoshop має як растрові, так і векторні інструменти, які можна використовувати для створення художніх рамок. Розглянемо приклади.

Рамка на основі нової кисті

Для створення такої рамки нам знадобиться зображення, на основі якого ми створимо кисть. Нехай це буде фотографія метелики (рис. 1).

Щоб створити кисть на основі фотографії, відкрийте файл в Photoshop і виконайте команду Редагування (Edit) -> Визначити кисть (Define Brush Preset). В результаті створена кисть з'явиться в наборі кистей (рис. 2).

Мал. 1. Вихідні зображення (зліва) і приклад рамки, створеної на основі нової кисті

Мал. 2. Нова кисть додана в набір кистей. Відбиток відображається в кінці переліку

Мазок щойно створеної кисті не має проміжків між відбитками в штриху, а також не налаштовані динамічні параметри. Тому перед використанням кисті її необхідно налаштувати. Налаштування кінчика пензля відбувається в палітрі Кисть (Brushes), один із способів для її відкриття - натиснути кнопку на панелі властивостей інструмента Кисть (Brush).

Для нашої кисті знадобиться змінити лише два параметри (рис. 3):

• в розділі Форма кінчика пензля (Brush Tip Shape) збільшити відстань між відбитками в штриху, призначивши параметру Інтервали (Spacing) значення більше 100%;
• в розділі Динаміка форми (Shape Dynamics) зі списку Управління (Control) вибрати пункт Перехід (Fade), а в сусіднє текстове поле ввести значення більше нуля.

Мал. 3. Налаштування параметрів кисті

Ось тепер можна намалювати рамку будь-якої форми - нехай це буде квітка з чотирьох пелюсток. Щоб відбиток кисті в кожній пелюстці поступово зменшувався, необхідно намалювати пелюстка за одне натискання миші. Як тільки ви відпустите кнопку миші і почнете малювати заново, розмір кисті відновиться до початкового. Для більш акуратного результату мазки пензлем краще проводити на окремому шарі, більш того - до нього ви можете застосувати какиенибудь стильові ефекти, щоб зробити рамку більш помітною. У прикладі до шару був застосований стиль Зовнішнє світіння (Outer Glow).

Рамка з використанням операцій над виділенням

Якщо вам потрібно швидко створити просту рамку, це можна зробити за допомогою команди Кордон (Border) - рис. 4.

Мал. 4. Приклад простий рамки, створеної за допомогою команди Кордон

1. Відкриваємо графічний файл. Якщо для рамки немає місця, збільшимо розміри зображення, виконавши команду Зображення (Image) -> Розмір полотна (Canvas Size). Щоб товщина рамки була однакова з усіх боків полотна, встановлюємо прапорець Відносна (Relative) і вводимо однакові значення в поля Ширина (Width) і Висота (Height). Якщо ви працюєте з фоновим шаром, вкажіть колір розширення полотна, наприклад білий (рис. 5).
2. Тепер виділяємо все зображення, натиснувши комбінацію клавіш Ctrl + A (в Mac OS - Command + A), а потім виконуємо команду Виділення (Select) -> Модифікація (Modify) -> Кордон (Border). У вікно, що з'явилося вводимо потрібне значення. Зверніть увагу - дана команда створює смугу навколо контуру вихідної виділеної області (рис. 6). Тому, якщо ви хочете отримати рамку товщиною в 30 пікселів, вам необхідно ввести значення, збільшене в два рази, тобто 60 пікселів.
3. Тепер зафарбовуємо рамку будь-яким кольором, використовуючи заливку або градієнт. Щоб рамка гармоніювала з зображенням, її колір краще вибирати з самого зображення інструментом Піпетка (Eyedropper).

Мал. 5. Збільшення розмірів зображення в діалоговому вікні Розмір полотна

Мал. 6. Результат команди Кордон

Рамка з допомогою стилів

Програма Photoshop пропонує дуже великий вибір готових наборів стилів, які містить палітра Стилі (Styles). Як правило, робота з ними зводиться до застосування готового набору з наступною зміною окремих стилів, що входять в набір. Розглянемо налаштування готового набору на прикладі створення дерев'яної рамки (рис. 7).

Мал. 7. Вихідні зображення (зліва) і приклад дерев'яної рамки

Мал. 8. До нижнього шару застосований набір стилів Дуб

Мал. 9. Результат заміни текстури в готовому наборі стилів і застосування ще одного стилю - Тиснення

1. Відкриваємо файл і збільшуємо розміри полотна, якщо потрібно.
2. Створюємо новий шар під поточним шаром. Для цього клацаємо по піктограмі чистого аркуша натиснувши клавішу Ctrl (в Mac OS -Command). Зафарбовуємо нижній шар яким-небудь кольором, наприклад білим.
3. палітра Стилі (Styles) містить готовий набір з дерев'яною текстурою, який називається Дуб (Oak). Він складається з трьох стилів: Накладення кольору (Color Overlay), Накладення градієнта (Gradient Overlay) і Накладення візерунка (Pattern Overlay) - рис. 8. Якщо текстура, яка використовується в наборі, вам не подобається, її можна поміняти на інше зображення.
4. Відкриваємо фотографію своєї текстури і виконуємо команду Редагування (Edit) -> Визначити візерунок (Define Pattern). Так ми додали нову текстуру до набору візерунків Photoshop.
5. Тепер переходимо у вікно документа з зображенням дівчинки і в палітрі Шари (Layers) виконуємо подвійне клацання по рядку ефекту з ім'ям Накладення візерунка (Pattern Overlay). У вікні налаштувань стилю вибираємо тільки що створений візерунок.
6. Для завершення ефекту створимо враження опуклою рамки. Застосовуємо до нижнього шару стиль Тиснення (Bevel and Emboss), збільшивши тільки вибраний формат (Size) до 1520 пікселів - рис. 9.
7. Тепер виділяємо верхній шар із зображенням дівчинки. Знову застосовуємо стиль Тиснення (Bevel and Emboss), але на цей раз у вікні зі списку Стиль (Style) вибираємо інший тип рельєфу - Контурне тиснення (Pillow Emboss), щоб створити враження втиснула в рамку фотографії.

Все, рамка готова!

Рамка з допомогою векторних фігур

У Photoshop CS6 значно розширилися можливості векторних фігур, а робота з ними стала більш зручною і простою. При створенні векторної фігури створюється заливний шар з накладеною на нього векторною маскою у формі обраної фігури, але тепер в Photoshop CS6 в палітрі Шари (Layers) відображається не зв'язок маски з заливальним шаром, як раніше, а результат цього накладення (рис. 10).

Мал. 10. Векторна фігура в вікні документа і її відображення в палітрі Шари в Photoshop CS5 (зліва) і Photoshop CS6

Більш того, раніше при бажанні створити векторну фігуру, зафарбовані не є однорідним заливкою, а текстурою або градієнтом, доводилося вдаватися до хитрощів: слід було спочатку створити фігуру в режимі контуру, а потім зафарбовувати її за допомогою коригувального шару текстурою або градієнтом. Сьогодні ця проблема повністю вирішена - ви можете створити векторну фігуру в режимі Фігура (Shape), а потім налаштувати або змінити її заливку (суцільним кольором, градієнтом або текстурою). Також в Photoshop CS6 стало можливим налаштовувати окантовку векторної фігури або контура, змінюючи колір, товщину і тип штриха. Розглянемо ці можливості на прикладі створення рамки за допомогою векторних фігур (рис. 11).

Мал. 11. Початкове зображення і підсумкова рамка

Мал. 12. Налагодження градієнтної заливки фігури

Мал. 13. Налагодження штриха фігури

Мал. 14. Видалення внутрішнього контуру рамки

Мал. 15. До шару з зображенням квітучої гілки додана векторна маска

Мал. 16. Налаштування щільності і розтушовування векторної шар-маски

1. Відкриваємо файл і перетворимо фоновий шар в звичайний. У переліку форм інструменту Довільна фігура (Custom Shape) вибираємо какуюнибудь рамку. На панелі властивостей інструменту вибираємо режим Фігура (Shape) і малюємо рамку. В результаті у вікні документа з'явиться векторна рамка, а в палітру Шари (Layers) додасться новий шар. На панелі властивостей інструменту вибираємо заливку у вигляді будь-якого триколірного градієнта, а потім редагуємо отриманий градієнт. У прикладі всі три кольори були перефарбовані в малиновий: R = 195, G = 55, B = 100, а потім були додані дві контрольні точки білого кольору (рис. 12).
2. У зв'язку з тим, що фігура розташовується на окремому шарі, до неї можна застосувати стилі, наприклад Внутрішнє світіння (Inner Glow) і Тінь (Drop Shadow).
3. Для рамки можна призначити окантовку. Встановлюємо в якості основного кольору темномаліновий: R = 120, G = 5, B = 65. Вибираємо будь-векторний інструмент, наприклад Виділення контуру (Path Selection), і на панелі властивостей інструмента налаштовуємо параметр Штрих (Stroke) - рис. 13.
4. Залишилося зафарбувати фрагменти фотографії поза рамки. Для цього створюємо новий шар, зафарбовує його малиновим кольором: R = 195, G = 55, B = 100 і поміщаємо шар на задній план.
5. У режимі контуру знову малюємо рамку точно такого ж розміру. Відключаємо два верхніх шару, щоб створений контур був краще видно. Готова рамка складається з двох замкнутих контурів. Видаляємо внутрішній контур (рис. 14), а потім включаємо видимість всіх шарів.
6. Виділяємо шар із зображенням. Клацаємо по кнопці Додати слоймаску (Add layer mask), натиснувши клавішу Ctrl (Mac OS - Command). В результаті на шар буде накладена векторна маска в формі тільки що відредагованого контуру (рис. 15).
7. Відредагуємо створену векторну маску в палітрі Властивості (Properties). Для цього клацаємо двічі по мініатюрі слоймаскі, щоб відкрити палітру, і зменшуємо значення щільності до 40%, а растушевку задаємо в 2 пікселя (рис. 16).

Рамка готова!

Автоматичне створення рамок

Якщо у вас зовсім немає часу або бажання возитися з шарами, стилями і векторними фігурами, можна скористатися палітрою Операції (Actions), яка містить кілька готових дій для створення ефектів, що застосовуються до зображення, області виділення або тексту. Ця палітра містить всього дві рамки, які можна створити автоматично. Вони знаходяться в групі Операції за замовчуванням (Defaults Actions) - рис. 17.

Мал. 17. Палітра Операції. Розкрито операції за замовчуванням

Мал. 18. Початкове зображення (зліва) і приклади автоматично створених рамок

Щоб застосувати до зображення набір ефектів, досить просто вибрати ім'я набору в палітрі і натиснути кнопку . На рис. 18 наведені приклади двох рамок, створених за допомогою дій палітри Операції (Actions).

Рамки в CorelDRAW

Тепер розглянемо кілька прикладів рамок, які можна створити в векторному графічному редакторі, наприклад в CorelDRAW.

Найпростіша рамка

Для створення найпростішої рамки можна використовувати будь-який графічний примітив, наприклад прямокутник. Так, на рис. 19 приведена рамка, створена за допомогою двох прямокутників: фігура з білим контуром розташована на передньому плані, а прямокутник з зафарбованою внутрішньою областю - на задньому.

Мал. 19. Початкове зображення Троїцького собору (ліворуч) і приклад найпростішої векторної рамки

Рамка на основі розпилювача

У редакторі CorelDRAW є інструмент Художнє оформлення (Artistic media), одним з режимів якого є Розпилювач (Sprayer). Цей режим дозволяє розбризкувати вздовж шляху послідовність малюнків. Причому, як і в інших режимах інструменту, можна малювати одночасно із застосуванням даного ефекту або застосувати художній мазок до існуючої лінії. Так, на рис. 20 приведена рамка, створена на основі овалу, до якого був застосований ефект розпилювача. Щоб приховати частин фотографії, що виходять за межі овалу, була використана фігурна обрізка.

Мал. 20. Початкове зображення (зліва) і приклад рамки, створеної в режимі розпилювача

Рамка з допомогою растрових ефектів

Незважаючи на те що редактор CorelDRAW векторний, він дозволяє застосовувати до фотографій растрові ефекти, які дуже схожі на деякі фільтри Photoshop. Ефекти знаходяться в нижній частині меню Растрові зображення (Bitmaps).

За допомогою ефектів можна створювати цікаві рамки, виконавши такі дії:

• імпортувати фотографію і створити її копію;
• до одного з зображень застосувати ефект, а інше зменшити;
• помістити зменшене зображення на передній план і вирівняти центри обох зображень;
• щоб зображення гармонійно вписувалося в рамку, можна домалювати до нього контур, вибравши колір з самого зображення або з змінених квітів в рамці.

На рис. 21 наведені приклади таких рамок з використанням наступних ефектів:

а) ефект Кольорове скло (Stained Glass) з категорії Творчі (Creative);

б) ефект Півтон (Halftone) з категорії Перетворення кольору (Color Transform);

в) ефект Блоки (Blocks) з категорії Спотворення (Distort).

Мал. 21. Приклади використання ефектів для створення рамок: a - Кольорове скло, б - Півтон, в - Блоки

Рамки в Photo Frames

Крім професійних редакторів, є програми, які спеціалізуються на створенні рамок. До таких редакторам відноситься програма московських розробників Photo Frames.

Photo Frames - це особливий графічний редактор, призначений для накладення різноманітних рамок і бордюрів на фотографію, причому програма дозволяє накладати як векторні, так і растрові рамки. Крім даної функції, Photo Frames містить інструменти для тонової і колірної корекції, зміни розмірів зображення, обрізки полотна і нанесення на фотографію різних ефектів. Результати роботи можна переглядати в повноекранному режимі, зберігати в різних форматах і роздруковувати. Інтерфейс програми дуже простий і зрозумілий (рис. 22).

Мал. 22. Вікно програми Photo Frames. До фотографії застосовано рамка з групи Рельєфний контур

У комплект поставки Photo Frames входить більше 70 різних рамок для фотографій восьми типів:

• прості кордону, в тому числі з плавним колірним переходом;
• рельєфний контур;
• легкі растрові рамки;
• рамки з масок різної форми;
• векторні рамки;
• художні рамки;
• акцентовані рамки (виділяють частину зображення);
• особливі рамки (ефекти фотографії в альбомі).

На рис. 23 представлені приклади рамок.

Мал. 23. Приклади рамок, створених в програмі Photo Frames: a - художня; б - векторна; в - акцентована; г - з маски

Програма коштує 395 руб., А її пробна версія безкоштовна, але розрахована всього на 30 запусків.

Стаття підготовлена за наступними матеріалами:

• Скриліна. С. Photoshop CS6. Найнеобхідніше. http://www.bhv.ru/books/boa.php?id=190069.
• Скриліна. С. Цифрове фото, відео та звук на комп'ютері для ваших батьків. http://www.bhv.ru/books/book.php?id=189444.

Офіційний сайт, з якого ви можете завантажити програму Photo Frames, - http://amssoft.ru/products/product_1.html.

КомпьюАрт 9'2012