Креативный подводный мир для обложки книги или журнала

Главная » Уроки фотошоп» Уроки по дизайну и рисованию в Фотошопе

2011-02-17, 03:02
В этом уроке фотошоп создадим дизайн обложкипечатного издания с иллюзией подводного мира.

Здесь находятся исходные материалы ,которые нам понадобятся:

Шрифт - Code

Smoke Brushes

Space Brushes

Space Texture

Fish

Underwater (можно поискать похожие фото на других ресурсах )

Вот собственно картинка, которую мы собираемся создать сегодня:

Шаг 1.

В интернете можно найти и выбрать любой шрифт на Ваш вкус. Я для этого фотошоп урока выбрал шрифт - Code. Загружаем шрифт и запускаем программу Фотошоп.

Создаём новый документ 3300 x 2700 пикселей с разрешением 300 пикс/дюйм и цветовым режимом RGB

Используя новый шрифт, который Вы загрузили, напечатаем несколько слов в центре документа. У этого шрифта есть два стиля : light и bold. Мы будем использовать оба. Напишем желаемый текст (я написал что первое пришло в голову) в три строчки. Впервой и третьей исполбзуем light, во втором -bold

Расположите их вертикально и сохраните Вашу работу.

Шаг 2.

Создайте новый слой. Поместите его над слоем сbold. Загрузите в фотошоп Дымные кисти. И используя эти кисти нанесите их как показано на изображении ниже:

Шаг 3.

При активном слое с кистями, при нажатой клавише CNTRL, кликните по слою bold. Появится выделение :

При активном слое с кистями нажмём CNTRL+J чтобы перенести выделение на новый слой. Если мы выключим слоя с кистями и текстом, то сразу увидим результат. Теперь можно удалить слой с кистями.

Шаг 4.

Создайте новый слой в самом верху Палитры Слоев. Выбирете Инструмент Градиент (G) Радиальный с цветами от белого к прозрачному и параметрами как на изображении ниже:

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

Шаг 5.

Создайте ещё один новый слой наверху Палитры Слоев. В редакторе градиентов выставте следующие параметры и используя Инструмент Градиента (G) (Gradient Tool) Радиальный сделайте как на скрине:

Режим смешивания слоёв поставте Linear Burn (Линейный затемнитель)

Шаг 6.

Примените к слою с текстом BOLD (кликните два раза по слою) следующие настройки для Стилей слоёв(Layer Style) :

После применения этих параметров настройки Ваше изображение должно выглядеть так:

Шаг 7.

Дважды кликните по слою Let’s Grow’, и примените настройки Layer Style как на скрине:

Примените к слою Together такие же настройки. Вот так это должно выглядеть:

Шаг 8.

Выделите слои как показано на скрине ниже:

Нажмите CNTRL+G , чтобы поместить все эти слои в Папку Группы и назовите его как вам надо, например All Text (Весь текст).

После помещения этих слоев в Папку Группы, создайте её дубликат (всё точно также как и при создании дубликата слоя )

Шаг 9.

Выключите видимость оригинальной Папки Группы и откройте копию, чтобы показать слои, содержавшие внутри. Растрируйте эти текстовые слои.

Теперь Вы можете работать с текстовыми слоями как с обычными.

Шаг 10.

Затем, выберите Инструмент Pen Tool(P) ина слое Let’s Grow протяните направляющие как показано ниже:

Кликните правой кнопкой мышки по нарисованному треугольнику и в выпавшем меню выберем Make Selection (образовать выделенную область)

В следующем окне нажимаем ОК.

Сделайте активным слой Let’s GrowТ и нажмите CNTRL+J, чтобы дублировать область выделения на новый слой. Переместите этот слой налево на несколько пикселов, и выше на несколько пикселов, и у Вас должно получится как на изображении ниже:

Повторите этот шаг еще в нескольких местах.

Повторите этоти шаги для слоя'Together'.

Шаг 11.

Загрузите в Фотошоп Космические кисти (Space Brushes ). Создайте новый слой наверху Палитры Слоев. Жесткой кистью белого цвета сделайте несколько мазков чтобы добавить немного фона. Уменьшите Оpacity (Непрозрачность) слоя до 30 %. Рекомендую сохранять работу на разных этапах. Так, на всякий случай!

Шаг 12.

Создаём копию слоя Smoke Fill, который мы создали в начале этого урока. Это слой, который содержит кисти дыма в тексте BOLD. Кликаем два раза на копии и применяем следующие Стили Слоя:

Для Inner glow я использовал цвет #A2DCFF , но подойдёт любой другой голубой оттенок. Смотрим что получилось:

Шаг 13.

Откройте Space Texture и перетащите это изображение на свой документ. Трансформируйте его под нужные Вам размеры. Разместите этот слой выше слоя с синим градиентом. Кроме того, уменьшите Оpacity (Непрозрачность) приблизительно до 80 % и измените Смешивание слоёв на Overlay (перекрытие).

Шаг 14.

Далее мы открываем изображение рыбы. На фото - по существу изображена одна рыба в трех различных положениях, это поможет добавить некоторое разнообразие к нашему изображению.

Инструментом Marquee Tool (M) Прямоугольное выделение делаем выделение вокруг одной из трех рыб:

Нажмите CNTRL+J, чтобы дублировать выделенную область на новый слой. Как только Вы сделали это, выключите слой исходного изображения ниже:

Теперь все, что Вы должны сделать, это взять Инструмент Волшебная палочка (W) и удалить белый фон вокруг рыбки. Если говорить правильно,то вырезать рыбку из фона. Затем принесите первую рыбу в Ваш документ Фотошопа.

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

После того, как Вы разберётесь с расположением рыбок, примените фильтр Gaussian Blur (10-12 px ) к большой рыбе на переднем плане, чтобы создать иллюзию глубины. Это я проделал с рыбой в верхнем левом углу. Кроме того, для рыб, которые кажутся меньшими и еще дальше, понизьте Оpacity (Непрозрачность), чтобы создать некоторую атмосферу глубины.

Вы можете заметить на скрине, что я также разместил двух рыб ниже текстового слоя. Здесь нет никаких определённых правил. Вы можете вносить свои корректировки, эксперементируйте на здоровье !

Шаг 15.

Теперь откройте подводную фотографию и переместите ее в документ Фотошопа. Трансформируйте её до нужных размеров. Поместите это фото ниже космического изображения и измените Blending Mode (режим наложения слоёв) на Overlay(перекрытие). Как только Вы сделали это, уменьшите Оpacity приблизительно до 60-62 % как показано по изображении ниже:

У Вас должно получиться что-то вроде этого:

Шаг 16. 

Затем зайдите в Adjustment Layer (корректирующий слой), нажав на значок внизу Палитры Слоев :

В выпавшем меню выбирете Brightness/Contrast (Яркость/Контраст ) и примените следующие настройки:

Шаг 17.

Чего не хватает у нас на изображении ? Правильно! Пузырей! Я предлагаю создать их самим. Предлагаю сделать кисть, напоминающую пузырь.

Итак, создайте новый документ, размером - 200х200 пикселей и разрешением - 72 пикселя. На новом слое создайте круг, используя инструмент Elliptical Marquee Tool (M) (Овальная область выделения), примерно по размерам всего холста, и залейте его черным цветом.

Шаг 18.

Кликните дважды на слое с кругом чтобы открыть Layer Styles и примените к Inner Glow следующие настройки:

К Gradient Overlay :

В то время как диалоговое окно все еще открыто, перетащите градиент на круге немного влево.

Шаг 19.

Зайдите в Image-Adjustments-Curves(Изображение- Регуляторы- Кривые ) и создайте три новых точки и измените кривуюих как показано на изображении ниже:

У Вас должно получится что-то вроде этого:

Шаг 20.

Затем перейдите в Layer-New Adjustment Layer-Invert (Слой- Новый корректирующий слой- Инверсия), чтобы инвертировать заливку слоя.

Результат:

Шаг 21.

Зайдите Edit-Define Brush Preset (Редактировать- Определить кисть). Откроется диалоговое окно с созданной Вами кистью. Дайте ей название, например - Bubble Brush. Нажмите OK. Вот и всё Ваша кисть готова.

Вернитесь назад на Ваше подводное изображение с которым работали и создайте новый слой вверху Палитры Слоев. Как только Вы сделали это, нажмите F5, чтобы поднять Brushes Palette (Палитру кистей). Нажмите B, чтобы активировать Инструмент Кисть. Выбирете кисть с пузырём и примените следующие параметры настройки:

Затем, выберите Shape Dynamics (Динамику Формы ) и примените настройки:

После применения Shape Dynamics примените Scatter с следующими параметрами :

Нажмите F5 еще раз, чтобы закрыть Палитру Кистей. Используя скобки, Вы можете увеличивать [или уменьшать ] размер Кисти

Шаг 22.

Аккуратно добавте несколько пузырей около ртов каждой из рыб. Создавайте новый слой для каждого набора пузырей для того чтобы иметь контроль над параметрами настройки и что еще более важно, Оpacity (непрозрачностью).

На изображении ниже я показал, куда поместил свои пузыри а также применённую непрозрачность для каждого слоя.

Если Вы удовлетворены результатами, сохраните изображение.

Надеюсь Вам понравился этот урок и думаю навыки, которые Вы получили пригодятся для дальнейших работ в программе Photoshop!



Желаю успехов !
Всегда для Вас: photoshoplesson.ru
У Вас возникло желание показать результаты Ваших трудов ? Выложите свои работы на наш форум !

Уважаемые посетители сайта, потратившие время на просмотр этого урока . Нам очень хотелось бы знать понравился ли он вам и был ли он вам полезен. Не поленитесь оставить комментарий . Заранее спасибо.




ПОХОЖИЕ УРОКИ:



Категория: Уроки по дизайну и рисованию в Фотошопе | Добавил: CoMish | Теги: рисование, Дизайн
Просмотров: 7834 | Комментарии: 1 | Рейтинг: 3.7/6
Всего комментариев: 1
avatar
1
Отличная статья, спасибо автору. Мало где по поводу   можно почитать.
Добавлять комментарии могут только зарегистрированные пользователи.
[ Регистрация | Вход ]