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

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

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

Три простых урока фотошоп объяснят, как за 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.

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

Фотошоп, прозрачный, белый и другой фон.

Поделиться статьёй:

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

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

Делаем фон в Фотошопе простой и с размытием

Шаг 1. Начинаем с определения параметров. Открываем документ, который и будет основным полотном для фона. Сверху можете наложить текст — если, к примеру, создаете открытку или макет рекламного баннера. Не забудьте в диалоговом окне написать имя файла (иначе при сохранении может затеряться в списке других документов). Следующий шаг — указываем размер. Для открытки лучше выбрать стандартный А4 (если рабочее поле получится меньше, края обрезаются). И определяем текстуру фона: прозрачная или белая матовая.

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

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

Шаг 4. Создаем градиентный перелив. Если вам не нравится однотонный фон, хотите задать области несколько оттенков — используйте инструмент Градиент, который также расположен на вертикальной панели слева. В параметрах увидите много интересных вариантов с полосами, треугольниками, контрастными переливами.  

Шаг 5. Эксперименты с фильтрами. Хотите сделать изображение еще более эффектным — примените фильтры. Их можно выбрать в окне, расположенном в самой верхней панели — “Фильтр”, затем из выплывающего окна “Галерея фильтров”.

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

Создаем фон в фотошопе с эффектом Затмения Солнца

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

Шаг 1. Заходим в Фотошоп и, как описано выше, создаем базовый документ. Соблюдаем размер 1900х1200 pixel. Затем нам нужно из вертикальной панели инструментов выбрать значок с пунктирным прямоугольником — Прямоугольная область (если у вас англоязычная версия — Rectangular Marquee Tool (M). Ваша задача — выделить на черном фоне область и потом залить ее серым цветом (на новом слое).

Шаг 2. Теперь нам нужно определить настройки для кисти, которая будет выполнять основную художественную задачу. В меню выбираем Редактирование, затем — Определить кисть (для англоязычной версии Фотошопа — это Edit и Define Brush Preset). Ва нужно переименовать кисть в “Полосы кисть” (Strips Brush).

Шаг 3. Настраиваем параметры кисти. Выбираем в Окне — Кисть (для англо-версии Window и Brushes). Для поставленной задачи вам нужно использовать Динамику формы (на english — Dynamics Shape), Передачу, Динамику цвета (Dynamics Color) и Рассеивание. Ваша рабочий инструмент — Strips Brush.  

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

Задаем параметр по Динамике формы:

• Ставим галочку рядом с Рассеиванием. На шкале определяем требуемые значения:

Теперь переходим к Динамике цвета. Обратите внимание на частоту и проценты в колебании переднего и заднего плана, тона, насыщенности и яркости. Оптимальные показатели — 50%:

И Передача. Здесь задаем параметры колебаниям непрозрачности и количества краски (в пределах 40 и 70%):

Шаг 4. Создаем полосы, которые в итоге станут красивыми бликами солнечного сияния. Сначала нам нужно сделать темный фон, который будет контрастировать с разноцветными элементами основной композиции. Для этого нам надо спрятать слой, на котором была создана базовая кисть, назовите его, к примеру, “Для работы с кистью”. Затем делаем новый слой и проводим по нему кистью горизонталь слева направо. Создаем Стиль слоя и идем к стилю Тень. Обязательно применяем параметры Затемнения основы: размер 10 pixel, непрозрачность на 70-75%, смещение — 5 и угол 125°.

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

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

Шаг 5. Работаем с цветом полосок. Начинаем с цепочки Меню — Фильтр — Размытие — Размытие в движении. Устанавливаем показатели: смещение на 155 pixel, угол 90°. Следующая цепочка: Слои — Новый слой — Заливка — Градиент. Нам нужен линейный стиль, непрерывный градиент, угол 90°, масштабируем на 80% и выбираем нужный оттенок.

Затем меняем Смешивание на режим Перекрытия (на english версии — Overlay).

Если на знакомство с Фотошопом ушло много времени и вы нетерпеливы, на этом варианте можно вполне остановиться и самостоятельно использовать эту картинку как фоновую заставку. Но можно и пойти дальше, довести дело до конца — до эффектного “Затмения Солнца”.  

Шаг 6. В панели инструментов находим Эллипс (в англо-версии при наведении мышкой на значок будет написано Ellipse Tool). Рисуем большой эллипс, выбрав стиль Фигуру. Используем темную заливку.

Возвращаемся к слою с полосками и накладываем Маску слоя. Потом в ход идет мягкая кисть с нулевой жесткостью (в параметрах указываете 0, непрозрачность — до 20%, размер 200 pixel, черный цвет). Ваша задача — с помощью кисти смягчить полоски. На фото красным маркером выделены области для работы с этим инструментом:

Шаг 7. Создаем сияние. Для этого нам опять нужен новый слой, который заполняем черным слоем. Идем по цепочке в верхнем меню: Фильтр — Ренденинг — Блик (и для английской версии: Filter — Render — Lens Flare). Рабочими параметрами должны быть: 50-300 трансфокатор в Типе объектива, 100% яркости. И выбираем режим Экран (Screen).

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

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

Снова меняем режим: Наложение на Экран. Выбираем Эллипс, переходим в Стиль слоя, останавливаемся на Внешнем сечении. Наложение делаем с параметрами Жесткого света, 60% непрозрачности, с размером в 60 pixel, свечению задаем ярко желтый цвет.

Затем создаем верхний слой черного цвета и переходим по цепочке Фильтр — Галерея фильтров — Текстуры — Зерно. Меняем режим на Soft Light и задаем значение 60%. Теперь нужно уменьшить непрозрачность до 50%. Урок закончен, ваше Солнечное Затмение готово!  

Подводим итоги

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

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

Поделиться статьёй:

Как сделать прозрачный фон картинки в фотошопе 3 разных способа.

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

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

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

Но лучшим решением будет подготовить изображение в Photoshop и сохранить в формате поддерживающим прозрачность фона.

В этом видео уроке подробно опишу 3 способа, а также, какие форматы поддерживают прозрачность.

Способ №1.

Это самый простой способ на мой взгляд.

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

2. В правом нижнем углу (где слои) кликаем двойным нажатием на значок «замок». После этого появится окошко, в котором нужно нажать «ОК».
3. Берем инструмент «Волшебная палочка», в окошке «Допуск» устанавливаем параметр 10.

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

Как сохранить изображение в формате PNG с помощью стандартных средств Windows

Проще всего для изменения формата изображения воспользоваться предустановленной программой Paint. Вам поможет представленная далее инструкция.

1. Откройте программу.
2. В открывшееся окно перетащите необходимое для изменения формата изображение.
3. Нажмите по синей кнопке, расположенной в левом верхнем углу интерфейса приложения.
4. Из появившегося списка нажмите по вкладке «Сохранить как».
5. В открывшемся окне «Проводника», во второй строке «Тип файла», необходимо развернуть список и выбрать из предложенных расширение PNG.
6. Нажмите «ОК».

Способ №2.

Этот способ немного сложнее, чем предыдущий и потребует от вас немного усидчивости. В этом варианте мы будем использовать инструмент «Магнитное лассо».

1. В столбце с инструментами нажимаем на «Лассо» и перед вами откроются три варианта. Выбираем именно магнитное лассо.

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

Совет! Этим способом лучше пользоваться, если картинка изображена на белом фоне!

Делаем прозрачным фон из картинки или рисунка в Photoshop

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

Загрузив фотографию, создаем дубликат слоя и выбираем «магнитное лассо«. Обводим им по контуру фигуру выделяемого объекта.

Прилипло по нужным границам? Далее, идем через «главное меню» «выделение«-«инверсия«.

В результате образуется выделение вокруг объекта и по краям картинки.

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

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

Способ №3.

Суть этого варианта заключается в использовании такого инструмента, как маска.

1. Выбираем «быструю маску» и затем нажимаем на кисть.
2. Закрашиваем только персонажа, и при этом, не затрагивая фон.
3. Далее нужно снова кликнуть на маску и на кнопку Delete. Все фон удалился.

Как сделать полупрозрачный текст и «водяной знак»

В Фотошопе, помимо состояния «полностью видим» и «полностью прозрачен» существует состояние частичной видимости или частичной прозрачности. Частичная видимость объекта на рисунке указывается в процентах.

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

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

1. Запускаем Фотошоп и открываем в нем нашу фотографию (File->Open…).

2. Выбираем инструмент Текст (T) и пишем поверх фото надпись нужного размера, цвета и стиля:

При этом текст будет автоматически размещен в отдельном слое и быть 100% видимым.

3. Установим 40%-ю видимость белой надписи на фото. Для этого в окне слоев (Layers) передвинем ползунок свойства Opacity в значение 40%:

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

Правильное сохранение.

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

Белый задний вид остается в формате GEPG. Поэтому лучше сохранять либо в PNG, либо в GIF. Я больше предпочтение отдаю PNG.

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

Помним, что тип мы выбираем либо PNG, либо GIF. Я выбрал первый вариант.

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

Зачем это нужно?

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

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

А вы знали?

Представляете, программу фотошоп разработал один студент из Мичиганского университета по имени Томас Холл.

В настоящее время слово Photoshop стало нарицательным. Многие неспециалисты называют так многие графические редакторы.

Данная программа остается платной и достаточно дорогой. Поэтому для нее появился альтернативный вариант – Corel.

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

Как открыть файл PNG

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

Все веб-браузеры (такие как Chrome, Firefox, Edge и т.д.) будут автоматически просматривать PNG-файлы, которые вы открываете из Интернета, а это означает, что вам не нужно загружать каждый PNG-файл, который вы хотите просмотреть. Вы также можете использовать веб-браузер, чтобы открывать файлы PNG со своего компьютера, используя комбинацию клавиш Ctrl + O для поиска файла.

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

Есть также несколько автономных программ для открытия файлов, графических инструментов и сервисов, которые открывают файлы PNG. Некоторые популярные из них включают XnView MP, IrfanView, FastStone, Google Drive, Eye of GNOME и gThumb.

Для редактирования файлов PNG можно использовать только что упомянутую программу XnView MP, а также включенную в состав Microsoft Windows графическую программу под названием Paint, инструмент Windows 10 Paint 3D, популярную утилиту GIMP и очень популярный (и очень не бесплатный) Adobe Photoshop.

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

Как сделать прозрачным отдельный участок слоя

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

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

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

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

Способ 1 Вырезать нужный участок изображения на новый слой

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

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

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

Способ 2 Использование ластика

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

Выберите инструмент Ластик, на панели параметров установите значение Непрозрачность отличное от 100%. Затем стирайте участки изображения, находящиеся в выделенной области. Воздействие инструмента будет только к тем пикселям, что вы выделили.

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

Непрозрачность градиента

Смотрите также: “Как убрать белый фон с картинки в Фотошопе”

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

Следом нужно выбрать инструмент «Градиент», оттенок которого может быть белым, черным или серым, т.к. только эти цвета распознает маска.

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

Это все, что пока можно делать с непрозрачностью. Надеемся, что этот урок помог вам. До “встречи”!

Смотрите также: “Как создать логотип в Фотошопе самому в хорошем качестве”

Как в фотошопе выглядит прозрачность

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

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

Теперь это условное обозначение стало стандартом. Многие программы и веб-сервисы используют шахматный фон, когда речь идет о прозрачности. Например, Яндекс.Картинки или Google-картинки показывают изображения с прозрачными элементами на шахматном фоне.

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

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

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

Сделать это можно несколькими способами.

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

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

Дважды кликаем по слою и в диалоговом окне нажиаем «ОК».

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

Теперь нажимаем клавишу DEL. Готово, белый фон удален.

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

Выбираем «Быстрое выделение» и «закрашиваем» наше изображение.

Затем инвертируем выделение сочетанием клавиш CTRL+SHIFT+I и нажимаем DEL. Результат такой же.

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

Для ручного выделения в Фотошопе есть несколько инструментов.

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

2. Прямолинейное лассо. Данный инструмент целесообразно применять на объектах, имеющих в своем составе только прямые линии.

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

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

Итак, выбираем инструмент «Перо» и обводим наше изображение.

Ставим первую опорную точку как можно точнее на границу объекта. Затем ставим вторую точку и, не отпуская кнопку мыши, тянем вверх и вправо, добиваясь нужного радиуса.

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

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

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

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

Теперь нужно удалить фон в Фотошопе, нажав клавишу DEL. Если вдруг удалился выделяемый объект вместо фона, то нажимаем CTRL+Z, инвертируем выделение комбинацией CTRL+SHIFT+I и снова удаляем.

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

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

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

ДА НЕТ

Как увеличить фон в фотошопе два варианта и замена лишних предметов на фон

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

К сожалению, как  и многие, я не всегда учитываю правило третей и забываю выставлять соотношение сторон кадра при фотографировании. И при обработке фотографий мне часто не хватает основного фона на прямоугольных фото. Особенно, если нужен формат в соотношении 9*16. Например, для обложки Ютуб. Или для открыток.

Исправляю ситуацию в Фотошопе.

Видео «Как растянуть или заменить часть фона»

Видео  «Изменение цвета, насыщенности, яркости и контраста»

Итак, переходим к разбору вариантов. Покажу три:

• как из горизонтального фото соотношением 4*3 сделать горизонтальное с соотношением 16*9,;
• как из вертикального фото перейти в горизонтальное;
• как заменить фоном предметы, случайно попавшие в кадр.

Как добавить недостающий фон к фото

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

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

Прозрачный фон в фотошопе обозначен шахматной сеткой. Иногда вместо прозрачного пустоты залиты каким-либо цветом. Это зависит от настроек.

Следующий шаг –  дубликат слоя

В верхнем выпадающем меню СЛОИ выбираю команду с таким названием.

В панели слоев появляется второй слой, копия уже имеющегося.

Ставлю курсор на этот слой, проверяю, активно ли УПРАВЛЕНИЕ элементами, чтобы видны были маркеры.

И затем растягиваю нижнюю картинку влево, заполнив тем самым пустое пространство.

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

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

И этот прямоугольник зеркально отображаю.

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

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

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

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

Картинка готова. Далее ее можно также редактировать, меняя насыщенность, яркость. Добавить рамку, текст и так далее.

Это один из простых вариантов.

Горизонтальное фото из вертикального

Как и в первом варианте я использую инструмент Рамка.

Растягиваю рамку до нужного размера, меню положение рисунка относительно рамки, вращаю, добиваясь нужного положения в кадре.

Для создания дубликата слоя кликаю в панели слоев ПКМ и выбираю соответствующую команду.

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

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

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

Если есть необходимость, то поворачиваю, добиваясь идеального соответствия имеющемуся фону.

Объединив все три слоя размываю границы с помощью инструмента ПАЛЕЦ.

Замена случайных предметов на фон

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

Заменю  его на фон.

Для этого использую инструмент «прямоугольное  лассо». В отличии от магнитного лассо, которое выделяет контур ориентируюсь на границы предметов и их цвет, прямоугольное лассо выделяет только прямыми линиями.

С его помощью выделяю ненужную часть фотографии.

Далее с клавиатуры кликаю Delet и соглашаюсь с предложением фотошопа сделать замену с учетом содержимого.

Кстати, также можно удалить фон в фотошопе, используя магнитное лассо.

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

Затем все также, как в предыдущих вариантах:

• дублирую слой и отражаю его по вертикали;
• объединяю слои;
• смягчаю границу стыка с помощью все того же пальца.

Эти варианты могут подойти не ко всем рисункам и фото. Зависит от того, какой основной фон, однотонный или со многими деталями и т.д.

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

Посмотрите подробное видео.

 

Еще информация по теме:

Как сделать прозрачный фон картинки в Photoshop (фотошоп)

Сегодня, с нашими читателями сайта Комплитра, закроем вопрос о том, как сделать прозрачный фон картинки при помощи Фотошоп (Photoshop).

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

 

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

 

Будем работать с редактором Photoshop.

Поехали кататься по теме))

 

 

сделать фон картинки прозрачным

 

 

 

 

 

 

 

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

 

 

 

 

 

 

если эту картинку нанести на другую, получится примерно так:

 

 

 

 

 

 

 

Для кого-то это может показаться некрасиво! так как один фон залезает (накладывается) на другой.

 

 

Так как же сделать фон картинки прозрачным ?? чтобы при наложении картинки получилось так, как на скриншоте ниже:

 

 

 

 

 

 

Всё просто, — картинка, на которой изображён колобок, как понимаем, имеет белый фон.

 

 

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

 

 

 

 

вернуться к оглавлению ↑

как сделать прозрачный фон картинки в Photoshop

 

 

 

 

Открываем программу Photoshop (фотошоп).

 

…затем открываем требуемую для удаление фона картинку…

 

 

 

 

 

 

 

 

Для того чтобы убрать с картинки фон, сделать его прозрачным, нам потребуется инструмент «Быстрое выделение»…

 

 

 

 

 

 

 

нажимаем на кнопку «Быстрое выделение» (см. горизонтальное меню слева)…

 

 

 

Преступим к правке картинки:

 

 

 

вернуться к оглавлению ↑

делаем фон картинки прозрачным — Photoshop

 

 

 

 

…нам нужно обвести пунктиром быстрого выделения мордочку колобка…

 

…кликаем куда-то по фотке в окне фотошоп… перемещая, и покликивая курсором, добиваемся такого эффекта как на картинке ниже…

 

…то есть чтобы мордочка колобка была выделена (обведена) пунктирной линией…

 

 

 

 

 

 

…далее кликаете по меню «Выделение»…

 

 

 

 

 

 

 

Нажимаете опцию «Инверсия»… и…

 

 

…тюкнем на клавиатуре кнопку «Delete». Полезная подборка полезных сочетаний ГОРЯЧИХ клавиш Виндовс…

 

 

Вот и всё — на данный момент фон картинки как бы исчез.

 

…Но ведь надо ещё сохранить нашу картинку с прозрачным фоном на компьютер.

 

 

 

 

 

 

 

 

Сохраняйте непременно в формате PNG, иначе вся наша работа пойдёт насмарку…

 

 

 

 

 

 

 

 

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

 

 

 

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

 

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

 

 

 

Если что-то не ясно и остались вопросы, делитесь ими в комментариях…

 

 

МИГ подписки — ЭРА полезных знаний!!

 

Самое время рассказать о статье в соцсетях, буду признателен… complitra.ru !

Как быстро вставить другой фон в фотошопе | Pixelbox.ru — Дополнения и уроки по Фотошопу

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

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

План выполнения урока

• Открыть в фотошопе фотографии на которой будет замена фона и открыть фотографию нового фона
• Вырезать старый фон на фото
• Скопировать новый фон и вставить в фото
• Подкорректировать цвета, уровни

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

Подготовка к выполнению

Если вы хотите потренироваться на этих же фотографиях, скачайте их:

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

Шаг 1

Откройте в фотошопе фотографии. Перейдите к фото на котором будем заменять фон.

Шаг 2

Создаем копию слоя.

Так как слой с фотографией по умолчанию находится по замком от редактирования, необходимо сделать его копию. Выделить слой и нажмите CTRL+J на клавиатуре, чтобы получилась копия. Старый слой можно скрыть, нажав на иконку глазика.

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

Шаг 3

Теперь нам необходимо выделить людей, а именно влюбленную парочку на фотографии.

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

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

Начните выделять людей. Для удобства можно увеличить масштаб (зажмите ALT на клавиатуре и прокрутите колесиком мыши).

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

Совет: Чтобы выделение объектов получалось более ровным — необходимо менять размер кисти в процессе работы.

В конце концов вы полностью должны выделить парочку.

Шаг 4

Теперь избавляемся от старого фона. Для этого инвертируйте выделение которое у вас получилось, нажав SHIFT+CTRL+I (или меню Выделение — Инверсия). После этого выделится все, что вокруг людей или фон. Нажмите Del (Delete) на клавиатуре чтобы фон удалился.

Сейчас люди получились на прозрачном фоне.

Шаг 5

Вставляем новый фон. Откройте изображение с новым фоном. Выделите всю область изображения, можно нажать CTRL+A и скопируйте, нажав CTRL+C.

Перейдите на фотографию.

Создайте новый слой под фото. SHIFT+CTRL+N или просто щелкните по иконке создания слоя.

Теперь когда новый слой создан, нажмите CTRL+V чтобы вставить изображение нового фона.

Фоновое изображение вставилось, но оно может быть слишком большое по отношению к фотографии.

Поэтому нажмите CTRL+T чтобы корректировать масштаб и уменьшите изображение до нужных размером.

В итоге получится примерно так:

Шаг 6

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

Для этого выберите слой с людьми и нажмите CTRL+L чтобы вызвать функцию Уровни.

Затемните немного изображение.

Теперь фотография с новым фоном выглядит реалистичнее:

На этом наши манипуляции по вставке нового фона закончены. Как видите ничего сложного в этом нет и фотошоп вам поможет это сделать за 5-10 минут при усердной работе.

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

Автор — pixelbox.ru

Если вы нашли ошибку/опечатку, пожалуйста, выделите фрагмент текста и нажмите Ctrl+Enter.

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

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

Пороговый тест

Самый быстрый и простой способ проверить чистоту фона вашего изображения — использовать Threshold Adjustment Layer . Если вы хотите проверить, есть ли на вашем фоне чистый белый цвет, переместите ползунок «Порог» до упора вправо. Если изображение полностью черное, это означает, что на нем нет чистого белого цвета. Однако если вы видите немного белого, это чистый белый цвет.То же самое и с черным — просто переместите ползунок до упора влево.

Пороговое испытание

Делаем фон белым

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

• Во-первых, доведите насыщенность до нуля.
• Чтобы вернуть цвет туда, где вы хотите, закрасьте черным слоем Layer Mask там, где вы хотите, чтобы появился исходный цвет.
• Закрасьте области изображения, которые вы хотите сделать чисто белыми.
• Помните, края — самая важная часть, потому что они будут находиться прямо на фоне, на котором вы публикуете сообщение. Они должны плавно переходить друг в друга — уделите особое внимание краям.
• После закрашивания областей, которые вы хотите сделать светлее, используйте Blend-If , чтобы слой был виден только там, где нижележащий слой светлее, сохраняя детали теней. Для этого дважды щелкните слой и отрегулируйте нижележащий слой.
• При необходимости повторите эти шаги.

Делаем белый фон

Устранение границы

Если вы хотите проверить окончательное изображение, чтобы убедиться, что оно будет идеально смотреться на чистом белом фоне, как белая веб-страница, вы можете просмотреть свое изображение на чистом белом фоне в Photoshop. Щелкните правой кнопкой мыши фон Photoshop, выберите « Select Custom Color » и выберите белый цвет. Конечно, если вы тестируете чистый черный цвет, вы можете выбрать черный цвет в списке.

Теперь вы сможете увидеть, совпадает ли ваш белый цвет с фоном и где вам может потребоваться корректировка.Если вы видите рамку вокруг изображения, удалите ее. Найдите в меню Preferences (щелкнув Photoshop в верхнем левом углу или в разделе Edit) и выберите Interface . В поле «Внешний вид» наверху измените все параметры границы на « Нет, ».

Измените параметры границы на Нет.

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

Для повышения квалификации: Основное руководство по основному редактированию фотографий

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

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

Давайте сначала сконцентрируемся на удалении белого (или сплошного) фона. Используемый инструмент и техника будут зависеть от качества всего изображения и его цвета. Если изображение, которое нужно вырезать, имеет темные цвета и не имеет светлых цветов, вы можете использовать простые инструменты Background Eraser или Magic Eraser.Тем не менее, для изображений со светлыми цветами или детализированным фоном вам понадобится более подробный инструмент, чтобы по ошибке не стереть важные части изображения.

В этом уроке мы рассмотрим удаление фона изображения с помощью инструмента Magic Eraser, инструмента Background Eraser и инструмента Quick Selection.

Pro Tip : Бело-серая клетчатая сетка является отраслевым стандартом прозрачности. Когда вы видите эту сетку, вы знаете, что фон прозрачный.

Как удалить белый фон с изображения с помощью инструмента Magic Eraser Tool

Шаг 1. Откройте изображение

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

Откройте и отцентрируйте свое изображение на панели управления

Шаг 2. Разблокируйте слой

На панели слоев нажмите на замок, чтобы снять его и превратить в редактируемый слой. Переименуйте его со «слой 0» во что-нибудь описательное.Как вариант, вы можете создать новый слой, продублировав первый, а затем скрыв его, нажав на глаз. Это на всякий случай, если вы сделаете слишком большую ошибку, чтобы ее исправить.

Разблокируйте слой и переименуйте его в

Дублируйте, переименуйте и скройте слой

Шаг 3. Выберите инструмент «Волшебный ластик»

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

Допуск: 30
Сглаживание: проверено
Непрозрачность: 100%

Выберите волшебный ластик

Шаг 4. Сотрите фон

Щелкните по белому фону и смотрите, как он исчезнет!

Нажмите на белую область с выбранным волшебным ластиком.

Но подождите!

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

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

Шаг 5: Обрежьте и сохраните как PNG

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

Обрезать изображение по прозрачным пикселям со всех сторон

Экспорт и сохранение для Интернета

Выберите вариант PNG, нажмите «Сохранить» внизу, назовите файл и нажмите синюю кнопку «Сохранить»

Как удалить белый фон с изображения с помощью инструмента «Ластик для фона»

Шаг 1. Повторите первые два шага с помощью опции «Волшебный ластик»

Шаг 2: Выберите инструмент «Ластик для фона».

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

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

Размер: 300-800 пт.
Выборка: один раз или образец фона
Пределы: найти края
Допуск: 20%
Защитить цвет переднего плана

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

Выберите инструмент «Ластик для фона» и настройки

Шаг 3. Сотрите белый фон

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

Перемещайте курсор с перекрестием по фону, пока не сотрете все.

Шаг 4. Повторите последние два шага опции «Волшебный ластик» выше

Как удалить любой фон с изображения с помощью инструмента быстрого выбора

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

Шаг 1. Откройте изображение

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

Откройте изображение и отцентрируйте его на монтажной области Photoshop

Шаг 2: Дублируйте слой

Разблокируйте и продублируйте слой изображения и скройте первый, оставив его ниже того, над которым вы будете работать.Этот слой с исходным изображением — подстраховка на случай, если вы сделаете ошибку при стирании фона. Назовите слои описательными именами, чтобы вы знали, что есть что. Посмотрите снимок экрана на шаге 2 раздела Удаление белого фона с помощью инструмента Magic Eraser, если вы не знаете, как это сделать.

Шаг 3. Выберите инструмент быстрого выбора

Выберите инструмент «Быстрый выбор» на панели инструментов. Он размещен вместе с инструментом Magic Wand. Настройте параметры курсора следующим образом:

Новое выделение
Размер: 100 пикселей
Жесткость: 100%
Шаг: 20%

Выберите инструмент быстрого выбора и настройки

Шаг 4: Выберите объект

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

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

Используя инструмент быстрого выбора, перетащите весь объект, пока он не будет выделен полностью.

Шаг 5: Уточните выделение

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

Увеличьте изображение и выберите инструмент «Кисть» (или нажмите b), чтобы подправить края. Используйте белый цвет, чтобы добавить к вашему выделению (стирая красный) и черный, чтобы снять выделение (добавив красный).Уменьшите размер кисти, чтобы лучше контролировать ограниченное пространство и сложные края.

Чтобы закончить, нажмите q еще раз, чтобы избавиться от красного и увидеть выделение с пунктирной линией. Дважды щелкните выделение и выберите вариант растушевки. Отрегулируйте растушевку до 3 и нажмите ОК.

Уточните выделение, нажав q и используя инструмент кисти, чтобы добавить или удалить выделенные пиксели

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

Шаг 6. Инвертируйте выделение

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

Нажмите q, чтобы отпустить красный цвет, щелкните правой кнопкой мыши по выбранному элементу и затем нажмите «выбрать инверсный».

Примените легкий эффект растушевки к краям выделения

После инвертирования выделения удалите его, и вы увидите сетку прозрачности

Шаг 7. Повторите последние два шага в опции Magic Eraser выше

.

Заключение

Некоторые графические дизайнеры полагаются на использование инструментов лассо и пера для выбора объектов на фоне, но эти инструменты просто не нужны, когда фон имеет простой белый цвет.С помощью трех инструментов, которые мы показали вам в этом руководстве, у вас более чем достаточно информации, чтобы стереть любой белый фон. Помните, что вы можете загружать графику с прозрачным фоном в двух разных форматах файлов: PNG и SVG. Если у вас нет последней версии Photoshop, вы можете получить бесплатную пробную версию на веб-сайте Adobe Creative Cloud.

Как заполнить фоновый слой в Photoshop CS5

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

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

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

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

Заливка фона в Photoshop

1. Откройте ваше изображение.
2. Выберите слой Background .
3. Щелкните Выберите , затем Все .
4. Щелкните Редактировать , затем Заливка .
5. Выберите раскрывающееся меню Использовать и выберите Цвет .
6. Выберите цвет, нажмите OK , затем снова нажмите OK .

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

Как заполнить фоновый слой Photoshop CS5 (Руководство с изображениями)

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

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

Если панель «Слои» не отображается в правой части окна, нажмите клавишу F7 на клавиатуре, чтобы отобразить ее.

Шаг 2. Щелкните слой

Background на панели Layers .

Шаг 3: Щелкните

Выберите в верхней части окна, затем щелкните параметр Все .

И наоборот, вы можете нажать Ctrl + A на клавиатуре, чтобы выбрать весь слой.

Шаг 4: Щелкните

Редактировать вверху окна, затем щелкните Заливка .

Шаг 5. Щелкните раскрывающееся меню справа от

Использовать , затем выберите параметр Цвет .

Шаг 6: Щелкните мышью по цвету, которым вы хотите заполнить фоновый слой, нажмите кнопку

OK , чтобы выбрать цвет, затем нажмите кнопку OK еще раз, чтобы заполнить фоновый слой изображения Photoshop CS5.

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

Вы можете узнать больше об использовании команды Fill в Photoshop CS5, прочитав эту статью.

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

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

Как изменить цвет фона изображения в Photoshop CS5

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

Шаг 1. Откройте изображение в Photoshop CS5.

Шаг 2: Щелкните инструмент

Quick Selection Tool на панели инструментов.

Это четвертый предмет сверху. Если вы наведете курсор на этот инструмент и на нем написано «Magic Wand Tool», вам нужно будет щелкнуть его правой кнопкой мыши и выбрать «Инструмент быстрого выбора».”

Шаг 3: Щелкайте по объекту переднего плана, пока он не будет полностью выбран.

В приведенном ниже примере изображения я щелкал части пингвина, пока он не был выбран.

Шаг 4: Нажмите кнопку

Refine Edge в верхней части окна.

Шаг 5. Установите флажок слева от

Smart Radius , затем перетащите ползунок Radius , пока выбранный объект не будет выглядеть правильно. Затем вы можете нажать кнопку OK внизу окна.

Шаг 6: Щелкните

Выберите в верхней части окна, затем щелкните опцию Inverse .

Выбирает все, кроме объекта, который вы выбрали на предыдущих шагах.

Шаг 7: Щелкните

Редактировать вверху окна, затем щелкните Заливка .

Шаг 8: Щелкните раскрывающееся меню справа от

Использовать , затем выберите параметр Цвет .

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

OK .

Теперь цвет фона вашего изображения Photoshop должен быть изменен.

Дополнительные источники

Мэтью Берли пишет технические руководства с 2008 года. Его статьи были опубликованы на десятках различных веб-сайтов и были прочитаны более 50 миллионов раз.

После получения степени бакалавра и магистра компьютерных наук он несколько лет проработал в сфере управления ИТ для малых предприятий. Однако сейчас он работает полный рабочий день, пишет онлайн-контент и создает веб-сайты.

Его основные писательские темы включают iPhone, Microsoft Office, Google Apps, Android и Photoshop, но он также писал и на многие другие технические темы.

Установите пользовательское содержимое вкладки HTML для автора на странице своего профиля

Отказ от ответственности: Большинство страниц в Интернете содержат партнерские ссылки, в том числе некоторые на этом сайте.

Как сделать фон прозрачным в Photoshop

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

Удаление фона — широко распространенный метод редактирования в Photoshop. Photoshop — это универсальный инструмент для удаления фона изображения.

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

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

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

Белее против. Прозрачный фон

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

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

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

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

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

Использование инструмента выделения Photoshop

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

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

Инструмент Magic Wand

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

Прямоугольная и эллиптическая область

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

Лассо, выберите тему и маску

Иногда редакторам приходится иметь дело со сложным фоном. Тогда эти инструменты пригодятся для этого типа фона. Главная очаровательная сила Photoshop также заключена в этих инструментах. Вы можете использовать инструмент «Ластик для фона».

Инструменты выделения Photoshop

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

.

1. Используйте изображение в многослойном файле

2. выберите желаемую область на фотографиях

3.Стереть фон

4. веб-формат для сохранения изображений

5. сохраните файл

Как сделать фон прозрачным в Photoshop [пошаговое руководство]

Шаг 01: Используйте фотографии в многослойном файле

Сначала откройте Photoshop. Затем откройте в нем изображение товара. Большая часть изображения в формате JPG. Изображение продукта с одним цветом фона используется для завершения этого урока.

Панель «Найти слои» в Adobe Photoshop. Таким образом, панель останется справа от окна фотографий. Если его там не было, найдите его, щелкнув по окну. Затем перейдите к разделу слоев на панели меню. Это было вверху окна Photoshop.

В области панели слоев есть фоновый слой. Дважды щелкните фоновый слой. Появится диалоговое окно нового слоя. Затем он попросит переименовать слой. Назовите его как хотите или не меняйте название.Тогда имя будет слоем по умолчанию 0. После этого сохраните его и нажмите ОК.

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

Затем будет создан прозрачный фон.

Шаг 02: Выберите желаемую область на фотографиях

Используйте инструмент под названием «Волшебная палочка». Вы можете найти этот инструмент слева. Теперь найдите панель параметров в Photoshop. Увидев его, найдите выбранный предмет и щелкните его.Это поможет выделить объект на изображении. Следовательно, фон будет отделен от объекта изображения.

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

В указанном выше продукте Photoshop не может удалить тень от объекта после выделения. Затем найдите панель параметров.Есть значок под названием «Вычесть из выделенного» и выбрать этот вариант. После этого используйте инструменты Magic Wand, чтобы выделить тень. После этого процесс выбора завершается, если товары выбраны.

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

Шаг 03: Стираем фон

На предыдущем шаге вы выбираете продукт. Затем выполните поиск обратного, набрав SHIFT + CTRL + I.Этот параметр доступен на панели «Выбор». Когда вы щелкаете кнопкой мыши, в нижней части меню появляется обратная опция.

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

Если редакторы хотят отменить выбор, нажмите CTRL + D.

Шаг 04: Интернет-формат для сохранения фотографий

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

PNG-24 — лучший формат для сохранения изображения. У этого формата много преимуществ, например, прозрачность нескольких слоев. Пиксельный «ореол» не будет создан на другом цветном фоне при использовании формата PNG-24. PNG-8 и GIF — это старые форматы файлов с прозрачным фоном. Однако эти форматы также могут добавить невероятный эффект ореола.Наконец, PNG-24 — лучший формат для создания эффекта прозрачного фона.

Чтобы сохранить файл в формате PNG-24, необходимо выполнить несколько действий с клавиатуры. Поэтому нажмите SHIFT, затем ALT. Также CTRL и W. все эти кнопки нажимаются вместе. Однако другой способ — открыть опцию файла и перейти в Экспорт также в Экспортировать как.

Эта функция доступна в более ранней версии фотошопа. Если параметр «Экспортировать как» не найден, эта версия находит параметр «Сохранить для Интернета». Затем выберите PNG-24, который находится в меню «Preset».Это предустановленное меню находится в правой части диалогового окна…

Далее в диалоговом окне справа от поля находится набор файлов. Есть опция «Форматировать» и есть формат PNG. Есть опция прозрачности и отметьте эту опцию. Будьте осторожны при использовании 8-битного файла, потому что тогда преобразование файла будет PNG-8.

Выполнив указанную выше задачу, подождите, пока появится файл PNG с желаемым форматом. Этот формат можно найти в левой части изображения.Уточняйте размер фото на сайте. Тем не менее, фотографии большого размера снизят скорость загрузки сайта. Фотографии веб-сайтов размером 200 КБ или меньше подходят для использования в Интернете.

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

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

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

Шаг 5: Теперь сохраните файл как .PNG

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

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

Эффективное использование прозрачного фона при редактировании графики

Живопись и обои — это фон в мире графического дизайна.

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

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

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

01. Сделайте фон простым

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

02. Создание видимости текста

Реклама на веб-сайтах и ​​в социальных сетях — это инструменты для маркетинга продуктов на веб-сайтах. Печатные СМИ тоже обычное место для рекламы. Однако это зависит от фона фотографий.Кроме того, цвета, экспозиция, яркость, контраст, композиция и т. Д. Должны соответствовать изображению для синхронизации с фотографией.

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

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

03. Сделайте присутствие воздушным и свежим

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

04. Используйте фокус зрителей напрямую

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

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

05. Показать внутренний материал

Графические редакторы

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

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

06. Создание многослойного образа:

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

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

07. Показать текстуру

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

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

09. Эффекты наложения творческих результатов

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

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

10. Укрепление бренда

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

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

11.Целевая область видимости:

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

12. Композиция должна создавать сногсшибательную идею:

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

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

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

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

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

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

Вы можете прочитать:

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

Как удалить фон с изображения в PowerPoint

Учебное пособие по использованию инструмента «Перо» в Photoshop | Создание обтравочного контура

Как создать анимированный фон в Photoshop? : Survey Anyplace

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

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

GIF-файлы действительно не так сложно сделать. Если у вас есть доступ к Photoshop и у вас есть несколько свободных минут, вы можете быстро создать анимированный GIF, который привлечет внимание.

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

Шаг 1 — Настройте размер изображения

Шаг 2 — Загрузите изображения или создайте их одно за другим в виде слоев

Шаг 3 — Поместите текст в новые слои

Шаг 4 — Настройте временную шкалу

Шаг 5 — Создайте покадровую анимацию

Шаг 6 — Выберите время для каждого раза

Шаг 7 — Экспорт файла в формате GIF

Шаг 1. Настройте размер изображения

Начнем с настройки размера изображения до 1920 пикселей × 1080 пикселей.

Шаг 2. Загрузите изображения или создайте их одно за другим в виде слоев

Если у вас уже есть несколько изображений, сохраните их в одной папке и загрузите в Photoshop.

Вы можете сделать это, щелкнув: Файл> Сценарии> Загрузить файлы в стек

Затем вы можете просмотреть и выбрать изображения, которые вам нравятся, и нажать OK. Когда вы это сделаете, Photoshop автоматически создаст отдельные слои для каждого изображения.

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

Когда вы будете готовы, все, что вам нужно сделать, это перетащить его на холст Photoshop.

Если хотите, вы также можете настроить изображение с помощью таких эффектов, как Яркость и Контрастность и т. Д.

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

Шаг 3: Поместите текст в новые слои

Чтобы добавить новый слой, все, что вам нужно сделать, это щелкнуть «Слой»> «Новый»> «Слой».

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

Чтобы назвать каждый слой, перейдите на панель «Слой» в правом нижнем углу и дважды щелкните имя слоя по умолчанию («Слой 1»), введите имя по вашему выбору и нажмите Enter.

В этом уроке мы собираемся настроить около 12 слоев, чтобы выделить имя DJ K-Beast. Первый слой будет иметь полное имя светло-серого цвета, а следующие 11 слоев будут представлять каждую букву белым цветом.

ПРИМЕЧАНИЕ

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

Шаг 4. Настройка временной шкалы

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

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

Шаг 5. Создание анимации кадра

Перейдите в окно временной шкалы и выберите «Создать анимацию кадра» из раскрывающегося меню в середине окна.

Теперь ваша шкала времени должна выглядеть примерно так.

Затем перейдите в Select> All Layers

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

После этого вернитесь в то же раскрывающееся меню и выберите «Создать кадры из слоев».

Шаг 6: Выберите время для каждого кадра

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

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

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

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

Шаг 7. Экспорт файла в формате GIF

Когда вы будете готовы сохранить файл, выберите «Файл»> «Экспорт»> «Сохранить для Интернета (устаревшая версия)».

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

Теперь вы готовы повеселиться с новым GIF!

Как удалить фон из изображения в Photoshop

Легко удалить / удалить фон в Photoshop

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

Как удалить фон в Photoshop: первый пример

Ниже приведено пошаговое руководство по удалению фона из изображения в Photoshop с примером:

Шаг 1) Выберите изображение, фон которого вы хотите удалить

Это изображение модели с чистым белым фоном, и мы хотим извлечь модель и удалить фон в Photoshop.

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

Шаг 2) Выберите инструмент «Волшебная палочка» и выберите фон

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

Шаг 3) Применить инверсию

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

Шаг 4) Refine Edges

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

Это изысканная кромочная панель. Я меняю режим просмотра с «черно-белый» на «черный».

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

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

Я удалил неровности и сделал их более мягкими.

Разрешите изменить режим просмотра на «черно-белый».

Имейте в виду, что черный означает «прозрачный», а белый — «непрозрачный».

Шаг 5) Воспользуйтесь «инструментом стирания уточнений».

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

Но это не большая проблема, так что мы можем с ней разобраться позже.

Шаг 6) Новый слой

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

Нажмите ОК

Здесь, на панели слоев, вы видите, что новый слой создается с маской слоя.

А теперь посмотрите на эти прозрачные пиксели.Чтобы разобраться с этим, продублируйте слой, нажав CTRL + J.

И вы можете видеть, что наша проблема решена.

Шаг 7) Вывод

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

Удаление фона в Photoshop: техника выделения на основе яркости

В этой технике удаления фона в Photoshop CC мы поговорим о «выделении на основе яркости».

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

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

Итак, здесь мы будем использовать «палитру каналов» для стирания фона в Photoshop.

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

Теперь перейдите в меню выбора и выберите «Инверсия».

Затем нажмите CTRL + J, чтобы создать новый слой выбранной части.

Вы можете видеть, что здесь создается новый слой выбранной области.

Но выглядит очень плоским.

Итак, чтобы сохранить плотность, выберите слой и нажмите CTRL + J примерно 4-5 раз.

И объединить все повторяющиеся слои.

Теперь вы можете увидеть, с помощью этого трюка, насколько хорошо мы извлекали дым.

Это называется «выбор на основе яркости». техника удаления фона в Photoshop.

Photoshop Извлечение объектов с помощью инструмента быстрого выбора

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

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

Возьмите «инструмент быстрого выбора» и примерно выберите модель.

Щелкните на опции «Уточнить край».

Выберите режим просмотра «на слое».

И начните закрашивать края волос.

Вы можете видеть, как он уточняет выделение вокруг волос.

Посмотрите, некоторые ненужные пиксели также удаляются из выделения.

Я уберу это выделение как «новый слой с маской слоя».

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

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

Итак, вот несколько крутых и быстрых трюков для извлечения в Photoshop cc.

Как сделать фон прозрачным в Photoshop

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

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

Как удалить фон с изображения в Photoshop

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

Тем не менее, стоит изучить этот шаг, так что вы все равно можете прочитать его, чтобы узнать больше о том, как использовать Photoshop.

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

• Сначала найдите свою фотографию на компьютере, щелкните изображение правой кнопкой мыши и выберите открыть с помощью> Adobe Photoshop.

• Когда фотография будет добавлена ​​в Photoshop, вам нужно будет удалить существующий фон. Лучше всего это сделать с помощью инструмента быстрого выбора. Щелкните четвертый значок внизу на панели инструментов Photoshop, а затем выберите Инструмент быстрого выбора , чтобы активировать его.После этого вы можете просто нажать W , чтобы начать его использовать.

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

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

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

• Удерживайте Alt + щелкните / перетащите, чтобы удалить области
• Удерживайте Shift + щелкните / перетащите, чтобы добавить области
• Используйте колесо прокрутки для увеличения масштаба, чтобы приблизиться к вашему объекту

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

• Выбрав нужный вариант, нажмите Ctrl + X . Это вырежет изображение, и вы сможете увидеть, остались ли на нем какие-либо области, которые вы могли пропустить. В этом случае нажмите Ctrl + Z , чтобы повторить этот шаг. Затем просто используйте инструмент быстрого выбора, чтобы выбрать эту область. Продолжайте делать это, пока не выберете полное изображение.

• Теперь вам нужно нажать Ctrl + C , чтобы скопировать изображение, затем нажмите Ctrl + V , чтобы вставить его на новый слой.
• Затем нажмите F7 , чтобы открыть вкладку слоев, если она еще не открыта. Он должен появиться в правом нижнем углу экрана. Щелкните значок глаза рядом с фоновым слоем, чтобы скрыть его.

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

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

Как сохранить изображение с прозрачным фоном в Photoshop

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

• Нажмите Ctrl + Shift + S , чтобы открыть Сохранить как окно . Щелкните раскрывающееся окно Тип файла: и выберите .PNG .
• Дайте вашему изображению имя. Убедитесь, что вы сохранили расширение файла .png.
• Нажмите Сохранить .

• Появится новое окно — вы можете выбрать Большой размер файла , а затем нажать ОК .Теперь у вас будет новое прозрачное изображение в формате PNG на вашем компьютере в том месте, где вы хотите его сохранить.

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

Сводка

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