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

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



Начнем с создания нового документа (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) для регулировки формы кривой, как показано, чтобы сделать маленькие корректировки цвета.



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



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