Как сделать полупрозрачным фото в фотошопе: Photoshop. Как сделать изображение прозрачным — DesignLessons – все о дизайне

Содержание

Как сделать прозрачный фон в photoshop. Как сделать фон прозрачным (photoshop). Как сделать картинку полупрозрачной в Adobe Photoshop

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

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

Для работы нам понадобится какое-нибудь изображение. Я взял вот такую картинку с автомобилем:

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

Для разблокировки слоя кликаем по нему два раза и в открывшемся диалоговом окне нажимаем ОК .

Теперь все готово к работе.

Прозрачность (в Фотошопе она называется «Непрозрачностью» ) меняется очень просто. Для этого ищем в палитре слоев поле с соответствующим названием.

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

В общем-то, это все, что необходимо знать о прозрачности изображений.

Давайте выставим значение, равное 70% .

Как видим, авто стало полупрозрачным, и через него проступил фон в виде квадратиков.

Нажимаем сочетание клавиш CTRL+S и в открывшемся окне выбираем нужный формат:

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

Если фон сайта имеет какой-либо рисунок, то он (рисунок) будет просвечивать через наш автомобиль.

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

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

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

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

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

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

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

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

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

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

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

Затем инвертируем выделение сочетанием клавиш CTRL+SHIFT+I

и нажимаем DEL . Результат такой же.

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

Вам понадобится

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

Инструкция

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

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

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

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

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

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

Вариант 1: Изменение прозрачности для всего изображения

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

Вариант 2: Установка частичной прозрачности

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

Сам же алгоритм действий выглядит следующим образом:

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

Вариант 3: Градиентное наложение

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

Как сохранить готовую работу

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

По завершению работы нажмите «Сохранить как». Этот пункт можно найти в контекстном меню при нажатии на кнопку «Файл».
В «Проводнике» обязательно выберите напротив графы «Тип файлов» PNG, PNS. Это универсальный типы файлов, которые можно использовать на веб-сайтах и которые сохраняют прозрачность изображения.
Задайте имя для файла и воспользуйтесь кнопкой «Сохранить».

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

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

Здравствуйте, дорогие читатели моего красочного блога сайт! Почему красочного? Вы посмотрите, какие картинки я делаю! Не каждый осмелится. Кстати как вам? Не сильно мешает восприятию? Мне важно ваше мнение. Пишу уроки то я для вас! Итак, по делу!

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

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

1. Откройте Фотошоп.

2. Пройдите в меню «Файл» => «Открыть» и выберите ваше изображение, которому желаете придать прозрачность.

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

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

3. Щелкните левой кнопкой мыши по этому слою два раза либо перейдите в меню «Слой» => «Новый слой» => «Из заднего плана».

4. В появившемся окне нажмите кнопку «ОК».

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

5. Убедитесь, что у вас выделен слой с изображением и измените пункт «Непрозрачность» на то значение, которое посчитаете необходимым. Я изменю непрозрачность на 85%.

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

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

6. Нажимаем сочетание клавиш «Ctrl+Shift+Alt+S» или идем в меню «Файл» => «Сохранить для Web и устройств».

7. Выбрать формат сохранения «PNG-24» и в этом формате ни чего больше не меняя сохранить файл.

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

На этом у меня все! Не забывайте этого блога! Если у вас остались вопросы, то смело задавайте их в комментариях! Увидимся в следующих уроках!

05.06.16 26.7K

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

В этой статье мы расскажем, как сделать прозрачность в Фотошопе .

Создание файла

Первый шаг – это создание файла. Для этого откройте Adobe Photoshop и в меню «Файл » (File ) вверху страницы выберите «Создать » (New ).

Затем в появившемся окне «Новый документ » (New Document ) создайте файл нужного размера, и убедитесь, что разрешение документа составляет 72 пикселя на дюйм (поскольку файл предназначен для использования в веб ). А также, что вы выбрали значение «Прозрачный » (Transparent ) в выпадающем списке «Содержимое фона » (Background Contents ).

*Перед тем, как сделать PNG с прозрачностью в Фотошопе , нужно уточнить, что в этом примере мы создаем изображение для загрузки в качестве фона для сайта, поэтому размер документа задан следующим образом: ширина 3000 пикселей, высота 1730 пикселей, что является рекомендуемыми размерами для загрузки HD изображений:

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

Затем в панели «Слои » (Layers ) убедитесь, что работаете на прозрачном слое, а не на фоновом:

После того, как вы завершили создание и готовы сохранить прозрачное изображение, в зависимости от используемой версии Photoshop , в меню «Файл » (File ) вы можете использовать один из возможных вариантов:

Photoshop версии ранее, чем CC 2015:

Сейчас мы расскажем, как сделать прозрачность картинки в Фотошопе , который вышел раньше CC 2015 . В этих версиях используют метод «Сохранить для Web » (Save for Web & Devices ), чтобы сохранить и оптимизировать PNG изображения для использования в вебе. Чтобы воспользоваться этим методом, просто зайдите в меню «Файл » (File ), и далее – «Сохранить для Web » (Save for Web & Devices ):

Затем в появившемся окне выберите PNG-24 из выпадающего меню возможных значений, а потом убедитесь, чтобы выбраны опции «Прозрачность » (Transparency ) и «Преобразовать в sRGB » (Convert to sRGB ).

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

Поля «Размер изображения » (Image Size ) автоматически заполняются значениями, которые вы задали, когда создавали файл. Но если вы хотите изменить размер файла перед сохранением, то можно сделать это сейчас.

Photoshop версии CC 2015:

Перед тем, как сделать прозрачность фото в Фотошопе , нужно знать, что с версии CC 2015 опция «Сохранить для Web » (Save for Web & Devices ) в меню «Файл » (File ) помечена как Legacy (устаревшая ). И замещена на новую опцию «Экспорт » (Export ), которая предлагает идентичную функциональность с более быстрым сохранением в файле меньшего размера и в лучшем качестве. Чтобы воспользоваться опцией «Экспорт », нажмите меню «Файл » (File ), а затем — «Экспортировать как » (Export As ).

Примечание: Adobe по-прежнему предлагает опцию «Сохранить для Web » (Save for Web & Devices ) в Photoshop CC 2015 , и она доступна через меню Файл > Экспорт (File > Export ) или при использовании комбинации клавиш Command+Option+Shift+S (для Mac ) или Ctrl+Alt+Shift+S (для ПК ):

Затем в появившемся окне выберите PNG из выпадающего меню «Формат » (Format ) и убедитесь, что выбраны опции «Прозрачность » (Transparency ) и «Преобразовать в sRGB » (Convert to sRGB ).

Поля «Размер изображения » (Image Size ) и «Размер холста » (Canvas Size ) должны автоматически заполниться значениями, которые вы задали, когда создавали файл. Но при желании можно изменить эти параметры перед тем, как сделать эффект прозрачности в Фотошопе .

Достаточно часто при обработке изображений в графическом редакторе изображений Adobe Photoshop требуется создать прозрачный фон вокруг какой-то части редактируемого изображения. Без данной процедуры не обойдись, если вы делаете коллаж из фотографий, накладываете одну часть первого изображения на второе, или создаете изображение с прозрачным фоном для веб-сайта формата. GIF или.PNG. Как создать прозрачный фон в Фотошопе в этом случае?

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

Любым способов, выделите ту часть изображения, которую следует оставить непрозрачной. К примеру, для этого можно использовать инструмент «Лассо». После выделения вы должны получить замкнутую фигуру, образованную линией выделения с мерцающими контурами.
Создайте копию выделенного слоя нажатием клавиш Ctrl и J на клавиатуре. В окне управления слоями должен появиться новый слой, содержащий только выделенный в предыдущем шаге фрагмент исходного изображений. Фон вокруг данного фрагмента в новом слое должен быть прозрачным.
Теперь можно удалить слой с исходным изображением, перетащив его в окне управления слоями в корзину, и сохранить новый слой в одном из двух форматов, поддерживающих прозрачные фоны: GIF или PNG. Или продолжить работу с выделенным фрагментом, вклеивая его в соответствии со своими задумками в другие изображения.

Разумеется, что в п.1 для выделения нужной области, в зависимости от исходного изображения, можно использовать другие более гибкие инструменты: «Магнитное лассо», «Быстрое выделение», «Волшебную палочку».

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

Сделать это с минимальными усилиями позволяет фильтр Extract (извлечение). Данный фильтр по каким-то причинам убран разработчиками из последних версий фотошопа, но остался доступен в качестве установке дополнительного внешнего модуля.

Чтобы сделать прозрачный фон с его помощью сделайте следующее.

В верхнем главном меню нажмите на группу «Фильтр» и в появившемся меню выберите пункт «Extract».
В левой части окна выберите инструмент с названием пограничный маркер (Edge Highlighter Tool). Задайте необходимый размер маркера справа в окне «Brush Size» в соотвествии с размером изображения.
Проведите маркером по границе отделяемого фона таким образом, чтобы маркер закрашивал примерно половину вырезаемой фигуры и половину отделяемого фона. Не стремитесь сразу к идеалу. Впоследствии вы можете подкорректировать результат работы в данном шаге. Образуйте замкнутое выделение.
Залейте с помощью заполнителя «Fill Tool» ту часть изображения, которую нужно составить на прозрачном фоне и нажмите кнопку «Ок».
В результате вы получите выбеленное изображение на прозрачном фоне.
Теперь можно исправить все недостатки выделения, полученные в п.3 с помощью инструмента «Архивная кисть», которая будет восстанавливать ошибочно удаленные участки. Или наобор, удалять все лишее, что попала в рисунок с помощью инструмента «Ластик».

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

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

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

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

1. Открываем Photoshop . Открываем в нем картинку, которую нужно разместить на прозрачном фоне (File->Open… ).

2. Выделяем все изображение/фото (Ctrl+O ).

3. Копируем выделенную картинку (Ctrl+C ).

4. Открываем новый файл в Фотошопе (File->New… или Ctrl+N ). В появившемся окне в самом нижнем выпадающем списке выбираем значение Transparent — «прозрачность»:

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

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

6. Выделите область, которую нужно удалить с помощью обычных инструментов выделения (М )

или с помощью «волшебных» инструментов (W ):

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

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

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

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

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

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

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

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

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

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

В каком формате сохранить картинку с прозрачностью

Обратите внимание, что сохранять обработанную в Фотошопе фотографию с прозрачными участками в формате JPEG нельзя — этот формат не поддерживает прозрачность. Прозрачные участки при сохранении в JPG автоматически будут заполнены цветом (по умолчанию — белым). Среди форматов, которые используются в веб , корректно отображаются браузерами и поддерживают прозрачность — только GIF и PNG. Родной формат Фотошопа PSD браузерами не отображается.

К сожалению, графические форматы GIF и PNG имеют свои ограничения. Формат GIF, как и 8-битный PNG, может запомнить максимум 256 цветов, потому для сохранения фотографий он не подходит. Несмотря на то, что 24-битный PNG подходит для хранения фотографий и другой графики с градиентами и прозрачностью, многие сайты ставят ограничение на форматы загружаемой посетителями графики. Потому свои фото или аватары можно загрузить на такие сайты только в формате JPG или GIF. В этом случае фотографию придется сохранять не на прозрачном фоне, а вставлять в Фотошопе тот фон, на котором она будет размещаться на сайте, сохранять результаты работы в JPG и уже потом заливать на сайт.

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

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

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

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

Делаем прозрачным все изображение

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

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

Сохранение отредактированного изображения

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

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

Создание на изображении

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

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

Делаем прозрачным фон изображения

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

После того как вышеописанные манипуляции были произведены, выполняем сведение слоев и смотрим на результат. Если он нас устраивает, то сохраняем изображение в формате PNG. Если нет, то отменяем последнее действие и продолжаем работу со слоями до тех пор, пока результат нас не устроит. Эта работа очень кропотлива и требует концентрации внимания. Ибо одно неверное движение ластиком — и придется все переделывать. Оно вам надо? Не думаем.

Заключение

Благодаря этому небольшому уроку вы узнали, как использовать прозрачность в «Фотошопе». Теперь ваша работа с этой программой будет более продуктивной. Да и прозрачность всегда нужна. Вне зависимости от того, какой процесс редактирования вы выполняете. Главное — не перестараться, ибо чрезмерная прозрачность не нужно. Нужно, чтобы изображение было хоть немного видно. Таким же способом можно сохранять объекты с прозрачным фоном в формате PSD для последующего использования их в других проектах. С помощью прозрачности фона или изображения можно неплохо расширить свои творческие горизонты. Так что дерзайте, будущие боги «Фотошопа». Тренируйтесь, и будет вам счастье.

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

Вам понадобится

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

Инструкция

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

Источники:

Просто о создании сайтов и баннеров

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

Вам понадобится

Редактор html-кода

Инструкция

К изменению облика вашего ресурса можно пойти двумя путями. Первый — обратиться к специалисту (web-мастеру) и он за определенную плату внесет все необходимые изменения. Другой путь – это . Для того, чтобы изменить внешний вид вашего сайта , вы должны изучить основы html–кода и воспользоваться одним из его редакторов.

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

Итак, вы знаете ширину макета сайта . Подготовьте изображение для размещения. Загрузите его на сервер, где расположен ваш сайт. Картинка должна быть сохранена в одном из трёх форматов: jpeg, gif или png. Для корректного отображения фон должен быть по ширине таким же, как и ширина страницы.

Откройте в редакторе html-кода , на которой вы хотите изменить фон. Найдите строку «background-image». Если такой строки нет, напишите её в поле тэга «body». Как на картинке.
В данном коде «url(«images/bg.jpg»)» — это путь к вашему фоновому . Пропишите его. Сохраните изменения.

Обратите внимание

Для корректного отображения фон должен быть по ширине таким же, как и ширина страницы.

Полезный совет

Для редактирования сайта пользуйтесь программой Dreamweaver.

Источники:

как сделать сайт картинки в 2019

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

Инструкция

Создайте новый файл – откройте в меню File опцию New, и в окошке настроек выберите опцию Transparent. Созданный файл будет полностью состоять из прозрачного фона. Находясь на данном файле, нажмите Ctrl+V, чтобы вставить скопированную на предыдущем файле выделенную область. Ваше изображение в качестве второго слоя файла закроет прозрачный фон.

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

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

В некоторых случаях вам может потребоваться полупрозрачный рисунок – например, полупрозрачный может стать необычным украшением коллажа или веб-сайта, а также полупрозрачный текст можно использовать в качестве . Для того чтобы нанести на фото полупрозрачный текст, откройте нужное изображение, а затем выберите в меню текстовый инструмент (Т).

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

Видео по теме

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

21.12.14 32.7K

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

Основы работы c фоном в Photoshop

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

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

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

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

Возможность редактирования изображений в Photoshop построена на использовании слоев. Каждый из них является отдельным независимым объектом. Изменение любого из слоев никак не отразится на содержимом остальных. Слоевая структура изображения отображается на панели «Слои »:

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

Использование корректирующего слоя

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

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

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

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

Удаляем небо

Надоело нам скучное небо над городом. Поэтому удалим его с помощью инструмента «Стиратель фона ». Он находится на боковой панели слева:

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

Все изменения коснулись лишь основного слоя. Перед тем, как изменить фон, через меню «Слой » — «Новый » создаем новый:

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

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

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

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

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

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

Размытие заднего фона

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

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

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

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

После активации инструмента осторожно проводим курсором вдоль контуров фигуры девушки. А затем в контекстном меню выбираем пункт «Инвертировать выделение »:

Перед тем, как сделать задний фон размытым, применим встроенный фильтр графического редактора. Для этого в меню «Фильтр » выбираем пункт «Смазывание » — «Смазывание Гаусса »:

Получилось, конечно, не без изъянов. Но все их можно убрать с помощью инструмента «Размытие ». И вот что получилось:

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

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

Приветствую Вас, дорогие читатели моего блога!

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

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

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

Покажу Вам на примере, вот такой картинки, убирать мы будем белый фон

Заходим в онлайн фотошоп. Я использовала вот этот PIXLR

Выбираем: Загрузить изображение с компьютера.

Теперь справа в окошке «СЛОИ» надо открыть замочек

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

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

Вот вроде бы и все, но меня не устраивает полностью картинка, остались еще остатки фона, я снова кликаю на то место которое хочу убрать. Потом «редактировать»—-«очистить». И так пока не уберете все, что надо.

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

Оценить статью: Онлайн-программма Pixir-делаем прозрачный фон у картинки.

Сергей Фещуков

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

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

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

Возьмём в пример одну простую картинку в формате.jpg (вообще формат не важен особо):

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

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

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

Теперь берем волшебную палочку (панель инструментов, правый столбец вторая кнопка сверху), указываем следующие параметры: допуск = 21, галочки стоят на сглаживании и непрерывности (обычно такие параметры стоят по стандарту), хотя с параметрами можете поэкспериментировать; и нажимаем на фон картинки (в нашем случае, на белый фон).

Теперь удаляем фон нажатием кнопочки «Delete» и получаем нужное нам изображение с прозрачным фоном.

В итоге на выходе получаем то же изображение с прозрачным фоном.

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

спасибо Натальи Петровой

Работа со слоями и масками в Adobe Photoshop. Как тонко настроить яркость, контраст и добавить объём в кадр?

Наглядный пример обработки фото с помощью слоёв и масок

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

Для примера взят очень тёмный кадр, чтобы вносимые нами коррекции были заметнее. Конечно, такие серьёзные ошибки экспозиции нужно исправлять на этапе RAW-конвертации, оставляя для Photoshop только финишные манипуляции.

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

Зелёной рамкой выделена панель создания корректирующих слоёв, жёлтой — кнопка создания слоя с кривыми.

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

Займёмся цветом. Кадр выглядит тусклым. Воспользуемся корректирующим слоем Vibrannce/Saturation. Регулятор Vibrance работает деликатнее, повышая насыщенность только тех цветов, которые этого требуют, и не трогает и без того сочные участки.

Я намеренно переусердствовал с насыщенностью, чтобы показать главную фишку, ради чего вообще необходимо делать все коррекции на отдельных слоях. Итак, у нас есть хорошие участки и заведомо перенасыщенные: небо, зелень, белые скатерти (ставшие синими) на веранде ресторана… Раз эта коррекция в отдельном слое, мы можем в любой момент вернуться к её настройкам и ещё раз отрегулировать Vibrance.

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

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

Найдём ползунок Opacity («Непрозрачность») и установим значение 50%. Слой стал полупрозрачным, и наша коррекция действует вполсилы. Такой метод хорош тогда, когда не хочется возиться с настройкой сложных регулировок и хочется убавить их воздействие.

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

Настраиваем маску корректирующего слоя. Однако мне такой вариант тоже не нравится: теперь некоторым участкам на фото опять не хватает сочности. Проблема в том, что часто нужно воздействовать не на весь снимок, а только на фрагменты. Для этого и существует маска. На маске корректирующего слоя можно стереть участки, в которых кадр оказался перенасыщенным. Но мы их будем стирать не до конца, а ровно на 50%. Выделим маску корректирующего слоя и активируем инструмент «Кисть». Чаще всего фотографы работают очень мягкой кистью, чтобы на фото не было заметно резких переходов. Щёлкнув правой кнопкой мыши на любом фрагменте, настроим «Кисть» так, чтобы она была очень большой, но с нулевой жёсткостью (Hardness).

Ошибка: создание маски жёсткой кистью (Hardness = 100). Результат неудовлетворительный.

Та же маска (затемняющая края кадра и не трогающая цветок), но созданная с помощью мягкой кисти большого диаметра. Границ воздействия маски незаметно.

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

Жёлтой стрелкой отмечена выбранная маска корректирующего слоя, с которой мы будем работать, красной — инструмент «Кисть», зелёной — параметры кисти.

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

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

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

Как вывести полученную маску не только на превью слоя, но и на сам снимок? Зажимаем клавишу «\» — на дисплее красным цветом отобразится маска. Чем краснее, тем прозрачнее. Чтобы убрать её, ещё раз нажмём «\».

Теперь снимок приобрёл более законченный вид. Можем ещё раз оценить яркость. Самое время более детально, с помощью масок настроить яркость каждого участка кадра. С точки зрения композиции, визуальный и смысловой центр кадра — старый каменный мост. Однако есть другие яркие элементы, отвлекающие внимание. Сделаем участок с мостом светлее, остальное — темнее. Сначала займёмся мостом: создадим слой с кривыми и увеличим яркость (пока всего снимка):

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

Маску слоя можно инвертировать: сделать так, чтобы пока наш корректирующий слой не воздействовал ни на что. Найдём в панели Properties (там, где был график кривой) пункт Masks. А в нём нажмём кнопку Invert — маска станет чёрной, то есть абсолютно прозрачной.

Жёлтой рамкой выделен пункт Masks, где можно инвертировать маску с помощью кнопки Invert (красная рамка). Для любого слоя можно создать маску (кнопка, выделенная зелёной рамкой).

Результат создания маски для каменного моста

Возьмём кисть белого цвета с непрозрачностью 100% и обрисуем нужный участок с мостом. Теперь наша коррекция осветляет только этот фрагмент.

Промежуточный итог. Рисование затемняющей маски кистью

Займёмся затемнением второстепенных объектов и создадим слой с кривыми, который сделает кадр темнее. Опять инвертируем маску и обрисовываем белой кистью объекты, которые хотим затемнить. Теперь попробуем дорисовать маску другим полезнейшим инструментом — градиентом.

Выбран инструмент «Градиент» (зелёная стрелка). В параметрах градиента (красная стрелка) выбираем вариант от белого к прозрачному. Непрозрачность градиента установлена на 10% (синяя рамка).

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

На небе и воде — пример пятен от маски, нарисованной кистями.

Затемнение неба с помощью маски, созданной градиентами

Давайте настроим его. Выберем тот вариант, который заливает от сплошного цвета к полной прозрачности. Теперь установим очень низкую непрозрачность слоя, около 10%. Рисуем градиенты по углам. Например, в районе неба, зелени. В Photoshop градиент работает не так, как в Lightroom. Поставьте курсор туда, где градиент должен быть максимально плотным. Нажмите левую кнопку мыши и проведите линию до того места, где он должен сойти на нет. Отпустите кнопку, градиент готов. Эдакое ручное виньетирование. Если хочется какой-то угол затемнить сильнее, накладываем несколько градиентов. Так я поступлю с правым нижним углом, чтобы зелень не отвлекала. Градиент может работать и как ластик, если выбрать для него чёрный цвет.

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

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

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

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

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

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

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

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

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

Сервис Online-Photoshop позволяет удалить задний фон

Первый ресурс, позволяющий создать прозрачный фон онлайн – это Online-Photoshop. Работа с ним достаточно проста, позволяя за пару минут получить объект с прозрачным фоном на вашем фото.

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

Теперь нажимаем стрелочку справа и смотрим результат. Если всё хорошо, нажимаем на кнопку «Download» сверху и сохраняем результат к себе на ПК.

Сервис Pixlr задаём один цвет фону

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

Сервис IMGonline позволяет сделать прозрачный фон

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

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

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

Замечу, что за счёт автоматизации качество получаемой обработки обычно хуже, чем в перечисленных выше Online-Photoshop и Pixlr.

Сервис Watermark.Algid.Net

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

Для работы с данным сервисом фотографию нужно подготовить, для чего нужно закрасить потенциально прозрачную область цветом, отсутствующим на самом изображении (например, синим, как приведено в примере ниже). Также важно, чтобы фото было в формате png или gif.

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

Сервис LunaPic убираем задний фон изображения

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

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

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

Заключение

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

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

1. Открываем Photoshop . Открываем в нем картинку, которую нужно разместить на прозрачном фоне (File->Open… ).

2. Выделяем все изображение/фото (Ctrl+O ).

3. Копируем выделенную картинку (Ctrl+C ).

6. Выделите область, которую нужно удалить с помощью обычных инструментов выделения (М )

или с помощью «волшебных» инструментов (W ):

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

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

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

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

В каком формате сохранить картинку с прозрачностью

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

Делаем прозрачным все изображение

Сохранение отредактированного изображения

Создание на изображении

Делаем прозрачным фон изображения

Заключение

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

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

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

Заливка (Fill) — это настройка со 100% шкалой, позволяющая изменять видимость слоя, не затрагивая наложенных на него .

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

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

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

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

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

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

Примечание

Фоновый слой (с иконкой замка) не может быть прозрачным. Для него эти настройки неактивные.

Еще одно примечание

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

Способ 1 Ввод цифр

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

Способ 2 Ползунковый регулятор

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

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

Способ 3 С помощью клавиатуры

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

Теперь нажимайте на клавиатуре цифры:

Цифра 1 изменит непрозрачность до 10%, 2 — до 20%, 5 — до 50% и так далее;
Цифра 0 означает 100%;
Наберите 55 и получите 55%, 67 — это 67% и так далее

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

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

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

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

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

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

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

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

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

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

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

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

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

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

Как сохранить изображение с прозрачностью

Существует множество , но только два из них поддерживают прозрачность — PNG и GIF.

У GIF есть ограничение — пиксель должен быть либо прозрачным, либо нет, третьего не дано, то есть значение прозрачности, например, 59% уже не будет поддерживаться. Также у этого формата ограничения по количеству используемых цветов — их может быть не более 256.

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

Чтобы в фотошопе изображение в формате PNG нужно выполнить команду: Файл — Сохранить как . Появится диалоговое окно, в котором нужно указать место для сохранения на компьютере, а также выбрать из выпадающего списка Тип файла — PNG(*.PNG) .

Заметили ошибку в тексте — выделите ее и нажмите Ctrl + Enter . Спасибо!

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

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

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

Открывать фотошоп и рисовать в рисунке с мамонтенком вместо синего фона клеточки? А потом пытаться подогнать их к основному фону страницы? Это не выход!!!

Так вот, докладываю, что графические форматы gif и png — поддерживают режим прозрачности, позволяя тем самым сделать некоторые области рисунка невидимыми человеческому глазу — что нам собственно и нужно!

Теперь по порядку:

1. Откройте рисунок фон которого нужно сделать прозрачным с помощью Adobe Photoshop.

2. Откройте закладку «Изображение» >> «Режим» >> «Индексированные цвета» .

3. В появившемся окне-диалоге «Индексированные цвета» ставим галочку «Прозрачность» и нажимаем «ОК»

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

5. Ну и сохраняем нашу картинку в формате gif .. закладка «Файл» >> «Сохранить для Web…» в появившемся окне указываем (соглашаемся), что картинка будет сохранена в формате gif жмем «Сохранить» .. выбираем папку пишем имя — всё это Вы, я надеюсь умеете..

Всё картинка с прозрачным фоном создана!!

Теперь её можно снова вставить в нашу страницу, не забыв при этом сменить расширение jpg на gif .

Создание в рисунке прозрачных областей
gif » alt=»Мамонтёнок»>

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

39 60 839 0

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

Вам понадобятся:

Подготовка к обработке

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

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

Работаем с «волшебной палочкой»

Находится он, как вы уже догадались, на боковой панели инструментов (если вы не изменяли назначение горячих клавиш в Adobe Photoshop, то выбрать этот инструмент можно при помощи нажатия на кнопку “W”).

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

Удаляем фон

Итак, наводим “волшебную палочку” на область с фоном, который нужно удалить, и кликаем по нему левой кнопкой мыши. Область с фоном выделится штрих-пунктиром, и всё что нам остаётся – это нажать кнопку “Delete”. По очереди повторяем эту процедуру, пока не получим фон, который окрашен чем-то, похожим на шахматную клетку. Это значит, что такая область – прозрачна.

Сохранение изображения

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

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

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

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

Кликаем левой кнопкой мыши «Файл» (File) (в левом верхнем углу). В раскрывающемся списке выбираем «новый» (New). В «содержании фона» (Background Contents) выбираем «прозрачный» (Transparent). Этот способ стоит использовать тем, кто хочет создать собственное изображение без фона. Он не подойдет, если вы хотите убрать фон из готового изображения. Для этого нужно воспользоваться вторым способом.

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

Графический редактор фотошоп отличается тем, что в нем используется работа со слоями. Изображение, за которым делается прозрачный фон, нужно скопировать на новый слой. Делается это одновременным нажатием клавиш Ctrl и J (далее будем использовать общеупотребимое сокращение, например, Ctrl+J). Для выполнения этого можно воспользоваться другим способом — щелкаем правой кнопкой мыши по слою и в раскрывающемся меню выбираем пункт «создать дубликат слоя» (Duplicate Layer). В следующем появляющемся окне нажимаем «OK». Должно получиться два одинаковых слоя, только один из них будет называться «слой 1», а другой — «фон».

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

Третий этап — необходимо отделить изображение от фона. Это можно сделать с помощью инструмента под названием «резинка». На клавиатуре он включается клавишей «E». Размеры инструмента резинка можно менять с помощью клавиш «[» и «]» на английской раскладке. Менять размеры инструмента вам понадобится для того, чтобы аккуратно «стереть» фон вокруг объекта. Если вы все правильно сделали, то вокруг объекта у вас останется «шахматное поле» — это и есть отсутствие фона, то есть прозрачный фон.

Последний этап — это сохранение картинки с прозрачным фоном. Сохранение стандартное. В левом верхнем углу левой кнопкой мыши выбираем «Файл» (File) в раскрывшемся списке выбираем «Сохранить как» (Save as). Под изображением и строчкой «Названием файла» будет находиться строка «тип файла». В этой строке вы выбираете формат, в котором сохранится изображением. Можно выбрать формат «.psd» или формат «.png». Рекомендуется использовать последний формат. После этого действия нажимаем «сохранить». В формате JPEG прозрачность не сохраняется.

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

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

Необходимо преобразовать фон картинки в слой. Для этого щелкаем правой кнопкой мыши по фону в области справа, где отображаются слои. Выбираем «Layer from background»/«Из заднего плана» (большинство версий фотошопа, скаченных с торрентов, на английском языке. Это замечание справедливо и для многих туториалов). В открывшемся меню кликаем «OK». Выбираем инструмент «Волшебная палочка». Им можно пользоваться, только если фон, который необходимо вырезать, однороден по цвету (в другом случае используем инструмент ”Лассо”). Выделяем фон. Нажимаем Delete. После этого видим наш объект на фоне шахматного поля. Это и есть прозрачный фон. Осталось только сохранить изображение описанным выше способом.

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

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

Вам понадобится

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

Инструкция

Источники:

Просто о создании сайтов и баннеров

Вам понадобится

Редактор html-кода

Инструкция

Обратите внимание

Для корректного отображения фон должен быть по ширине таким же, как и ширина страницы.

Полезный совет

Для редактирования сайта пользуйтесь программой Dreamweaver.

Источники:

как сделать сайт картинки в 2019

Инструкция

Видео по теме

Facebook

Twitter

Вконтакте

Одноклассники

Google+

Вырезание объектов со сложной прозрачностью с однородного фона

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

UPD. Сейчас алгоритм усовершенствован http://berebas.livejournal.com/7157.html

Итак, как вырезать сложный объект в фотошопе?

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

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

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

Выделяем на оригинальном изображении область с бутылкой

И помещаем её сверху на новом слое

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

Чтобы нужное ч/б изображение для маски — мы создаем над слоем с бутылкой, корректировочный слой Black & White и присваиваем ему статус Clipping Mask для нашего слоя с бутылкой. (Правый клик на слое => пункт Clipping Mask).

Задача — получить 100% черный фон. Наш фон — зеленый, значит и менять значение мы будем только у зеленого цвета. Чтобы получить 100% черный, мне пришлось изменить параметр яркости зеленого фона от исходных 40, до -55.

Комбинация клавиш Ctrl E, склеит корректировочный слой и слой с бутылкой.

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

Зажав Alt кликаем по маске основного слоя, тем самым переходя в режим работы с ней.
Ctrl A, мы выделяем всю видимую область маски, Ctrl C копируем.
Ctrl Shift N, создаем новый чистый слой. И помещаем его под слоем с бутылкой.
Ctrl Shift V, вставляем маску в слой.

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

В итоге я получил такой результат:

После завершения всех действий склеиваем оба слоя (Ctrl E), выделяем всю видимую область (Ctrl A), копируем (Ctrl C), переходим в режим маски основного слоя (клик по маске с зажатым Alt) и вставляем наше изображение (Ctrl V).
Слой с нашей заготовленной маской теперь можно удалить.

Наша маска готова. Но в нашем случае осталось еще избавиться от зеленого оттенка. Для этого я использовал корректировочный слой Hue/Saturation. Выбрав зеленый диапазон в настройках, я сменил его оттенок с зеленого на синий дополнительные корректировки тона в голубом и синем диапазонах. Этот момент уже требует определенного вкуса и чувства цвета. Результат я протер по маске в области бутылки. Я специально не использовал кисть в режиме color, чтобы сохранить тональные переходы и желтое отражение футболки.

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

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

Рендеринг изображения прозрачным с помощью Photoshop

Услуги редактирования изображений

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

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

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

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

Выберите нужный слой, выбрав вкладку Layers (это будет напоминать свернутую страницу).
Выберите уровень непрозрачности в поле выше. По умолчанию это будет 100%, но вы можете уменьшить его даже до 0, если хотите.
Сохраните изображение в формате PNG, чтобы сохранить его прозрачность.

Создать прозрачные выделения

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

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

Сделать прозрачный фон Услуги ретуширования изображений

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

Откройте Photoshop и выберите File , а затем выберите New .
Перейдите в область Background Contents и выберите Transparent ; затем нажмите ОК .
Перейдите в раздел Layers и убедитесь, что он отображается как клетчатое серо-белое поле. Если это так, это означает, что слой уже прозрачен.
Добавьте сюда свое изображение.

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

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

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

Шаг 1. Откройте изображение / Сделайте изображение прозрачным / Дублируйте изображение

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

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

Шаг 2: Перетащите нашу картинку на

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

Шаг 3. Измените прозрачность и затемните изображения

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

Шаг 4: Добавьте значок камеры, чтобы добавить инструмент градиента

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

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

Ох уж эти ужасные фоны

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

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

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

Создание прозрачного фона изображения

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

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

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

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

У меня нет фотошопа

Значит, у меня нет фотошопа.Ну, по нескольким причинам. Один слишком дорого. У меня нет 1000 долларов на покупку программы.

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

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

Но у меня есть Mac

У меня есть Mac, или компьютер Apple, Macintosh, или как вам угодно Это! 🙂 И позвольте мне сказать вам, что Mac настолько удобны в использовании, когда дело касается изображений или всего, что связано с фотографиями.

Я начал поиск на форуме поддержки Apple, пробился в Google, но все еще не мог найти ответ, который искал.

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

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

Привет, если вы используете свой смартфон, планшет или iPad, нажмите здесь, чтобы просмотреть видео!

Кстати, узнайте, что продается!

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

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

Как насчет более 2000 долларов удивительных продуктов от блоггеров о естественном здоровье и настоящих кулинарах, а также авторов бестселлеров всего за 39 долларов !!! Я знаю, СУМАСШЕДШИЙ, правда?

Обязательно загляните, распродажа продлится всего 1 неделю и завершится в полночь 7 ноября!

Заинтересованы в других отличных публикациях, подобных этой?

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

Обязательно ознакомьтесь с , все мои другие советы по ведению блога (расположены вверху под вкладкой «Статьи» и под «Статьи блоггеров о еде») и мою серию потрясающих фотографий !

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

Transparent Canvas — Ask Tim Gray

Сегодняшний вопрос: У меня внезапно возникла проблема [в Photoshop], с которой я раньше не сталкивался при добавлении дополнительного холста к изображению.При добавлении дополнительного холста к плоскому изображению я получаю прозрачную клетчатую доску вместо чисто белой границы. «Цвет расширения холста» в нижней части диалогового окна неактивен (неактивен). Я уверен, что есть очень простое решение, которое я здесь упускаю.

Ответ Тима: В каком-то смысле это два вопроса в одном. Иногда вам могут потребоваться прозрачные пиксели для дополнительного холста вокруг изображения, а иногда вам может потребоваться, чтобы фактические пиксели заполняли эту область, поэтому полезно понять, как работает этот параметр.Ключевым моментом является наличие (или отсутствие) слоя фонового изображения.

Если изображение содержит слой фонового изображения, диалоговое окно «Размер холста» (доступное при выборе «Изображение»> «Размер холста» в меню) будет включать параметр для установки цвета, который будет использоваться для новой области холста, которая будет добавлена к изображению. По умолчанию используется текущий цвет фона (по умолчанию белый) для этой области холста, но при желании вы можете выбрать другой вариант во всплывающем окне «Цвет расширения холста».

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

Как сделать прозрачный фон в photoshop. Как сделать фон прозрачным (photoshop). Как сделать картинку полупрозрачной в Adobe Photoshop

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

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

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

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

Вариант 1: Изменение прозрачности для всего изображения

Вариант 2: Установка частичной прозрачности

Вариант 3: Градиентное наложение

Как сохранить готовую работу

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

Создание файла

Photoshop версии ранее, чем CC 2015:

Photoshop версии CC 2015:

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

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

В каком формате сохранить картинку с прозрачностью

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

Делаем прозрачным все изображение

Сохранение отредактированного изображения

Создание на изображении

Делаем прозрачным фон изображения

Заключение

Рекомендуем также

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

Основы работы c фоном в Photoshop

Использование корректирующего слоя

Удаляем небо

Размытие заднего фона

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

Работа со слоями и масками в Adobe Photoshop. Как тонко настроить яркость, контраст и добавить объём в кадр?

Наглядный пример обработки фото с помощью слоёв и масок

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

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

Сервис Online-Photoshop позволяет удалить задний фон

Сервис Pixlr задаём один цвет фону

Сервис IMGonline позволяет сделать прозрачный фон

Сервис Watermark.Algid.Net

Сервис LunaPic убираем задний фон изображения

Заключение

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

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

В каком формате сохранить картинку с прозрачностью

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

Делаем прозрачным все изображение

Сохранение отредактированного изображения

Создание на изображении

Делаем прозрачным фон изображения

Заключение

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

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

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

Как сохранить изображение с прозрачностью

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

Подготовка к обработке

Работаем с «волшебной палочкой»

Удаляем фон

Сохранение изображения

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

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

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

Вырезание объектов со сложной прозрачностью с однородного фона

Рендеринг изображения прозрачным с помощью Photoshop

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

Шаг 1. Откройте изображение / Сделайте изображение прозрачным / Дублируйте изображение

Шаг 2: Перетащите нашу картинку на

Шаг 3. Измените прозрачность и затемните изображения

Шаг 4: Добавьте значок камеры, чтобы добавить инструмент градиента

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

Ох уж эти ужасные фоны

Создание прозрачного фона изображения

У меня нет фотошопа

Но у меня есть Mac

Кстати, узнайте, что продается!

Заинтересованы в других отличных публикациях, подобных этой?

Transparent Canvas — Ask Tim Gray

Добавить комментарий Отменить ответ