Короткий Урок: Как Создать Сияющий Космический Фон
Russian (Pусский) translation by Andrey Rybin (you can also view the original English article)
Из этого короткого урока вы узнаете как создать простой сияющий космический фон. Мы начнем с создания градиентной сетки, затем добавим несколько сияющих звезд, с помощью Распыления для символов, и завершим нашу картинку добавив разноцветную планету, состоящую из простых радиальных градиентов. Этот урок отлично подойдет для новичков, которые хотят больше узнать о переходах, символах и сетчатом градиенте. Давайте начинать!
Шаг 1
Создайте RGB документ любого размера. Чтобы лучше были цвета и чтобы получить сияние, документ должен быть в формате RGB. Нарисуйте прямоугольник размером с монтажную область и залейте его черным цветом (R = 0 G = 0 B = 0).
Шаг 2
Создайте новый прямоугольник выше черного прямоугольника, который вы только что сделали, а затем перейти в Объект > Создать Сетчатый Градиент (Object > Create Gradient Mesh). Я задала 8 строк и 4 столбца. Если вы хотите использовать больше цветов, то вам стоит увеличить количество. Я хочу использовать фиолетовый и синий, поэтому я сделала количество столбцов и строк по минимуму.
Шаг 3
Используй инструмент Прямое Выделение (А) (Direct Selection Tool), выберите несколько точек и распределите их по прямоугольнику. Я сдвинула левую и правую колонки узлов ближе к периферии.
Шаг 4
Выберите несколько из этих точек щелкнув по ним у удерживая при этом Shift и используйте инструмент Прямое Выделение (А). Окрасьте выбранные точки, используя панель цветов и снимите выделение. Повторите тот же процесс с другими точками сетки и выберите новый цвет. Вы должны в конечном итоге получить что-то похожее на изображение ниже. Не забудьте оставить некоторые части черными, это сделает ваш фон больше похожим на космическое пространство.
Шаг 5
Когда вы закончите окрашивать сетку, выделит ее с помощью инструмента Выделение (V) (Selection Tool) и откройте панель Оформление (Apearance Panel) (Окно > Оформление). Идите в нижнюю часть панели Оформление и щелкните по кнопке Добавить Новый Эффект (f(x)), там зайдите в Деформацию (Warp) и выберите Рыбий Глаз (Fisheye). Я установила для Изгиба (Bend) — 84%, вы должны в соответствии с размером вашего документа выбрать ту деформацию которая лучше подойдет. Вы можете оценить это отметив опцию Просмотр.
Шаг 6
При выбранной градиентной сетке зайдите в опции Непрозрачности (Opacity) в панели Оформление и задайте Непрозрачность 10%.
Шаг 7
Возьмите инструмент Эллипс (L) (Ellipse Tool) и нарисуйте окружность. Размер окружности должен быть в два раза больше размера звезд, которые вы хотите сделать. Залейте ее Радиальным градиентом от Черного к Белому. Откройте панель Градиент (Окно>Градиента) и сделайте так, чтобы бы в центре была белая точка. Вы можете видеть, какие установки для градиента использовала я на картинке ниже. Откройте панель Символы (Symbols) (Окно > Символы) и забросьте окружность в панель символов.
Шаг 8
Возьмите инструмент Распыление Символов (Shift + S) (Symbol Sprayer) и распылите ваши звезды по монтажной области. Я распылила свои по сторонам, чтобы оставить пространство для планеты. Символы образуют группу, поэтому после того как вы закончите создавать звезды, выберите их инструментом Выделение (V) (Selection Tool) и зайдите в установки Оформления. В Установках Непрозрачности, измените Режим Наложения (blend mode) на Осветление Основы (Освет.Осн. — Color Dodge) и задайте Непрозрачность — 30%.
Шаг 9
Пока звезды выделены нажмите в панели оформления кнопку Добавить Новый Эффект (fx) и затем выберите Деформацию и Раздувание. Я задала изгиб 75%, вы должны взглянуть на свой рисунок и понять какая величина вам лучше подойдет. Если необходимо включите опцию Просмотр. Некоторые из ваших звезд могут выходить за границу рисунка, масштабируйте их, чтобы они лежали в пределах прямоугольника, созданного на 1 шаге.
Шаг 10
Возьмите инструмент Эллипс (L) и создайте большую окружность по середине атрборда. Залейте ее Радиальным Градиентом от Белого к Черному. Зайдите в панель Градиент и сделайте так, чтобы у вас получалась в середине черная точка, и чтобы была чисто белая область на границе. Вы можете видеть на картинке ниже мои установки.
Шаг 11
Зайдите в установки Непрозрачности и установите Режим Наложения — Осветление Основы.
Шаг 12
Чтобы закончить создание планеты, нажмите на кнопку Добавить Новый Эффект f(x) в панели Оформление и выберите Стилизация > Наружное Свечение (Stylize > Outer Glow). Я установила сияние со 100% непрозрачностью и размытием 50 рх. Режим наложения без изменений, так как применится режим наложения для окружности. Нажмите ОК.
Шаг 13
Сделайте копию звезд Command + C, а затем дважды нажмите на круг для планеты. Вставьте звезды Command + F (Вставить спереди) и перейдите в нижнюю часть панели Оформление и нажмите кнопку Добавить Новый Эффект (fx), перейдите к деформации, а затем примените деформацию Рыбий Глаз. Измените непрозрачность для звезд до 80%.
Шаг 14
Сделайте копию окружности для планеты (Command + C) а затем вставьте ее выше второго набора звезд (Command + F). Выберите звезды и планету и сделайте Обтравочную Маску (Command + 7). Дважды щелкните по артборду и вернитесь назад к основной иллюстрации.
Заключение
Теперь у вас есть сияющий космический фон. Вы можете позже добавить большие звезды, еще планеты или нарисовать персонажа или какие-то объекты. Я надеюсь вам понравился этот урок.
Источник
Как создать фон космоса
Неделю назад в нашем творческом инстаграме @miftvorchestvo мы запустили конкурс на рисование акварельного конкурса. Вы можете посмотреть все работы по тегу #акварельныйкосмосконкурс. Публикуем лучшие рисунки и даем пошаговый мастер-класс, как научиться рисовать космос акварелью.
Автор фото — @juleekho
Автор фото — @shagero.alled
Автор фото — @kamarkovskaya
Автор фото — @arlyapovaeireen
Автор фото — @katrin_is_art
Пошаговый мастер-класс
Если вы не участвовали в конкурсе, но тоже хотите научиться рисовать космос, сохраните себе куда-нибудь эти пошаговые инструкции, что и как делать, чтобы получились яркие и красивые переливы. Публикуем урок от Леонардо Перезнието.
Материалы
- Акварельная бумага горячего прессования формата А4 или А3;
- Малярный скотч;
- Мольберт или деревянная доска;
- Палитра;
- Контейнер воды;
- Кусок ткани;
- Соль в крупных кристаллах.
Акварель:
- оранжевый;
- красный кадмий;
- марганцовая фиолетовая;
- делфте синий;
- лазурь;
- индиго;
- прусский зеленый;
- зеленый фталоцианин;
- перманентный зеленый;
- темный кобальт зеленый;
- блестящий сине-фиолетовый;
- хром оранжевый;
- кадмий светло-желтый;
- черная слоновая кость;
- титановые белила.
Кисти из белки:
- Кисть-швабра;
- Кисть № 0;
- Кисть № 2;
- Кисть № 4;
- Кисть № 8;
- Кисть № 12.
Шаг первый. Смешиваем краски
Закрепите акварельную бумагу на деревянной доске малярным скотчем. Смешайте оранжевый со светлым красным кадмием. Должен получиться светло-алый оттенок. Далее смешайте глубокий красный с марганцовой фиолетовой и каплей индиго, чтобы получить вишнево-красный оттенок. Потом добавьте делфте синий к индиго для получения темно-синего. И последняя смесь — прусский, перманентный и темный кобальт зеленый, фталоцианин, чтобы получить средне-зеленый.
Если у вас нет всех этих цветов, задачу можно упростить и рисовать просто теми цветами, которые у вас есть. Итог все равно получится интересным.
Шаг второй. Наносим цвета на бумагу
Разместите мольберт под небольшим углом и намочите водой всю бумагу чистой водой кистью-шваброй. Ей же в верхнем левом углу нанесите темно-красный и светло-красные цвета. Правый нижний угол закрасьте синим оттенком. Кисть № 8 нанесите зеленый оттенок по диагонали — из левого нижнего угла в верхний правый угол.
Шаг третий. Добавляем детали
Работать нужно достаточно быстро, пока бумага еще влажная. Кистью № 4 усильте некоторые участки и заполнить все пробелы любой краской, какой вам захочется.
Старайтесь избегать смешивания дополнительных цветов (например, желтого и фиолетового, красного и зеленого, синего и оранжевого) друг с другом, так как это приведет к мутности цвета.
Шаг четвертый. Усиливаем цвета
Как только краска начнет высыхать, нанесите еще один слой краски сверху для усиления цвета. Не забывайте каждый раз промакивать кисточку, прежде чем брать новый оттенок.
Шаг пятый. В игру включается соль
Когда вы закончите наносить краску и будете довольны сочетанием цветов и их яркостью, посыпьте на рисунок зерна крупной соли. Она впитает воду и заберет часть цвета, оставив красивые разводы в виде туманностей. Дождитесь полного высыхания и аккуратно соскоблите соль.
Шаг шестой. Добавляем чистые цвета
Мы сделали лишь половину работы! Снова намочите всю поверхность водой и закрепите цвета их чистыми аналогами, используйте для этого кисть № 2. Чтобы получить чистый яркий цвет, добавляйте меньше воды в краску и не смешивать краски на палитре, а берите прямо из контейнера.
Шаг седьмой. Затемняем края
Пока бумага еще влажная, смешайте лазурь и черную слоновую кость. Кистью № 4 нанесите краску по краям листа, вокруг границ туманности. Только не наносите краску в виде черной рамки, вспомните как выглядят туманности — в виде вытянутого эллипса. На этом этапе нам пригодится ткань, которую можно использовать для поглощения краски, чтобы смягчить края.
Шаг восьмой. Добавляем звезды
Дожидаемся полного высыхания и используем кисть № 2 для финальных штрихов. Чтобы добавить звезды в наш космос, положите мольберт на горизонтальную поверхность. Возьмите в не ведущую руку палочку (или другую кисточку) и держите ее параллельно бумаге. Наберите на кисточку в ведущей руке титановые белила и делайте легкие удары кистью о палочку так, чтобы крошечные белые частицы краски попадали на вашу картину. Добавьте «вручную» несколько звезд тонкой кистью № 0.
Дайте рисунку высохнуть, снимите малярную ленту. И вот он, ваш космос!
Источник
Как сделать космический фон в Фотошопе>
В этом уроке мы будем создавать космическую сцену в Фотошопе.
В этом уроке мы научимся создавать научно-фантастическую сцену с планетами, космическими кораблями и туманностями в Adobe Photoshop. Вы узнаете, как создать космический фон с нуля, как простым способом сделать планету, и скомпоновать космические элементы, используя техники смешения. Также вы научитесь регулировать контраст и цвет, создавать эффекты свечения, и повышать глубину резкости.
Шаг 1. Создание нового документа
Создаем в Фотошопе новый документ 3000 х 2000 пикселей со следующими настройками:
Фоновый цвет должен быть черным.
Шаг 2. Создание фона
Нажмите сочетание клавиш Control + Shift + N, чтобы создать новый слой. Выберите Кисть — Brush Tool (B) с мягкими краями и выберите основной цвет #8c92ae. Нарисуйте нечто подобное в районе середины документа.
Поменяйте режим наложения этого слоя на Жесткий свет (Hard Light).
Шаг 3. Создание фона
Создайте новый слой и, используя кисть с мягкими краями, нарисуйте несколько разноцветных пятен на холсте. Вы можете использовать цвета на свое усмотрение, но не забывайте. что мы создаем яркий фон, так что старайтесь выбирать яркие цвета. Я выбрал такие цвета: #378c6c, #c20707, #cf53c8.
Старайтесь не заполнять весь холст цветными пятнами – оставьте немного пространства, чтобы подчеркнуть тени и глубину.
Шаг 4. Создание фона
Создайте новый слой, измените основной цвет на #44595b и мягкой кистью немного покрасьте по краям и в углах холста.
Измените режим наложения этого слоя на Жесткий свет (Hard Light).
Шаг 5. Создание фона
Создайте новый слой и нажмите D, чтобы установить основной/фоновый цвет по умолчанию (черный и белый). Используйте инструмент Лассо — Lasso Tool (L), чтобы сделать выделение на холсте и настройте параметр Растушевка (Feather) на 60 пикселей:
Перейдите в меню Фильтр > Рендеринг > Облака (Filter > Render > Clouds)
Изменение режима наложения этого слоя на Осветление основы (Color Dodge)
Шаг 6. Создание фона
Создайте Корректирующий слой (Adjustment Layer) и используйте его, как Обтравочную маску (Clipping Mask), чтобы сделать эффект более мягким. Нажмите в меню Слой > Новый корректирующий слой > Уровни (Layer > New Adjustment Layer > Levels):
На маске этого слоя используйте черную мягкую кисть, чтобы вернуть яркость некоторым областям, как показано ниже:
Шаг 7. Создание фона
Продублируйте слой с облаками и поместите этот слой над первым слоем с облаками и корректирующим слоем Уровни (Levels). Перейдите в Фильтр > Рендеринг > Облака с наложением (Filter > Render > Different Clouds):
Далее выберите Фильтр > Размытие > Размытие по Гауссу (Filter > Blur > Gaussian Blur) с радиусом 35 пикселей:
Шаг 8. Создание фона
Создайте корректирующий слой Цветовой баланс — Color Balance (Ctrl + B), чтобы немного изменить итоговый цвет.
Шаг 9. Создание звезд
Далее приступим к созданию звезд. Создайте новый слой и поменяйте основной цвет на #72c6fd. Используя жесткую кисть нарисуйте звезды на всем пространстве холста, при этом не забывайте изменять размер кисти:
Дважды щелкните по слою, выберите эффект Внешнее свечение (Outer Glow) и установите цвет свечения на белый:
Шаг 10. Создание звезд
Создайте Корректирующий слой Кривые (Adjustment Layer — Curves), поместите его над всеми слоями, чтобы изменить цвет эффекта.
Шаг 11. Создание звезд
Откройте картинку с туманностью. Перетащите картинку на наш основной холст, используя Инструмент Перемещение — Move Tool (V) и увеличьте изображение, используя Инструмент Свободное перемещение — Free Transform Tool (Control + T):
Измените режим наложение слоя на Линейный осветлитель (Linear Dodge):
Шаг 12. Создание звезд
Добавьте маску этому слои и используйте мягкую черную кисть, чтобы смягчить эффект и сделать его менее выраженным:
Шаг 13. Создание звезд
Используйте корректирующий слой Цветовой баланс — Color Balance (Ctrl + B) в режиме Обтравочной маски (Clipping Mask) (для этого при создании слоя поставьте галочку Использовать предыдущий слой для создания обтравочной маски (Use Previous Layer to Create Clipping Mask), чтобы немного изменить цвет туманности.
Сохраните получившийся результат в формате JPG для дальнейшего использования.
Шаг 14. Добавление космического фона.
Создайте новый документ 2200 х 1600 пикселей и установите фоновый цвет на черный. Откройте космический фон, созданный вами ранее и перетащите его на новый холст, используя инструмент Перемещение — Move Tool (V).
Добавьте маску этому слою и, используя мягкую черную кисть, подотрите по краям слоя. У вас должно получиться нечто подобное:
Шаг 15. Добавление космического фона.
Чтобы сделать среднюю часть более выраженной, создайте новый слой и, используя мягкую белую кисть, закрасьте слой в этой области. Измените режим наложения этого слоя на Мягкий свет – (Soft Light):
Шаг 16. Добавление планет.
Откройте текстуру планеты. Используйте инструмент «Штамп» — Clone Tool (S) чтобы убрать четыре черные линии на изображении.
Шаг 17. Добавление планет.
Выберите инструмент Эллиптическая область — Elliptical Marquee Tool (М) и нарисуйте круг. Нажмите Фильтр > Искажение > Сферизация (Filter > Distort > Spherize).
Шаг 18. Добавление планет.
Кликните правой кнопкой мыши по выделенной области и выберите пункт Скопировать на новый слой (Layer via Copy). Мы получим основу для планеты на новом прозрачном слое (если вы отключите видимость фонового слоя, то увидите получившийся результат).
Шаг 19. Добавление планет.
Перетащите планету в наш основной документ и откорректируйте размер, используя трансформацию (Control + T). Разместите планету по центру документа.
Шаг 20. Добавление планет.
Далее создайте корректирующий слой Оттенок/Насыщенность (Adjustment layer > Hue/Saturation) в режиме Обтравочной маски (Clipping Mask) и установите параметр Насыщенность (Saturation) на – 87:
Шаг 21. Добавление планет.
Используйте корректирующий слой Кривые (Adjustment layer > Curves) и затемните изображение.
Создайте маску этого слоя и, используя мягкую черную кисть, немного сотрите по краям планеты, чтобы осветлить края.
Шаг 22. Добавление планет.
Создайте корректирующий слой Цветовой баланс (Adjustment layer > Color Balance) и измените настройки Средних тонов (Midtones), как показано ниже:
Шаг 23. Добавление планет.
Создайте новый слой в режиме Обтравочной маски (Clipping Mask). Выберите цвет #b68fa4 и используя мягкую кисть подкрасьте некоторые части планеты. Измените режим наложения этого слоя на Мягкий свет (Soft Light).
Шаг 24. Добавление планет.
Создайте еще один слой, так же, как описано выше, и подкрасьте планету, цветом #b6eadd. Также измените режим наложения этого слоя на Мягкий свет (Soft Light).
Шаг 25. Добавление планет.
Добавьте еще две планеты по бокам от центральной и сделайте их гораздо меньше по размеру.
Шаг 26. Добавление планет.
Выберите слои с этими планетами и нажмите Control + G, чтобы сгруппировать их. Установите режим наложения группы Нормальный (Normal).
Сделайте новый слой выше слоя с маленькими планетами. Используя мягкую черную кисть с непрозрачностью (Opacity) 70-80%, чтобы нарисовать тень в нижней части планет.
Шаг 27. Добавление планет.
Создайте корректирующий слой Оттенок/Насыщенность (Adjustment layer > Hue/Saturation) и уменьшите Насыщенность (Saturation) до – 86.
Шаг 28. Добавление планет.
Используйте корректирующий слой Цветовой баланс (Adjustment layer > Color Balance), чтобы изменить цвет планет.
Шаг 29. Добавление цвета и освещения.
Сейчас мы будем добавлять цвет и свет к нашей сцене.
Создайте новый слой над группой с планетами и, используя мягкую кисть с цветом #b6eadd , нарисуйте цветовое пятно в верхней центральной части сцены. Измените режим наложения этого слоя на Мягкий свет (Soft Ligh).
Шаг 30. Добавление цвета и освещения.
На новом слое нарисуйте еще одно цветовое пятно сверху от большой планеты, выбрав другой цвет #b68fa4. Также измените режим наложения этого слоя на Мягкий свет (Soft Ligh).
Шаг 31. Добавление цвета и освещения.
Создайте новый корректирующий слой Кривые (Adjustment layer > Curves) поверх слоев и увеличьте блики.
На маске этого слоя, используя мягкую черную кисть, чтобы приглушить яркость в нижних частях планет и сцены.
Шаг 32. Добавление космических кораблей
Откройте изображение с космическими кораблями. Выберите три корабля в похожих ракурсах и добавьте их на сцену. Сдублируйте и поверните их по направлению к большой планете. Не забывайте: чем ближе к нам находится корабль, тем он должен быть больше.
Шаг 33. Добавление космических кораблей
Сгруппируйте слои с кораблями и установите режим наложения группы на Нормальный (Normal) с непрозрачностью (Opacity) 100%. Используйте для этой группы корректирующий слой Оттенок/Насыщенность (Adjustment layer > Hue/Saturation), чтобы обесцветить корабли.
Шаг 34. Добавление космических кораблей
Создайте корректирующий слой Цветовой баланс (Adjustment layer > Color Balance) и переместите ползунок ближе к голубому (cyan) и синему (blue) цветам, как показано ниже:
Шаг 35. Добавление космических кораблей
Используйте корректирующий слой Кривые (Adjustment layer > Curves), чтобы затемнить корабли.
На маске этого слоя используйте мягкую черную кисть, чтобы высветлить верхнюю часть кораблей, т.к. она должна быть ярче, чем нижняя.
Шаг 36. Добавление космических кораблей
Добавьте еще один корректирующий слой Кривые (Adjustment layer > Curves), чтобы сделать ярче блики в верхней части кораблей.
На маске этого слоя используйте мягкую черную кисть, чтобы сделать выраженной тень в нижней части кораблей.
Шаг 37. Добавление космических кораблей
Создайте новый слой и белой мягкой кистью добавьте больше бликов на некоторые корабли. Измените режим наложения этого слоя на Перекрытие (Overlay).
Шаг 38. Добавление астероидов
Откройте изображения с астероидами. Выберите различные астероиды и разместите их вокруг большой планеты, копируя и изменяя их размер так, чтобы они были меньше планет. Разверните светлые части астероидов к свету.
Шаг 39. Добавление астероидов
Добавьте несколько астероидов в левый нижний угол сцены и сделайте их больше, чем остальные. Примените ко всем ним Размытие по Гауссу (Gaussian Blur) с радиусом 8 пикселей, чтобы придать глубины сцене.
Шаг 40. Добавление астероидов
Сгруппируйте все слои с астероидами. Затем используйте корректирующий слой Цветовой баланс (Adjustment layer > Color Balance), чтобы сделать их оттенок близким к оттенку остальных элементов сцены.
Шаг 41. Добавление астероидов
Создайте корректирующий слой Кривые (Adjustment layer > Curves), чтобы затемнить группу.
На маске этого слоя черной мягкой кистью верните свечение некоторым частям астероидов.
Шаг 42. Добавление астероидов
Создайте еще один корректирующий слой Кривые (Adjustment layer > Curves), чтобы высветлить астероиды еще больше.
На маске этого слоя черной мягкой кистью верните тени астероидов, особенно в частях, скрытых от света.
Шаг 43. Добавление света и световых следов кораблей
Создайте новый слой и возьмите жесткую кисть цвета #eebde2. Добавьте маленькие точки, чтобы сделать огни космических кораблей. Не забывайте: чем больше корабль, тем больше должны быть точки.
Шаг 44. Добавление света и световых следов кораблей
Чтобы сделать светящийся след кораблям, создайте новый слой и, используя мягкую кисть цвета #7b3e51, поставьте точку на холсте. Уменьшите размер кисти и поставьте другую точку цвета #d69e96 в центре предыдущей. У вас должно получиться что-то подобное:
Преобразуйте этот слой в Смарт-объект (Smart Object), нажмите Control +T и правой кнопкой мыши выберите пункт Перспектива (Perspective). Сделайте объект похожим на след. Разместите его в нижней части космического корабля.
Шаг 45. Добавление света и световых следов кораблей
Продублируйте след несколько раз и добавьте к другим кораблям.
Шаг 46. Добавление света и световых следов кораблей
Создайте новый слой и измените его режим наложения на Осветление основы (Color Dodge). Далее используйте мягкую кисть цвета #eebde2 , чтобы нарисовать блик светового следа у самого низа кораблей.
Шаг 47. Финальная корректировка
Создайте корректирующий слой Кривые (Adjustment layer > Curves) и высветлите сцену целиков, особенно в центральной верхней части.
На маске этого слоя черной мягкой кистью пройдитесь по краям и внизу большой планеты, чтобы придать красивый контраст сцене.
Источник