Простые звезды в фотошопе

— Обновлено 12.03.2009

Как ни странно, из всего разнообразия статей и уроков по фотошопу, по запросу «эффект свечения в Photoshop», гугл находит всего одну статью скопированную пару десятков раз на разных сайтах, плюс статьи не в тему. Будем исправлять ситуацию!


Итак, сегодня мы будем делать вот такую картинку (Ссылка на исходник в конце статьи):

звездное небо в photoshop

Для начала сделаем заливку фона не абсолютно черную, а цветом #04070d, это нужно для того, чтобы звёзды отсвечивали мягким синеватым светом. Затем воспользуемся кистями облаков:

используем кисти

Располагайте облака так, как вам нравится, после чего выставьте у них прозрачность (opacity) 70% и сделайте заливку цветом по желанию. В итоге должно получиться что-то вроде этого:

редактируем слой

Теперь самыми обычными линиями рисуем созвездие:

добавляем линии

Задаем в параметрах слоя эффект overlay и делаем небольшую светимость, как показано на рисунке:

редактируем линии

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

результат

Теперь делаем звезды. Для этого берем мягкую кисть и точками на новом слое рисуем точки — звезды. Для центральной звезды я взял кисть диаметром 17, для остальных — 9.

делаем звезды

Теперь самое интересное. Незнаю почему, но на такой прием я ни разу не нарывался в интернете, хотя с его помощью можно делать весьма интересные работы. Итак, что мы делаем: Создаем новый слой, который будет распологаться над слоем с облаками, над слоем с линиями но под слоем со звездами. Затем берем карандаш, диаметром 1px и ставим точки под каждой звездой. На следующем скрине я специально сделал звезды полупрозрачными, чтобы было видно, где ставить точки:

где ставить точки

Теперь открываем свойства слоя и выставляем параметры как показано на рисунке:

задаем свечение

Можно поиграться с ползунками Spread и Size, чтобы добиться наилучшего результата. В результате у нас получается вот что:

готовые звезды

Звезды теперь хоть и начали по настоящему светиться, однако всё равно выглядят как-то скучно. А так как на фотореалистичность вида галактики мы не претендуем, добавим немножко фантазии. Воспользуемся узорными и обычными кистями, чтобы добавить нашим звёздам немного крастоты :) Подробно расписывать этот процесс я не буду, т.к. он довольно скучный: рисуем точку (или узорную кисть) —› задаем прозрачность (около 20%) —› крутим/масштабируем/выравниваем. И так для каждой звезды.

украшаем звезды

Теперь звёзды приукрасились, но им тут явно одиноко. Добавим три новых слоя и истыкаем их карандашом :) . То есть создаем первый слой, на котором у нас будут крупные звезды, задаем в настройках Outer Glow — Blend Mode: Vivid Light, Spread 30, Size 20 (по аналогии с тем, как мы делали основные звезды):

добавляем новые звезды

Теперь делаем второй слой, но теперь задаем в свойствах слоя Spread 20, Size 4:

редактируем слой

Для третьего слоя просто выставим прозрачность 50% и сделаем Filter -> Blur -> Blur.

добавляем размытость

Ах да, эти слои нужно расположить выше всех остальных. Теперь сделаем центр нашей галактики более ярким. Для этого сделаем новый слой, поставим карандашом точку в центре нашей центральной звезды и выставим настройки по аналогии со звездами, но зададим больший Spread (30%) и Size (134px):

делаем светимость галактики

Теперь добавим цвета в картинку. Для этого сперва воспользуемся инструментом Gradient Tool, в котором выберем градиент от белого к прозрачному (можно выбрать цвет сразу, но лучше сделать это потом, чтобы было проще изменять в последствии). Потом проведем градиентом от угла к центру картинки, но немного дальше его (центра) и уберем заливку, для этого выкрутим ползунок Fill на ноль.

добавляем градиент

Это нужно как раз для того, чтобы изменять цвет заливки можно было из свойств слоя.
Затем в свойствах самого слоя укажем Color Overlay с Blend Mode = Hue и выберем подходящий цвет. Я сделал синий:

настраиваем слой

Фокус с градиентом можно повторить с других углов или сторон. Здесь уже дело вкуса.
Теперь обрезаем поля, чтобы избавиться от пустых границ:

делаем обрезку
готовый результат

И на последок, как обещал, исходник картинки.

 
Комментарии (9)
  • Rina:

    ЗдОрово, спасибо )

  • Rina, на здоровье :)

  • Виктор:

    Очень красивый урок. но непонятный. я не понял в самом начале, облака на новый слой делать что ли, и заливка чего сообственно? Какое наложение использовалось. Исходник искал, он не на месте по моему.
    спасибо.

  • Виктор, облака рисуются на новом слое, соответственно имеется в виду и заливка этого слоя.

    Ссылка, действительно, битая. Покопаюсь в рхивах, поищу этот файлик.

  • Виктор:

    Буду очень благодарен если найдете, очень надо, на демиарте нет ничего толкового. За мной не заржавеет, обещаю! Как-то скину проект над которым сейчас работаю.
    Буду ждать. Спасибо.

  • Виктор, нашел. Ссылку в статье обновил, можете качать :)

  • Виктор:

    Спасибо огромное.
    А мне как поделиться? На почту или слить куда нибудь?

  • Виктор, лично мне в замен ничего не надо, спасибо ‘^_^. А если просто хотите поделиться с народом, можете залить на какой нибудь файлообменник и оставить здесь ссылку.

  • orendzi:

    прекрасный урок, только не хватает по-моему ссылки на кисти облаков =) ну это уже в идеале. либо облака вообще через render: clouds делать…

Есть что сказать? Пишите!

Представьтесь, пожалуйста ^_^

Ваш е-мейл (я никому не скажу :)

Адрес сайта (не обязательно)

Сколько будет тrи + чetыre ?