Донецкий техникум промышленной автоматики

Записки з дощу

  1. створення написи
  2. Перетворення написи в воду
  3. Створення водяних крапель

Автор - Олександр Журович

Можливості сучасних графічних редакторів дозволяють оформити будь-який текст сотнею найрізноманітніших способів. Тим самим можна показати весь сенс, який вкладається в конкретну напис. Наприклад, певні відчуття виникають від слів, написаних водою. І адже що примітно - зробити такий напис зовсім не складно.
Пам'ятається, кілька років тому я випадково набрів на дуже класний урок, в якому розповідалося про створення водяних написів. Було це на сайті PhotoshopTechniques.com , Який, як виявилося, тепер перетворився на звичайний форум для дизайнерів-аматорів, і той самий урок канув в Лету. :( Проте мені вдалося вивудити із засіків інтернету переказ того самого уроку. Адаптувавши знайдену мною інструкцію під сьогоднішній день і трохи модифікувавши її складові, пропоную вашій увазі цей чудовий спосіб оформлення текстових елементів.
Всі описані нижче маніпуляції з зображенням відносяться до графічного редактора Adobe Photoshop CS5. А для більш зручної роботи раджу скористатися планшетом Wacom - відмінно підійде навіть модель для початківців.
В якості фону давайте візьмемо ось таку текстуру, яка колись радувала око на PhotoshopTechniques.com:

com:

Збережіть цю картинку на своєму комп'ютері і відкрийте її в «Фотошопі». Тепер створіть колірний шар, вибравши в меню програми команду Layer> New Fill Layer> Solid Color. В якості кольору для цього шару виберіть 50-відсотковий сірий. Створити колірний шар можна і через палітру Layers.

Створити колірний шар можна і через палітру Layers

Щоб задати 50-відсотковий сірий, слід все поля колірних значень обнулити, а в поле яскравості B ввести значення 50.

Щоб задати 50-відсотковий сірий, слід все поля колірних значень обнулити, а в поле яскравості B ввести значення 50

Назвіть цей шар text і за допомогою команди Layer> Layer Mask> Hide All додайте до цього шару маску. При цьому сірий колір шару text повністю пропаде - це нормально. Тепер на палітрі Layers, де вказані всі верстви даного файлу, натисніть на значок маски шару text, утримуючи при цьому клавішу option (або Alt, якщо ви працюєте на Windows-комп'ютері) - у відповідь на цю дію «Фотошоп» покаже вміст маски, яке на даний момент представляє з себе чорне поле.

Щоб створити для виділеного шару порожню маску, можна скористатися і більш швидкісним способом - утримуючи клавішу option (Alt), натиснути кнопку Add layer mask на палітрі Layers.

Вміст щойно створеної маски шару text.

створення написи

Тепер, натиснувши клавішу (латинську) T, виберіть інструмент Horizontal Type Tool. На верхній панелі настройки поточного інструменту клацніть на прямокутнику кольору тексту, і в діалозі настройки кольору виберіть чистий білий - натисніть OK. Шрифт також виберіть відповідний - це може бути Arial, Helvetica, Noteworthy, Calibri або будь-який інший досить тонкий і витончений. Тепер, клацнувши мишею на полотні файлу або тицьнувши в нього пером планшета, введіть будь-якої відповідний, на ваш погляд, текст.

Так виглядає полотно під час введення тексту.

Так виглядає полотно під час введення тексту

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

Вирівнювання тексту краще задати по центру

Натиснувши клавіші command + return (для Windows-системи - Ctrl + Enter), Ви можете підтвердити - «Фотошоп» створить білий напис, яку він відразу і виділить по контуру. Клавішами зі стрілками посуньте цей напис в потрібне положення і натисніть клавіші command + D (Ctrl + D), щоб зняти виділення.

Так виглядає готовий текст всередині маски шару text.

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

Спершу в меню «Фотошопа» виберіть команду Filter> Pixelate> Crystallize. У вікні настройки фільтра кристалізації введіть значення 6 і натисніть клавішу введення (або кнопку OK). Тепер викличте команду меню Filter> Blur> Gaussian Blur і у вікні введіть значення 2, після цього знову натиснувши клавішу введення.

Діалогове вікно настройки фільтру Crystallize.

Діалогове вікно настройки фільтру Gaussian Blur.

Краї написи вже нерівні, але їх слід зробити чіткими. Для цього натисніть клавіші command + L (Ctrl + L), щоб відкрити діалог налаштування рівнів. Для чорної точки введіть значення 100, а для білої - 140. Зверніть увагу, як змінилися обриси написи - якщо вони все ж недостатньо чіткі, сблізьте чорну і білу точку гістограми рівнів. Але не перестарайтеся, щоб краю написи не стали занадто чіткими.

«Ластик» на зворотному кінці пера планшета Wacom.

«Ластик» на зворотному кінці пера планшета Wacom

При бажанні отримані контури можна ще підправити вручну, скориставшись «ластиком» - інструментом Eraser Tool, який миттєво включається, якщо ви проведете по поверхні планшета зворотною стороною пера (якщо це передбачено для вашої моделі пристрою). Якщо ваше перо не оснащено «ластиком», в цьому випадку натисніть латинську E, щоб включити Eraser Tool вручну.

Діалогове вікно настройки рівнів.

Готова деформована напис.

Перетворення написи в воду

Все, напис готова. Виберіть на палітрі Layers значок шару text - і поверх вихідного фону ви побачите свій напис сірого кольору. Задайте цього шару режим змішування Hard Light - при цьому сіра напис пропаде, це нормально.

Тепер перетворимо тільки що зниклу сіру напис в водну доріжку. Для цього нам доведеться створити графічний стиль. Подвійним клацанням на палітрі Layers, справа від назви шару text, відкрийте вікно Layer Style.

Увімкніть параметр Shadow, який відповідає за тінь, що відкидається поточним шаром. Параметри в цьому розділі повинні бути такими:

  • Blend Mode: Multiply.
  • Колір: чорний (# 000000).
  • Opacity: 100%.
  • Angle: 120 ° (параметр Use Global Light включений).
  • Distance: 0 px.
  • Size: 1 px.

Для всіх інших параметрів залиште значення за замовчуванням.

Тепер на бічній панелі вікна Layer Style включите параметр Inner Shadow, який відповідає за внутрішню тінь шару text. У цій категорії повинні бути такі значення:

У цій категорії повинні бути такі значення:

  • Blend Mode: Hard Light.
  • Колір: білий (#ffffff).
  • Opacity: 30%.
  • Distance: 2 px.
  • Size: 3 px.

Інші параметри залишайте в первісному стані.

Далі включайте категорію Inner Glow, яка відповідає за внутрішнє світіння шару. Тут параметри повинні бути налаштовані таким чином:

Тут параметри повинні бути налаштовані таким чином:

  • Blend Mode: Color Burn.
  • Opacity: 30%.
  • Колір: чорний (#ffffff).
  • Source: Edge.
  • Size: 3 px.

Інші параметри нехай залишаються в недоторканому стані.

Остання категорія, яку слід включити, - Bevel and Emboss, яка задасть нашої написи обсяг і обтічну форму. Тут параметри повинні бути такими:

Тут параметри повинні бути такими:

  • Style: Inner Bevel.
  • Direction: Down.
  • Size: 3 px.
  • Smooth: 5 px.
  • Highlight Mode: Overlay (колір - білий #ffffff).
  • Opacity: 100%.
  • Shadow Mode: Color Dodge (колір - білий #ffffff)
  • Opacity: 65%.

Shadow Mode: Color Dodge (колір - білий #ffffff)   Opacity: 65%

Все - можете оцінити плоди своїх зусиль. Напис має тепер проявитися поверх фону у вигляді дощової доріжки. Цей стиль оформлення шару можна зберегти для подальшого використання, щоб кожен раз не налаштовувати вручну вищевказані параметри. Для цього відкрийте палітру Styles (меню Window> Styles) і натисніть розташовану внизу неї кнопку нового стилю (Create new style). У вікні задайте ім'я стилю - наприклад, Raindrops - і натисніть кнопку OK.

Створення водяних крапель

Тепер до створеної написи варто додати кілька крапель. Для цього спершу створіть новий шар і назвіть його drops. Призначте цьому шару щойно збережений стиль - просто виділіть шар drops на палітрі Layers і клацніть на значку шару Raindrops на палітрі Styles. Зрозуміло, поки нічого видимого не відбудеться, крім того, що праворуч від назви шару drops з'явиться значок з буквою f, який означає - для шару був налаштований графічний стиль. Залишилося тільки зробити кілька розчерків пензликом - і справа в капелюсі. Але спочатку необхідно зробити ще кілька кроків, щоб краплі вийшли на славу.

Перш за все в якості кольору переднього плану (Foreground Color) задайте 50-відсотковий сірий. Для цього клацніть на верхньому кольоровому квадратику, розташованому на основній панелі інструментів «Фотошопа». У діалозі Color Picker (Foreground Color) виберіть відповідний колір і натисніть кнопку OK.

Тепер створимо пензлик, яка буде малювати «водою». Через команду меню Window> Brush відкрийте однойменну палітру і налаштуйте такі параметри:

  • Brush Tip Shape (основна форма кисті)
    • Size: 10 px.
    • Hardness: 0 px.
    • Spacing: 1%.
  • Shape Dynamics (динамічна зміна форми кисті в процесі малювання)
    • Size Jitter: 100%.
    • Control: Pen Pressure.
  • Scattering (розпорошення основної форми кисті щодо траєкторії руху курсору)
    • Scatter: 60%.
    • Control: Pen Pressure.
    • Count: 1.
  • Texture (текстура кисті)
    • Текстура: Clouds (зі стандартного набору текстур «Фотошопа»).
    • Scale: 100%.
    • Mode: Height.
    • Depth Jitter: 100%.
    • Control: Pen Pressure.

Також включіть параметри Airbrush і Smoothing. Зверніть увагу на параметри Control: значення Pen Pressure корисно, якщо ви працюєте з графічним планшетом - наприклад, з будь-якою моделлю планшета Wacom , Яка розрізняє ступінь натискання пера на його поверхню. Якщо ви працюєте тільки з мишею, вказані параметри Control встановіть в значення Off або Fade. У другому випадку можна задати ступінь «загасання» тієї чи іншої властивості створеної кисті.

Внизу палітри Brush натисніть кнопку збереження налаштованої тільки що пензлика. Задайте їй ім'я, наприклад, Rain Brush. Все, тепер спробуйте цієї пензликом що-небудь намалювати на шарі drops. :)

Перед створенням кисті не забудьте поставити їй 50-відсотковий сірий колір.

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

Звичайно, за допомогою планшета наносити «краплинні доріжки» набагато зручніше, ніж за допомогою миші - можна вибирати силу натискання, рух руки більш плавно. Тому якщо ви ще не обзавелися планшетом, але малювати на комп'ютері вам цікаво, обов'язково розгляньте можливість купити який-небудь планшет. Я раджу відразу звернути увагу на пристрої Wacom - навіть самі початкові моделі годяться для дуже багатьох повсякденних завдань. А легкість пір'я і імітує папір робоча поверхня планшета створюють відчуття роботи з реальними папером і пензликом.

Натхнення вам!