(495) 925-0049, ITShop интернет-магазин 229-0436, Учебный Центр 925-0049
  Главная страница Карта сайта Контакты
Поиск
Вход
Регистрация
Рассылки сайта
 
 
 
 
 

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

Источник: dejurka
adobetutorialz

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

Результат:

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

Ссылки по теме


 Распечатать »
 Правила публикации »
  Обсудить материал в конференции Дизайн, графика, обработка изображений »
Написать редактору 
 Рекомендовать » Дата публикации: 16.04.2014 
 

Магазин программного обеспечения   WWW.ITSHOP.RU
Kaspersky Internet Security для всех устройств. 2-Device 1 year Base Download Pack
Компонент ContentLock - от 1 ПК до 24 ПК
erwin Data Modeler Workgroup Edition r9.7 - Product plus 1 Year Enterprise Maintenance Commercial
Microsoft SQL CAL 2017 Sngl OLP 1License NoLevel UsrCAL
TeeChart Pro VCL/FMX with source code single license
 
Другие предложения...
 
Курсы обучения   WWW.ITSHOP.RU
 
Другие предложения...
 
Магазин сертификационных экзаменов   WWW.ITSHOP.RU
 
Другие предложения...
 
3D Принтеры | 3D Печать   WWW.ITSHOP.RU
 
Другие предложения...
 
Новости по теме
 
Рассылки Subscribe.ru
Информационные технологии: CASE, RAD, ERP, OLAP
Новости ITShop.ru - ПО, книги, документация, курсы обучения
Программирование в AutoCAD
Компьютерный дизайн - Все графические редакторы
Все о PHP и даже больше
Утиль - лучший бесплатный софт для Windows
Новые программы для Windows
 
Статьи по теме
 
Новинки каталога Download
 
Исходники
 
Документация
 
Обсуждения в форумах
Как извлечь рисунки из файла Word (45)
Вообще-то есть еще способ - сделать в Word-е Copy рисунка, открыть Microsoft Photo Editor и там:...
 
Фотоколлаж (1)
Приветик всем. Хотите из обычной фотографии получить смешную и увлекательную картинку? Если есть...
 
Интерактивная 3d визуализация (2)
Нужны специалисты по интерактивной 3d визуализации.
 
Уроки CorelDraw: Растительный орнамент., Рисуем модные узоры (4)
Здравствуй, автор, у меня возникла проблема на этапе "Придадим форму основе орнамента, применив...
 
Графические редакторы (2)
Где можно скачать бесплатно Информацию о графическом редакторе Corel Photo - Phaint
 
 
 



    
rambler's top100 Rambler's Top100