Рекомендуем ознакомиться со следующими разделами Фотошопа:

В этом небольшом уроке веб дизайна вы узнаете, как смешивать различные формы, кисти и режимы наложения в Photoshop CS5 для создания удивительно красивого фона. Давайте начнем!

Сложность: низкая
Время: до 30 минут

Навыки для «прокачки»:
- работа с векторными формами
- работа в маске слоев кистями
- режимы наложения слоев
- стили слоя
- работа с различными видами выделений

Начнем с создания нового документа (Ctrl + N) в Adobe Photoshop размером 1920px на 1200px (RGB цветовом режиме) с разрешением 72. Используйте инструмент Заливка (Paint Bucket Tool) (G), чтобы заполнить черным цветом новый слой фона.

Используя инструмент Прямоугольник (Rectangle Tool) (U), создадим прямоугольник цветом # 3C65FF, а затем применим команду Свободное трансформирование (Free Transform) (Ctrl + T), чтобы наклонить прямоугольник так же, как показано ниже.

Вставьте маску на слой, нажав на иконку Добавить маску слоя (Add layer mask) в нижней части панели слоев и выберете мягкую круглую Кисть (Brush) черного цвета.

Используйте эту кисть для рисования в маске, чтобы скрыть края прямоугольника, как показано ниже:

Таким образом, мы можем создать следующий прямоугольник цветом # 5390FF.

Теперь скроем края точно также, как и в предыдущем прямоугольнике.

Сделайте копию недавно сделанного слоя и удалите маску копии слоя. Создайте новую Маску слоя (Layer mask) и выберете мягкую круглую кисть черного цвета.

Рисуем на маске, чтобы скрыть края прямоугольника, как показано на рисунке ниже. Выберете затем команду Свободное трансформирование (Free Transform) (Ctrl + T), и поместите слой копию, как на следующей картинке.

Затем мы должны вставить несколько прямоугольников цветом # 2572FF. Установите Заливка (Fill) до 50% для нескольких экземпляров.

Далее мы вставим прямоугольник цветом # 3C65FF. Добавим на том же слое с маской.

Скроем края прямоугольника тем же способом, описанным выше, используя мягкую круглую Кисть (Brush) черного цвета.

Используя тот же Прямоугольник (Rectangle Too)l (U), мы сделаем прямоугольник цветом # 2572FF, края должны быть спрятанные на маске черной Кистью (Brush).

Установите Заливка (Fill) до 72% для этого слоя.

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

Мы получили следующий результат:

Создайте Новый слой (new layer) и выберете мягкую круглую Кисть (Brush) черного цвета, установите Непрозрачность (Opacity) до 20% в панели параметров. Используйте эту кисть для рисования на краях, как показано на рисунке.

На следующем Новом слое (new layer) мы создадим выделение, используя инструмент Прямоугольное выделение (Rectangular Marquee Tool) (M), а затем, используя мягкую круглую Кисть (Brush) белого цвета, закрасим внутри выделения, чтобы добавить некоторые белые пятна, как показано на рисунке. Кисть (Brush) должна быть большего диаметра.

Затем нажмите Ctrl + D, чтобы снять выделение и используйте Кисти (Brush) меньшего размера, чтобы рисовать вдоль прямоугольников, как показано на рисунке.

Установите Режим смешивания (Blend Mode ) этого слоя на Перекрытие (Overlay).

Теперь создайте Новый слой (new layer) и выберете мягкую круглую Кисть (Brush) белого цвета.

Используйте эту кисть, чтобы добавить несколько белых пятен на холсте.

Нажмите на иконку Добавить стиль слоя (Add a layer style) в нижней части панели слоев и выберете Внешнее свечение (Outer Glow):

Мы получили следующий результат:

Создайте Новый слой (new layer) и используйте мягкую круглую Кисть (Brush) белого цвета, установите Непрозрачность (Opacity) до 15% в панели параметров.

Используйте эту кисть для рисования на линиях как показано ниже.

Нажмите на иконку Добавить стиль слоя (Add a layer style) в нижней части панели слоев и выберете Внешнее свечение (Outer Glow):

Мы получили следующий результат:

Выберете инструмент Перо (Pen Tool) (P), установите режим рисования Слой-Фигура (Shape Layers) в панели настроек и сделайте небольшую звезду белого цвета.

Нажмите на иконку Добавить стиль слоя (Add a layer style) в нижней части панели слоев и выберете Внешнее свечение (Outer Glow):

Добавим Внутренняя тень (Inner Shadow):

Мы получили следующий результат:

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

Объедините в группу все слои, содержащие звезды (нажмите CTRL, чтобы выбрать необходимые слои и удерживайте левую кнопку мыши при перетаскивании выбранных слоев на значок Создать новую группу (Create a new group) в нижней части панели слоев. Установите Режим смешивания (Blend Mode ) для группы на Мягкий свет (Soft Light).

Сделайте копию новой группы и установите Режим смешивания (Blend Mode ) для группы на Нормальный (Normal). Используйте команду Свободное трансформирование (Free Transform) (Ctrl + T), чтобы изменить размещение копий на холсте.

Установите Непрозрачность (Opacity) до 70% для группы.

Создайте Новый слой (new layer) и используйте мягкую круглую Кисть (Brush) белого цвета.

Используйте эту кисть, чтобы создать много мелких точек.

Вставьте маску на слой, нажав на иконку Добавить маску слоя (Add layer mask) в нижней части панели слоев и выберете мягкую круглую Кисть (Brush) черного цвета.

Рисуйте на маске, чтобы изменить прозрачность белых точек.

Создайте Новый слой (new layer) и используйте мягкую круглую Кисть (Brush) белого цвета. Используйте эту кисть, чтобы создать много мелких точек меньшего диаметра.

Установите Заливка (Fill) до 70% для этого слоя и измените Режим смешивания (Blend Mode ) на Жесткое смещение (Hard Mix).

Нажмите на иконку Создать новый корректирующий слой или слой заливку (Create new fill or adjustment layer) в нижней части панели слоев и выберете, Кривые (Curves) для регулировки формы кривой, как показано, чтобы сделать маленькие корректировки цвета.

Выполнив этот урок веб дизайна, мы получили следующий результат:

Всего Вам доброго и творческих успехов!

Автор/Переводчик: Артеменко Любовь
Ссылка на источник: http://www.adobetutorialz.com/articles/30970672/1/how-to-create-abstract-starfield-background-photoshop-cs5