Запустіть Adobe Photoshop і створіть новий документ. Для цього клікніть пункт меню «Файл» (File) gt; «Створити» (New) або натисніть на гарячі клавіші Ctrl + N. У новому вікні ширину і висоту вкажіть, наприклад, по 500, в поле «Вміст фону» (Adjustment) задайте «Прозорий» (Transparent) і клацніть ОК.

Натисніть пункт меню «Шари» (Layer) gt; «Новий шар заливки» (New pattern fill) gt; «Візерунок» (Pattern) і в наступному вікні відразу натисніть ОК. Відкриється панель «Заливка візерунком» (Pattern fill). У його лівій частині знаходиться кнопка, що викликає меню, що випадає, в якому можна вибрати необхідний візерунок. За допомогою налаштування «Масштаб» (Scale) візерунок можна наблизити або віддалити. Встановивши необхідні параметри, натисніть ОК. Фон документа прийме контури обраного візерунка, в подальшому на нього будуть накладатися векторні маски. За допомогою інструмента "Переміщення" (Move) ви можете пересувати цей візерунок.

Виберіть інструмент «Прямокутник» (Rectangle tool), на панелі налаштувань натисніть на пункт «Контури» і створіть з його допомогою невелику рамку в будь-якій частині робочої області. Натисніть пункт меню «Шари» (Layer) gt; «Створити коригуючий шар» (New adjustment layer) gt; «Кольоровий фон / Насиченість» (Hue / Saturation) і в новому вікні відразу натисніть ОК. Відкриється нове вікно, в якому ви можете змінювати параметри «Кольоровий фон» (Hue), «Насиченість» (Saturation) і «Яскравість» (Lightness), крутячи відповідні повзунки. Зауважте, зміни відбуваються тільки з виділеною ділянкою, тобто з рамочкою, створеної інструментом «Прямокутник». Власне, цей прямокутник, на який можна накласти різні ефекти - це і є векторна маска.

Якщо ви хочете зберегти отриманий результат, натисніть пункт меню «Файл» (File) gt; «Зберегти як» (Save as), виберіть шлях, впишіть ім`я, в полі «Тип файлів» (Format) вкажіть Jpeg і клацніть «Зберегти».

Створіть в Adobe Photoshop новий документ: клікніть пункт меню «Файл» (File) -gt; «Створити» (New) або скористайтеся гарячими клавішами Ctrl + N. У новому вікні вкажіть довільні «Ширину» (Width) і «Висоту» (Height), в «Вміст фону» (Background contents) встановіть «Прозорий» (Transparent) і натисніть «Створити».

Для початку створіть фон: клікніть пункт меню «Шари» (Layers) -gt; «Новий шар заливки» (New fill layer) -gt; «Візерунок» (Pattern). У вікні відразу натисніть «ОК». У наступному виберіть найбільш вподобану вам текстуру (автор використовував аркуш із зошита в клітинку), пограйте з налаштуванням «Масштаб» (Scale) і натисніть ОК. Таким чином, ви створили фон у вигляді маски.

Виберіть інструмент «Еліпс» (Ellipse Tool, гаряча клавіша U, перемикання між суміжними елементами - Shift + U), а в панелі налаштувань інструменту виберіть пункт «Контури». Створіть серію еліпсів приблизно так, як у головній картинці до цієї статті.

Відкрийте вікно «Шари» і перейдіть на вкладку «Контури» (Paths. Якщо воно відсутнє, натисніть «Вікно» (Window) -gt; «Контури» (Paths)). На даний момент там знаходиться один контур, який включає в себе кілька намальованих вами еліпсів. Якщо придивитися, вони зображені в мініатюрі на іконці контуру. Власне, ці еліпси - це і є векторна маска. Клікніть пункт меню «Шари» -gt; «Новий шар заливки» -gt; «Колір» (Solid Color). У вікні відразу натисніть ОК, а в наступному виберіть колір 511cd5 і теж натисніть ОК. Еліпси забарвляться в синій колір.

Створіть ще одну маску: Клікніть по кнопці «Створити новий контур» (Create new path) на вкладці «Контури». Виберіть інструмент «Прямокутник» (Rectangle Tool, U, Shift + U) і закрийте їм всю робочу область документа. Це теж векторна маска. Клікніть пункт меню «Шари» -gt; «Новий шар заливки» -gt; «Градієнт» (Gradient). У новому вікні відразу натисніть ОК, а в наступному створіть градієнт, що переходить з червоного в прозорий, з кутом 90 градусів. Натисніть ОК. В результаті у вас повинно вийти приблизно так, як на головній картинці.