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

Как быстро сделать красивый фон в 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-master.ru

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

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

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

Используемые в уроке материалы:

Девушка – https://cloud.mail.ru/public/9aMq/VJckPyBtw

Градиенты – https://cloud.mail.ru/public/G4Tw/heBD73MGk

Кисти — https://cloud.mail.ru/public/8VxE/eESkvLKWd

Открываем в фотошопе фото с девушкой, Файл-Открыть (File—Open):

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

В палитре инструментов выбираем инструмент Волшебная палочка (Magic Wand),горячая клавиша вызова инструмента 

W. Чтобы выбрать инструмент с подгруппы, при активной подгруппе сделайте длительный щелчок по иконке подгруппы или же щелкните по иконке подгруппы с зажатой клавишейShift:

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

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

Клавиша Shift необходима, чтобы добавить к выделенной области новое выделение, для этой же цели можно нажать вот эту иконку в верхней панели настройки инструмента:

На клавиатуре нажимаем клавишу Delete либо переходим в меню Редактирование-Очистить (Edit—Clear)для удаления белого фона с фото:

Нажимаем Ctrl+

D или переходим в Выделение-Отменить выделение (Select—Deselect),чтобы снять выделение:

Активируем инструмент Градиент (Gradient), горячая клавиша вызова инструмента –G:

Откроется окно настроек градиента, в котором мы можем самостоятельно подобрать цвета, кликнув по миниатюре градиента:

Раскроется меню редактирования стиля градиента, выбрать цвет можно кликнув понижним ползункам (контрольным точкам),контрольные точки можно перетаскивать и добавлять новые:

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

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

Чтобы загрузить стили градиента, нужно при активном окне градиента нажать кнопку «Загрузить»и выбрать в проводнике скачанные из интернета градиенты:

Я выбрала голубо-желто-зеленый градиенти немного, изменила его настройки, отмеченные на скриншоте:

После достижения удовлетворительного результата нажала два раза «Ок». Вот как выглядит наш фон:

Сейчас фон перекрывает девушку, перейдите в палитру слоев и мышью перетащите фон под слой с девушкой:

Изображение уже и так значительно изменилось в лучшую сторону, но продолжим создавать красивый фон для фотографии. Создайте новый слой выше слоя с фоном, но ниже слоя с девушкой,Слои-Новый-Слой (Layer—New—Layer) или нажмите на иконку создания нового слоя в палитре слоев:

Активируем инструмент Кисть (Brush), горячая клавиша выбора инструмента 

B:

Загружаем кисти «Блестки», для этого нажимаем на иконку размера кисти, далее – на «шестеренку» справа, а потом «загрузить кисти»:

Выбираем понравившеюся кисть, у меня это:

Выбираем белый цвет:

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

Можно поиграть с режимами наложения слоя и изменить его, к примеру, на Перекрытие (Overlay) или Мягкий свет (SoftLight):

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

непрозрачность слоя для смягчения эффекта.

Вот ещё один вариант фона, созданный тем же методом с использованием тех же градиентов и кистей:

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

Автор урока: Ольга Максимчук (Princypessa)

pixelbox.ru

Как сделать в Фотошопе красивый фон

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

Создание фона в Photoshop

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

Вариант 1: Полосы

1. Создаем новый документ необходимого размера. Для этого идем в меню «Файл – Создать».

   

   Выставляем размеры и нажимаем ОК.

   

2. Создаем новый слой в палитре.

   

3. Берем инструмент «Заливка».

   

   Кликаем по холсту, заливая его основным цветом. Оттенок не важен. В нашем случае это белый.

   

4. Далее настраиваем цвета. Основным нужно выбрать серый, а фоновым также серый, но несколько темнее.

   

5. Идем в меню «Фильтр – Рендеринг – Волокна».

   

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

   

   Результат:

   

6. Оставаясь на слое с «Волокнами», берем инструмент «Прямоугольная область».

   

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

   

8. Нажимаем сочетание клавиш CTRL+J, скопировав выделение на новый слой.

   

9. Берем инструмент «Перемещение».

   

   Снимаем видимость со слоя с «Волокнами» и перетягиваем скопированный участок в самый верх холста.

   

10. Вызываем функцию «Свободное трансформирование» сочетанием клавиш CTRL+T и растягиваем полоску вниз, до самого конца.

    

    Читайте также: Функция «Свободное трансформирование» в Фотошопе

    Далее подводим курсор к угловому маркеру и начинаем вращать картинку. После начала вращения зажимаем SHIFT и поворачиваем на 45 градусов.

    

    Теперь растягиваем изображение, чтобы оно заполнило весь холст. После завершения операции нажимаем ENTER. Результат:

    

11. Кликаем дважды по слою с получившимися полосами, открыв стили. Настройки такие: режим наложения «Умножение», угол -45 градусов. Градиент, показанный на скриншоте, имеется в стандартном наборе Фотошопа. Распространение цветов по холсту настраивается ползунком «Масштаб».

    

    Читайте также: Как сделать градиент в Фотошопе

    Результат:

    

12. Придадим больше контраста изображению. Кликаем по значку корректирующих слоев и выбираем «Уровни».

    

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

    

13. Далее нам потребуется отпечаток всех слоев. Для этого становимся на самый верхний слой в палитре (у нас это «Уровни») и нажимаем сочетание клавиш CTRL+ALT+SHIFT+E.

    

14. Теперь на этом слое можно выполнить какие-нибудь дополнительные операции, например, добавить виньетку (затемнить края) и осветлить центр.

    Подробнее:
    Добавляем виньетки на снимки в Фотошопе
    Осветляем фото в Adobe Photoshop

    Пример того, что может получиться в результате:

    

Вариант 2: Боке

1. Создаем новый документ, нажав комбинацию CTRL+N. Размеры изображения подбирайте по своим потребностям. Разрешение ставим 72 пикселя на дюйм. Такое разрешение подходит для публикации в интернете.

   

2. Заливаем новый документ радиальным градиентом. Нажимаем клавишу G и выбираем «Радиальный градиент».

   

   Цвета выбираем по вкусу. Основной должен быть несколько светлее фонового.

   

3. Затем проводим линию градиента по изображению сверху вниз. Вот что должно получиться:

   

4. Далее создаем новый слой, выбираем инструмент «Перо» (клавиша P) и проводим примерно такую кривую:

   

   Кривую необходимо замкнуть, чтобы получить контур. Затем создаем выделенную область и заливаем ее белым цветом (на новом слое, который мы создавали). Для этого кликаем внутри контура правой кнопкой мыши и выбираем пункт «Образовать выделенную область».

   

   Ставим галку возле «Сглаживания», радиус выставляем равным 0 (нулю) и нажимаем ОК.

   

5. Берем инструмент «Заливка» и заливаем выделение белым цветом.

   

   Снимаем выделение комбинацией клавиш CTRL+D.

6. Теперь дважды кликаем по слою с только что залитой фигурой, чтобы открыть стили. В параметрах наложения выбираем «Мягкий свет» либо «Умножение», накладываем градиент.

   

   Для градиента выбираем режим «Мягкий свет».

   

   Результат примерно такой:

   

7. Далее настраиваем обычную круглую кисть. Выбираем данный инструмент на панели и нажимаем F5 для доступа к настройкам.

   Ставим все галки, как на скриншоте, и переходим на вкладку «Динамика формы». Выставляем колебание размера 100% и управление «Нажим пера».

   

   Затем на вкладке «Рассеивание» подбираем параметры, чтобы получилось, как на скрине.

   

   На вкладке «Передача» также поиграемся с ползунками для достижения необходимого эффекта.

   

8. Создаем новый слой и задаем режим наложения «Мягкий свет».

   

   На этом новом слое мы и порисуем нашей кистью.

   

9. Для достижения более интересного эффекта, данный слой можно размыть, применив фильтр «Размытие по Гауссу», и на новом слое повторить проход кистью. Диаметр при этом можно изменить.

   

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

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

Помогла ли вам эта статья?

ДА НЕТ

lumpics.ru

Красивый фон в Photoshop | Уроки Фотошопа (Photoshop)

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

Красивый фон в Photoshop

1. Создайте новый документ (размер 1280x1024px), залейте его чёрным.

2. Возьмите инструмент Pen Tool (клавиша P), и с его помощью сделайте такой путь:

3. Теперь образуйте новый слой (Shift + Ctrl + N), возьмите кисть (инструмент Brush) размером 9px, цвет установите #074d7a. Вновь перейдите к Pen Tool (P), кликните правой кнопкой мыши по недавно нарисованному пути, и выберите Stroke Path:

Выберите из списка Brush Tool (Кисть) и нажмите ОК:

4. Удалите путь, созданный с помощью Pen Tool (дабы не мешался). Для этого перейдите в во вкладку Paths (Пути) в панели слоёв. А теперь возьмите чёрно белый градиент со следующими настройками:

Сформируйте маску слоя: Layer -> Layer Mask -> Reveal All и выполните заливку градиентом примерно таким образом:

Будущий красивый фон на данном этапе должен выглядеть примерно так:

Красивый фон в Photoshop: творческая часть

5. Закрепите маску: Layer -> Layer Mask -> Apply и создайте копию слоя (Правой кнопкой мыши по нему и Duplicate Layer):

6. Нажмите сочетание клавиш Ctrl + T (свободная трансфомация), нажмите правой кнопкой мыши внутри появившейся рамки, выберите Rotate (Повернуть), и разверните изображение:

Теперь переместите изображение (с помощью инструмента Move Tool) чуть ниже. После этих нехитрых манипуляций вы должны получить похожую картину:

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

8. Сейчас ваша задача продолжать сплетать линии таким образом, чтобы получался красивый абстрактный фон. Для облечения задачи, соединяйте (Ctrl + E) некоторые линии, и работайте уже не с одной линией на слое, а с группой линий на слое. (Если у вас возникают трудности при работе со слоями, рекомендую прочитать урок Photoshop слои):

Используйте по максимуму инструменты из вкладки Edit -> Transform. Например, я несколько раз использовал Edit -> Transform -> Flip Vertical (Отражение по вертикали). Уменьшайте также непрозрачность некоторых слоёв, это придаст фону глубину:

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

Красивый фон в Photoshop: прорабатываем детали

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

Возьмите кисть размером 20px, жёсткостью 70% и значением Flow (нажим) 40%:

Нажмите F5 (Настройки кисти) и установите всё, как на изображениях ниже:

10. На новом слое с параметрами смешивания Linear Dodge (Add) нарисуйте только что созданной кистью круги (Советую использовать разные цвета, преимущественно голубой и зеленый):

11. Примените Filter (Фильтр) -> Sharpen (Заострение) -> Sharpen (Заострение) 4 раза (используйте Ctrl + F для повторного применения фильтра):

12. Создайте ещё один слой, и проделайте тоже самое, но уже с кистью размером 10px:

Красивый фон в Photoshop: финальные шрихи

Итак, красивый фон, созданный в Photoshop почти готов. Осталось совсем немного.

13. Изображение сейчас выглядит скучно, поэтому давайте поиграем немного с цветами. Выберите любой слой с линиями и дважды кликните по нему левой кнопкой мыши. Откроется окно Layer Style, перейдите во вкладку Color Overlay (Заливка цветом), установите параметр Blend Mode (Режим смешивания) на Screen (Экран), непрозрачность понизьте до 44% и поменяйте цвет на тот, какой вам больше понравится (я использовал #6596f8):

Аналогичные операции проведите для некоторых других слоёв. У меня получился вот такой красивый фон:

14. Объедините все слои с линиями (блики не трогайте): выделите их и нажмите Ctrl + E. Создайте копию этого слоя (правой кнопкой мыши по нему и Duplicate Layer). Теперь примените Filter -> Blur -> Gaussian Blur со значением Radius 5,5px. Режим смешивания установите Screen, непрозрачность 70%.

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

psforce.ru

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

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

Абстрактный фон в фотошопе.

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

Время, потраченное на выполнение урока «Как сделать фон в фотошопе», минимально.

Шаг 1. Создайте новый документ в программе Photoshop. Размер документа в этом примере 1000*600 рх.

Шаг 2. На панели инструментов установите основной цвет #01237d и залейте изображение.

Шаг 3. Создайте новый слой. На панели инструментов фотошоп выберите инструмент Pencil Tool (Карандаш), на панели его свойств установите диаметр 4. Выберите основной цвет белый и нарисуйте несколько произвольных линий, примерно так, как на рисунке:

Шаг 4. Выполните команду меню Filter (Фильтр) > Distort (Искажение) > Wave (Волна). Параметры такие, как на рисунке.

Результат будет выглядеть примерно так:

Сделайте копию этого слоя с кривыми. Для этого достаточно правой кнопкой мышки щелкнуть на изображении слоя и в открывшемся меню выбрать Duplicate Layer (Дублировать слой). Сделайте слой копии невидимым (щелкните на изображение глаза на палитре Layers (Слои)). Он еще пригодится.

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

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

 

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

Шаг 7. Перейдите на верхний, невидимый слой с кривыми и включите его. Выполните команду меню Filter (Фильтр) > Blur (Размытие) > Motion Blur (Размытие в движении). Параметры Angle (Угол наклона) -50, как и на предыдущем шаге, а  Distance (Смещение) максимальное значение 999.

Шаг 8. Сделайте одну или две копии этого слоя, выделите их, удерживая нажатой клавишу Ctrl, и объедините их в один слой. Для объединения нужно правой кнопкой мышки вызваться меню и выбрать Merge Layer (Объединить слои).
К объединенному слою примените стили слоя: нажмите кнопку внизу панели слоев Add Layer Style (Добавить стиль слоя), выберите вкладку Color Overlay (Наложение цвета) и задайте цвет # fc0237.

Шаг 9. Добавьте новый слой под слоем с эффектами слоя. Залейте его красным цветом. К этому слою примените режим наложения Overlay (Перекрытие). Подробнее о работе с режимами наложения и перекрытия слоев.

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

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

www.takpro100.net.ua

Как обработать фон в Photoshop / Фотообработка в Photoshop / Уроки фотографии

Сделать прозрачный фон на картинке в фотошопе (Photoshop) — это одна из часто используемых обработок изображения. Прозрачный фон картинки в дальнейшем позволит сделать фон белым в фотошопе и заменить фон на фотографии. Картинка на прозрачном фоне может использоваться в коллажах либо применяться как коммерческое изображение предмета. Таковые можно встретить на сайтах интернет-магазинов в каталогах товаров. Часто фото товаров там представлены именно на белом фоне. Рассмотрим несколько способов того, как сделать прозрачный фон картинки в фотошопе.

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

Отделение от однородного фона

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

С этой задачей легко справятся инструменты группы быстрого выделения/Quick selection tool.

Запускаем photoshop и открываем изображение привычным для вас способом (например, сочетанием клавиш Ctrl+O). На палитре слоёв нужно щелчком правой клавиши мыши по изображению замка открепить слой.

Слева, на панели инструментов, в группе быстрого выделения, выбираем инструмент «Волшебная палочка»/Magic Wand Tool (либо сочетание клавиш Ctrl+W).

Сверху, на панели управления, в атрибуте «Допуск»/Tolerance, задайте значение приблизительно 50. Установите курсор в окошко значения и с клавиатуры введите нужную цифру.

Теперь щёлкните правой клавишей мыши и протащите по фону изображения. Часть изображения у вас выделится пунктиром.

Чтобы выделить новый участок фона, удерживайте клавишу Shift, подведите курсор к нужному участку и нажмите правую клавишу. Каждый новый участок важно выделять, удерживая Shift. В противном случае все выделения будут сброшены. Внимательно смотрите, чтобы в просветах объекта фон тоже был выделен. Если вдруг вы промазали и вместо фона щёлкнули по объекту, то нажмите сочетание клавиш Ctrl+Z. Так вы отмените действие на один шаг назад и сможете продолжить выделение.

Когда выделение закончено, весь ваш объект (если есть, то и просветы) должен быть выделен пунктиром. Если пунктир виден по всему периметру картинки, то у вас выделен именно фон, если пунктир виден только вокруг объекта, то выделен лишь объект. Поверхность выделения можно изменять нажатием сочетания клавиш Shift+Ctrl+I.

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

Во втором случае, когда выделен только объект и пунктир обрисовывает только его, можно скопировать выделение сочетанием клавиш Ctrl+C, создать новый пустой слой сочетанием клавиш Shift+Ctrl+N, выделить этот слой (подвести курсор и щёлкнуть один раз).

Затем нажмите сочетание клавиш Ctrl+V, и ваш объект будет скопирован на новый слой с прозрачным фоном. Если нажать на слое с исходным изображением значок «Глаз», то вы увидите, что получилось. Чтобы сбросить выделение, нажмите Ctrl+D.

Теперь просто сохраните полученное изображение в формате PNG. Нажмите сочетание клавиш Shift+Ctrl+S (либо в меню файл выберите «Сохранить как»). В окне сохранения задайте путь, где хотите сохранить свою картинку с прозрачным фоном, задайте понятное для вас имя файла, а в пункте «Тип файла» выберите PNG. Этот формат нужен для сохранения картинки на прозрачном фоне.

Еще больше о Photoshop можно узнать на курсе в Fotoshkola.net «Ретушь фотографий в Photoshop CC. Основы».

Отделение контурного объекта

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

Допустим, вам нужно изменить небо пейзажа.

Открываем изображение в photoshop и, как в первом случае, снимаем закрепление слоя щелчком по изображению замка. Далее выбираем инструмент «Магнитное лассо»/Magnetic lasso tool.

Контур, создаваемый инструментом, «прилипает» к краям объекта, аккуратно отрезая его от фона. Подведите курсор к краю выделяемого объекта, щелчком мыши создайте первую точку, а потом продолжайте обводить до полного выделения контура. Для более аккуратного выделения работайте с изображением при увеличении масштаба на 30–40 %. Увеличить и уменьшить изображение можно, удерживая клавишу Ctrl и нажимая + либо – . При работе с увеличенным изображением перемещаться в нужные его участки можно, удерживая клавишу Пробел и, одновременно, щелчком правой кнопки мыши по изображению двигая его в нужном направлении (вверх, вниз и т.д.) Выделение будет выглядеть как дорожка с точками. Когда обводку объекта завершили, нажмите Enter, чтобы замкнуть контур.

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

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

При необходимости площадь выделения можно инвертировать с помощью клавиш Shift+Ctrl+I, как и в первом примере. Так вы можете переключать выделение, выбирая либо фон, либо объект. Если на краях прозрачного слоя остались фрагменты прежнего фона, можно убрать их, используя инструмент «Ластик»/Eraser Tool. Его можно вызвать сочетанием клавиш Ctrl+E. Регулировать размер инструмента можно клавишами [ и ] (русские Х и Ъ). Снять выделение можно сочетанием клавиш Ctrl+D. Далее изображение можно сохранить в формате PNG либо добавить новый слой, на котором будет, например, новое небо. Всё зависит от поставленной вами задачи.

Отделение от сложного фона

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

На этом фото гроздь фундука растёт на фоне листвы. Лепестки грозди практически сливаются с листком на фоне. Удобный и аккуратный способ отделить гроздь вместе с лепестками — использовать «Быструю маску»/Quick mask mode.

Открываем изображение в photoshop и снимаем закрепление слоя щелчком по изображению замка.

Теперь выбираем инструмент «Быстрая маска»/Quick mask mode. Находится он в самом низу панели инструментов. После нажатия на значок инструмента слой, с которым вы работаете, будет выделен красным.

Далее нужно выбрать инструмент «Кисть»/Brush. Либо нажмите клавишу B, либо выберите на панели инструментов. Параметры кисти должны быть следующие: жёсткая кисть, непрозрачность 100%, нажатие 100%, цвет чёрный.

Размер кисти регулируем клавишами Х и Ъ. Наша задача — полностью обрисовать участок, который мы хотим перенести на прозрачный слой. Работать нужно при увеличенном масштабе. Выбирайте комфортное для вас увеличение сочетанием клавиш Ctrl + либо Ctrl –. Перемещайтесь по изображению, удерживая клавишу «Пробел». Аккуратно прорисуйте желаемый участок изображения. При обрисовке он будет закрашиваться полупрозрачным красным цветом.

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

Теперь нам нужно получить доступ к настройкам выделения. Для этого нажмите на значок группы инструментов выделения «Область»/Marquee tool. Теперь на панели управления станет доступен параметр «Выделение и маска»/Select and Mask. Если периметр изображения выделен пунктиром, нажмите Shift+Ctrl+I, чтобы выделение затрагивало только ваш объект. Затем нажмите на «Выделение и маска»/Select and Mask.

В открывшемся окне настроек можно, передвигая вправо или влево ползунки, получить растушёвку краёв, сместить край прорисовки или усилить контрастность. Если такой необходимости нет, оставляем всё как есть. Единственное, что нужно сделать — это выбрать в выпадающем списке пункта «Вывод в»/Output to параметр «Новый слой»/New layer. После этого нажмите OK.

Теперь желаемый участок изображения перенесён на прозрачный слой. Остаётся сохранить изображение в формате PNG. Исходный слой с целым изображением можно удалить либо, нажав на нём значок «Глаз», сделать его невидимым.

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

Еще больше о Photoshop можно узнать на курсе в Fotoshkola.net «Ретушь фотографий в Photoshop CC. Основы».

prophotos.ru

Как сделать фон в «Фотошопе»? Красивый фон для «Фотошопа». Как вставить фон в «Фотошопе»?

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

Всему свое время

Следуйте нашим советам, и вы создадите красивый фон для «Фотошопа», который

идеально подойдет для вашего снимка. Открываем нашу исходную фотографию. Копируем исходное изображение в новый слой: для этого можно применить специальную команду, вызываемую сочетанием клавиш Ctrl+J. Выберите инструмент «Обводка», далее «Область» и проведите по нужной области на фотографии.

Когда будете выбирать, где щелкнуть мышкой, помните, что сейчас мы рассматриваем фоны для «Фотошопа», которые создаются из самого снимка. Другими словами, оттенок, по которому вы кликните, и станет цветом будущего фона, возможно, с небольшими отступлениями. Далее вам необходимо скопировать выделение в новый слой, снова посредством сочетания клавиш Ctrl+J.

Перейдите к вкладке «Редактирование», выберите «Свободное трансформирование» и растяните выделение за специальные маркеры до самых границ фотографии. При этом не забудьте нажать Enter по окончании растягивания. Гасим глазок в слое с горизонтальными полосками, переходим к слою, на котором находится копия фона, обращаемся к инструменту «Выделение» – «Область» и выбираем то место на фото, где следует кликнуть мышкой. Снова копируем выделение в новый слой с помощью сочетания клавиш Ctrl+J.

Зайдите на вкладку под названием «Редактирование», далее — «Свободное

трансформирование», снова растяните выделение маркерами до границ фото (снизу вверх). Получаем картинку с вертикальными полосками.

Как сделать фон в «Фотошопе»: наложение

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

Как сделать фон в «Фотошопе»: заставим увидеть главное

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

Погасите глазки в обоих слоях, которые содержат полоски. Активируйте слой, на котором размещена копия фона и выберите инструмент «Выделение», далее — «Прямоугольная область».

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

Перейдите к вкладке «Редактирование», далее — «Трансформирование», после этого —

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

Пару слов об оформлении

Продолжаем отвечать на вопрос: «Как сделать фон в «Фотошопе»?» — и теперь уделим внимание оформлению. Щелкаем дважды левой кнопкой мыши по выделенному слою, в выпавшем окне со стилями выбираем тот, который подойдет для оформления. Рекомендуем обратить внимание на «Внутреннее свечение».

Можно также наложить «Шум». Любопытными свойствами обладают «Контур» и «Тиснение». На этом этапе оформления важную роль играет ваша фантазия. Таким образом, чем больше будет экспериментов, тем лучше получится результат. Зайдите на вкладку под названием «Редактирование», выберете «Трансформирование», далее «Поворот» и слегка поверните оформленный вами фрагмент.

Фигуры

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

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

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

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

Добиваемся прозрачности

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

После этого нажимаем на клавишу Delete на клавиатуре и снимаем выделение с помощью сочетания Ctrl+D. Вот мы и получили глаза, фон у которых прозрачный. После этого переносим фрагмент на изображение, которое и будет новым фоном. Располагаем все в сетке, далее при зажатой левой кнопке мыши, с выбранным инструментом «Перемещение», переносим картинку с глазами.

В случае если у вас на фото остались какие-либо мелкие белые фрагменты, убрать их можно при помощи инструмента «Ластик». Разместите глаза в угодном для вас месте, продублируйте их посредством Ctrl+J, выберите нижний слой, перейдите на «Фильтр», далее — «Размытие», после этого — «Размытие по Гауссу». Выбираем радиус

5 пикселей, нажимаем «ОК».

Если вам необходим не коллаж, а просто отдельная картинка с прозрачным фоном, нужно сохранить ее. Для этого нажмите комбинацию Ctrl+Shift+Alt+S, после чего в появившемся окне выберите формат .png»Фотошопе», можете поэкспериментировать с этим.

Нам, как всегда, понадобится палитра, с помощью которой мы сможем работать со слоями. Нужно будет также создать копию своего слоя. К команде «Размытие» можно попасть из меню «Фильтр». Существует несколько вариантов размытия, наиболее интересный — Gaussian Blur. Последний штрих – создание более четкого переднего плана. Вот таким нехитрым способом можно сделать прозрачный фон в «Фотошопе».

fb.ru