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

Для Андроид 24.05.2019
Для Андроид

Три простых урока фотошоп объяснят, как за 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 (Штрихи) >AngledStrokes (Наклонные штрихи) с параметрами, как на рисунке ниже.

После задания параметров для этого фильтра не закрывайте окно галереи фильтров и нажмите на кнопку новый фильтр чтобы добавить еще один фильтр 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.



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

Создаём новый документ размером 500х500 px (размер можете взять на своё усмотрение ). Нажимаем клавишу D ,чтобы поставить цвета по умолчанию.

Шаг 2

Далее заходим Filter-Pixelate-Mezzotint (Фильтр-Оформление-Меццо-Тинто ) выставляем Short strokes (Короткие штрихи ) жмём OK.

Шаг3 В этом шаге продолжаем работу с фильтрами

Заходим Filter-Blur-Radial Blur (Фильтр - Размытие - Радиальное размытие ) и выставляем параметры как на скриншоте. Этот фильтр нужно применить два раза (после того как нажмёте ОК, нажмите сочетание клавиш CNTRL+F-фильтр применится ещё раз с теми же параметрами )

Шаг 4

Здесь применим Filter-Distort-Twirl (Фильтр-Искажение-Скручивание) , с параметрами как на скриншоте:

Шаг 5

Дальше дублируем слой, правый клик по активному слою и команда Duplicate Layer (Создать дубликат слоя ). И отражаем его Edit -Transform - Flip Horizontal (Редактирование - Трансформация - Отразить по горизонтали ).

Шаг 6

Сменим режим наложения этого слоя на Lighten (Замена светлым ). Вот что должно получится:

Шаг 7. В этом шаге добавим цвет нашим слоям

Делая активным каждый слой по очереди, заходим Image - Adjustments - Hue Saturation (Изображение - Коррекция - Цветовой тон/Насыщенность ), или можно нажать комбинацию клавиш Ctrl+U . Настройками поиграете на свой вкус.

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

Фигуры

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

Выбираем инструмент «Волшебная палочка» . В строке свойств укажите уровень чувствительности, позадавайте разные значения, чтобы понять, как он работает, например 20 и 100. Чтобы снять выделение с рисунка нажмите «Ctrl+D» .

Задаем чувствительность и нажимаем волшебной палочкой на область фона. Чтобы добавить к выделенному фону, те части, которые не выделились, зажмите «Shift» и продолжайте выделение. Для удаления выделенных областей нажмите «Delete» .

Теперь вместо фона шахматная доска – это значит, что у нас получилось сделать белый фон прозрачным. Снимаем выделение – «Ctrl+D» .

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

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

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

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

Копируем выделенные области, нажав «Ctrl+C» . Дальше создаем новый файл, «Ctrl+N» , с прозрачным фоном.

Вставляем в него скопированные фрагменты, «Ctrl+V» . Если на них остались ненужные части фона, уберите их, используя инструмент «Ластик» . Сохраняем сделанные на прозрачном фоне картинки в формате PNG или GIF.

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

Оценить статью: 1 голос

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

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

Приступим?

Инструмент «Заливка»

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

Создайте новый документ через меню «Файл» — «Создать».

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

Так как я пользуюсь самой последней версией Photoshop CC, то у меня еще есть «Выбор 3D-материала». Сказать честно, я этой функцией никогда не пользовался.

Если вы хотите залить документ одним цветом, то вам понадобится обычная «Заливка».

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

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

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

Жмете мышью в любом месте рабочего поля с картинкой и фон меняет свой цвет на тот, который вы только что выбрали.

Применение фильтров

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

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

Выберите «Шум», а затем «Добавить шум».

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

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

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

Откройте «Окно», поставьте галочку напротив «История» и поместите ее в нижнюю панель справа.

Теперь, чтобы вернуться к началу мне просто нужно нажать на «Новый» и уберутся все цвета и шумы. Можно начинать сначала

Инструмент «Градиент»

Откройте папку с изображением и перетащите его в рабочее окно.

Осталось лишь растянуть. В этом нет ничего сложного. Но можете прочитать статью о том, Возможно, узнаете кое-что новое.

Ну вот почти и все.

Видео инструкция

После того как я написал статью, я подумал, что некоторым из вас могут быть интересны коллажи. То есть у вас есть какая-то основа, а сверху вы добавите картинку, в качестве фона. При создании ролика я сразу поставил в центр изображения объект. В данном случае страница товара с АлиЭкспресс — Телескоп для телефона .

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

Можете посмотреть с какими трудностями я столкнулся во время работы.

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


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

Ну вот и все. До новых встреч и удачи.



Рекомендуем почитать

Наверх