Створюємо листівку у фотошопі. Вітальна листівка у фотошоп Шаблони для створення листівок у фотошопі

Тук-тук-тук!:) Настав час для нового уроку. Він особливо корисний тим, хто хоче зробити подарунок близьким людям, але ще не визначився з ідеєю. Досить слів. Почнемо роботу над листівкою!

Крок 1

Давайте почнемо зі створення нового документа.... скажімо шириною 450px та висотою 540px. Встановіть основний колір на # cb0862і, взявши інструмент Заливка(Paint Bucket Tool (G)), заповніть фоновий шар цим кольором. Назвіть перший шар рожевого фону.
Отже, як тільки ви це зробили, завантажте та встановіть у ваш Фотошоп візерунок "Серця". Створіть новий шар поверх тла. Ще раз скористайтесь інструментом Заливка(Paint Bucket Tool (G)) і цього разу встановіть його в режим " Заповнення візерунком" (Fill with Pattern). У списку візерунків виберіть "Серця". Назвіть шар "Серця фону".

Примітка перекладача: якщо ви ще не розібралися як зробити заливку візерунком, то це можна зробити таким способом: "Редагування - Виконати заливку - Вміст: Регулярний - у вас стане активним віконце вибору візерунка - в ньому оберете потрібний візерунок".

Далі, стоячи на "Серця фону", перейдіть в меню Стилі шару(Layer Style). Це можна зробити так: Шар - Стилі шару - Параметри накладання(Layer - Layer Style - Blending Options) .... або подвійне клацання правою клавішею миші по шару з візерунком).
Встановіть такі установки для "Серця фону":

Тепер ваше зображення виглядає так:

У цьому кроці ми додамо трохи блиску. Створюємо новий шар поверх усіх попередніх. Колір переднього плану (Foreground) встановлюємо на білому (#FFFFFF). Активуйте інструмент Градієнт(Gradient Tool(G)), тип градієнта – лінійний, колір – від переднього фону до прозорого. Потім на новому шарі, який ви створили, перетягніть по діагоналі лінію градієнта від верхнього лівого кута приблизно на 100-150px. Наприклад, так:

Крок 3

Працюючи з шарами ви можете зробити коригування вашої роботи. Як приклад, я зараз заміню фоновий рожевий колір на # ba044a.

Створіть новий шар і розмістіть його над шаром "Рожеве тло" , потім залийте новий шар кольором # ba044aта натисніть Ctrl (Cmd на Mac) + E, щоб об'єднати його з "Рожевий фон".

Перейдіть на шар "Серця фону", потім перейдіть до Шар - Новий шар, що коригує - Яскравість\Контрасність(Layer - New Layer - Brightness/Contrast). Встановіть значення: Яскравість +15; Контраст +15. Тепер наше тло змінилося і виглядає так:

Створіть новий шар поверх решти. Встановіть колір переднього плану (foreground) на # cd344f, та фонового плану (background) на # 650a33. Активуйте інструмент Градієнт(Gradient Tool (G)), тип градієнта - радіальний; колір – від переднього плану до фонового. Проведіть лінію градієнта як показано нижче:

Назвіть отриманий шар "Сторінка"

Крок 4

Тепер настав час попрацювати з інструментом Перо (Pen Tool).
Отже, активуйте Перо(Pen Tool) встановіть його в режим "Контур" (Paths) та створіть форму загнутого куточка сторінки. Коли ви закінчите, клацніть правою кнопкою миші по контуру - з підменю виберіть пункт " Утворити виділену область(Make Selection), ось так:

Натисніть клавішу Delete. Створіть новий шар над шаром "Сторінка". Клацніть правою кнопкою миші на цьому новому шарі, виберіть " Створити відсічну маску" (Create Clipping Mask), встановіть режим змішування (blending mode) на " Розмноження(Multiply).

Активуйте інструмент Пензлик(Brush Tool (B)). З набору пензлів, виберіть стандартну круглу жорстку пензель; розміром близько 50 пікселів. Також переконайтеся, що колір переднього плану # 650a33. Тепер трохи промалюйте пензлем нижню частину сторінки, ось так:

В даний час малюнок виглядає трохи грубо... чи не так? Ми можемо виправити це досить простим способом: (Filter - Blur - Gaussian Blur), значення розмиття встановіть близько 27 пікс.. Результат повинен бути схожим на цей:

Крок 5

Коли ви будете задоволені результатом виділіть шар "Сторінка" та шар з розмиттям та об'єднайте їх в один ( Ctrl(Cmd)+E).
На даному етапі у вас має вийде п'ять шарів: "Рожеве тло", "Серця фон", "Яскравість \ Контрастність", "Сяйво 1", "Сторінка". Якщо у вас все вийшло – продовжимо урок!

Створіть новий шар і розмістіть його на вершині. Перетворіть його на відсічну маску до шару (Create Clipping Mask) "Сторінка". Перейдіть до "Стиль шару" та виберіть " Обведення"(Stroke); положення - "всередині" (Inside); розмір - 8 пікс.; колір - # 1d0610. Далі перейдіть до пункту " Накладання градієнта" (Gradient Overlay) і встановіть такі настройки:

Примітка перекладача : перед тим як перейти до "Стиль шару" залийте новий шар будь-яким кольором. Встановіть заливку на 0. Також ви можете відрегулювати значення непрозорості при роботі з "Накладенням градієнта" на власний смак.

Активуйте інструмент " Чарівна паличка" (Magic Wand Tool (W)), встановіть допуск близько 10 , переконайтеся, що стоїть прапорець навпроти "Згладжування"(Anti-Aliasing) і зніміть прапорець навпроти "Зразок з усіх шарів(Sample All Layers) . Потім натисніть на шар "Сторінка", на панелі шарів, щоб зробити його активним. Зробіть клацання Чарівнийой паличкой(Magic Wand Tool (W)), всередині документа. У вас має вийде таке виділення:

Примітка перекладача: ви можете створити виділення будь-яким іншим зручним для вас способом. Наприклад, активувати інструмент "Прямокутна область (М)" і створити виділення за контуром обведення. Або скористатися "Пером" і створити виділену область.

Створіть ще один новий шар (звичайно вище за всіх інших) ... і перетворіть його в відсічну маску до шару "Сторінка". Перейдіть до Стилю шару(Layer Style) і додайте " Обведення" (Stroke); положення - "всередині" (Inside); розмір - 4 пікс.; тип обведення - "градієнт". Градієнт для обведення використовуйте з кроку №1 (золотий градієнт).

Примітка перекладача: перед тим як перейти до "Стиль шару" залийте новий шар будь-яким кольором. Встановіть заливку на 0.

Крок 6

У цьому кроці ми малюватимемо загорнутий куточок листівки.
Встановіть колір переднього плану (Foreground) на # cea051. Активуйте інструмент Перо(Pen Tool (P)) у режимі " Шар-фігура(Shape Layers). Створіть новий шар поверх усіх інших. Намалюйте на новому шарі загнутий куточок, як цей:

Дайте назву новому шару, наприклад, "Page Flip". Активуйте інструмент Градієнт (Gradient Tool (G)) та встановіть такі налаштування кольору:

Потім створіть новий шар над шаром "Page Flip", клацніть правою кнопкою миші по ньому і в підменю виберете "Створити відсічну маску"(Create Clipping Mask). Використовуючи інструмент Градієнт (Gradient Tool), протягніть лінію градієнта як на прикладі нижче.

Примітка перекладача:тип градієнта при малюванні, встановіть або "Дзеркальний" або "Лінійний" (на власний смак).

Крок 7

Після додавання градієнта сторінка виглядає приблизно так:

На мій погляд куточок вийшов надто темним. Це можна виправити, додавши коригуючий шар. Яскравість \Контрастність" (Brightness / Contrast). Перейдіть до Шар - Новий шар, що коригує - Яскравість \ Контрастність(Layer - New Adjustment Layer - Brightness/Contrast). Встановіть значення – Яскравість (Brightness): +31; Контрастність (Contrast): +19. Цей коригуючий шар повинен знаходитися на самому верху всіх шарів, перетворіть його в Відсічні маски (Clipping Mask) до шару " Page Flip" (клацання правою кнопкою миші по шару - в підменю вибираємо "Створити відсічні маски (Create Clipping Mask)).
Після корекції ви отримаєте схожий результат:

Крок 8

По-моєму, ми чудова команда і досягли класного результату! =D
Продовжимо! Тепер додамо тіні від загнутого куточка на головну сторінку.
Створюємо новий шар і розміщуємо його між шарами "Сяйво 1" та "Сторінка". Новий шар назвіть "Тінь сторінки".

Режим накладання шару встановіть на Розмноження Градієнт(Gradient Tool); тип градієнта Лінійний(Linear Gradient); Тип заливки - від переднього плану до прозорого; колір переднього плану - # 382220. Стоячи на шарі "Тінь сторінки" створюємо виділення за контуром шару "Сторінка"(" Ctrl"+ Клацніть по іконці шару "Сторінка"). Протягніть лінію градієнта від верхнього лівого кута виділення до нижнього правого.

Примітка перекладача: Зверніть увагу, що темна частина градієнта повинна розташовуватися в лівому верхньому кутку, якщо у вас вийшло навпаки - поставте галочку "Інверсія".

Стоячи на шарі з градієнтом, перейдіть до Фільтр - Розмиття - Розмиття за Гаусом(Filter - Blur-Gaussian Blur). Встановіть значення для розмиття: 10-20 пікс.

Примітка перекладача: якщо після застосування розмиття тінь не видно - перемістіть її трохи вище, використовуючи інструмент "Переміщення".

Тепер ваше зображення виглядає так:

Крок 9

Тепер додамо тінь від загнутого куточка сторінки. Створіть новий шар. Розмістіть його під шаром "Page Flip". Назвіть новий шар "Внутрішня тінь". Перетворіть шар "Внутрішня тінь" на відсічну маску на шар "Сторінка". У вас вийде така схема:

Встановіть режим накладання шару "Внутрішня тінь" на Розмноження(Multiply). Активуйте інструмент Градієнт(Gradient Tool). Налаштування використовуйте ті самі, що ми застосували у попередньому кроці для тіні. Протягніть лінію градієнта як зазначено на зображенні:

Примітка перекладача: ви також можете зменшити значення "Заливка" (80 - 60%), для шару "Внутрішня тінь" - це додасть більше м'який виглядзображенню.

Крок 10

Зараз починається моя улюблена частина роботи – ми декоруватимемо листівку!
Встановіть основний колір # 330a1c. Активуйте інструмент Перо(Pen Tool (P)) у режимі Шар-фігура(Shape Layers). Створіть новий шар і розмістіть його над шаром "Сторінка" (як відсічна маска). Використовуючи інструмент Перостворюємо абстрактну красиву форму (керуйтеся малюнком нижче):

Встановіть режим накладання цього шару Розмноження(Multiply). Зменште значення " Заливка" (Fill) до 45 %. Назвемо шар "Кишень". Завантажте та встановіть у Фотошоп візерунок "Флора". Поверніться на шар "Кишеня". Перейдіть до меню " Стиль шару" (Layer Style). Додайте такі параметри:

Крок 11

Додамо кишеньку ще більш шовковистий вигляд. Для цього ми використовуватимемо коригувальні шари. Натисніть на комбінацію Ctrl(Cmd)+клацання на іконці шару "Кишеня". Потім перейдіть до Шар - Новий шар, що коригує - Яскравість \Контрастність(Layer - New Layer - Brightness/Contrast); налаштування - Яскравість (Brightness): +19 та Контрастність (Contrast): +18 .

Повторіть виділення втретє та перейдіть до Шар - Новий шар, що коригує - Колірний тон \ Насиченість(Layer - New Layer - Hue/Saturation). Встановіть значення "Насиченість" (Saturation) на +30 .
Створіть виділення ще раз, і додайте ще один шар, що коригує Колірний тон \ Насиченість(Hue/Saturation), але цього разу змініть значення "Яскравість" (Lightness) до -11 . Зменште непрозорість (оpacity) цього шару до 70% .

Крок 12

У цьому кроці ми "прикріпимо" золотий обідок до шовкової кишені.
Створюємо новий шар вище останнього коригувального шару Колірний тон \ Насиченість(Hue/Saturation), який ми додали у попередньому кроці. На схемі шарів він буде розташований у такому порядку:

Створюємо виділення шару "Кишеня" (як робили раніше). Тепер переходимо до Редагування - Виконати обведення(Edit – Stroke). У підменю встановіть параметри: ширина – 8 пікс; розташування – "по центру" (сenter). Натисніть "Ок".
Далі перейдіть до Стиль шару(подвійне клацання по шару з обведенням) та встановіть такі параметри:

Отже, тепер ви можете назвати новий шар "Золотий обідок кишені". І ми знову здолали черговий етап! Ура!

Крок 13

Як то кажуть: "Потіху час, а тіні час ..." :). Створюємо новий шар та розміщуємо його над шаром "Сторінка". Дайте назву цьому шару "Тінь від кишені". Встановіть режим накладання шару (blending mode) Розмноження(Multiply) і зменште непрозорість (Opacity) до 60 %. Встановіть колір переднього плану на # 330a1c. Створіть виділення шару "Золотий обідок кишені" та залийте його раніше встановленим кольором.

Зніміть виділення та перейдіть до Фільтр - Розмиття - Розмиття за Гаусом(Filter – Blur – Gaussian Blur). Значення розмиття встановіть близько 10-20 пікс.
Тепер зображення має виглядати приблизно так:

Крок 14

Намалюємо аркуш паперу!
Встановіть основний колір # f7d29eта активуйте інструмент Прямокутник(Rectangle Tool). Обов'язково встановіть режим для даного інструменту Шар-фігура(Shape Layers) – це дуже важливо! Створіть новий шар поверх шару "Сторінка" і намалюйте на ньому аркуш паперу, я маю на увазі, прямокутник на кшталт цього:

Назвемо цей шар "Аркуш паперу" і додамо до нього деякі стилі шару:

Крок 15

Зверніть увагу на частину листа, що знаходиться в кишеньці. На мій погляд, вона виглядає надто яскраво і відволікає багато уваги. Зараз ми додамо коригуючий шар, щоб виправити це.

Створіть виділення аркуша паперу (" Ctrl"+ клацання по іконці шару "Аркуш паперу"). Перейдіть до Шар- Новий коригуючий шар - Колірний тон\ Насиченість(Layer - New Layer - Hue/Saturation). Встановіть такі значення - Насиченість (Saturation): -42 ; Яскравість (Lightness): -45 . Тепер весь лист виглядає набагато темніше, але ми хочемо, щоб цей ефект був застосований тільки до захованого куточка.

Для цього, встаньте на шар Колірний тон \ Насиченість (Hue/Saturation), який ми щойно додали. Встановіть колір переднього плану на # 000000 (чорний). Створіть виділення шару "Кишеня" і інвертуйте його ( Виділення - Інверсія(Select – Inverse)).

Активуйте інструмент Заливка(Paint Bucket Tool) і заповніть виділення чорним кольором (на масці шару Колірний тон \ Насиченість). Тепер схема шарів виглядає так:

Створіть виділення захованого кутника.

Примітка перекладача: "Ctrl"+ клацання по іконці останнього створеного шару "Колірний тон \ Насиченість".

Тепер створюємо ще один коригуючий шар Колірний тон\ Насиченість(Hue / Saturation) та вводимо наступні параметри: Насиченість (Saturation): -36 та Яскравість (Lightness): +25 . Добре! Тепер ваша палітра шарів має виглядати так:

Крок 16

До цього кроку ми отримали такий результат:

Давайте додамо до аркуша рядки, на яких розташуємо текст.
Встановіть колір переднього плану на # daa449та активуйте інструмент Лінія(Line Tool)(U)) та встановіть товщину лінії на 2 пікс. Створіть новий шар і намалюйте на ньому рядки:

Назвіть цей шар "Рядки", встановіть режим накладання Розмноження(Multiply) і понизьте Заливання(Fill) до 65 %.

Крок 17

На цьому кроці ми додамо тінь від аркуша паперу.
Створіть новий шар поверх шару "Сторінка" (як відсічна маска). Встановіть колір переднього плану на # 330a1с. Створіть виділення аркуша паперу та залийте його на новому шарі вибраним кольором.

Назвіть новий шар "Тінь аркуша паперу". Встановіть режим накладання Розмноження(Multiply) та понизьте заливку (Fill) до 50 %. Зніміть виділення. Перейдіть до Фільлтр - Розмиття - Розмиття по Гаусу(Filter – Blur – Gaussian Blur) (значення розмиття 2-5 пікс.). далі Натисніть комбінацію Ctrl+Tдля переходу у режим трансформування. Змініть форму тіні так, щоб вона була видна з двох сторін листа.

Крок 18

Лист готовий і тепер ми можемо написати своє вітання (або побажання). Для цього створюємо новий шар над шаром "Строчки". Завантажуємо та встановлюємо шрифт "Jellyka" (ви, звичайно, можете взяти будь-який інший шрифт). Активуємо інструмент Текст(Type Tool (T)) та пишемо своє повідомлення. Коли воно буде готове, натисніть Ctrl (Cmd) + Tі поверніть текст так, щоб він "ліг" на рядки (ви також можете використовувати інструмент Переміщення(Move Tool) для зручності розміщення тексту.

Встановіть режим накладання текстового шару Розмноження(Multiply). Ви також можете провести легку корекцію тексту (його кольору і яскравості) додавши до нього коригуючий шар Колірний тон\ Насиченість(Hue/Saturation). Для цього створюємо виділення тексту і переходимо до Шар - Новий шар, що коригує - Колірний тон\ Насиченість(Layer - New Layer - Hue/Saturation). Я встановлюю такі параметри: Колірний тон (Hue): -6; Насиченість (Saturation): +29.

Крок 1

Тепер ваше зображення виглядає так:

Крок 3

Назвіть отриманий шар "Сторінка"

Крок 4

Крок 5

Крок 6

Крок 7

Після додавання градієнта сторінка виглядає приблизно так:

Крок 8

Тепер ваше зображення виглядає так:

Крок 9

Примітка перекладача: ви також можете зменшити значення "Заливка" (80 - 60%), для шару "Внутрішня тінь" - це надасть більш м'який вигляд зображенню.

Крок 10

Крок 11

Крок 12

Отже, тепер ви можете назвати новий шар "Золотий обідок кишені". І ми знову здолали черговий етап! Ура!

Крок 13

Крок 14

Назвемо цей шар "Аркуш паперу" і додамо до нього деякі стилі шару:

Крок 15

Створіть виділення захованого кутника.

Примітка перекладача: "Ctrl"+ клацання по іконці останнього створеного шару "Колірний тон \ Насиченість".

Крок 16

До цього кроку ми отримали такий результат:

Назвіть цей шар "Рядки", встановіть режим накладання Розмноження(Multiply) і понизьте Заливання(Fill) до 65 %.

Крок 17

Крок 18

Листівка, створена своїми руками, миттєво зводить Вас у ранг людини, яка «все пам'ятає, про все дбає особисто». Це може бути вітання зі святом, привіт з місця відпочинку чи просто знак уваги.

Такі листівки є ексклюзивними і якщо зроблені з душею, можуть залишити (обов'язково залишать!) в серці одержувача приємний слід.

Сьогоднішній урок буде присвячений не дизайну, тому що дизайн - це лише справа смаку, а технічній стороні питання. Саме техніка створення листівки і є основною проблемою для людини, яка зважилася на подібну дію.

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

Документ для листівки

Першим кроком на шляху виготовлення листівки є створення нового документа у Фотошопі. Тут необхідно усвідомити лише одне: дозвіл документа має бути не менше ніж 300 пікселів на дюйм. Така роздільна здатність є необхідною і достатньою для друку зображень.

Далі визначається з розміром майбутньої листівки. Найзручніше перевести одиниці виміру в міліметри та ввести необхідні дані. На скріншоті Ви бачите розмір документа формату А4. Це буде досить велика листівка із розворотом.

Далі йде ще один важливий момент. Потрібно змінити колірний профіль документа з RGBна sRGB. Жодна техніка не здатна повністю передати схему RGBі зображення на виході може відрізнятись від вихідного.

Верстка листівки

Отже, ми створили документ. Тепер можна розпочинати безпосередньо дизайн.

При верстці важливо пам'ятати, якщо листівка планується з розворотом, то згину потрібно виділити місце. Достатньо буде 2 мм.

Як це зробити?

Майте на увазі, що в пікселях розмір документа може бути величезним (у нашому випадку це A4, 3508х2480 пікселів) і зображення необхідно підбирати відповідне, оскільки при збільшенні останнього може значно погіршитися якість.

Збереження та друк

Зберігати подібні документи найкраще у форматі PDF. Такі файли передають максимальну якість і їх легко роздрукувати вдома та у друкарні. Крім того, ви можете в одному документі створити дві сторони листівки (в тому числі і внутрішню) та використовувати двосторонній друк.

Друк документа PDF здійснюється стандартно:

Якщо раптом після друку Ви побачили, що кольори на листівці відображаються некоректно, спробуйте змінити режим документа на CMYK, наново зберегти в PDFта роздрукувати.

Папір для друку

Для друку листівки цілком достатньо фотопаперу з щільністю 190 г/м2.

Це все, що можна сказати про створення листівок у програмі Фотошоп. Креативте, створюйте оригінальні вітальні та пам'ятні листівки, радуючи своїх близьких.