5 способов создать красивый фон в Photoshop | ZZ Guru

5 способов создать красивый фон в Photoshop

01 7

Последнее время красочные фоны для заголовков вебсайтов – это один из трендов. К счастью, существует огромное количество способов создавать их с помощью Photoshop.

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

Скачать архив с материалами к уроку

Метод 1. Используем фильтр Мозаика

ШАГ 1

Создаем в Photoshop новый документ любого размера по вашему выбору. Мой будет 1800 х 1200 пикселей.

02 8

ШАГ 2

Устанавливаем цвет переднего плана #dbdbdb и цвет фона #919191.

03 9

ШАГ 3

Выбираем Gradient Tool gradient 10 (Градиент). Убедитесь, что на верхней панели установлено Foreground to Background (От основного к фоновому), Gradient (Градиент) – Linear (Линейный), Mode (Режим) – Normal (Нормальный), Opacity (Непрозрачность) – 100%.

04 11

ШАГ 4

Рисуем направление градиента из левого верхнего угла в правый нижний.

05 12

ШАГ 5

Переходим в меню Filter – Pixelate – Mosaic (Фильтр – Оформление – Мозаика). Устанавливаем Cell Size (Размер ячейки) около 120 и нажимаем OK.

06 13

ШАГ 6

Идем в меню Layer – New Fill Layer – Solid Color (Слои – Новый слой-заливка – Цвет). Назовем этот слой Color (Цвет), устанавливаем Mode (Режим) Vivid Light (Яркий свет) и нажимаем OK.

07 14

ШАГ 7

На палитре цветов устанавливаем цвет #cf5ad0 и нажимаем ОК.

08 15

ШАГ 8

Теперь просто поместите свой контент на новый фон.

09 16

Метод 2. Рисуем с помощью Прямоугольника

ШАГ 1

Создаем в Photoshop новый документ любого размера по вашему выбору. Мой будет 1800 х 1200 пикселей.

10 17

ШАГ 2

Выбираем инструмент Rectangle Tool rectangle 18 (Прямоугольник) (U). Устанавливаем на верхней панели режим Shape (Фигура), Fill (Заливка) – #bcbec0. Рисуем прямоугольник в нижней части холста как показано на картинке.

11 19

ШАГ 3

Рисуем еще один прямоугольник над предыдущим, как показано на картинке. Цвет прямоугольника устанавливаем #d1d3d4.

12 20

ШАГ 4

Нарисуем еще несколько фигур, каждый раз меняя размеры и углы, а также делаем их немного светлее/темнее. У меня получилось еще 9 фигур.

13 21

ШАГ 5

Выделяем верхнюю фигуру и переходим в меню Layer – Layer Style – Drop Shadow (Слои – Стиль слоя – Тень). Устанавливаем настройки как показано на картинке и нажимаем ОК.

14 22

ШАГ 6

Кликаем правой кнопкой мыши по этому слою и в появившемся меню выбираем Copy Layer Style (Скопировать стиль слоя). Выделяем несколько слоев с фигурами, кликаем по ним правой кнопкой мыши и выбираем Paste Layer Style (Вклеить стиль слоя).

15 23

ШАГ 7

Выделяем верхний слой и идем в меню Layer – New Fill Layer – Gradient (Слои – Новый слой-заливка – Градиент). Назовем этот слой Gradient (Градиент), устанавливаем Mode (Режим) Multiply (Умножение) и нажимаем OK.

16 24

ШАГ 8

Устанавливаем цвета градиента по своему выбору (в данном случае #f0c27b – #4b1248), Style (Стиль) – Linear (Линейный), Angle (Угол) на -50º и нажимаем OK.

17 25

ШАГ 9

Теперь просто поместите свой контент на новый фон.

18 26

Метод 3. Рисуем кистью

ШАГ 1

Создаем в Photoshop новый документ любого размера по вашему выбору. Мой будет 1800 х 1200 пикселей.

19 27

ШАГ 2

Выбираем инструмент Brush Tool brush 28 (Кисть) (B). На верхней панели устанавливаем Mode (Режим) Normal (Нормальный), Opacity (Непрозрачность) и Flow (Нажим) – 100%. Выбираем размер кисти, которым вам нравится рисовать, устанавливаем ее Hardness (Жесткость) – 0%.

20 29

ШАГ 3

Создаем новый слой и рисуем любым цветом, как показано на картинке.

21 30

ШАГ 4

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

22 31

ШАГ 5

Снова создаем новый слой, выбираем другой цвет и рисуем в незаполненных местах холста.

23 32

ШАГ 6

Повторяем эти действия до тех пор, пока холст не будет заполнен.

24 33

ШАГ 7

Идем в меню Layer – Merge Visible (Слои – Объединить видимые).

25 34

ШАГ 8

Идем в меню Filter – Blur – Gaussian Blur (Фильтр – Размытие – Размытие по Гауссу). Устанавливаем Blur Radius (Радиус размытия) на 96 и нажимаем OK.

26 35

ШАГ 9

Теперь просто поместите свой контент на новый фон.

27 36

Метод 4. Используем текстуры

ШАГ 1

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

28 37

ШАГ 2

Идем в меню Filter – Liquify (Фильтр – Пластика). В открывшемся окне выбираем любой размер кисти, как вам нравится, устанавливаем Brush Pressure (Нажим) около 80, выбираем инструмент Forward Warp Tool (Деформация).

29 38

ШАГ 3

Теперь просто кликаем по изображению и перемещаем кисть, чтобы изменять сетку. Нажмите ОК как только будите довольны результатом.

30 39

ШАГ 4

Идем в меню Filter – Blur – Gaussian Blur (Фильтр – Размытие – Размытие по Гауссу). Устанавливаем Blur Radius (Радиус размытия) примерно на 60 и нажимаем OK.

31 40

ШАГ 5

Теперь просто поместите свой контент на новый фон.

32 41

Метод 5. Рисуем Пером

ШАГ 1

Создаем в Photoshop новый документ любого размера по вашему выбору. Мой будет 1800 х 1200 пикселей.

33 42

ШАГ 2

Устанавливаем цвет переднего плана #c33764 и цвет фона #1d2671.

34 43

ШАГ 3

Выбираем Gradient Tool gradient 10 (Градиент). Убедитесь, что на верхней панели установлено Foreground to Background (От основного к фоновому), Gradient (Градиент) – Linear (Линейный), Mode (Режим) – Normal (Нормальный), Opacity (Непрозрачность) – 100%.

35 45

ШАГ 4

Рисуем направление градиента из правого верхнего угла в левый нижний.

36 46

ШАГ 5

Выбираем инструмент Pen Tool pen 47 (Перо), на верхней панели устанавливаем режим Shape (Фигура).

37 48

ШАГ 6

Рисуем абстрактную форму.

38 49

ШАГ 7

Используя перо, рисуем еще несколько произвольных форм (по одной на слое).

39 50

ШАГ 8

Выделяем первую фигуру и идем в меню Layer – Layer Style – Gradient Overlay (Слои – Стиль слоя – Наложение градиента). Установите градиент Foreground to Background (От основного к фоновому), остальные настройки как на картинке и нажмите ОК.

40 51

ШАГ 9

Кликаем правой кнопкой мыши по этому слою и в появившемся меню выбираем Copy Layer Style (Скопировать стиль слоя). Выделяем остальные слои с фигурами, кликаем правой кнопкой мыши и выбираем Paste Layer Style (Вклеить стиль слоя).

41 52

ШАГ 10

Двойным щелчков мыши открываем окно параметров наложения градиента самой нижней фигуры. В открывшемся окне Layer Style (Стиль слоя) делаем активным параметр Gradient (Градиент) (щелкаем по нему мышкой).

42 53

ШАГ 11

Щелкаем мышкой по этой конкретной фигуре и с зажатой клавишей передвигаем градиент по фигуре до тех пор, пока не получим желаемый результат. После этого в окне Layer Style (Стиль слоя) нажимаем ОК.

43 54

ШАГ 12

Повторяем весь процесс для остальных фигур.

44 55

ШАГ 13

Теперь выделяем любые фигуры и идем в меню Layer – Layer Style – Drop Shadow (Слои – Стиль слоя ­ Тень). Применяем настройки как на картинке и нажимаем ОК.

45 56

ШАГ 14

Теперь просто поместите свой контент на новый фон.

46 57

Автор: Diego Sanchez

Космическая ретушь
0 комментарий

Похожие статьи

0 комментариев
Межтекстовые Отзывы
Посмотреть все комментарии