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

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

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

Удаляем задний белый фон в картинке

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

1. Открываем фотошоп и грузим в него картинку с белым фоном.

2. Заходим в пункт «Выделение», после в «Цветной диапазон».

3. Выбираем «По образцам», кликаем пипеткой левой кнопкой мыши по белой области картинки. Разброс ставим 40 и нажимаем «ОК».

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

4. Переходим в инструмент «Быстрое выделение». Нажав кнопочку ALT, левой кнопкой мыши убираем ненужное выделение.

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

6. Удаляем фон нажав кнопочку «Delete». После правовой кнопкой мыши кликаем на картинке и выбираем «Отменить выделение», если не получается, нажимаем Ctrl + D, выделение уберется.

7. На этом этапе мы и закончили удаление белого фона в улитке.

8. Теперь переходим в меню «Файл», «Сохранить как».

Обязательно выбираем тип файла «.PNG», в другом случае фон будет белый, не прозрачный. Сохраняем.

Открываем и любуемся картинкой без белого фона.

Читайте также в другой статье как установить, добавить шрифт в фотошоп

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

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

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

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

После, как выделили, кликаем правой кнопкой мыши не выходя с инструмента «Быстрое выделение» и переходим в пункт «Уточнить край» и в настройках краев, в пункте сгладить, в нашем случае указываем где-то 10 и нажимаем «ОК». После разблокируем слой и нажимаем «Delete» и удаляем фон.

Функция «Сгладить» нужна для того, что бы при удалении края были гладкие.

Если нужно немножко подтереть, используйте «Ластик»

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

Посмотреть этот урок у видео формате

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

Сделать прозрачный фон в Фотошопе

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

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

Запускаем Фотошоп и открываем подопытную фотографию. Жмем меню Файл – Открыть и указываем расположение изображения.

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

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

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

Жмём инструментом по фону на фотографии, таким образом выделив ненужный нам объект.

Появилась пунктирная линия (бегающие муравьи). Остается нажать на клавиатуре клавишу DELETE и фон будет удален. Смотрите как получилось:

Супер! Теперь снимите выделение нажав на клавиатуре сочетание клавиш CTR+D.

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

Для этого нажмите меню Файл – Сохранить для Web. Или же просто воспользуйтесь горячей клавишей ALT+SHIFT+CTR+S.

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

А теперь смотрите что было и что стало:

Напоследок стоит сказать, что в некоторых случаях когда Вы решите сделать прозрачный фон в Фотошопе на какой-то картинке, то Вам возможно придётся применять другие инструменты выделения, например, Перо или Магнитное лассо. Я использовал инструмент Волшебная палочка, так как у меня на фотографии человека было легко отделить от фона. Если вы будете удалять фон со сложных изображений, то придется немного попотеть.

На этом сегодня всё, желаю удачи!

Интересные статьи по теме:

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

Как использовать слои и маски в Photoshop: руководство для начинающих

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

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

Что такое слои Photoshop?

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

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

Допустим, вы начинаете с фона, заполняющего базовый холст.

Затем вы можете начать создавать дополнительные элементы изображения, используя слои — например, добавляя Марио в сцену.

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

Вы также можете изменить размер изображения с помощью Free Transform ( Ctrl для Windows или Cmd + T для Mac), не затрагивая базовый слой.

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

Вы даже можете вставить дополнительные «вырезы», например, призрачную голову актера Джеймса Стюарта.

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

Однако слои используются не только для композиции изображений.Текст также обрабатывается с использованием слоев, выбирая инструмент Type (или нажимая T на клавиатуре).

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

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

Понимание панели слоев

Каждый добавляемый слой размещается на панели Layers в правом нижнем углу экрана.Если вы не видите панель, нажмите «Окно »> «Слой », чтобы открыть ее.

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

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

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

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

В верхней части панели Layers находится несколько инструментов, наиболее часто используемые (по крайней мере, для новичков) — это Blending Modes , Opacity и Fill .Photoshop позволяет предварительно просмотреть любые изменения с помощью этих инструментов, поэтому поиграйте, чтобы понять, как они повлияют на ваше изображение.

Внизу панели Layers находится еще один набор инструментов:

• FX открывает стилей слоя , где вы найдете такие параметры, как добавление текстур и теней.
• Layer Mask добавляет маску к текущему выбранному слою (мы скоро перейдем к маскам).
• Новый корректирующий слой предлагает варианты изменения цветов и тонов вашего слоя.
• Группа позволяет помещать некоторые слои в одну группу, поэтому вы можете вносить в них изменения, не затрагивая слои вне группы.
• Новый слой добавляет в список прозрачный слой.
• Удалить слой предназначен для удаления ненужных слоев путем перетаскивания их из списка слоев на значок Корзина .

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

Что такое маски слоя?

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

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

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

Вот как начать:

1. Щелкните маску слоя.
2. Выберите инструмент Brush , убедившись, что выбран черный цвет в качестве основного цвета.
3. Проведите кистью по холсту.

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

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

Удерживая нажатой Shift и щелкая по слою Layer Mask , вы также можете включить или выключить маску.Щелчок правой кнопкой мыши также дает вам возможность Удалить слой , Отключить слой или Применить слой . Последний вариант объединяет слой и маску в одно изображение, включая все внесенные вами изменения.

Что такое обтравочные маски?

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

Итак, допустим, вы хотите настроить окраску объекта изображения, не изменяя никакую другую часть изображения.Обычно, если вы добавляете новый слой, например Black & White или Hue / Saturation , он влияет на все. Обтравочные маски предотвращают это.

Вот как создать обтравочную маску:

1. Сначала нажмите New Adjustment Layer и выберите Hue / Saturation (или любой другой вариант, в зависимости от ваших потребностей).
2. Перетащите этот новый слой над слоем, который вы хотите отредактировать. В нашем случае предмет нашего изображения.
3. Щелкните правой кнопкой мыши слой Hue / Saturation и выберите Create Clipping Mask .
4. Вы увидите отступы слоев вверху со стрелкой, указывающей на слой ниже.
5. Отрегулируйте Hue , Saturation и Lightness .Обратите внимание, как это влияет только на слой под ним и ни на что другое.

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

Связанный: Как творчески использовать настройки оттенка / насыщенности в Photoshop

Максимальное использование слоев и масок Photoshop

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

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

Учетная запись Apple ID необходима для загрузки приложений, прослушивания Apple Music, резервного копирования в iCloud и т. Д.Вот как его создать.

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

Подпишитесь на нашу рассылку новостей

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

Еще один шаг…!

Пожалуйста, подтвердите свой адрес электронной почты в письме, которое мы вам только что отправили.

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

Итак, вы готовы к запуску и хотите создать логотип. Как это сделать?

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

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

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

Зачем нужен водяной знак?

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

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

Начало работы

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

Хорошие новости! Я проведу вас через оба. Не забывайте проявлять изобретательность, получать удовольствие и быть собой во всех аспектах фотографии, включая водяные знаки.

Примечание по использованию Photoshop

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

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

1. Откройте файл: Нажмите «Файл» и откройте файл изображения в Adobe Photoshop.
2. Добавить прозрачный слой: На панели слоев выберите «Слой»> «Новый слой» в меню панели слоев. Перетащите этот новый пустой слой под слой с вашим логотипом и выберите слой содержимого на панели слоев.
3. Сделайте фон прозрачным: Используйте инструмент «Волшебная палочка» или инструмент «Лассо», с помощью инструмента «Волшебная палочка» выберите область изображения, которую вы хотите сделать прозрачной. Используя настройку допуска 32 в инструменте волшебной палочки, поэкспериментируйте с различными настройками, чтобы получить желаемый прозрачный фон.
4. Удалить фон: После того, как вы выделите всю область, которую хотите, чтобы волшебная палочка стала прозрачной, удалите фон, и прозрачный фон станет видимым.
5. Повторить на других участках изображения: Возможно, вам придется повторить этот процесс выделения и удаления на этих других участках изображения, в зависимости от его формы, чтобы получить прозрачный фон.
6. Сохраните файл с логотипом: Когда вы будете довольны своим изображением и его прозрачным фоном, не забудьте сохранить его как изображение PNG.Щелкните «Файл» -> «Сохранить как». Выберите «PNG (* .PNG) в качестве формата файла. Сохраните его и нажмите ОК.

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

Как создать водяной знак только для текста

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

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

Сначала создайте новый проект.

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

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

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

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

Как создать водяной знак для логотипа

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

Сначала создайте новый проект.

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

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

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

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

Нажмите «Сохранить для Интернета». Когда откроется меню, выберите «PNG-24».Это сохранит прозрачный фоновый слой, так что вы можете разместить водяной знак на любом изображении, и вы будете видеть только свой водяной знак.

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

Как применять водяной знак

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

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

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

Примечание об изображениях в логотипах

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

Заключение

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