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

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

17.02.2011, 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 | Теги: уроке фотошоп, инструмент, новый слой, кисти, подводный мир
Просмотров: 5637 | Комментарии: 1 | Рейтинг: 5.0/1
Всего комментариев: 1
avatar
1
Отличная статья, спасибо автору. Мало где по поводу   можно почитать.
Добавлять комментарии могут только зарегистрированные пользователи.
[ Регистрация | Вход ]