—»     —»   Уроки Photoshop: Создаем экстремальную светящуюся обоину в Фотошоп
  Раздел: Образование и Изучение   Комментариев: 2  

Уроки Photoshop: Создаем экстремальную светящуюся обоину в Фотошоп

В данной статье мы расскажем вам о том, как c использованием Photoshop создать полноценный светящийся wallpaper.
Мы будем использовать собственные кисти, несколько режимов смешивания, способы освещения и размытия.
Данная статья была написана с использованием бесплатных источников и вы без труда сможете воспроизвести весь процесс следуя от пункта к пункту. Для того, чтобы облегчения общей задачи, мы прикрепили PSD-исходник в самом низу статьи, который можно будет легко использовать для справки.

Приступайте к работе и не поленитесь опубликовать ваш результат в комментариях этой статьи.

Вот превью готового изображения…
Уроки Photoshop: Создаем экстремальную светящуюся обоину в Фотошоп


→ Этап 1
Создайте документ в Photoshop в режиме RGB с расширением 1400х900 пикселей. Закрасьте фон черным цветом. Создайте новый слов, переименуйте его в «BG» или что-то в этом роде и закрасьте его радиальным градированием (#55015F – #000000). Тяните от центра к любой границе документа, как показано на картинке снизу.
Уроки Photoshop: Создаем экстремальную светящуюся обоину в Фотошоп


→ Этап 2
Выберите слой «GB», далее проделайте Filter > Distort > Twirl с установленным значением 250. Нажимайте ОК и посмотрите, что получилось.
Уроки Photoshop: Создаем экстремальную светящуюся обоину в Фотошоп


→ Этап 3
Теперь вставляйте своё изображение. Я воспользовался данной картинкой с прыгающим роллером. Так как я очень креативный winked , я назвал этот слой «roller guy».
Уроки Photoshop: Создаем экстремальную светящуюся обоину в Фотошоп


→ Этап 4
Теперь определите форму персонажа. Откройте меню Channels, скройте все, кроме голубого канала, после чего выделите белый фон волшебной палочкой (magic wand). Кликните на слой RGB, который находится в палитре каналов (Channels palette), после чего снова переключитесь на обзор слоев. Увеличьте ваше выделение (feather) на несколько пикселей и удалите его.
Уроки Photoshop: Создаем экстремальную светящуюся обоину в Фотошоп


→ Этап 5
Далее поверните и подвиньте персонаж немного влево. Далее открывайте меню Images > Adjustments > Curves и установите значение уменьшения вывода уровня (output levels). Посмотрите на картинку ниже.
Уроки Photoshop: Создаем экстремальную светящуюся обоину в Фотошоп


→ Этап 6
Далее, копируйте слой с персонажем «Roller», и расположите копию над оригиналом. Примените к скопированному слою покрытие цветом #9D0DAD (Color Overlay) и установите значение смешивания на «Hue».
Уроки Photoshop: Создаем экстремальную светящуюся обоину в Фотошоп


→ Этап 7
Соедините скопированный слой с новым чистым слоем. Далее открывайте меню Layer > Layer Mask , Reveal all, и используя мягкую черную кисточку, закрасьте лицо, руки и штаны персонажа на маске слоя. У вас должно получиться что-то похожее на нижнюю часть этого изображения.
Уроки Photoshop: Создаем экстремальную светящуюся обоину в Фотошоп


→ Этап 8
Соедините оригинальный слой с персонажем и его копию, переименуйте полученный слой любым именем. (Если вы раскладываете эти слои по папкам, то скопируйте и соедините папку). Далее используйте инструменты осветления (Dodge) и выжигания (Burn) на некоторых областях полученного слоя.
Уроки Photoshop: Создаем экстремальную светящуюся обоину в Фотошоп


→ Этап 9
Скопируйте полученный слой, и преобразуйте копию этого в умный объект (Smart Object). Далее выберите этот умный объект и идите в меню Filter > Blur > Radial Blur, установите режимы «Zoom» и лучшего качества, примените данный фильтр три раза подряд (для облегчения повторения, используйте сочетание клавиш Ctrl + F). И наконец, измените режим смешивания у копии слоя с персонажем на линейное осветление (Linear Dodge).
Уроки Photoshop: Создаем экстремальную светящуюся обоину в Фотошоп


→ Этап 10
Дублируйте слой с персонажем еще раз, преобразуйте его в Smart Object и примените фильтр радиального размытия, но в этот раз сдвиньте немного влево центр размытия. Примените этот фильтр несколько раз, далее расположите вторую копию слоя с персонажем над всеми остальными слоями и измените ему режим смешивания на Linear Dodge.
Уроки Photoshop: Создаем экстремальную светящуюся обоину в Фотошоп


→ Этап 11
Теперь скачайте данный набор кистей: wbb.rar [674,29 Kb] (cкачиваний: 60). Добавьте одну единственную фигуру в новый слой, назовите его как-нибудь типа Brush1. Используйте этот цвет #E700FF.
Уроки Photoshop: Создаем экстремальную светящуюся обоину в Фотошоп


→ Этап 12
Добавьте в слой Brush1 покрытие градиентом, используя цвета, показанные ниже. Затем расположите этот слой над слоем «BG». И наконец, добавите фильтр внешнего свечения (Outer Glow).
Уроки Photoshop: Создаем экстремальную светящуюся обоину в Фотошоп


→ Этап 13
Теперь добавьте новый источник света над персонажем, используйте кисточку, показанную ниже и цвет #E700FF. Также добавьте внешнее свечение и смените режим смешивания слоя на «Screen».
Уроки Photoshop: Создаем экстремальную светящуюся обоину в Фотошоп


→ Этап 14
Добавьте еще две светящихся кисти с повторением эффекта предыдущего слоя.
Уроки Photoshop: Создаем экстремальную светящуюся обоину в Фотошоп


→ Этап 15
Выделите слой с персонажем и обе его копии, поместите их в папку и дайте ей соответствующее название, смешайте папку (merge), дублируйте слой и разместите его за оригиналом. Выделите копию слоя и открывайте меню Edit > Free Transform. Далее уменьшите и немного покрутите персонаж. Вы можете это столько, сколько посчитаете нужным.
Уроки Photoshop: Создаем экстремальную светящуюся обоину в Фотошоп


→ Этап 16
Теперь скройте все слои с персонажем, покажите самый маленький из них и примените маску слоя, заполните ее с радиальным градиентом от черного к белому. Затем повторите это с каждый отдельной копией персонажа.
Уроки Photoshop: Создаем экстремальную светящуюся обоину в Фотошоп


→ Этап 17
Теперь мы добавим мы добавим комплекс рассеянного света для того, чтобы прибавить яркости изображению. Измените режим смешивания (Blending Mode) каждого слоя с персонажем на растворение (Dissolve). Затем понизьте уровень прозрачности копий до 75%, 70%, 65% и 60% в указанном порядке. Теперь соедините (merge) все копии в один слой, переименуйте его как копию основного слоя и разместите копию над оригиналом на панели слоев.
Уроки Photoshop: Создаем экстремальную светящуюся обоину в Фотошоп


→ Этап 18
Далее примените маску слоя на копии слоя с персонажем Layer mask > Reveal all, после этого, используя мягкую черную кисточку, раскрасьте маску слоя так, чтобы спрятать некоторые области рассеянного свечения.
Уроки Photoshop: Создаем экстремальную светящуюся обоину в Фотошоп


→ Этап 19
Ненадолго спрячьте рассеянный слой. Теперь быстренько настройте параметры «Hue/Saturation» фонового слоя Brush1, для улучшения освещения. Также добавьте белый свет за персонажем, используя одну из этих кисточек: sb.rar [430,05 Kb] (cкачиваний: 147).
Уроки Photoshop: Создаем экстремальную светящуюся обоину в Фотошоп


→ Этап 20
Для завершения эффекта рассеянного света, снова отобразите копию слоя с персонажем, добавьте эффект внешнего свечения (используя параметры, указанные ниже). Далее примените Filter > Blur > Gausian Blur с установкой радиуса в 7,2, затем жмите ОК.
Уроки Photoshop: Создаем экстремальную светящуюся обоину в Фотошоп


→ Этап 21
Теперь добавьте какой-нибудь текст где-нибудь на изображении (я использую шрифт Kozuka Gothic Pro с цветом #F3B1FB), затем добавьте эффект внешнего свечения к слою с текстом.
Уроки Photoshop: Создаем экстремальную светящуюся обоину в Фотошоп


→ Этап 22
Наконец, используйте эту коллекцию кисточек для того, чтобы добавить несколько белых бликов: sfb.rar [692,22 Kb] (cкачиваний: 36).
Уроки Photoshop: Создаем экстремальную светящуюся обоину в Фотошоп


Конечный результат

Вот и все! Легкий и быстры способ создания концептуальной светящейся обоины!
Уроки Photoshop: Создаем экстремальную светящуюся обоину в Фотошоп

Скачать PSD-исходник:
Внимание! У вас нет прав для просмотра скрытого текста.

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

Автор статьи © Alvaro Guzman
Русский перевод © CoolWebmasters.Com 2009
Обнаружили ошибку или мёртвую ссылку?
Выделите проблемный фрагмент мышкой и нажмите CTRL+ENTER.
В появившемся окне опишите проблему и отправьте уведомление Администрации ресурса.
Нужна органическая вечная ссылка из данной статьи? Постовой?
Подробности здесь
Вам понравился материал? Поблагодарить легко!
Будем весьма признательны, если поделитесь этой статьей в социальных сетях:

Ключевые тэги: Photoshop, обои
Опубликовал Mysterious Master   Прочитано (раз): 8895   |   Оставлено комментариев: 2
Источник материала / оригинал статьи   Распечатать
Другие статьи и новости по теме:
Комментарий #1: 13 июля 2010 @ 11:19
Написал: archelan — группа: Гости  
На сайте с: --   |   Публикаций: 0   |   Комментариев: 0
ICQ: --- не указано ---
получилось не так ярко, но всё равно не плохо =) http://cs9842.vkontakte.ru/u14061305/112266454/z_8b037807.jpg
Комментарий #2: 13 июля 2010 @ 12:09
Написал: Design FactoRy — группа: Администраторы  
На сайте с: 21.07.2009   |   Публикаций: 3324   |   Комментариев: 500
ICQ: --- не указано ---
archelan, молодец! Очень даже ничего так получилось. Но чуток яркости действительно бы не помешало.
Добавление комментария
Уважаемые пользователи!
При добавлении комментариев на сайт Вам следует учитывать следующее - все комментарии проверяются Администрацией на предмет отсутствия спама. При обнаружении признаков спама, в оставленном Вами комментарии, сам комментарий будет незамедлительно удалён, а Ваш IP-адрес будет забанен без предупреждения! Учётные записи пользователей, рассылающих спам, блокируются/удаляются без права последующего восстановления.

С уважением, Администрация сайта.
* = поля обязательны к заполнению
Полужирный Наклонный текст Подчеркнутый текст Зачеркнутый текст | Выравнивание по левому краю По центру Выравнивание по правому краю | Вставка смайликов Выбор цвета | Скрытый текст Вставка цитаты Преобразовать выбранный текст из транслитерации в кириллицу Вставка спойлера
Вопрос : Национальная денежная единица США
Подтверждение кода безопасности :

Включите эту картинку для отображения кода безопасности
обновить, если не виден код


Спонсоры проекта
Баннер в сайдбаре 1 (сквозной)
Баннер в сайдбаре 2 (сквозной)
Спонсоры проекта
Баннер в сайдбаре 3 (сквозной)
Баннер в сайдбаре 4 (сквозной)
Популярные публикации







Свежие шаблоны сайтов каждый день
С миру по нитке
«    Июнь 2023    »
ПнВтСрЧтПтСбВс
 1234
567891011
12131415161718
19202122232425
2627282930