Дополнения

Бесплатная рассылка

Вы будете получать ссылки на свежие видеоуроки по фотошопу совершенно бесплатно

крупнейшая в мире социальная сеть пользователей Adobe Photoshop

204 034 чел. 397 097 работ 4 080 уроков
  • Обучайтесь и совершенствуйтесь
  • Разместите своё портфолио
  • Участвуйте в конкурсах
  • Подписывайтесь и оценивайте
  • Комментируйте и общайтесь
Присоединиться

Сложность: Средняя

Делаем музыкального жирафа в Фотошоп.

В этом уроке мы будем превращать обычное изображение жирафа в обои с жирафом, исчезающим в музыкальных нотах. Эта работа была использована мной для участия в соревновании AudioJungle Wallpaper Competition и смогла занять место в двадцатке лучших, что заставило меня задуматься о том, что любители Фотошопа хотели бы узнать, как я ее сделал. Что ж, приступим!

Материалы для урока:

Архив

Шаг 1. Первое, что нам нужно – найти кое-какие материалы для этого урока, изображение жирафа, которое можно найти в архиве. Нам также понадобятся некоторые кисти с музыкальными нотами.
Примечание: к сожалению, ссылка, на которую указывал автор, не работает. Альтернативный вариант вы всегда можете найти на нашем сайте в подразделе «Кисти», вот одни из них.
Теперь, когда у нас есть эти материалы, мы можем приступить к работе в Фотошоп. Создайте новый документ размером 2000 пикселей по ширине и 1000 по высоте. Установите в качестве фона черный цвет.

Шаг 2. Откройте свое изображение с жирафом в Фотошоп и возьмите инструмент Pen Tool (P) (Перо). Убедитесь, что выбрана опция Paths (Контуры), поскольку мы будем вырезать жирафа, используя инструмент Pen Tool (P) (Перо), таким образом, мы можем добиться качественных краев. Приблизьте немного изображение, чтобы получить возможность видеть все детали жирафа (Я приблизил примерно на 300х, чтобы получше обрезать края).
Теперь необходимо только провести пером вокруг жирафа, не обращая внимания на тени и хвост. Просто двигайтесь в одном направлении вокруг жирафа, пока вы не завершите это действие в начальной точке.

Шаг 3. Как только вы завершите контур, кликните правой кнопкой внутри него, вследствие чего появится выпадающее меню. Кликните по опции «Make selection» (Создать выделение), затем появится диалоговое окно, установите Feather Radius (Радиус растушевки) на 0 и нажмите Ок. Появится выделение в виде движущейся линии вокруг жирафа. Теперь зайдите в меню Edit > Cut (Редактирование > Вырезать) (Ctrl + X) и paste (вставить) (Ctrl + V) в свой документ.
Если на вашей странице нет Ruler (Линейки), вы можете просто вызвать ее нажатием Ctrl + R. После того, как вы установили жирафа в нужную позицию и придали ему необходимый размер, переименуйте слой с ним в "Giraffe" (Жираф).

Шаг 4. Теперь посмотрим на этого жирафа, цвет кажется немного плоским. Так давайте же сделаем его немного насыщеннее! Для того, чтобы это сделать, нам надо будет использовать Curves (Кривые). Зайдите в меню Image > Adjustments > Curves (Изображение> Коррекция> Кривые). Вы заметите диагональную линию, проходящую от нижнего левого угла к правому верхнему углу, она представляет текущий цвет.

Когда вы нажмете на линию, вы увидите маленькую «точку», появившуюся на линии, это то, что вам нужно использовать для изменения цветов. Если вы подвинете эту точку вправо, вы увидите, что ваше изображение станет темнее, а если подвинете влево, то изображение станет ярче. Curve (Кривая) – очень хороший способ скорректировать контраст фотографии, и это важный инструмент, который используется фотографами для получения фантастического черно-белого и более яркого цвета.

Хотя это великий инструмент, он также достаточно сложный в том смысле, что он сильно влияет на изображение даже при небольших корректировках, так что будьте аккуратны со своим изображением. Изображение ниже показывает, какие корректировки я совершил, но вы можете создать свои, если хотите получить другой эффект. Как только вы закончите свой эффект, нажмите Ок. Теперь нам нужно немного усилить его резкость, поэтому зайдите в меню Filter > Sharpen > Sharpen (Фильтр >Резкость>Резкость), чтобы уточнить края.

Шаг 5. Теперь пришло время для создания постепенно исчезающего участка. Мы будем делать это, используя в основном инструмент Clone Stamp (Штамп) (S). Создайте новый слой над слоем «Background» (Фон) и переименуйте его в «Clone 1» (Клон 1). Выберите инструмент Clone Stamp (Штамп) (S) (убедитесь, что вы вернулись на слой с жирафом при определении своей точки клонирования), и затем, удерживая клавишу Alt, кликните по гриве жирафа.
Теперь вернитесь на свой слой «Clone 1» (Клон 1) и начните клонирование, начните с маленькой кисти, а затем плавно перейдите к большей. Также лучше изменять понемногу масштаб изображения. Так продолжайте до тех пор, пока у вас не получится большой клонированный участок, как показано на втором изображении ниже, который будет превращен в музыкальные ноты.

Шаг 6. Мы добавим контраста к различным участкам клонированного слоя, чтобы добавить эффект. Возьмите инструмент Dodge Tool (Осветлитель) (О) и примените следующие изменения: начните беспорядочно проходить поверх  участков слоя  «Clone 1» (Клон 1), делайте небольшие участки ярче, а остальные оставьте, как есть.

Шаг 7. То же самое проделайте с инструментом Burn Tool (O) (Затемнитель), старайтесь применять его к участкам, на которых прежде не изменяли яркость. Я также размыл некоторые участки, между которыми проходил слишком большой контраст, при помощи инструмента  Blur Tool (R) (Размытие).

Шаг 8. Теперь, когда мы завершили с эффектами для клонированного участка, мы готовы перейти к добавлению layer mask (маски слоя). Layer masks (маски слоя) очень доступны к использованию, поскольку они защищают слой, с которым вы работаете, покрывая его маской, и позволяют спрятать его части.
В таком случае, если вы совершите ошибку, вы можете удалить, проявить или просто залить маску черным цветом и снова сделать то, что хотели. Итак, давайте теперь попробуем. Выделите слой «Clone 1» (Клон 1) и кликните по кнопке Add Layer Mask (Добавить маску слоя). Вы заметите, что в панели слоев появился значок рядом с миниатюрой вашего слоя, это маска. На данный момент она ничего не делает, но когда вы зальете ее черным, используя сочетание клавиш Ctrl + Backspace или инструмент Paint Bucket Tool (G) (Заливка), все на вашем слое исчезнет.

Шаг 9. Если вы еще не скачали кисти в виде музыкальных нот, то этот шаг поможет вам установить их (пропустите его, если вы уже установили их).
1. Кликните по инструменту  Brush Tool (B) (Кисть)
2. Кликните по стрелке выпадающего меню в панели настроек  (option bar)вверху
3. Теперь кликните по стрелке справа, которая вызовет еще одно выпадающее меню, зайдите в Replace Brushes (Заменить кисти)
4. Теперь ваши музыкальные кисти должны там появиться

Кликните по инструменту Brush tool (B) (Кисть) и выберите одну из своих музыкальных кистей (не из пианино или крупных изображений, которые вы найдете в кистях). Рассмотрим для примера кисть 316. Откройте панель кистей (brushes palette) и примените настройки, показанные ниже. Теперь на маскированном слое установите в качестве цвета переднего плана белый, затем, вам нужно настроить для рисования…

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

Постепенно уменьшайте размер нот по мере удаления их от жирафа. Попробуйте. Кроме того, если вы хотите еще поработать с оригиналом слоя «clone», вы можете это сделать. Для этого нажмите правой кнопкой мыши по пиктограмме маски слоя и кликните по  Disable Layer Mask (Отключить маску слоя), затем произведите свои изменения. Это не затронет маску. Помните, если вы совершили ошибку, то можете залить маску слоя черным цветом и начать все заново.

Шаг 11. Теперь это изображение довольно неплохо смотрится, но есть некоторые корректировки, которые мы можем внести.  Края клонированного слоя нуждаются в обработке. Я заметил, что они резкие, поэтому мы создадим новый слой с нотами, чтобы избавиться от резких краев.

Создайте новый слой над слоем "Clone1" (Клон 1) и переименуйте его в "Clone2" (Клон 2). Возьмите снова инструмент Clone Stamp (Штамп) (S), затем кликните по слою "Clone1" (Клон 1) и определите точку клонирования (Alt + клик по участку). Теперь вернитесь к слою "Clone2" (Клон 2) и начните закрашивать.

Примечание: разумно применить немного рассеивания к слою, используя Brushes Palette (Панель кистей) с теми же настройками, что использовались ранее, только уменьшите scattering  (рассеивание) до значения около 320% и spacing (интервалов) около 180% или меньше.

Шаг 12. Теперь изображение выглядит намного лучше, но до сих пор осталась парочка недочетов, которые я хотел бы скорректировать. Края шеи жирафа, переходящие в клонированный участок, слишком резкие, так давайте попробуем исправить это. На слое "Clone1" (Клон 1) зайдите в меню Image > Adjustments > Hue/Saturation (Изображение > Коррекция > Цветовой тон/Насыщенность) и скорректируйте цвета нот так, чтобы они смешались с цветами жирафа.

Осталось еще одна вещь, которую необходимо сделать. На слое "Giraffe" (Жираф) возьмите инструмент Blur Tool (Размытие) (R) и просто пройдитесь по краям гривы, чтобы немного смешать ее. Если хотите, можете взять Smudge Tool  (Размазывание)(R) и размажьте немного края, как это сделал я. В заключение, возьмите инструмент Dodge Tool (Осветлитель) и пройдитесь один раз по участку с гривой на слое "Giraffe" (жираф), чтобы немного осветлить ее.

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

Автор: Tom Miatke

Комментарии 154

(до 5 шт)
jpg, png, gif, общий вес файлов не более 7Мб, не менее 450px по ширине и высоте, jpg или анимированный gif
Ссылки внутри комментариев могут вести только на эти сайты

Красивый эффект. Спасибо!

спасибо за урок :) Рианна, надеюсь, не против )))

замечательный урок)

Получилось не идеально, конечно, но все равно спасибо!

простор для фантазии)

Урок замечательный - полет фантазии!

Спасибо, очень интересно.

Большое Спасибо за урок!!!

что то похожее, но в конце добавила дыма

Спасибо за полезный урок!

ОГРОМНОЕ СПАСИБО! УРОК НЕ ТОЛЬКО ЛЕГКИЙ И ИНТЕРЕСНЫЙ ,НО И ИЗЛОЖЕН МАКСИМАЛЬНО ДОСТУПНО ...ТУТ МНЕ ХВАТИЛО НЕ ТОЛЬКО ТОЛКОВОГО ПЕРЕВОДА,НО И ВИЗУАЛЬНОГО МАТЕРИАЛА...ЕЩЕ РАЗ СПАСИБО

Спасибо за урок! У меня своя версия)))
Я вместо кистей-нот брызги сделала)

Это конечно не жираф но так мне кажется даже лучше)

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

спасибо за урок, оч понравился!

Еще 30
Добавить комментарий / работу

Новые работы пользователей

{{work.views}}

По заданным фильтрам работы не найдены

Попробуйте изменить критерий поиска, или сбросить фильтры


Смотреть все работы

Наверх

Авторизация

Забыли?

Регистрация

Не удалось загрузить работу. Возможно она была удалена.
GIF {{work.bite}} Мб Загрузить
18+
Работа имеет содержимое для 18+ лет
Мне нравится {{work.likes}} {{work.views}} Жалоба

Оставить комментарий {{work.childs.length || 0}}

(до 5 шт)
jpg, png, gif, общий вес файлов не более 7Мб, не менее 450px по ширине и высоте, jpg или анимированный gif
Ссылки внутри комментариев могут вести только на эти сайты
Войти Авторизуйтесь, чтобы комментировать работы, ставить лайки и просто быть участником нашего дружного сообщества!
Сначала популярные Сначала старые Сначала новые
Добавить комментарий
Разбор работы по просьбе автора:
Популярные работы автора:
Курсы и уроки автора:
Онлайн-курс {{work.relless.type}}

Жалоба

Опишите суть жалобы, при необходимости добавьте ссылки на скриншоты

Спасибо! Ваше обращение ушло на рассмотрение.

Название работы

Описание работы (необязательно)

Комментарий

Ваша миниатюра:


Название:
{{name}}
Описание:

{{text}}

Исходник:

{{source.name}} {{source.name}}

Тэги:
#{{tag.label}}

Есть ли у вас исходник к работе?

Исходник — это файл из исходных изображений, которые использовались для создания вашей работы. Исходник позовляет лучше понять вашу работу. Он не обязателен, но работы с исходниками получают больше лайков и имеют право на участие в еженедельных конкурсах.
jpg-файл, максимальный размер 1920x1080px

Пример исходника

Выберете тэги работы:

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

Не более десяти тэгов на одну работу

Вашу работу разберет один из экспертов проекта «Фотошоп-мастер». Это позволит вам увидеть свои ошибки и сделать следующую работу лучше. Разбор будет сделан в комментариях к работе и будет виден всем пользователям.

Пункт «18+» допустимо ставить только для работ, действительно содержащих элементы, которые не должны видеть несовершеннолетние: обнаженка, сцены жестокости, и т.д. Запрещается ставить такую метку на обычные работы. За подобное поведение у пользователя будет блокироваться возможность добавления новых работ. Все понятно, больше не показывать

После добавления работы:


Запланировать публикацию

Запланировать

Правила загрузки работ на «Фотошоп-Мастер»

  • 1. На сайте запрещается размещать изображения, которые содержат нецензурную лексику, угрозы, оскорбляет, унижает чье-либо достоинство, а также явно или косвенно нарушает законодательство Российской Федерации.

  • 2. Сайт photoshop-master.ru приветствует соблюдение авторских прав. В случае возникновения споров или разногласий Администрация сайта приложит все усилия для разрешения сложившейся ситуации.

  • 3. Правило третье. Публикуемые работы не должны содержать изображения, связанные с наркотиками , порнографического содержания, сцены насилия.

Подробная информация о правилах публикации https://photoshop-master.ru/blog/post/rules