Новости

[Rescan]

Сейчас я покажу вам, как создать интересный эффект, который я видел несколько месяцев назад на DeviantArt, это текст, состоящий из брызг молока.

Для этого урока понадобятся две программы, иллюстратор и фотошоп.


Идея очень простая, я использовал стоковые фото и большой шрифт, состоящий из блоков.
Вместо того, чтобы впустую искать идеальный шрифт, я решил создать его в Illustrator.

Итак, первые шаги я покажу вам, как создать шрифт, а затем и в других шагах, в Photoshop, я покажу вам, как смешивать с фотографиями.


Шаг 1

Для начала выберите Rectangle Tool (M) и создайте 2 квадрата и 2 прямоугольника как на скрине ниже.




Шаг 2

Чтобы создать букву М , выберите инструмент Pen Tool (P) и добавьте 2 точки по бокам от центра.




Шаг 3

Поставьте пером еще 2 точки и потяните внутрь квадрата.




Шаг 4

Теперь добавьте еще одну точку в самой середине строки, а затем потяните эту точку вниз на одно деление. Посмотрите, как на картинке.





Шаг 5

Чтобы закончить букву М, опять же пером (P) добавьте 3 новые точки, а передвинуть только одну посередине.




Шаг 6

Для других заготовок используем точно такую же технику, как и для буквы М. Посмотрите Изображения ниже для справки.














Шаг 7

Откройте Photoshop и создайте новый документ, я использовал 1920x1200 пикселей по размеру. Из иллюстратора скопируйте загатовки и вставьте их в Photoshop. Каждый шрифт должен быть в отдельном слое. Фон будет черный, слово будет белым.




Шаг 8

Фотографии я взял со стока shutterstock.




Шаг 9

Вставьте фото в ваш документ. Изменим размер фото, чтобы оно соответствовало ширине буквы М.
Edit>Transform>Scale
Внизу фотографии удалите те части, которые выходят за букву М. Штампом (S) уберите сам стакан. Идея состоит в том, чтобы скрыть стакан и оставить только молоко с брызгами.




Шаг 10

Инструментом Eraser Tool (E) (ластиком) сотрите часть буквы М на верхнем правом углу, чтобы плучился эффект брызгов молока.




Шаг 11

Для каждой буквы мы будем использовать другую фотографию, тем самым эффект будет выглядеть более убедительно. Вы можете использовать только одну, но изменяйте ее тогда под каждую букву.
Фотографию, которую я использовал для I , может быть загружена с http://www.shutterstock.com/pic-12058783-s...milk-glass.html




Шаг 12

Вставьте Изображение в документ, затем волшебной палочкой Magic Wand Tool (W) выберите черный фон и удалите его
Трансформируйте Edit>Transform>Rotate и измените размер под букву I




Шаг 13

Инструментом Marquee Tool (M) удалите ту часть картинки, где виден стакан.
А затем этим же инструментом выделите однородную область Изображения и приступите к масштабированию. Edit>Transfor>Scale
Растяните эту область на высоту буквы под ней, и используя ластик с очень мягкими краями, удалите нижнюю область брызгов, сделав плавный переход в букву.Потом можно подвинуть сам всплеск чуть-чуть вниз при необходимости.




Шаг 14

Попробуйте посмотреть разные фотографии для каждой буквы, для L я использовал другую фотографию из Shutterstock, вы можете скачать ее на http://www.shutterstock.com/pic-10532656-m...background.html Затем повторите то же самое. что мы делали в других буквах, смешивая Изображения с текстом.




Шаг 15

Для K я использовал другое изображение, которое вы можете найти на http://www.shutterstock.com/pic-15459070-m...background.html.
Первое, что нужно сделать, это обесцветить.
Image>Adjustment>Desaturate.
Затем выберите команду Image>Adjustment>Levels. Доведите до черного цвета фон командой уровни .
А затем волшебной палочкой (Magic Wand Tool (W)) выберите и удалите черный фон.
Масштабируйте в соответствии с шириной буквы К, а затем ластиком уберите те части, которые выходят за букву.




Шаг 16

Выберите букву K и ластиком (Eraser Tool (E) удалите в правом верхнем углу заготовки.




Шаг 17

Так как мы использовали разные фотографии, то они могут отличаться по цвету, как в примере бкув М и L. И нам надо выравнить их по цвету. Выберем корректирующий слой
Gradient Map (Градиентная карта)
Layer>New Adjustment Layer>Gradient Map Выберите Reverse option, этого будет достаточно, чтобы Изображения брызг выглядели одинаково.




Шаг 18

Для того, чтобы создать глубину резкости , просто скопируйте часть одного из этих снимков, на которых достаточно капель и вставьте в документ, в моем случае я использовал в верхнем правом углу Изображения которое применил в шаге 15.
Image>Adjustments>Desaturate, дальше Image>Adjustments>Levels. (Действия такие же как в 15 шаге -прим. пер.)
После этого перейдите к масштабированию Edit>Transform>Scale, увеличите капли и размойте.
Filter>Blur>Gaussian Blur Радиус размытия 15




Заключение

Используйте сочетание клавиш по ctr + Alt + Shift + E, чтобы создать новый, объединенный слой.
Затем опять Filter>Blur>Gaussian Blur . Радиус- 10
После этого измените режим на Screen и непрозрачность на 50%.
Кроме того, размещу свой логотип и эффект практически готов.
Вы можете добавить больше брызг или попробовать различные цвета. Идея, в основном, чтобы узнать, как совместить молоко с брызгами с векторным текстом и сделать их реально.



Большое Изображение тут

i

Урок размещен с разрешения его автора Fabio Sasso и переведен Rescan с оригинала , доступного здесь. Запрещается копирование и публикация урока на других сайтах без письменного согласия автора и размещения ссылок. The tutorial is written by Fabio Sasso and translated by Rescan . No part of this tutorial can be copied/pasted on any other website without the author's express written permission.

Сообщение отредактировал Rescan - 3.07.2009 - 00:07

[goodvin]

в уроке техника работы по слитию картинок с текстом - СУПЕР!
не нает никто есть подобные уроки на форуме !

[izolga]

Классный урок!!! Спасибо!!!
Вот мои попытки изобразить нечто подобное. Правда шрифт делала в фотошопе. ,по моему получилось похоже

Сообщение отредактировал izolga - 9.08.2009 - 22:10

Прикрепленные изображения

 

[tashtmn]

попытка...

[KAGE]

Хороший урок, сегодня обязательно опробую))