Уроки Phptoshop, Linux, Windows 7
05 Февраль 2012, 19:11:13 *
Добро пожаловать, Гость. Пожалуйста, войдите или зарегистрируйтесь.
Вам не пришло письмо с кодом активации?

Войти
Новости:
 
  Начало   Форум   Помощь Поиск Календарь Пользователи Downloads Войти Регистрация  
Страниц: [1]   Вниз
  Печать  
Автор Тема: Рисуем водой )  (Прочитано 5939 раз)
0 Пользователей и 1 Гость смотрят эту тему.
jujuja
Модератор
Наблюдатель
***

Карма: + 2/ -0
Женский
Сообщений: 32
Активность на форуме
0%
Награды
« : 02 Сентябрь 2009, 23:25:45 »

В этом уроке я научу Вас создавать эффект жидкого текста,
который будет выглядеть приятным, легким и красивым)
:coffee: dance :victory: 
Этот урок довольно прост, поэтому, давайте уже приступим)

Раз

Для начала нам понадобится поверхность, на которой мы будем рисоавать водой.
Ну знаете, когда стоял на барной стойке стакан с холодной колой, а на дворе лето...
Кола выпита, а на столе под стаканом остается мокрость)
И мы трубочкой начинаем рисовать)

Если присмотреться, слой воды, в нашем случае играющий роль чернил,
всегда немного искажает текстуру, на которой лежит.
Поэтому, нам лучше брать фон с паттерном, чтобы было что искажать.

В моем случае - дерево.



Два

После того, как мы придумали, какой возьмем фон (или после того,
как сохранили мой фон к себе на компьютер), открываем в фотошопе наш фон
(создавая тем самым документ).


Три

Теперь будем рисовать и писать. Идем в панель Каналов (Channels), если ее не видно,
идем наверху в меню "Окно" или "Window" и ставим галочку на Каналы (Channels).

В панели каналов создаем новый канал. В этом новом канале создавайте текст или рисунок.
Автор использовал шрифт под названием Tree Frog,
а так же сделал несколько капель простой кистью.

Этот шаг - ваше творчество. Если пишете шрифтом, то старайтесь выбирать такой,
у которого края сглаженные (ведь невозможно написать водой с очень ровной границей,
как у Times New Roman, правда?), а если рисуете от руки,
старайтесь рисовать правдоподобно.

Так у меня выглядит готовый канал с нарисованной водой.



Четыре

Теперь нам нужно создать карту смещения,
которую мы будем использовать при применении стклянного фильтра (несколько этапов).

Продублируйте канал, который вы создали в шаге Три,
потом примените к продублированному каналу Блюр по Гауссу
(Filter -> Blur -> Gaussian Blur) со значением 7.

В итоге должно выглядеть примерно так:



Пять

Стеклянному фильтру, который мы будем использовать,
нужен отдельный файл (карта смещения), поэтому необходимо проделать следующее действие:
В панели каналов выбираем канал с размытым нашим рисунком, потом нажимаем на маленькую стрелочку сверху панели,
выбираем Duplicate Channel...



Откроется новое всплывающее окошко, мол, куда копировать-то?
Выбираем в списке "New" и сохраняем как отдельный psd файл.
Не важно куда, но важно запомнить название этого файла и местонахождение.
Автор назвал файл Displacementmap.psd



Шесть

Теперь возвращаемся к панели слоев и дублируем фоновый слой.
Теперь у вас два слоя - Background и Background Copy.

Теперь будем остеклянивать только что копированный слой с фоном.
Выбираем слой Background Copy и идем в фильтры. Filter -> Distort -> Glass.
В открывшемся окошке рядом с настройками фильтра есть маленькая стрелочка.
Нажимаем, выбираем Load Texture и находим и загружаем тот psd файл, который мы недавно сохранили.

Теперь поиграйте настройками самого фильтра, поставьте по Вашему вкусу.
Автор использовал Distortion 10, Smoothness 4, scaling 100%.
Примените фильтр (нажмите ОК или применить) ;)

Теперь переименуйте слой, к которому вы применяли фильтр
(он должен называться Background Copy) в "Glassy", или "Стеклянный",
или "Стеклышко", как хотите ))

Должно выглядеться вот так)



Семь

Теперь нам понадобится оригинальный, незаблюренный слой с нашей надписью\рисунком и капельками воды. Для этого идем в панель каналов, выбираем канал с незаблюренным оригиналом, щелкаем по этому каналу Ctrl+Click, появляется выделение.

Теперь возвращаемся к слоям, не снимая выделения создаем новый прозрачный слой между двумя нашими, которые там уже есть, и заливаем наше выделение черным цветом.

Должно выглядеть примерно так.



Восемь

Теперь выбираем слой "Стеклышко" (или как вы его назвали?), щелкаем по нему правой кнопкой и выбираем "Create Clipping Mask". Это нужно, чтобы соединить слои "Стеклышко" и ваш текст\рисунок.

Теперь должно выглядеть так:



Девять

Теперь начинается настоящее веселье =))))
Выбираем слой с нашим текстом (это средний слой, прозрачный с черным текстом и капельками), двойной клик по слою, открывается меню стилей слоя.
Вы можете экспериментировать до беспамятства))

Автор рекомендует следующие параметры стилей:

Bevel and Emboss



Drop shadow (для цвета тени используйте пипетку и поищите подходящий цвет из фонового слоя)



Outer glow



Inner glow



Десять

На этом все. Не забывайте, что в дизайне законов нет, так что экспериментируйте, играйте со стилями слоя, подбирайте как нравится Вам.

Финальный результат автора:



Автор: moesrealm
Записан
Tamriko
Модератор
Постоялец
***

Карма: + 11/ -0
Женский
Сообщений: 237
Активность на форуме
0%

WWW Награды
« Ответ #1 : 02 Сентябрь 2009, 23:28:26 »

Отличный урок!
Записан

Никогда не бойся делать то, чего ты не умеешь.
Помни, ковчег был построен любителем. Профессионалы строили "Титаник"!
agrus
Глобальный модератор
Постоялец
***

Карма: + 7/ -0
Женский
Сообщений: 243
Активность на форуме
0%

Награды
« Ответ #2 : 03 Сентябрь 2009, 02:44:37 »

Здоровский урок! Прям руки чешутся начать делать, жаль что ночь на дворе, уже завтра попробую.
Записан
agrus
Глобальный модератор
Постоялец
***

Карма: + 7/ -0
Женский
Сообщений: 243
Активность на форуме
0%

Награды
« Ответ #3 : 04 Сентябрь 2009, 15:00:28 »

Вот что получилось у меня

Записан
jujuja
Модератор
Наблюдатель
***

Карма: + 2/ -0
Женский
Сообщений: 32
Активность на форуме
0%
Награды
« Ответ #4 : 08 Сентябрь 2009, 22:30:18 »

хорошо получилось
Записан
Уроки Phptoshop, Linux, Windows 7
   

 Записан
Страниц: [1]   Вверх
  Печать  
 
Перейти в:  



* Счетчики
Наша Кнопка

Powered by SMF 1.1.16 | SMF © 2006-2009, Simple Machines | Sitemap
SimplePortal 2.3 © 2008-2009, SimplePortal