Как быстро сделать красивый фон в Photoshop

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

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

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

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

Шаг 1

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

Шаг 2

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

Шаг 3

Выбираем Gradient Tool (Градиент). Убедитесь, что на верхней панели установлено

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

Шаг 4

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

Шаг 5

Переходим в меню Filter – Pixelate – Mosaic (Фильтр – Оформление – Мозаика). Устанавливаем Cell

Size (Размер ячейки) около 120 и нажимаем OK.

Шаг 6

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

Шаг 7

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

Шаг 8

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

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

Шаг 1

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

Шаг 2

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

Шаг 3

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

Шаг 4

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

Шаг 5

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

Шаг 6

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

Шаг 7

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

Шаг 8

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

Шаг 9

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

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

Шаг 1

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

Шаг 2

Выбираем инструмент

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

Шаг 3

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

Шаг 4

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

Шаг 5

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

Шаг 6

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

Шаг 7

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

Шаг 8

Идем в меню Filter –

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

Шаг 9

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

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

Шаг 1

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

Шаг 2

Идем в меню Filter – Liquify (Фильтр – Пластика). В открывшемся окне выбираем любой размер кисти, как вам нравится, устанавливаем

Brush Pressure (Нажим) около 80, выбираем инструмент Forward Warp Tool (Деформация).

Шаг 3

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

Шаг 4

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

Шаг 5

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

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

Шаг 1

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

Шаг 2

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

Шаг 3

Выбираем Gradient Tool (Градиент). Убедитесь, что на верхней панели установлено

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

Шаг 4

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

Шаг 5

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

Шаг 6

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

Шаг 7

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

Шаг 8

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

Шаг 9

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

Шаг 10

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

Шаг 11

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

Шаг 12

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

Шаг 13

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

Шаг 14

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

Автор: Diego Sanchez

Как быстро сделать красивый фон в Photoshop

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

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

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

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

Шаг 1

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

Шаг 2

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

Шаг 3

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

Шаг 4

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

Шаг 5

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

Шаг 6

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

Шаг 7

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

Шаг 8

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

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

Шаг 1

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

Шаг 2

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

Шаг 3

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

Шаг 4

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

Шаг 5

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

Шаг 6

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

Шаг 7

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

Шаг 8

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

Шаг 9

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

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

Шаг 1

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

Шаг 2

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

Шаг 3

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

Шаг 4

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

Шаг 5

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

Шаг 6

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

Шаг 7

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

Шаг 8

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

Шаг 9

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

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

Шаг 1

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

Шаг 2

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

Шаг 3

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

Шаг 4

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

Шаг 5

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

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

Шаг 1

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

Шаг 2

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

Шаг 3

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

Шаг 4

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

Шаг 5

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

Шаг 6

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

Шаг 7

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

Шаг 8

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

Шаг 9

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

Шаг 10

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

Шаг 11

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

Шаг 12

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

Шаг 13

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

Шаг 14

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

Автор: Diego Sanchez

Как быстро сделать красивый фон в Photoshop

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

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

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

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

Шаг 1

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

Шаг 2

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

Шаг 3

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

Шаг 4

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

Шаг 5

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

Шаг 6

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

Шаг 7

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

Шаг 8

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

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

Шаг 1

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

Шаг 2

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

Шаг 3

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

Шаг 4

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

Шаг 5

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

Шаг 6

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

Шаг 7

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

Шаг 8

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

Шаг 9

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

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

Шаг 1

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

Шаг 2

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

Шаг 3

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

Шаг 4

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

Шаг 5

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

Шаг 6

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

Шаг 7

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

Шаг 8

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

Шаг 9

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

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

Шаг 1

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

Шаг 2

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

Шаг 3

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

Шаг 4

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

Шаг 5

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

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

Шаг 1

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

Шаг 2

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

Шаг 3

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

Шаг 4

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

Шаг 5

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

Шаг 6

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

Шаг 7

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

Шаг 8

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

Шаг 9

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

Шаг 10

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

Шаг 11

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

Шаг 12

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

Шаг 13

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

Шаг 14

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

Автор: Diego Sanchez

Как быстро сделать красивый фон в Photoshop

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

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

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

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

Шаг 1

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

Шаг 2

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

Шаг 3

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

Шаг 4

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

Шаг 5

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

Шаг 6

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

Шаг 7

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

Шаг 8

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

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

Шаг 1

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

Шаг 2

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

Шаг 3

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

Шаг 4

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

Шаг 5

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

Шаг 6

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

Шаг 7

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

Шаг 8

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

Шаг 9

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

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

Шаг 1

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

Шаг 2

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

Шаг 3

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

Шаг 4

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

Шаг 5

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

Шаг 6

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

Шаг 7

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

Шаг 8

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

Шаг 9

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

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

Шаг 1

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

Шаг 2

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

Шаг 3

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

Шаг 4

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

Шаг 5

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

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

Шаг 1

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

Шаг 2

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

Шаг 3

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

Шаг 4

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

Шаг 5

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

Шаг 6

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

Шаг 7

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

Шаг 8

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

Шаг 9

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

Шаг 10

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

Шаг 11

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

Шаг 12

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

Шаг 13

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

Шаг 14

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

Автор: Diego Sanchez

Как сделать фон в фотошопе

Автор Ирина Сподаренко. Ссылка на статью и автора обязательна.

Три простых урока фотошоп объяснят, как за 2 минуты сделать абстрактный фон в фотошопе.

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

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

Примеры абстрактных фонов, которые можно быстро сделать с помощью фильтров в фотошопе.

Вариант 1. Как быстро сделать размытый диагональный фон из картинки.

Открыть любое изображение в программе Adobe Photoshop (размер фотографии лучше брать немного больше, чем размер будущего фона). В уроке размер исходной картинки уменьшен до 1000*560 px.

На панели инструментов установите основной цвет такой, какой должен быть преобладающим в цветах фона. В примере выбран цвет #fe846c.

Шаг 1. Выполните команду меню Filter (Фильтр) > Texture (Текстура) > Stained Glass (Витраж). Параметры размер ячейки, толщина границ, интенсивность света установите так, как на картинке. Если размеры выбранного вами изображения сильно отличаются, подбирайте параметры самостоятельно.

Шаг 2. Выполните команду меню Filter (Фильтр) > Blur (Размытие) > Motion Blur (Размытие в движении). Параметры Angle (Угол наклона) и Distance (Смещение) выбирайте по своему усмотрению. В в этом уроке угол 25, смещение максимально возможное.

Шаг 3 (необязательный). Если есть необходимость сделать фон более насыщенным по цвету, ярким или контрастным сделайте дубликат слоя с фоном и экспериментируйте с режимами наложения.  В примере для дубликата слоя выбран режим наложения Overlay (Перекрытие).

Результат:

Вариант 2. Как создать абстрактный диагональный фон с помощью фильтров.

Создайте новый документ в фотошопе. Размер документа в этом уроке фотошоп 1000*600 рх.

Шаг 1. На панели инструментов Photoshop установите основной и фоновый цвета такие, в какой цветовой гамме должен быть будущий фон. В примере выбран основной цвет #fe846c фоновый #6fb8fc.

Выполните команду меню Filter (Фильтр) > Render (Рендеринг) > Clouds (Oблака).

Шаг 2. Выполните команду меню Filter (Фильтр) > Pixelate (Оформление) > Pointillize (Пуантилизм). Параметр Cell size (Размер ячейки) в уроке 15.

Шаг 3. Выполните команду меню Filter (Фильтр) > Brush Strokes (Штрихи) >Angled Strokes (Наклонные штрихи) с параметрами, как на рисунке ниже.

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

В результате получится примерно такой фон из абстрактных диагональных штрихов.

Вариант 3. Как превратить в абстрактный фон любую картинку.

Для работы используйте ту же картинку с тюльпанами, что и в первом варианте, но в исходном размере 1920*1080 рх. Как фоновое изображение будет использована только ее часть. Этот урок создания абстрактного фона в фотошопе немного посложнее — требуется не три, а пять шагов.

Шаг 1. Выполните команду меню Filter (Фильтр) > Pixelate (Оформление) > Pointillize (Пуантилизм). Параметр Cell size (Размер ячейки) в этом уроке выбираем 30.

Шаг 2. Выполните команду меню Filter (Фильтр) > Stylize (Стилизация) > Extrude (Экструзия). Задайте параметры: тип пирамиды, размер 20, глубина 100,  включите флажок Mask Incomplete Blocs (Маскировать неполные блоки).

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

 Шаг 4. Примените еще один фильтр. Для этого используйте команду меню Filter (Фильтр) > Blur (Размытие) > Radial Blur (Радиальное размытие) с параметрами как на рисунке. Blur Method (Метод размытия) — Zoom (Линейный). Центр размытия переместите в правый верхний угол, чтобы размытие совпадало с направлением вершин пирамид.

Шаг 5. Добавьте еще один интересный эффект. Выделите инструментом выделения Rectangular Marquee Tool (Прямоугольное выделение) часть полученного фона и выполните команду меню Filter (Фильтр) > Distort (Искажение) > Twirl (Скручивание), параметр угол 75.

Этот шаг можно повторить несколько раз в разных местах фона.

Фоны для Фотошопа: Серые

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

Примечание: Некоторые фоны представлены в виде паттернов. О том, как их добавить в программу читайте в нашей статье: “Установка паттерна (узора) в Фотошопе”.

#1. Серые текстуры-фоны

Katibear-Stock Texture Pack V1

Количество фонов: 7 шт.
Формат файла фона: JPG

#2. Паттерны для создания серых фонов

Gray Pattern Set (tempees)

Количество фонов: 4 шт.
Формат файла фона: PAT

#3. Яркие серые фоны с художественными элементами

Pretty Punk Papers (by DaydreamersDesigns)

Количество фонов: 4 шт.
Формат файла фона: PNG

#4. Гранжевые фоны серого оттенка

Greyscale Natural Grunge Textures (Webtreats)

Количество фонов: 6 шт.
Формат файла фона: JPG

#5. Набор фонов с серыми текстурами

Metro Textures (by DaydreamersDesigns)

Количество фонов: 6 шт.
Формат файла фона: PNG

#6. Винтажные фоны в серых тонах

Vintage IV Textures (by cloaks)

Количество фонов: 9 шт.
Формат файла фона: JPG

#7. Фоны с абстрактными текстурами в серых и коричневых тонах

Old School Brown and Gray Toned Patterned Papers (by TeacherYanie)

Количество фонов: 13 шт.
Формат файла фона: JPG

#8. Фоны в серых тонах с текстурой бетона

Grunge Concrete Textures (Vandelay Premier)

Количество фонов: 8 шт.
Формат файла фона: JPG

#9. Паттерны с абстрактными серыми узорами

Gray Patterns (by danigranger)

Количество фонов: 4 шт.
Формат файла фона: PAT

#10.

Паттерны с серыми диагональными линиями

Diagonal Gray Pattern (by ThulaMarquise)

Количество фонов: 12 шт.
Формат файла фона: PNG, PAT

Фоновый слой в Photoshop

Правило 1: Мы не можем перемещать содержимое фонового слоя

Первое, что мы не можем сделать с фоном, это перемещать его содержимое. Обычно, для перемещения содержимого слоя используется одноимённый инструмент «Перемещение» (Move Tool), он находится в верхней части панели инструментов:

Если мы возьмём этот инструмент и попробуем переместить фон, или даже просто кликнуть внутри окна документа, то Photoshop выдаст нам сообщение: «Применение инструмента «Перемещение» невозможно: слой закреплен.» (Could not complete your request because the layer is locked).

Если мы внимательно посмотрим на панель слоёв, то увидим небольшой значок замка, дающий нам понять, что слой заблокирован.

Правило 2: Не поддерживает прозрачность

В данный момент я собираюсь импортировать другое изображение в документ и поместить его в рамку, но центр рамки в настоящее время заполнен белым, это означает, что мне нужно удалить эту белую область, прежде чем размещать своё фото внутри него. Обычно, когда мы удаляем пиксели на слое, удаленные области становится прозрачным, что позволяет нам видеть сквозь него слой (слои), находящиеся под ним. Давайте посмотрим, что происходит, если я пытаюсь удалить что-либо на фоновом слое.

Во-первых, мне нужно создать выделенную область внутри рамки, и т.к. она заполнена белым цветом, я буду использовать инструмент «Волшебная палочка» (Magic Wand Tool). В Photoshop CS3 и выше (я здесь использую Photoshop CS6), «Волшебная палочка» вложена за инструментом «Быстрое выделение» (Quick Selection Tool), поэтому нажмите на инструмент «Быстрое выделение» и удерживайте клавишу мыши секунду-две, пока не откроется выпадающее меню, а уже из него выберите «Волшебную палочку»:

«Волшебной палочкой» я кликну по белому квадрату внутри рамки, после чего появится выделенная область, ограниченная пунктирной линией «бегущие муравьи» по периметру прямоугольника:

Чтобы удалить пиксели внутри выделенной области, мне нужно нажать клавишу клавиатуры Backspace или Delete, но вместо удаления области и замены её прозрачностью, как получилось бы на обычном слое, Photoshop почему-то открывает диалоговое окно Заливки (Fill) для выбора цветов для заполнения области:

Мне это не надо, поэтому я нажму на кнопку «Отмена» (Cancel), чтобы закрыть это диалоговое окно, ведь хотел удалить белую область внутри рамки, а не заполнять её другим цветом. Предположим, что Photoshop просто ошибся, так что я буду пробую другой способ удаления пикселей. Пройдём по вкладке главного меню Редактирование —> Вырезать (Edit —> Cut). На обычном слое после этого действия на месте выделенной области появится прозрачная (пустая) область, а у меня опять получился неожиданный результат — выделенная область заполнена чёрным:

Ну и почему так получилось?
Как оказалось, Photoshop заполнил эту область черным, потому что, на цветовой палитре цвет фона (правый нижний образец) на данный момент — чёрный. Если бы цвет фона на данный момент был бы установлен, к примеру, фиолетовым, то область и заполнилась бы фиолетовым:

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

Так как же я смогу разместить фотографию внутри рамки? Давайте отложим эту проблему на некоторое время и вернемся к ней чуть позже.

Правило 3: Мы не можем помещать фоновый слой над другой слоем

Вот фото, которое я хочу поместить внутри моей фоторамки:

Это изображение в настоящее время открыто у меня в отдельном окне Фотошопа, так что я быстро скопирую его в документ фоторамки, нажав комбинацию клавиш Ctrl+A для выбора всей фотографии, затем Ctrl+C, чтобы скопировать изображение в буфер обмена. Затем перехожу на документ фоторамки и нажимаю Ctrl+ V для вставки изображения в документ. Photoshop помещает изображение на новый слой «Слой 1» (Layer 1) выше фонового слоя с фоторамкой:

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

Для того, чтобы мое второе изображение оказалось внутри рамки, мне нужно изменить порядок слоёв в панели слоёв так, чтобы слой с рамкой находился над слоем с изображением. Как правило, перемещение одного слой поверх другого осуществляется элементарно с помощью мыши, но сейчас у нас не тот случай, т.к. слой, который нам нужно переместить, является фоновым. При попытке перетащить его выше изображения на «Слой 1», Photoshop отображает символ в виде круга с диагональной линией (международный символ запрета чего-либо), давая понять, что по какой-то причине это действие неосуществимо:

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

Правило 4: нельзя поместить любые слои ниже фонового

Итак, мы не можем двигаться фоновый слой поверх другого слоя. Что, если мы попробуем переместить обычный слой ниже фонового? Если я попытаюсь перетащить «Слой 1» под фоновый, то Фотошоп выдаст такой же символ запрета, как и в случае выше:

Опять же, причина в том, что фоновый слой всегда должен оставаться внизу документа. Мы не можем перетащите его выше любых других слоёв и мы не можем перетащить другие слои ниже него.

Давайте подведём итог. Мы узнали, что Photoshop не позволит нам переместить содержимое фонового слоя инструментом «Перемещение» (Move Tool), потому что слой зафиксирован на месте. Мы узнали, что фоновый слой не поддерживает прозрачность, так что нет никакого способа, чтобы удалить что-либо на нём. И мы узнали, что фоновый слой всегда должен оставаться нижнего всех слоёв в панели. Мы не можем перетащите его выше других слоёв, и мы не можем перетащить другие слои ниже.

Так как задача фонового слоя — быть фоном документа, каждое из этих правил имеет смысл. Тем не менее, как и у большинства правил, имеются способы их обойти, и в данном случае, имеется простой способ обойти все эти правила сразу! Все, что нам нужно сделать, это создать из фонового слоя обычный.

Преобразуем фоновый слой в обычный (разблокирование фонового слоя)

1) Пройдите по вкладке главного меню Слой —> Новый —> Слой из Фона (Layer —> New —> Layer From Background).

2) Имеется и более быстрый способ — просто дважды щелкнуть непосредственно по слову Фон (Background), либо по иконке замочка в панели слоёв:

В любом случае из двух указанных выше способов откроется окно, где Вы можете ввести своё название, либо оставить предложенное Фотошопом по умолчанию, затем нажать ОК:

3) И самый быстрый способ. Зажмите клавишу Alt и дважды щёлкните мышкой по слову Фон (Background), после чего Фотошоп мгновенно преобразует слой в обычный и переименует его в «Слой 0» (Layer 0), минуя диалоговое окно.

Итог

После того, как мы преобразовали фоновый слой в обычный, все ограничения сняты и на него действуют правила обычных слоёв.
Теперь мы можем свободно перемещать его содержимое с помощью инструмента «Перемещение» (Move Tool), мы можем удалять какие-либо элементы на слое и заменять их прозрачностью, и мы можем свободно перемещать его выше или ниже других слоёв.

Используйте этот новый, более простой метод для замены фона в Photoshop

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

Я помню время, когда Photoshop был в зачаточном состоянии, и мои навыки редактирования изображений тоже были. Я бы потратил бесчисленные часы, пытаясь вырезать портрет с помощью инструмента «Перо» или даже кисти и поместить позади новый фон, но теперь я могу сделать все это всего несколькими щелчками мыши и небольшой настройкой.

Используя новый инструмент и немного удачи, вам едва ли нужно пошевелить пальцем. Photoshop CC теперь настолько мощный и интеллектуальный, что может сделать за вас большую часть тяжелой работы. Итак, давайте взглянем на этот новый метод и посмотрим, сможете ли вы вырезать фон из портрета всего за несколько секунд.

1. Откройте образ

Лучше всего вырезать изображения с чистым ясным фоном. Это потому, что так легче отличить портретный объект от фона.Однако в наши дни относительно легко вырезать даже фотографии с загруженным фоном. Я выбрал один с чистым фоном, но с резким спадом светлой тени, просто чтобы держать Photoshop в тонусе.

2. Выберите инструмент выделения

Это может быть инструмент Magic Wand, Quick Select или Object Selection. На данный момент это не имеет особого значения, потому что это дополнительная, новая функция внутри них, которую мы хотим использовать. Вдали от тех времен, когда мы выбирали изображения и настраивали допуск и чувствительность инструментов выделения, мы будем использовать технологию Adobe Sensei, чтобы вырезать этот портрет для нас.

3. Используйте Select Subject

Вот хитрый момент. Новая опция Photoshop «Выбрать тему» ​​доступна под каждым инструментом выделения прямо в верхней части окна. Он находится рядом с Select and Mask, которые используются для уточнения выделения. Adobe и многие другие продемонстрировали, что Select Subject хорошо работает даже со сложным фоном и в различных условиях освещения.

Однако, как всегда, лучше всего работает с чистым фоном. В отличие от стандартного инструмента выделения, он интеллектуально обнаруживает промежутки между руками и ногами в процессе выбора, экономя ваше время.

4. Добавьте маску

В нижней части палитры «Слои» вам теперь нужно нажать кнопку «Добавить маску слоя», чтобы разместить выделение на слое. Не забывайте, что если ваш слой заблокирован, вам нужно дважды щелкнуть по нему и нажать Enter, чтобы разблокировать его. Затем маска опустится на место и должна относительно легко вырезать объект портрета, как это было сделано здесь.

5. Оставьте на заднем плане

Создайте новый слой (сочетание клавиш Ctrl + Shift + N или Command + Shift + N на Mac) и поместите его под портретным слоем.Теперь вы можете создать свой собственный фон, например градиент, который я сделал здесь, или выбрать размещение готового фона. Ключевым моментом здесь является то, чтобы они хорошо сочетались друг с другом, чтобы они выглядели безупречно.

Лучший способ сделать это — подобрать тон портретного объекта. Мой портрет темный, с одной камерой с единственным источником света, поэтому я добавил небольшой радиальный градиент позади самой яркой части объекта.

6. Добавьте стиль слоя

Последняя настройка, которую я сделаю для этой замены фона, — это добавление стиля слоя из нижней части палитры слоев.Добавляя простую тень, я растушевываю темную сторону объекта с фоном. Я также регулирую угол света для падающей тени так, чтобы тень отбрасывалась в том направлении, в котором тень могла бы возникнуть естественным образом, справа от камеры, из-за источника света, расположенного слева от камеры.

7. Уточните свой выбор

Если вы заметили, что функция «Выбрать тему» ​​не дала вам наилучшего результата, или если вы хотите сделать его абсолютно идеальным, то вам необходимо уточнить выбор.Выделив миниатюру маски, перейдите к любому инструменту выделения (Quick Select, Magic Wand или Object Selection) и перейдите к кнопке Select and Mask в верхней части окна.

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

Сводка

Я полностью осознаю, что инструмент «Выбрать тему» ​​не идеален.Он относительно новый для программного обеспечения Adobe и все еще может быть улучшен. Но для чего-то, что когда-то требовало у меня часов кропотливой работы, чтобы сделать это за несколько секунд самим Photoshop, я сэкономил много времени на редактирование. Фактически, я только что рассчитал время, выполняя весь процесс, описанный выше, и это заняло менее 60 секунд. Конечно, он не на 100% точен, но для тех, кто не нуждается в совершенстве или, возможно, имеет большой объем работы, это наверняка сэкономит время.

Значок стрелки на главном изображении, сделанный Майклом, используется под лицензией Creative Commons.

Превратите любую фотографию в фон с помощью Photoshop

Автор Стив Паттерсон.

В этом уроке Photoshop Effects мы узнаем, как легко превратить любую фотографию в интересный фон с помощью пары основных инструментов выделения в Photoshop, которые, честно говоря, не служат никакой другой цели, кроме чем помогает нам создать этот эффект. Я говорю об инструменте Single Row Marquee Tool и Single Column Marquee Tool, которые по умолчанию скрываются за инструментом Rectangular Marquee Tool в палитре инструментов.Даже Adobe, похоже, не считает их очень полезными, поскольку это два из немногих инструментов в палитре «Инструменты», с которыми не связаны сочетания клавиш. Тем не менее, как мы увидим в этом уроке, когда дело доходит до создания простых фонов или обоев в Photoshop, эти два инструмента выделения сложно превзойти.

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

Вы можете использовать эту технику, чтобы превратить любую фотографию в фон или обои. Сама фотография будет неузнаваемой, когда вы закончите, поэтому на самом деле не имеет значения, какую фотографию вы используете. Единственное, что вы можете захотеть принять во внимание, это то, насколько красочным вы хотите, чтобы ваш фон был. Чем красочнее фотография, тем красочнее фон.

Вот фото, которое я буду использовать:

Исходное фото.

Этот урок из нашей серии «Фотоэффекты».Давайте начнем!

Загрузите это руководство в виде готового к печати PDF-файла!

Шаг 1. Дублируйте фоновый слой

Как всегда, мы хотим избежать какой-либо работы с нашим исходным изображением, поэтому, прежде чем делать что-либо еще, нам нужно продублировать наш фоновый слой. Для этого используйте сочетание клавиш Ctrl + J (Win) / Command + J (Mac). Если я загляну в свою палитру слоев, я вижу, что теперь у меня есть два слоя — фоновый слой внизу, содержащий мою исходную фотографию, и «Слой 1», который является копией фонового слоя, над ним:

Нажмите «Ctrl + J» (Win) / «Command + J» (Mac), чтобы продублировать фоновый слой.

Шаг 2. Выберите инструмент выделения в один столбец

В палитре инструментов нажмите и удерживайте кнопку мыши на инструменте «Прямоугольная область». Через секунду или две появится всплывающее меню со всеми инструментами, которые скрываются за ним. Внизу списка выберите инструмент Single Column Marquee Tool:

.

Щелкните и удерживайте указатель мыши на инструменте Rectangular Marquee Tool в палитре инструментов, затем выберите инструмент Single Column Marquee Tool во всплывающем меню.

Шаг 3. Щелкните внутри изображения, чтобы выбрать один столбец пикселей.

Инструмент «Область в один столбец» получил свое название от того факта, что он выполняет одно и только одно — выделяет один столбец пикселей.Щелкните в любом месте изображения, и Photoshop выберет конкретный пиксель, на котором вы щелкнули, а также все остальные пиксели выше и ниже его сверху вниз. Имейте в виду, что ваш выбор будет шириной всего в один пиксель, поэтому, если вы хотите, чтобы ваш фон содержал как можно больше разных цветов из фотографии, вам нужно щелкнуть область с хорошим ассортиментом цветов сверху и снизу. Это. Я собираюсь щелкнуть по правой стороне лица девушки (ее левая, наша правая), чтобы выбрать несколько разных цветов сверху вниз:

Щелкните внутри изображения с помощью инструмента «Область в один столбец», чтобы выделить весь столбец пикселей.

Шаг 4: скопируйте выделение на новый слой

Теперь, когда у нас выделен единственный столбец пикселей, нам нужно скопировать его на новый слой. Мы можем использовать то же сочетание клавиш, которое мы использовали мгновение назад, когда дублировали фоновый слой. Просто нажмите Ctrl + J (Win) / Command + J (Mac), и Photoshop скопирует столбец пикселей на новый слой выше «Layer 1»:

Нажмите «Ctrl + J» (Win) / «Command + J» (Mac), чтобы скопировать выбранный столбец пикселей на новый слой.

Шаг 5. Растяните столбец по всему изображению с помощью Free Transform

Здесь мы делаем первую часть фона.Мы собираемся взять этот единственный столбец пикселей и растянуть его, чтобы заполнить все изображение. Для этого мы воспользуемся командой Photoshop Free Transform. Используйте сочетание клавиш Ctrl + T (Win) / Command + T (Mac), чтобы открыть поле «Свободное преобразование» и обработать столбец пикселей. Затем просто переместите курсор мыши ближе к столбцу, пока не увидите, что он превратился в две маленькие стрелки, одна указывающая влево, а другая вправо. Щелкните мышью и перетащите столбец вправо. Вы увидите, что столбец становится повторяющимся цветным узором при перетаскивании:

Щелкните и перетащите столбец пикселей вправо, чтобы создать повторяющийся узор.

Продолжайте растягивать узор, пока не дойдете до правой стороны фотографии. Затем переместите курсор мыши в левую часть поля «Свободное преобразование», а затем щелкните и растяните узор по левой стороне изображения:

Щелкните и перетащите столбец влево, пока все изображение не покроется повторяющимся узором.

После того, как вы покрыли всю фотографию узором слева направо, нажмите Enter (Win) / Return (Mac), чтобы принять преобразование и выйти из команды «Свободное преобразование».Ваше изображение должно выглядеть примерно так:

Фотография теперь скрыта горизонтальным узором.

Первая часть нашего фона готова, и вы, , можете остановиться здесь, если хотите, но на следующей странице мы продолжим, чтобы сделать наш фон еще более интересным.

Шаг 6. Скройте слой горизонтального узора

Мы собираемся повторить то, что мы только что сделали с инструментом Single Column Marquee Tool, но на этот раз мы собираемся использовать инструмент Single Row Marquee Tool, чтобы создать вертикальный узор. Однако, прежде чем мы сможем это сделать, нам нужно скрыть наш горизонтальный узор, чтобы мы могли видеть, что мы делаем. Щелкните значок «Видимость слоя» (глазное яблоко) слева от «Layer 2» на палитре слоев, чтобы временно скрыть горизонтальный узор из поля зрения:

Щелкните значок видимости слоя (глазное яблоко) слева от «Layer 2» в палитре слоев, чтобы скрыть слой.

Глазное яблоко исчезнет, ​​оставив на его месте пустой квадрат, а горизонтальный узор исчезнет в окне документа, позволяя нам снова увидеть нашу фотографию.

Шаг 7. Выберите инструмент Single Row Marquee Tool

Щелкните инструмент Single Column Marquee Tool в палитре инструментов и удерживайте кнопку мыши, пока не появится всплывающее меню, затем выберите инструмент Single Row Marquee Tool из списка:

Щелкните и удерживайте указатель мыши на инструменте «Область в один столбец» на палитре «Инструменты», затем выберите инструмент «Область в одну строку» во всплывающем меню.

Шаг 8: Выберите «Layer 1»

Мы собираемся использовать инструмент Single Row Marquee Tool, чтобы выделить всю строку пикселей, но прежде чем мы сможем это сделать, нам нужно выделить нашу фотографию.В настоящее время у нас выбран горизонтальный узор (даже если мы скрыли его из поля зрения). Наша фотография находится на «Слое 1», поэтому нажмите «Слой 1» в палитре слоев, чтобы выбрать его:

Щелкните «Слой 1» в палитре «Слои», чтобы выбрать фотографию.

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

Так же, как мы сделали с инструментом «Область в один столбец», щелкните в любом месте изображения, чтобы выбрать одну строку пикселей.
Photoshop выберет конкретный пиксель, на котором вы щелкнули, а также все остальные пиксели в этой строке слева направо.Опять же, имейте в виду, что ваш выбор будет иметь высоту всего 1 пиксель, поэтому, если вы хотите, чтобы ваш фон был как можно более красочным, вам нужно щелкнуть область, которая предоставит вам хороший ассортимент цветов слева направо. Правильно. Я собираюсь кликнуть девушке по лбу:

Щелкните внутри изображения с помощью инструмента Single Row Marquee Tool, чтобы выделить всю строку пикселей.

Шаг 10: скопируйте выделение на новый слой

Выделив наш ряд пикселей, нажмите Ctrl + J (Win) / Command + J (Mac), чтобы скопировать выделение на новый слой, который появится между «Layer 1» и горизонтальным слоем с узором в палитре слоев:

Нажмите «Ctrl + J» (Win) / «Command + J» (Mac), чтобы скопировать выделение на новый слой.

Шаг 11. Растяните строку по всему изображению с помощью Free Transform

Нажмите Ctrl + T (Win) / Command + T (Mac), чтобы снова вызвать поле Free Transform и маркеры, затем переместите указатель мыши чуть выше строки, пока не увидите, что курсор превратится в две стрелки: одна направлена ​​вверх, а другой указывает вниз. Щелкните мышью и перетащите столбец вверх к верхней части изображения. Как и раньше, при перетаскивании строка станет повторяющимся узором:

Щелкните и перетащите строку пикселей вверх, чтобы создать повторяющийся узор.

Продолжайте перетаскивать узор, пока не дойдете до верхней части фотографии. Затем перетащите нижнюю часть ряда пикселей вниз к нижней части фотографии, пока вся фотография не будет покрыта узором. Нажмите Enter (Win) / Return (Mac), чтобы принять преобразование и выйти из команды «Свободное преобразование». Ваше изображение должно теперь выглядеть примерно так:

Фотография теперь скрыта за повторяющимся вертикальным узором.

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

Шаг 12: снова включите слой горизонтального узора

Теперь, когда у нас есть два паттерна, давайте рассмотрим несколько простых способов их смешивания для создания интересного фона.Во-первых, нам нужно снова включить наш горизонтальный слой с узором, поэтому щелкните внутри небольшого пустого квадрата слева от «Layer 2» в палитре слоев, что вернет значок глазного яблока и сделает слой видимым внутри документа. окно еще раз:

Щелкните значок «Видимость слоя» для «Layer 2», чтобы снова включить слой в окне документа.

Шаг 13: Выберите слой с горизонтальным узором

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

Щелкните «Layer 2» на палитре слоев, чтобы выбрать его.

Теперь, когда мы видим оба наших паттерна, давайте посмотрим, как мы можем легко смешать их вместе.

Вариант 1. Уменьшите непрозрачность «слоя 2»

Один из способов быстро и легко совместить два рисунка — просто уменьшить непрозрачность горизонтального слоя рисунка. Выбрав «Слой 2», перейдите к параметру «Непрозрачность» в верхнем правом углу палитры «Слои» и уменьшите непрозрачность слоя до 50%:

Уменьшите непрозрачность слоя 2 до 50%, чтобы смешать два узора вместе.

Вы можете настроить значение непрозрачности по своему усмотрению, чтобы точно настроить эффект, но вот мой фон после объединения двух узоров вместе, уменьшив непрозрачность верхнего слоя:

Уменьшите непрозрачность слоя 2 до 50%, чтобы смешать два узора вместе.

Вариант 2: Изменить режим наложения «Слоя 2»

Другой способ легко совместить два узора — использовать режимы наложения слоев. Во-первых, я собираюсь снова установить непрозрачность «Layer 2» на 100%.Затем я изменю режим наложения слоя, перейдя к параметру режима наложения в верхнем левом углу палитры слоев (прямо напротив параметра «Непрозрачность»), щелкнув стрелку вниз справа от слова. «Нормальный» и выберите другой режим наложения из раскрывающегося списка. Попробуйте каждый из них, чтобы увидеть, какой эффект вы получите. Здесь я изменил режим наложения для Layer 2 на Multiply:

Изменение режима наложения «Слоя 2» с «Нормального» на «Умножение».

Режим наложения «Умножение» — один из наиболее часто используемых режимов наложения при работе в Photoshop, и вот фоновый эффект, который я получаю с ним. Фон теперь выглядит темнее, чем раньше, с более насыщенными цветами:

Эффект фона, созданный в режиме наложения «Умножение».

Вот еще один вариант фонового эффекта, на этот раз с использованием комбинации режима наложения и параметров непрозрачности. Я изменил режим наложения на Hard Light и снизил непрозрачность до 50%:

Комбинируйте режим наложения и параметры непрозрачности, чтобы получить еще больше возможностей.

Вот мой новый фоновый эффект:

Эффект фона, созданный путем изменения режима наложения «Layer 2» на «Hard Light» и уменьшения непрозрачности до 50%.

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

Вариант 3. Используйте маску слоя

Давайте рассмотрим третий способ смешивания двух паттернов вместе. На этот раз мы будем использовать маску слоя. Во-первых, я верну режим наложения слоя «Layer 2» на «Нормальный» и снова увеличу непрозрачность до 100%. Затем, чтобы добавить маску слоя к «Слою 2», я нажимаю значок «Маска слоя» в нижней части палитры «Слои».Кажется, что в окне документа ничего не произошло, но если мы посмотрим на палитру слоев, мы увидим миниатюру маски слоя справа от миниатюры предварительного просмотра для «Layer 2»:

Если щелкнуть значок маски слоя в нижней части палитры «Слои», справа от миниатюры предварительного просмотра слоя 2 будет добавлена ​​миниатюра маски слоя.

С добавленной маской слоя выберите инструмент «Градиент» на палитре «Инструменты» или нажмите букву G, чтобы быстро выбрать его с помощью сочетания клавиш:

Выберите инструмент «Градиент».

Выбрав инструмент «Градиент», щелкните правой кнопкой мыши (Win) / щелкните, удерживая нажатой клавишу «Control» (Mac), в любом месте изображения и выберите градиент от черного к белому в появившемся окне выбора градиента:

«Щелкните правой кнопкой мыши» (Win) / «Control-click» (Mac) внутри документа и выберите градиент «от черного к белому».

Давайте используем маску слоя, чтобы смешать узоры друг с другом по диагонали. Щелкните инструментом Gradient Tool в верхнем левом углу изображения, затем перетащите указатель мыши в нижний правый угол:

Щелкните в верхнем левом углу изображения с помощью инструмента «Градиент» и перетащите его в правый нижний угол.

Отпустите кнопку мыши, и Photoshop добавит маску слоя, смешивая два узора от верхнего левого угла к нижнему правому:

Два шаблона теперь постепенно смешиваются вместе от верхнего левого угла до нижнего правого.

Теперь, когда мы создали наш фоновый эффект, давайте добавим его к той же фотографии, из которой мы его создали! Эта часть, конечно, необязательна, но если вы хотите продолжить, вот как это сделать.

Шаг 1: переместите слой с фотографией в верхнюю часть палитры слоев

В настоящее время наш фон находится перед нашей фотографией, что на самом деле не там, где можно было бы ожидать от фона .Нам нужно переместить нашу фотографию перед фоном, что означает, что нам нужно переместить слой фотографии над двумя нашими слоями с узором в палитре слоев. Наша фотография находится на «Слое 1», поэтому нажмите «Слой 1» в палитре слоев, чтобы выбрать его:

Выберите фотографию, щелкнув «Слой 1» в палитре слоев.

Вот быстрое сочетание клавиш для перемещения слоя непосредственно в верхнюю часть стека слоев. Выделив слой, просто нажмите Shift + Ctrl +] (Win) / Shift + Command +] (Mac).
Photoshop переместит слой выше всех остальных и переместит его прямо в верх палитры слоев:

Нажмите «Shift + Ctrl +]» (Win) / «Shift + Command +]» (Mac), чтобы переместить «Слой 1» прямо в верх палитры слоев.

Фотография снова становится видимой в окне документа.

Шаг 2. Измените размер фотографии с помощью свободного преобразования

Нажмите Ctrl + T (Win) / Command + T (Mac), чтобы снова вызвать команду Photoshop Free Transform, на этот раз вокруг фотографии. Удерживая Shift + Alt (Win) / Shift + Option (Mac), перетащите любой из четырех угловых маркеров внутрь, чтобы уменьшить фотографию, открывая фон позади нее. Удерживание клавиши «Shift» ограничивает пропорции ширины и высоты фотографии при перетаскивании, а удерживание «Alt / Option» сообщает Photoshop, что размер фотографии должен изменяться от ее центра:

Удерживая нажатыми «Shift + Alt» (Win) / «Shift + Option» (Mac), перетащите любой из угловых маркеров Free Transform к центру, чтобы уменьшить фотографию.

Нажмите Enter (Win) / Return (Mac), когда вас устраивает размер фотографии, чтобы принять преобразование и выйти из команды «Свободное преобразование».

Вариант 3: Добавить падающую тень

Чтобы завершить эффект, я собираюсь добавить тень к своей фотографии, чтобы она немного выделялась на фоне. Щелкните значок «Стили слоя» в нижней части палитры «Слои» и выберите «Drop Shadow» из появившегося списка стилей слоев:

Выберите «Drop Shadow» из списка стилей слоя на палитре слоев.

Это вызывает диалоговое окно Photoshop Layer Style, в котором в среднем столбце установлены параметры Drop Shadow.Измените угол падающей тени на 120 ° и уменьшите непрозрачность примерно до 60%:

Уменьшите непрозрачность тени до 60% и измените угол на 120 °.

Щелкните OK в правом верхнем углу диалогового окна Layer Style, чтобы выйти из него, и на этом мы закончили! Вот окончательный результат после добавления тени к моей фотографии:

Окончательный результат.

И вот оно! Вот как с помощью Photoshop любую фотографию превратить в интересный фон! Посетите наш раздел «Фотоэффекты», чтобы получить больше уроков по эффектам Photoshop!

Как изменить фон в Photoshop

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

Как изменить фон в Photoshop

Наше пошаговое руководство по поможет вам удалить и изменить фон с помощью Photoshop на любом фоне. Вы можете снимать фотографии дома, а затем выбрать для добавления нового фона или изображений на ваш выбор.

Шаг №1: Выделите инструмент быстрого выбора

Инструмент Quick Selection Photoshop CC выглядит как кисть с пунктирным овалом позади нее. Инструмент быстрого выбора — это первый инструмент, который вы используете для удаления фоновых изображений фотошопа.

Шаг № 2: Выберите вариант выбора темы

Если у вас установлена ​​версия Photoshop CC 2019, вы используете инструмент быстрого выбора, называемый кнопкой «Выбрать тему», вместо кнопки « Выбрать и замаскировать ».Это дает вам возможность быстро очертить объект изображения . Выбрав этот инструмент, начните обрисовывать предмет.

Шаг № 3: Уточните свой контур

После того, как вы полностью обрисовали объект, уделите несколько минут, чтобы убедиться, что у вас есть все необходимое. Если вам нужно внести изменений в , используйте кисть быстрого выбора. Используйте кисть , чтобы очистить контур. Щелкните на частях контура, которые вы хотите настроить, затем используйте клавишу alt / option, чтобы отменить выбор областей контура.

Когда уточняет выделение для вашего нового фона, ищите области, в которых слишком много исходного фона. Эти фоновые варианты будут выделяться на фоне выбранного вами нового.

Шаг №4: Выберите «Выделить и замаскировать»

Когда вы нажимаете на инструмент быстрого выбора под названием Выделение и маска , установите непрозрачность на 100%, чтобы вы не могли видеть сквозь объект. Затем установите белый цвет фона, чтобы вы могли видеть все, что вы могли пропустить на шаге 3.

Шаг 5: Нажмите «Показать края»

Когда вы сделаете этот шаг, вы увидите, что изображение исчезнет , и появятся края контура. У вас будет возможность отрегулировать радиус , чтобы вы могли видеть линию объекта.

После того, как вы увидите края, выключите инструмент Показать края . На этом этапе вы заметите, нужно ли вам улучшить краевые области вашего изображения.

Шаг № 6: Очистка с помощью кисти Refine Brush

Самая сложная часть изменения фона — это корректировка контура вокруг волос.Выберите Refine Brush , затем с помощью инструмента «Уточнить край кисти» обведите области, которые необходимо улучшить.

Когда вы завершите круг, инструмент «Уточнить кисть» смягчит области уточнения краев и удалит большую часть исходного фона.

Шаг № 7: Используйте маску слоя и создайте новый слой

Этот инструмент выбора изменит фон на узор шахматной доски, который обозначает как изображение PNG, . Он удалит любой фон, который у вас был ранее, чтобы вы могли разместить объект на желаемом фоне.Выберите выход «Новый слой с маской слоя».

Шаг № 8: Откройте фон

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

Шаг № 9: Откройте тему переднего плана

На этом этапе вы вернетесь к вырезанному изображению вашего объекта. Затем вы перетаскиваете тему на вкладку нового фонового изображения. Не ждите, пока изображение откроется, когда у вас на вкладке находится курсор .

Ваша тема будет там. Как только вы отпустите тему на новой вкладке фона, вы можете открыть новое изображение и увидеть новый фон.

Шаг № 10: Преобразование с помощью Ctrl / cmd + t

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

вопросов о том, как удалить фон в Photoshop

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

Как исправить фон в Photoshop?

Есть несколько способов исправить фон в Photoshop , но многие из них состоят из нескольких этапов.

Один из способов — удалить объект на переднем плане, чтобы у вас был полный доступ к фону. Затем вы используете кисть, чтобы внести тонких изменений в области, требующие ремонта.

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

Вы можете исправить области с помощью инструмента «Кисть», ничего не делая с объектом на переднем плане.

Как удалить белый фон в Photoshop?

Фон Удалить в Photoshop проще, если есть высокий контраст между объектом на переднем и заднем плане. Прежде чем что-либо делать с белым фоном, вам нужно продублировать слой, разблокировать его и переименовать.

Следующий шаг включает выбор инструмента под названием « Magic Eraser ». Установите для параметров допуск 30, установленное сглаживание и 100% непрозрачность. Затем нажмите на белый фон, и Magic Eraser выберет все и заставит их исчезнуть.

Если вы видите другие цвета фона, вы можете сделать то же самое с Magic Eraser. Или вы можете использовать инструмент «Ластик для фона», чтобы удалить оставшийся фон. Photoshop выполняет эти шаги просто потому, что они популярны среди пользователей в течение многих лет.

33 урока Photoshop для создания фона и обоев

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

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

Уроки дизайна абстрактного фона

3D абстрактный фон в Adobe Photoshop

Изучив этот краткий видеоурок, вы узнаете, как создать красивый красочный фон, напоминающий мазки кисти.Этого не составит труда достичь, если у вас есть четкая и понятная схема процесса.

Как создать абстрактный плакат калейдоскопа

Вот еще один красочный абстрактный фон, который вы можете создать для самых разных целей. Он имеет красивый узор, много цветов и интриги.

Как сделать крутой низкополигональный фон

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

Многоугольники

Этот видеоурок похож на предыдущий, но в дизайне используется больше вариаций цвета и немного другой подход.

Как создать абстрактный мозаичный фон в Photoshop

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

Создание гладкого красочного фона

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

Узнайте, как создать абстрактный фон в Adobe Photoshop

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

Создание нового ретро

Этот туториал существует уже давно, но стиль дизайна актуален и сегодня. Вы узнаете, как создать красивый красочный фон в стиле ретро.Также здесь используются световые эффекты.

Дизайн градиентного фона в Photoshop

Этот видеоурок немного длиннее других, но ему довольно просто следовать. Вы узнаете, как создать фон, который можно использовать для самых разных целей.

Создание потрясающего цифрового эффекта дыма

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

Создание дыма

Как создать эффект геометрического фона в Photoshop

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

Как создать уникальный абстрактный фон из линий в Photoshop

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

Фон MSNBC

На старом фоне MSNBC использовался абстрактный световой эффект нескольких разных цветов. Возможно, вы сможете использовать описанные здесь техники, чтобы создать что-то уникальное для ваших собственных целей.

Инструменты наложения фона

Вы научитесь соединять две волнистые линии вместе. Вы также научитесь создавать перекрытия, а Photoshop позволяет дополнительно настраивать линии, добавляя свечение и различные цветовые узоры.

Как создать абстрактный красочный фон радуги

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

Создание яркого абстрактного фона диагональных линий

Фон, который вы создадите с помощью этого урока, в чем-то похож на предыдущий. Опять же, вы можете значительно изменить результаты, настроив что-то и поиграв. Используйте любые цвета, которые хотите получить красивый абстрактный фон.

Создание волнистых обоев в стиле Blackberry

Этот волнистый дизайн идеально подходит для обоев или большого фона. Его довольно легко создать, благодаря этому руководству, в котором изложены действия, которые вам необходимо выполнить.

Как создать современный фон с волнами

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

Учебники по дизайну фона на световых эффектах

Учебное пособие по созданию световых эффектов абстрактных витых волокон в Photoshop

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

Aurora Borealis — Северное и Южное полярные сияния

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

Эффект шестиугольника боке в Photoshop

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

Действительно крутой эффект затмения в Photoshop

Этот эффект затмения идеально подходит для обоев и постеров. Это определенно не тонкий фон, но если вы ищете что-то с потрясающими световыми эффектами, это может быть отличным выбором.

Потрясающий цифровой эффект боке в Photoshop

В предыдущих уроках по боке использовались шестиугольники, а в этом — круги. Если вы хотите научиться создавать типичный эффект боке, этот урок научит вас.

Создание завораживающих световых эффектов вокруг изображения

Световые эффекты, которые вы создадите с помощью этого урока, будут яркими и яркими. Этот метод идеально подходит, когда вы хотите создать что-то, что привлечет внимание зрителя. Он идеально подходит для плакатов и других фонов.

Chroma Обои

Это руководство по обоям с эффектом цветного света существует уже много лет, но до сих пор остается популярным.

Цифровой эффект звезды

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

Учебники по дизайну текстурированного фона

Как сделать крутые обои и фоновую текстуру

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

Расчеты и раскраска

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

Создание деревянного фона в Photoshop

Узнайте, как создать деревянный фон, который можно использовать по-разному.

Учебные пособия по фоновым узорам

Создание органического дизайна с искаженным шрифтом

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

Как создать узор из переплетающихся решеток в Adobe Photoshop

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

Создание простого геометрического узора

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

Последние мысли

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

Дополнительные уроки Photoshop см .:

Быстрое и легкое удаление фона в Photoshop

Если вам нужно удалить фон в Photoshop, вам повезло. Пользователи Photoshop имеют доступ ко многим различным методам удаления фона с изображения. Для простых фонов использование стандартного инструмента «волшебная палочка» для выбора и удаления фона вполне может быть более чем адекватным.Для более сложных фонов вы можете использовать инструмент «Ластик для фона».

Инструмент «Ластик фона» выбирает цвет в центре кисти, а затем удаляет пиксели того же цвета, что и вы «рисуете». Освоить инструмент не так уж и сложно. Позвольте мне показать вам, как это работает.

Удаление фона, шаг 1. Откройте изображение

Начните с захвата изображения, с которого вы хотите удалить фон. Я буду использовать изображение ниже, так как на нем есть области, которые варьируются от простых до более сложных.Я получил это бесплатно на Unsplash.

Теперь откроем его в Photoshop.

Удаление фона, шаг 2: Выберите средство для удаления фона

Выберите инструмент «Ластик для фона» на панели инструментов Photoshop. Он может быть скрыт под инструментом «Ластик». Если это так, просто нажмите и удерживайте инструмент «Ластик», чтобы открыть его. Кроме того, вы можете нажать Shift + E , чтобы просмотреть все инструменты ластика, чтобы перейти к фоновому ластику. Если у вас был выбран инструмент «Ластик по умолчанию», дважды нажмите Shift + E , чтобы выбрать инструмент «Ластик для фона».

Удаление фона, шаг 3. Настройте параметры инструмента

На панели параметров инструмента в верхней части экрана выберите круглую жесткую кисть. Наиболее подходящий размер кисти зависит от изображения, над которым вы работаете. Используйте квадратную скобку ( [ или ] ) для быстрого изменения размера кисти.

Кроме того, вы можете щелкнуть правой кнопкой мыши в любом месте монтажной области, чтобы изменить размер и жесткость кисти.

Затем на панели параметров инструмента убедитесь, что для Выборка установлено значение Непрерывно (это первый из трех значков), для Пределы с по Найдите края и Допуск имеет диапазон 20 -25% .

Примечание: меньший допуск означает, что ластик подберет меньшее количество цветовых вариаций. В то время как более высокий допуск расширяет диапазон цветов, которые выберет ваш ластик.

Удаление фона, шаг 4: начало стирания

Наведите кисть на фон и начните стирать.Вы должны увидеть круг размером с кисть с маленьким перекрестием в центре. Перекрестие показывает «горячую точку» и удаляет этот цвет везде, где он появляется внутри области кисти. Он также выполняет интеллектуальное извлечение цвета по краям любых объектов переднего плана, чтобы удалить «цветовые ореолы», которые в противном случае могли бы быть видны, если объект переднего плана наложен на другой фон.

При стирании увеличьте масштаб рабочей области и постарайтесь, чтобы перекрестие не перекрывалось краем переднего плана.Скорее всего, вам придется в некоторых местах уменьшить размер кисти, чтобы случайно не стереть часть объекта на переднем плане.

Удаление фона, шаг 5: Выбор эффективного предела и настроек выборки

Даже если вы начали с низкой толерантностью, Средство для удаления фона все же удастся стереть ненужные вещи, например рубашку этого парня или его волосы.

Для областей изображения переднего плана, которые имеют общие цвета с фоном (например, этот), вам может потребоваться отрегулировать Sampling и Limits .На этом изображении я переключился на выборку : как только вариант , установите мои Limits с на Discontinguous и установите мой Tolerance на 5% .

Выборка : как только опция производит выборку цвета под перекрестием только в тот момент, когда вы щелкаете , и она не подвергается повторной выборке, когда вы перемещаете кисть. Параметр Discontiguous Limit позволяет стереть все пиксели, соответствующие выбранному цвету, который вы удаляете.Это очень полезно, например, для того, чтобы попасть между прядями волос, не стирая их.

Скорее всего, инструмент для удаления фона может оказаться всем, что вам нужно для выполнения вашей задачи. Но если нет, читайте дальше.

Удаление фона, Шаг 6. Инструмент «Быстрая маска» или «Перо»

Хотя удаление фона в нашем примере изображения выполняется просто, когда цвета переднего плана и фона явно различаются, неизбежно есть области нашего объекта переднего плана, которые неправильно стираются, когда мы работаем близко к краям переднего плана.

В нашем примере передний план и фон имеют похожие цвета из-за освещения, которое влияет на фон и одежду модели. Проще всего это исправить с помощью инструмента Photoshop «Перо», который можно использовать для создания чистого выделения и удаления ненужного фона.

Вот готовый результат:

А вот и наше изображение с новым фоном:

Идите дальше и удалите фон в Photoshop

Если вы работаете с базовым изображением с достаточным визуальным контрастом между объектом и фоном, вам, скорее всего, удастся использовать только инструмент «Ластик для фона».

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

И не забывайте, что если вы сохраняете изображение без добавления нового фона, вам необходимо сохранить его как PNG, чтобы сохранить прозрачность.

Эта статья о том, как удалить фон в Photoshop, остается одной из наших самых популярных статей и была обновлена ​​в 2019 году для Adobe Photoshop 2020.Чтобы узнать больше о дизайне, прочтите «Системы дизайна» из журнала Smashing Magazine на SitePoint Premium.

Удалить фон в Photoshop 2020

С незапамятных времен Adobe превратила Photoshop в мощный инструмент для управления и затемнения пикселей. Одна вещь, которой он известен, — это его способность легко удалять фон на любой фотографии. Что ж, с Photoshop 2020 они сделали это еще проще с помощью кнопки удаления фона, но обязательно ли это лучше?

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

На первый взгляд эта новая функция НЕВЕРОЯТНА! Это похоже на акт волшебства. Но когда вы присмотритесь, вы обнаружите, что с волосами ему приходится нелегко.

В конце концов, это, кажется, вершина успеха в маскировке, насколько хорошо вы можете включить пробелы в кудрявых прядях, как у этого красивого молодого человека, или распущенные волосы на женском портрете.Только когда вы поместите объект на контрастный фон, вы сможете увидеть недостатки этой новой функции удаления фона.

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

Давайте не будем забывать, что, хотя у нас есть доступ к подобным инструментам в Photoshop, всегда лучше всего фотографировать объект так, чтобы его было легко удалить, если это ваша цель. Photoshop может только немногое, поэтому не фотографируйте девушку в ветреный день с деревьями позади нее и не ждите волшебства 🙂 Не удивляйтесь, если ваши инструменты выделения не работают в точности так, как вы их просите. Иногда приходится нанести на них немного смазки Select и Mask!

f.64 Academy и f.64 Elite — детище Блейка Рудиса. Хотя он пейзажный фотограф, он очень увлечен пост-обработкой изображений в Photoshop и наставничеством других.

Для Блейка это не столько искусство, сколько процесс. Он глубоко погружается в сложные темы и делает их легкими для понимания благодаря своему нестандартному мышлению.

Как создать крутой цифровой фон в Photoshop (легкий способ!)

Как создать крутой цифровой фон в Photoshop (легкий способ!) Обработка в Photoshop Йорис Херманс

Подпишитесь ниже, чтобы сразу загрузить статью

Вы также можете выбрать свои интересы для бесплатного доступа к нашему премиальному обучению:

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

Как создать цифровой фон в Photoshop

Многие профессиональные фотографы-портретисты используют дорогой муслиновый фон. Менее затратное решение — купить цифровой файл, но тогда качество может быть проблемой.
Самое дешевое и лучшее решение — создать собственный цифровой фон в Photoshop.Вот так.

Шаг 1. Откройте новый файл

Перейдите к файлу и выберите «Создать…». Откроется новое окно.
Назовите файл и установите для него высоту 3000 пикселей и ширину 2000 пикселей. Переключите его, если хотите альбомную ориентацию.

Шаг 2. Дублирование фона

Используйте сочетание клавиш Cmd + J (Ctrl + J для Windows), чтобы сделать копию фонового слоя.

Шаг 3. Установите цвет переднего плана

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

Откроется окно «Палитра цветов». В этом примере выберите темно-синий цвет среднего размера и нажмите ОК.

Шаг 4. Установите цвет фона

Щелкните квадрат цвета фона (обычно белый).
Теперь выберите более темный оттенок цвета, который вы выбрали ранее.

Шаг 5. Добавьте облака

Перейдите в «Фильтр»> «Рендеринг» и выберите «Облака».Мгновенно появится текстурированный фон.

Он уже выглядит отлично, но нам нужно добавить последние штрихи.

Шаг 6. Добавьте свет на задний план

Часто фотографы-портретисты помещают свет на задний план, чтобы выделить объект съемки.
Создает более интимный вид. Вот пример такого студийного снимка.

© Pixabay

Выберите «Фильтр»> «Рендеринг» и выберите «Эффекты освещения…».
В окне «Эффекты освещения» выберите тип света, который вы хотите использовать.Откройте раскрывающееся меню и выберите «Точка».

Теперь отрегулируйте положение и интенсивность света. Щелкните белый центральный круг и перетащите в любое место.

Чтобы увеличить освещенную область, щелкните зеленое кольцо и перетащите его наружу.

Чтобы усилить свет, щелкните непрозрачное кольцо и перетащите его по часовой стрелке.

Нажмите «ОК», когда будете готовы.

Шаг 7. Измените цвет цифрового фона

Если вы хотите изменить цвет фона, вы можете начать заново, но это не обязательно.
Вы можете изменить цвет фона с помощью корректирующего слоя.
Щелкните значок «Создать новый слой заливки или корректирующего слоя».

Выберите «Оттенок / Насыщенность» в раскрывающемся меню.

Перетащите ползунок «Оттенок» влево или вправо, чтобы изменить цвет цифрового фона.

Используйте другие ползунки, чтобы изменить насыщенность и яркость.
Работает только для изменения цвета фона. Если вы хотите изменить сочетание цветов, вам придется начать сначала.

Заключение

Вы готовы создать свой собственный цифровой фон, и теперь пора их использовать.
Во-первых, сфотографируйте объект на фоне стены ровного цвета или чего-нибудь еще, что у вас есть.
Затем научитесь вырезать объект, используя маски слоя и инструмент «Уточнить край». И, наконец, поместите объект на свой цифровой фон.

Почему бы не посмотреть наш пост о том, как в следующий раз заменить лицо в Photoshop?

Об авторе

[type = ‘text’]

[type = ‘text’]

[type = ‘password’]

[type = ‘password’]

[‘rmockx.RealPlayer G2 Control ‘, ‘rmocx.RealPlayer G2 Control.1’, ‘RealPlayer.RealPlayer ™ ActiveX Control (32-бит)’, ‘RealVideo.RealVideo ™ ActiveX Control (32-бит)’, ‘RealPlayer’]

[‘rmockx.RealPlayer G2 Control’, ‘rmocx.RealPlayer G2 Control.1’, ‘RealPlayer.RealPlayer ™ ActiveX Control (32-бит)’, ‘RealVideo.RealVideo ™ ActiveX Control (32-бит)’, ‘RealPlayer’]

[type = ‘text’]

[type = ‘text’]

[type = ‘password’]

[type = ‘password’]

[‘rmockx. RealPlayer G2 Control ‘, ‘rmocx.RealPlayer G2 Control.1’, ‘RealPlayer.RealPlayer ™ ActiveX Control (32-бит)’, ‘RealVideo.RealVideo ™ ActiveX Control (32-бит)’, ‘RealPlayer’]

[‘rmockx.RealPlayer G2 Control’, ‘rmocx.RealPlayer G2 Control.1’, ‘RealPlayer.RealPlayer ™ ActiveX Control (32-бит)’, ‘RealVideo.RealVideo ™ ActiveX Control (32-бит)’, ‘RealPlayer’]

[type = ‘text’]

[type = ‘text’]

[type = ‘password’]

[type = ‘password’]

[‘rmockx.RealPlayer G2 Control ‘, ‘rmocx.RealPlayer G2 Control.1’, ‘RealPlayer.RealPlayer ™ ActiveX Control (32-бит)’, ‘RealVideo.RealVideo ™ ActiveX Control (32-бит)’, ‘RealPlayer’]

[‘rmockx.RealPlayer G2 Control’, ‘rmocx.RealPlayer G2 Control.1’, ‘RealPlayer.RealPlayer ™ ActiveX Control (32-бит)’, ‘RealVideo.RealVideo ™ ActiveX Control (32-бит)’, ‘RealPlayer’]

[type = ‘text’]

[type = ‘text’]

[type = ‘password’]

[type = ‘password’]

[‘rmockx.RealPlayer G2 Control ‘, ‘rmocx.RealPlayer G2 Control.1’, ‘RealPlayer.RealPlayer ™ ActiveX Control (32-бит)’, ‘RealVideo.RealVideo ™ ActiveX Control (32-бит)’, ‘RealPlayer’]

[‘rmockx.RealPlayer G2 Control’, ‘rmocx.RealPlayer G2 Control.1’, ‘RealPlayer.RealPlayer ™ ActiveX Control (32-бит)’, ‘RealVideo.RealVideo ™ ActiveX Control (32-бит)’, ‘RealPlayer’]

[type = ‘text’]

[type = ‘text’]

[type = ‘password’]

[type = ‘password’]

[‘rmockx.RealPlayer G2 Control ‘, ‘rmocx.RealPlayer G2 Control.1’, ‘RealPlayer.RealPlayer ™ ActiveX Control (32-бит)’, ‘RealVideo.RealVideo ™ ActiveX Control (32-бит)’, ‘RealPlayer’]

[‘rmockx.RealPlayer G2 Control’, ‘rmocx.RealPlayer G2 Control.1’, ‘RealPlayer. RealPlayer ™ ActiveX Control (32-бит)’, ‘RealVideo.RealVideo ™ ActiveX Control (32-бит)’, ‘RealPlayer’]

[type = ‘text’]

[type = ‘text’]

[type = ‘password’]

[type = ‘password’]

[‘rmockx.RealPlayer G2 Control ‘, ‘rmocx.RealPlayer G2 Control.1’, ‘RealPlayer.RealPlayer ™ ActiveX Control (32-бит)’, ‘RealVideo.RealVideo ™ ActiveX Control (32-бит)’, ‘RealPlayer’]

[‘rmockx.RealPlayer G2 Control’, ‘rmocx.RealPlayer G2 Control.1’, ‘RealPlayer.RealPlayer ™ ActiveX Control (32-бит)’, ‘RealVideo.RealVideo ™ ActiveX Control (32-бит)’, ‘RealPlayer’]

[type = ‘text’]

[type = ‘text’]

[type = ‘password’]

[type = ‘password’]

[‘rmockx.RealPlayer G2 Control ‘, ‘rmocx.RealPlayer G2 Control.1’, ‘RealPlayer.RealPlayer ™ ActiveX Control (32-бит)’, ‘RealVideo.RealVideo ™ ActiveX Control (32-бит)’, ‘RealPlayer’]

[‘rmockx.RealPlayer G2 Control’, ‘rmocx.RealPlayer G2 Control.1’, ‘RealPlayer.RealPlayer ™ ActiveX Control (32-бит)’, ‘RealVideo.RealVideo ™ ActiveX Control (32-бит)’, ‘RealPlayer’]

[type = ‘text’]

[type = ‘text’]

[type = ‘password’]

[type = ‘password’]

[‘rmockx.RealPlayer G2 Control ‘, ‘rmocx.RealPlayer G2 Control.1’, ‘RealPlayer.RealPlayer ™ ActiveX Control (32-бит)’, ‘RealVideo.RealVideo ™ ActiveX Control (32-бит)’, ‘RealPlayer’]

[‘rmockx.RealPlayer G2 Control’, ‘rmocx.RealPlayer G2 Control.1’, ‘RealPlayer.RealPlayer ™ ActiveX Control (32-бит)’, ‘RealVideo.RealVideo ™ ActiveX Control (32-бит)’, ‘RealPlayer’]

[type = ‘text’]

[type = ‘text’]

[type = ‘password’]

[type = ‘password’]

[‘rmockx.RealPlayer G2 Control ‘, ‘rmocx.RealPlayer G2 Control. 1′, ‘RealPlayer.RealPlayer ™ ActiveX Control (32-бит)’, ‘RealVideo.RealVideo ™ ActiveX Control (32-бит)’, ‘RealPlayer’]

[‘rmockx.RealPlayer G2 Control’, ‘rmocx.RealPlayer G2 Control.1’, ‘RealPlayer.RealPlayer ™ ActiveX Control (32-бит)’, ‘RealVideo.RealVideo ™ ActiveX Control (32-бит)’, ‘RealPlayer’]

[type = ‘text’]

[type = ‘text’]

[type = ‘password’]

[type = ‘password’]

[‘rmockx.RealPlayer G2 Control ‘, ‘rmocx.RealPlayer G2 Control.1’, ‘RealPlayer.RealPlayer ™ ActiveX Control (32-бит)’, ‘RealVideo.RealVideo ™ ActiveX Control (32-бит)’, ‘RealPlayer’]

[‘rmockx.RealPlayer G2 Control’, ‘rmocx.RealPlayer G2 Control.1’, ‘RealPlayer.RealPlayer ™ ActiveX Control (32-бит)’, ‘RealVideo.RealVideo ™ ActiveX Control (32-бит)’, ‘RealPlayer’]

[type = ‘text’]

[type = ‘text’]

[type = ‘password’]

[type = ‘password’]

[‘rmockx.RealPlayer G2 Control ‘, ‘rmocx.RealPlayer G2 Control.1’, ‘RealPlayer.RealPlayer ™ ActiveX Control (32-бит)’, ‘RealVideo.RealVideo ™ ActiveX Control (32-бит)’, ‘RealPlayer’]

[‘rmockx.RealPlayer G2 Control’, ‘rmocx.RealPlayer G2 Control.1’, ‘RealPlayer.RealPlayer ™ ActiveX Control (32-бит)’, ‘RealVideo.RealVideo ™ ActiveX Control (32-бит)’, ‘RealPlayer’]

[type = ‘text’]

[type = ‘text’]

[type = ‘password’]

[type = ‘password’]

[‘rmockx.RealPlayer G2 Control ‘, ‘rmocx.RealPlayer G2 Control.1’, ‘RealPlayer.RealPlayer ™ ActiveX Control (32-бит)’, ‘RealVideo.RealVideo ™ ActiveX Control (32-бит)’, ‘RealPlayer’]

[‘rmockx.RealPlayer G2 Control’, ‘rmocx.RealPlayer G2 Control.1’, ‘RealPlayer.RealPlayer ™ ActiveX Control (32-бит)’, ‘RealVideo. RealVideo ™ ActiveX Control (32-бит)’, ‘RealPlayer’]

[type = ‘text’]

[type = ‘text’]

[type = ‘password’]

[type = ‘password’]

[‘rmockx.RealPlayer G2 Control ‘, ‘rmocx.RealPlayer G2 Control.1’, ‘RealPlayer.RealPlayer ™ ActiveX Control (32-бит)’, ‘RealVideo.RealVideo ™ ActiveX Control (32-бит)’, ‘RealPlayer’]

[‘rmockx.RealPlayer G2 Control’, ‘rmocx.RealPlayer G2 Control.1’, ‘RealPlayer.RealPlayer ™ ActiveX Control (32-бит)’, ‘RealVideo.RealVideo ™ ActiveX Control (32-бит)’, ‘RealPlayer’]

[type = ‘text’]

[type = ‘text’]

[type = ‘password’]

[type = ‘password’]

[‘rmockx.RealPlayer G2 Control ‘, ‘rmocx.RealPlayer G2 Control.1’, ‘RealPlayer.RealPlayer ™ ActiveX Control (32-бит)’, ‘RealVideo.RealVideo ™ ActiveX Control (32-бит)’, ‘RealPlayer’]

[‘rmockx.RealPlayer G2 Control’, ‘rmocx.RealPlayer G2 Control.1’, ‘RealPlayer.RealPlayer ™ ActiveX Control (32-бит)’, ‘RealVideo.RealVideo ™ ActiveX Control (32-бит)’, ‘RealPlayer’]

[type = ‘text’]

[type = ‘text’]

[type = ‘password’]

[type = ‘password’]

[‘rmockx.RealPlayer G2 Control ‘, ‘rmocx.RealPlayer G2 Control.1’, ‘RealPlayer.RealPlayer ™ ActiveX Control (32-бит)’, ‘RealVideo.RealVideo ™ ActiveX Control (32-бит)’, ‘RealPlayer’]

[‘rmockx.RealPlayer G2 Control’, ‘rmocx.RealPlayer G2 Control.1’, ‘RealPlayer.RealPlayer ™ ActiveX Control (32-бит)’, ‘RealVideo.RealVideo ™ ActiveX Control (32-бит)’, ‘RealPlayer’]

[type = ‘text’]

[type = ‘text’]

[type = ‘password’]

[type = ‘password’]

[‘rmockx.RealPlayer G2 Control ‘, ‘rmocx.RealPlayer G2 Control.1’, ‘RealPlayer.RealPlayer ™ ActiveX Control (32-бит)’, ‘RealVideo. RealVideo ™ ActiveX Control (32-бит)’, ‘RealPlayer’]

[‘rmockx.RealPlayer G2 Control’, ‘rmocx.RealPlayer G2 Control.1’, ‘RealPlayer.RealPlayer ™ ActiveX Control (32-бит)’, ‘RealVideo.RealVideo ™ ActiveX Control (32-бит)’, ‘RealPlayer’]

[type = ‘text’]

[type = ‘text’]

[type = ‘password’]

[type = ‘password’]

[‘rmockx.RealPlayer G2 Control ‘, ‘rmocx.RealPlayer G2 Control.1’, ‘RealPlayer.RealPlayer ™ ActiveX Control (32-бит)’, ‘RealVideo.RealVideo ™ ActiveX Control (32-бит)’, ‘RealPlayer’]

[‘rmockx.RealPlayer G2 Control’, ‘rmocx.RealPlayer G2 Control.1’, ‘RealPlayer.RealPlayer ™ ActiveX Control (32-бит)’, ‘RealVideo.RealVideo ™ ActiveX Control (32-бит)’, ‘RealPlayer’]

[type = ‘text’]

[type = ‘text’]

[type = ‘password’]

[type = ‘password’]

[‘rmockx.RealPlayer G2 Control ‘, ‘rmocx.RealPlayer G2 Control.1’, ‘RealPlayer.RealPlayer ™ ActiveX Control (32-бит)’, ‘RealVideo.RealVideo ™ ActiveX Control (32-бит)’, ‘RealPlayer’]

[‘rmockx.RealPlayer G2 Control’, ‘rmocx.RealPlayer G2 Control.1’, ‘RealPlayer.RealPlayer ™ ActiveX Control (32-бит)’, ‘RealVideo.RealVideo ™ ActiveX Control (32-бит)’, ‘RealPlayer’]

[type = ‘text’]

[type = ‘text’]

[type = ‘password’]

[type = ‘password’]

[‘rmockx.RealPlayer G2 Control ‘, ‘rmocx.RealPlayer G2 Control.1’, ‘RealPlayer.RealPlayer ™ ActiveX Control (32-бит)’, ‘RealVideo.RealVideo ™ ActiveX Control (32-бит)’, ‘RealPlayer’]

[‘rmockx.RealPlayer G2 Control’, ‘rmocx.RealPlayer G2 Control.1’, ‘RealPlayer.RealPlayer ™ ActiveX Control (32-бит)’, ‘RealVideo.RealVideo ™ ActiveX Control (32-бит)’, ‘RealPlayer’]

[type = ‘text’]

[type = ‘text’]

[type = ‘password’]

[type = ‘password’]

[‘rmockx.