Яндекс.Метрика

Дизайн-журнал №1. Актуальная информация для дизайнеров, веб дизайнеров, программистов и разработчиков сайтов.

Рисуем космический фон в Adobe Photoshop CS5

13 апреля 2014 | Опубликовано в Уроки | 4 Комментариев »

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

 

Результат:

How to Create an Amazing Space Scene in Adobe Photoshop CS5

Создайте новый документ (Ctrl+N) в Adobe Photoshop CS5 размером 1920px на 1200px (в цветовом режиме RGB) и разрешением в 72 pixels/inch. Инструментом Paint Bucket/Заливка (G) залейте цветом #090F27 новый фоновый слой.

How to Create an Amazing Space Scene in Adobe Photoshop CS5

Создайте новый слой.
Укажите ему параметр Fill/Заливка в 0%. Дважды кликните по иконке слоя в палитре Layers/Слои, чтобы указать ему  Layer style/Стиль слоя. Выберите Gradient Overlay/Перекрытие градиента.

How to Create an Amazing Space Scene in Adobe Photoshop CS5

Настройте градиент как показано ниже.

How to Create an Amazing Space Scene in Adobe Photoshop CS5

Вот что должно получиться:

How to Create an Amazing Space Scene in Adobe Photoshop CS5

Создайте новый документ (Ctrl+N) размером 1200px на 1200px (RGB) и с разрешением в 72 pixels/inch.

Создайте новый слой и укажите ему стиль слоя Gradient Overlay/Перекрытие градиента.

How to Create an Amazing Space Scene in Adobe Photoshop CS5

Настройте градиент как показано ниже.

How to Create an Amazing Space Scene in Adobe Photoshop CS5

Вот что должно получиться:

How to Create an Amazing Space Scene in Adobe Photoshop CS5

Теперь нам нужно растрировать получившийся слой. Для этого создайте новый пустой слой под этим и нажмите CTRL+E чтобы объединить слои. Примените к получившемуся слою Filter > Distort > Wave/Фильтр>Деформация>Волна.

How to Create an Amazing Space Scene in Adobe Photoshop CS5

Вот что должно получиться:

How to Create an Amazing Space Scene in Adobe Photoshop CS5

Примените Filter > Distort > Polar Coordinates/Фильтр>Деформация>Полярные координаты.

How to Create an Amazing Space Scene in Adobe Photoshop CS5

Результат:

How to Create an Amazing Space Scene in Adobe Photoshop CS5

Переместите получившиеся лучи в первый созданный нами документ. При помощи Free Transform/Свободное трансформирование (Ctrl+T) растяните их во весь холст.

How to Create an Amazing Space Scene in Adobe Photoshop CS5

Укажите параметр Fill/Заливка для этого слоя в 9% и смените Blending mode/Режим наложения на Divide/Разделение.

How to Create an Amazing Space Scene in Adobe Photoshop CS5

Создайте новый слой и инструментом Paint Bucket/Заливка (G) залейте его цветом #28828F.

How to Create an Amazing Space Scene in Adobe Photoshop CS5

Укажите Fill/Заливку в 50% и Blending mode/Режим наложения - Hard Light/Жесткий свет.

How to Create an Amazing Space Scene in Adobe Photoshop CS5

В палитре Layers/Слои кликните по иконке Создайте новый корректирующий слой или слой-заливку/Create new fill or adjustment layer (она находится в нижней части палитры). Выберите тип Curves/Кривые и настройте их как показано ниже.

How to Create an Amazing Space Scene in Adobe Photoshop CS5

Результат:

How to Create an Amazing Space Scene in Adobe Photoshop CS5

Создайте новый слой и кистью Soft Round/Круглая мягкая большого размера создайте в центре документа пятно цвета #FF00CB.

How to Create an Amazing Space Scene in Adobe Photoshop CS5

Ориентируйтесь на картинку ниже:

How to Create an Amazing Space Scene in Adobe Photoshop CS5

Укажите Fill/Заливку в 80% и Blending mode/Режим наложения - Lighten/Замена светлым.

How to Create an Amazing Space Scene in Adobe Photoshop CS5

Создайте еще один слой и той же кистью, но уже белого цвета и с параметром Opacity/Непрозрачность в 20%, нарисуйте пятно меньшего диаметра:

How to Create an Amazing Space Scene in Adobe Photoshop CS5

Инструментом Ellipse/Эллипс (U) нарисуйте овал, как показано ниже.

How to Create an Amazing Space Scene in Adobe Photoshop CS5

Укажите слою с овалом Fill/Заливку в 0% и стиль слоя Stroke/Обводка.

How to Create an Amazing Space Scene in Adobe Photoshop CS5

Результат:

How to Create an Amazing Space Scene in Adobe Photoshop CS5

Растрируйте слой с овалом так же, как мы делали это ранее. К растрированному слою примените Filter > Blur > Gaussian blur/Фильтр>Размытие>Размытие по Гауссу.

How to Create an Amazing Space Scene in Adobe Photoshop CS5

Результат:

How to Create an Amazing Space Scene in Adobe Photoshop CS5

Укажите слою Fill/Заливку в 30%.

How to Create an Amazing Space Scene in Adobe Photoshop CS5

Создайте новый слой и кистью Hard Round/Жесткая круглая белого цвета нарисуйте много маленьких кружочков, меняя размер кисти и параметры Opacity/Непрозрачности.

How to Create an Amazing Space Scene in Adobe Photoshop CS5

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

How to Create an Amazing Space Scene in Adobe Photoshop CS5

Укажите слою с кружочками Fill/Заливку в 50% и Blending mode/Режим наложения - Overlay/Перекрытие.

How to Create an Amazing Space Scene in Adobe Photoshop CS5

Дублируйте слой с кружочками.

How to Create an Amazing Space Scene in Adobe Photoshop CS5

Дублируйте слой с кружочками еще раз и укажите копии Fill/Заливку в 100%.

How to Create an Amazing Space Scene in Adobe Photoshop CS5

Примените к слою стиль слоя Outer Glow/Внешнее свечение.

How to Create an Amazing Space Scene in Adobe Photoshop CS5

Результат:

How to Create an Amazing Space Scene in Adobe Photoshop CS5

Создайте новый слой и кистью Soft Round/Круглой мягкой нарисуйте другие маленькие кружочки, меняя размер кисти и прозрачность, используя цвет #93308F.

How to Create an Amazing Space Scene in Adobe Photoshop CS5

Результат:

How to Create an Amazing Space Scene in Adobe Photoshop CS5

Создайте новый слой и в нем той же кистью нарисуйте еще кружочков цветом #232B41. Меняйте размер, непрозрачность и жесткость кисти.

How to Create an Amazing Space Scene in Adobe Photoshop CS5

Продолжайте рисовать кружочки уже в новом слое кистью Hard Round/Круглая жесткая белого цвета с непрозрачностью в 20%.

How to Create an Amazing Space Scene in Adobe Photoshop CS5

Результат:

How to Create an Amazing Space Scene in Adobe Photoshop CS5

Создайте еще один слой и кистью Hard Round/Круглая жесткая белого цвета добавьте еще кружочков. Также меняйте параметры кисти.

How to Create an Amazing Space Scene in Adobe Photoshop CS5

Результат:

How to Create an Amazing Space Scene in Adobe Photoshop CS5

Смените Blending mode/Режим наложения для этого слоя на Overlay/Перекрытие.

How to Create an Amazing Space Scene in Adobe Photoshop CS5

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

How to Create an Amazing Space Scene in Adobe Photoshop CS5

Результат:

How to Create an Amazing Space Scene in Adobe Photoshop CS5

Еще один новый слой и еще кружочки белого цвета жесткой кистью на низкой прозрачности.

How to Create an Amazing Space Scene in Adobe Photoshop CS5

Результат:

How to Create an Amazing Space Scene in Adobe Photoshop CS5

Инструментом Ellipse/Эллипс (U) нарисуйте фигуру цвета #CCC2C9.

How to Create an Amazing Space Scene in Adobe Photoshop CS5

Примените к слою с эллипсом стиль слоя Gradient Overlay/Перекрытие градиента.

How to Create an Amazing Space Scene in Adobe Photoshop CS5

Настройте градиент как показано ниже.

How to Create an Amazing Space Scene in Adobe Photoshop CS5

Результат:

How to Create an Amazing Space Scene in Adobe Photoshop CS5

Создайте новый слой и залейте его черным цветом.

How to Create an Amazing Space Scene in Adobe Photoshop CS5

Примените Filter>Render>Lens Flare/Фильтр>Освещение>Блик.

How to Create an Amazing Space Scene in Adobe Photoshop CS5

Результат:

How to Create an Amazing Space Scene in Adobe Photoshop CS5

Укажите слою с бликом Blending mode/Режим наложения Screen/Осветление.

How to Create an Amazing Space Scene in Adobe Photoshop CS5

Создайте новый слой и добавьте несколько кружочков мягкой круглой кистью белого цвета.

How to Create an Amazing Space Scene in Adobe Photoshop CS5

Результат:

How to Create an Amazing Space Scene in Adobe Photoshop CS5

В палитре Layers/Слои кликните по иконке Create new fill or adjustment layer/Создайте новый корректирующий слой или слой-заливку и выберите вариант Curves/Кривые. Настройте кривые как показано ниже.

How to Create an Amazing Space Scene in Adobe Photoshop CS5

Результат:

How to Create an Amazing Space Scene in Adobe Photoshop CS5

Вновь создайте новый корректирующий слой или слой-заливку, на этот раз выберите Hue/Saturation / Оттенок/Насыщенность. Настройте коррекцию как показано ниже.

How to Create an Amazing Space Scene in Adobe Photoshop CS5

Результат:

How to Create an Amazing Space Scene in Adobe Photoshop CS5

Объедините все слои в группу. Для этого в палитре Layers/Слои выделите все слои, зажав кнопку CTRL, затем кликните по иконке Create a new group/Создать новую группу в нижней части палитры.

Теперь нам нужно растрировать группу. Выделите ее в палитре Layers/Слои и нажмите CTRL+E чтобы объединить слои.

К получившемуся слою примените Filter > Sharpen > Unsharp Mask/Фильтр>Резкость>Контурная резкость.

How to Create an Amazing Space Scene in Adobe Photoshop CS5

Результат:

How to Create an Amazing Space Scene in Adobe Photoshop CS5

Вот и всё! Вы можете скачать файл PSD.

Автор урока adobetutorialz

Перевод — Дежурка

Смотрите также:




Комментарии

  1. s.o.
    Thumb up Thumb down 0

    несовсем космически, но интересно)

  2. Евгения
    Thumb up Thumb down 0

    Застряла на 3-ей картинке, не могу найти такое окно Редактор градиента. А файл PSD не скачивается :( неужели не получится разобраться?

    Mary - Dejurka Ответ:

    Thumb up Thumb down 0

    Просто кликните по самому градиенту в окне Layer Style/Стиль слоя > Gradient/Градиент.

    Прямо по нему. И появится Gradient Editor.

    Получилось?

    Евгения Ответ:

    Thumb up Thumb down 0

    да) спасибо