Делаем объекты прозрачными, добавление пузырей в фотошопе, надувная мебель, прозрачная мебель, пузыри в уроке фотошопа
Превращаем пузыри в прозрачныеЧтобы сделать объект прозрачным нам понадобятся две картинки. Одна с объектом, который хотим сделать прозрачным (в моём случае это жёлтый диван), другая с пузырями. На третьей картинке готовая работа:
шаг 2 Сначало нужно вырезать пузырь. — Открываем изображение с пузырями. — Выделяем пузырь с помощью «polygonal lasso tool» (чтобы выделить более точно, увеличте изображение на 300%) и вырезаем его на новый слой (не снимаем выделение). Чтобы сделать это жмём «Ctrl+Shift+’J'» (для MAC — «Shift+Command+J»).Я не люблю использовать магнитное лоссо или волшебную палочку поскольку они не точные.
шаг 3 Теперь выберем белые части бузыря. — Выделяем пузырь если он не выделен. Идём «Select>Color range». Настройки как на картинке. Пипеткой щёлкаем в месте, указаном на картинке красным кругом. Жмём ОК.
шаг 4 Далее жмём «Delete», чтобы избавиться от лишнего. У вас должно получиться приблизительно так:
шаг 5 Теперь перемещаем наш пузырь в картинку с диваном. Для этого выделяем слой с пузырём (Ctrl+’A’) и копируем его в буфер (Ctrl+’C’). Открываем картинку с диваном, создаём новый слой и жмём «Ctrl+’V'».
шаг 6 Теперь нужно удалить яркие и тёмные пятна в нижней части пузыря. Для этого берём «Eraser tool» (настройки как на картинке) и стираем их.
шаг 7 Теперь делаем резервную копию пузыря и скрываем его. Для этого делаем слой с пузырём акривным и жмём «Ctrl+’J'» (Mac — «Command+’J'»). Чтобы скрыть слой жмём на глазик возле нужного слоя.
шаг 8 Сейчас начинается тяжёлая и нудная работа. Начните работу с первого пузыря. Выделяем его и жмём «Ctrl+’T'». Далее «правый клик>Warp». Теперь приступайте к деформации пузыря. Я начал с левого верхнего угла дивана.
шаг 9 Опять дублируем слой с исходным пузырём как на шаге 7, и продолжаем работу.
шаг 10 Повторите 8 и 9 шаги нужное количество раз. В итоге у вас должно получиться так:
шаг 11 Затем я добавил немного линий для большей реалистичности. Я копировал их с уже деформированных пузырей и деформировал, чтобы они подходили. Для выделения можете использовать любые инструменты.
шаг 12 Шаг 12 тоже займёт много времени и сил. Когда вы закончите ваш объект должен выглядеть так:
шаг 13 Теперь понадобится много терпения и сил. Нужно будет клонировать объекты с картинки, чтобы скрыть диван. Для этого берём «Clone Stamp tool». Зажимаем «Alt» (Mac — Command) и выбираем место откуда будем клонировать. Далее устанавливаем нужный размер кисти и приступаем к работе.
шаг 14 После проделаных шагов и использования «burn tool», моя картинка стала выглядеть так:
уроке фотошоп, уроки фотошопа, урок Photoshop
Как сделать картинку полупрозрачной в Фотошопе
Полупрозрачные картинки применяются на сайтах в качестве фона или миниатюр к постам, в коллажах и других работах.
Для работы нам понадобится какое-нибудь изображение. Я взял вот такую картинку с автомобилем:
Заглянув палитру слоев, мы увидим, что слой с названием «Фон» заблокирован (значок замка на слое). Это значит, что мы не сможем его отредактировать.
Для разблокировки слоя кликаем по нему два раза и в открывшемся диалоговом окне нажимаем ОК.
Теперь все готово к работе.
Прозрачность (в Фотошопе она называется «Непрозрачностью») меняется очень просто. Для этого ищем в палитре слоев поле с соответствующим названием.
При нажатии на треугольник появляется ползунок, которым можно регулировать значение непрозрачности. Также в это поле можно ввести точную цифру.
В общем-то, это все, что необходимо знать о прозрачности изображений.
Давайте выставим значение, равное 70%.
Как видим, авто стало полупрозрачным, и через него проступил фон в виде квадратиков.
Далее нам необходимо сохранить картинку в правильном формате. Прозрачность поддерживается только в формате PNG.
Нажимаем сочетание клавиш CTRL+S и в открывшемся окне выбираем нужный формат:
После того, как выбрали место для сохранения и дали имя файлу, нажимаем «Сохранить». Полученное изображение в формате PNG выглядит следующим образом:
Если фон сайта имеет какой-либо рисунок, то он (рисунок) будет просвечивать через наш автомобиль.
Такой вот простейший способ создания полупрозрачных изображений в программе Фотошоп.
Мы рады, что смогли помочь Вам в решении проблемы.Опишите, что у вас не получилось. Наши специалисты постараются ответить максимально быстро.
Помогла ли вам эта статья?
ДА НЕТПрозрачность и полупрозрачность в Photoshop
Прозрачность в 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 и уже потом заливать на сайт.
Читайте также:
Как сделать картинку полупрозрачной в Фотошопе: изменение прозрачности слоя
Вариантов применения полупрозрачных изображений достаточно много. Они могут использоваться для создания различных коллажей, отражений, фонов и т.д. В данной статье мы разберемся, каким образом картинку можно сделать полупрозрачной в Фотошопе, а также как правильно ее сохранять.
Меняем прозрачность слоя с изображением
В качестве примера будем использовать фото яблока ниже.
Итак, план действий для выполнения поставленной задачи следующий:
- Открываем фото в программе и обращаем вниманием на Палитру. Если мы видим значок в виде замка в строке со слоем с картинкой (скорее всего, с названием “Фон”), это означает, что у нас нет возможности изменять данный слой. Чтобы снять блокировку, щелкаем по этому замку.
- После этого замок должен исчезнуть. Теперь мы можем редактировать слой (его имя должно измениться с “Фона” на “Слой + порядковый номер”).
- За прозрачность выбранного слоя отвечает параметр “Непрозрачность” (задается в процентах). Настроить его можно как путем ввода с клавиатуры необходимого значения в соответствующем поле (после ввода нажимаем Enter), так и путем сдвига ползунка, который появится, если нажать на стрелку вниз в конце данного поля. Сдвиг ползунка выполняется с помощью зажатой левой кнопки мыши. Чем больше в итоге должна быть прозрачность, тем меньше указываем значение, и наоборот. К примеру, останавливаемся на 60%.
- Видим следующий результат на холсте. Поверх него можно заметить шахматную доску – верный признак того, что мы все сделали верно. Интенсивность/видимость этой доски зависит от указанного значения непрозрачности слоя.
- Для сохранения полупрозрачных картинок используется расширение PNG (распространенный формат JPG/JPEG не подойдет). Переходим в меню “Файл” и выбираем в нем команду “Сохранить как”. Или можно воспользоваться горячими клавишами Ctrl+S.
- В открывшемся окне указываем имя и желаемое расположение файла, выбираем правильный формат и жмем кнопку “Сохранить”.
- В следующем окошке выбираем параметры сохранения PNG и щелкаем OK. В нашем случае оставляем большой размер файла.
- На этом наша работа по созданию и сохранению полупрозрачной картинки завершена. Для наглядности, мы совместили исходное изображение (слева) и обработанное (справа).
Заключение
Таким образом, для того, чтобы сделать картинку полупрозрачной в программе Photoshop требуется выполнить всего несколько простых действий, а весь процесс займет считанные минуты, если конечно исходное изображение уже заранее обработано и готово к использованию.
Как в фотошопе сделать прозрачность по краям
Как сделать плавный переход к прозрачности в Photoshop
Приветствую!
При обработке и редактировании изображений возникают разные задачи. И если с одними за счёт уже имеющихся знаний и опыта справиться можно молниеносно, то другие требуют обращения к справочным материалам. Одной из таких задач может стать необходимость сделать у редактируемого изображения плавный переход в прозрачность. И в редакторе Adobe Photoshop данная задача решается достаточно просто.
Давайте рассмотрим, какие действия необходимо предпринять, дабы наделить редактируемое изображение плавным переходом в прозрачность.
Сразу стоит отметить, что инструкция является универсальной и без каких-либо сложностей воспроизводится в любой актуальной версии Фотошоп-а.
Инструкция по добавлению картинке плавного перехода в прозрачность в Фотошоп
- Открыв редактируемое изображение, в окне Слои нажмите по миниатюрной кнопке Добавления слой-маски. Как конкретно выглядит эта кнопка, можно увидеть ниже, на изображении.
Примечание: если у редактируемого вами изображения множество слоёв, то предварительно укажите тот слой, которому необходимо добавить прозрачность, а уже после добавляйте для него слой-маску нажатием соответствующей кнопки.
- Добавив слой-маску, вы увидите соответствующее обозначение в окне слоёв.
- Теперь в панели инструментов выберите Градиент.
- Дабы наделить редактируемое изображение прозрачностью, необходимо подвести курсор мышки к краю изображения (край может быть любой), нажать левую клавишу и провести курсор по изображению. Как только вы отпустите зажатую клавишу, вы сразу же увидите результат.
Плавность перехода зависит от того, как далеко вы проведёте курсор мышки. Поэкспериментируйте, вначале проведите курсор мышки до середины изображения, дабы видеть, каков будет результат.
- Результатом станет добавленная прозрачность. На приведённом примере ниже это можно наблюдать воочию.
Важно отметить: если вы впоследствии собираетесь наложить данное изображение на другое и чтобы при этом наблюдался плавный переход одного изображения в другое, то сохраните полученный результат в графический формат изображения, поддерживающий прозрачность. К примеру, это может быть очень популярный формат PNG.
Видеоинструкция
Несколько не особо сложных шагов, которые мы детально привели и описали в материале, помогут вам при редактировании изображения, в частности, наделения оного плавной прозрачностью.
Остаётся только пожелать вам успехов на поприще редактирования графических изображений, а также порекомендовать подписаться на новые статьи и материалы, что размещаются с завидным постоянством на нашем сайте IT-Actual.ru
До новых встреч, уважаемый посетитель!
Мы рады, что смогли помочь Вам в решении поставленной задачи или проблемы.В свою очередь, Вы тоже можете нам очень помочь.
Просто поделитесь статьей в социальных сетях и мессенджерах с друзьями.
Поделившись результатами труда автора, вы окажете неоценимую помощь как ему самому, так и сайту в целом. Спасибо!
Опрос: помогла ли вам эта статья?(cбор пожертвований осуществляется через сервис Яндекс Деньги)
На что пойдут пожертвования \ реквизиты других платёжных систем Привет.Не секрет, что в экономике ныне дела обстоят не лучшим образом, цены растут, а доходы падают. И данный сайт также переживает нелёгкие времена 🙁
Если у тебя есть возможность и желание помочь развитию ресурса, то ты можешь перевести любую сумму (даже самую минимальную) через форму пожертвований, или на следующие реквизиты:
Номер банковской карты: 5331 5721 0220 5546
Кошелёк Яндекс Деньги: 410015361853797
Кошелёк WebMoney:
P865066858877
PayPal: [email protected]
QIWI кошелёк: +79687316794
BitCoin: 1DZUZnSdcN6F4YKhf4BcArfQK8vQaRiA93
Оказавшие помощь:
Сергей И. — 500руб
<аноним> — 468руб
<аноним> — 294руб
Мария М. — 300руб
Валерий С. — 420руб
<аноним> — 600руб
Полина В. — 240руб
Деньги пойдут на оплату хостинга, продление домена, администрирование и развитие ресурса. Спасибо.
С уважением, создатель сайта IT-Actual.ru
Как сделать прозрачность картинки в Фотошопе
Пожалуй, одной из самых интересных и необычных функций в Photoshop является “непрозрачность”. Благодаря ней, прозрачными можно сделать не только главные объекты, но и заливку, чтобы оставить видимыми только стили слоя.
В этом уроке мы детально ознакомимся с тем, как работать с непрозрачностью в Фотошопе и в каких случаях его можно эффективно применять. Также вы узнаете, как благодаря этой функции задать определенной картинке прозрачность.
Основная непрозрачность слоя
Главные показатели и настройки непрозрачности находятся на самом верху палитры слоев и измеряются с помощью %. Изменять показатель можно как ползунком, так и вводом значения.
На скриншоте выше установлен показатель прозрачности 0,5 и через него виден нижний слой. Т.к. наш нижний слой это просто белый цвет с рамкой, то наш основной логотип стал бледным. Но для демонстрации самой функции этого достаточно.
Непрозрачность заливки
Если основная непрозрачность может действовать в отношении всего слоя, то такая функция как «Заливка» не трогает стили слоя.
Допустим, мы зашли в “параметры наложения” и применили к слою стиль «Тиснение».
После того, как стили применены, устанавливаем показатели «Заливки» на 0%.
При такой настройке исчезнет все, кроме стиля. Мы, кстати, наложили еще и узор, чтобы выглядело получше.
Благодаря такой функции можно создать прозрачные объекты, например, водяные знаки.
Непрозрачность и отдельный объект
Чтобы сделать прозрачным только один объект на слое, необходимо применить маску слоя, например, с помощью волшебной палочки.
Затем надо нажать на кнопку ALT и кликнуть по маске внизу панели слоев.
Результатом станет исчезнувший объект, на месте которого появится черная область такой же формы. Следующим шагом будет нажатие клавиши CTRL и клик по миниатюре в панели слоев.
После этого на холсте появится выделение:
Теперь его необходимо инвертировать с помощью комбинации горячих клавиш CTRL+SHIFT+I.
Теперь область выделения нужно залить любым оттенком серого цвета, так как черный полностью закроет область, а белый наоборот. Нажимаем клавиши SHIFT+F5 и выбираем цвет.
Затем нажимаем ОК и получаем выбранную непрозрачность, исходя из выбранного цвета.
Чтобы убрать выделение, нажимаем CTRL+D.
Непрозрачность градиента
Неравномерную градиентную непрозрачность можно также получить с помощью маски. Для этого достаточно создать белую маску с помощью специальной кнопки.
Следом нужно выбрать инструмент «Градиент», оттенок которого может быть белым, черным или серым, т.к. только эти цвета распознает маска.
Затем, находясь на маске, зажимаем левую кнопку мыши и тянем градиент. Делать это можно в любую сторону, а если не получится, то можно повторить.
Это все, что пока можно делать с непрозрачностью. Надеемся, что этот урок помог вам. До “встречи”!
Как сделать картинку полупрозрачной в Фотошопе: изменение прозрачности слоя
Вариантов применения полупрозрачных изображений достаточно много. Они могут использоваться для создания различных коллажей, отражений, фонов и т.д. В данной статье мы разберемся, каким образом картинку можно сделать полупрозрачной в Фотошопе, а также как правильно ее сохранять.
Меняем прозрачность слоя с изображением
В качестве примера будем использовать фото яблока ниже.
Итак, план действий для выполнения поставленной задачи следующий:
- Открываем фото в программе и обращаем вниманием на Палитру. Если мы видим значок в виде замка в строке со слоем с картинкой (скорее всего, с названием “Фон”), это означает, что у нас нет возможности изменять данный слой. Чтобы снять блокировку, щелкаем по этому замку.
- После этого замок должен исчезнуть. Теперь мы можем редактировать слой (его имя должно измениться с “Фона” на “Слой + порядковый номер”).
- За прозрачность выбранного слоя отвечает параметр “Непрозрачность” (задается в процентах). Настроить его можно как путем ввода с клавиатуры необходимого значения в соответствующем поле (после ввода нажимаем Enter), так и путем сдвига ползунка, который появится, если нажать на стрелку вниз в конце данного поля. Сдвиг ползунка выполняется с помощью зажатой левой кнопки мыши. Чем больше в итоге должна быть прозрачность, тем меньше указываем значение, и наоборот. К примеру, останавливаемся на 60%.
- Видим следующий результат на холсте. Поверх него можно заметить шахматную доску – верный признак того, что мы все сделали верно. Интенсивность/видимость этой доски зависит от указанного значения непрозрачности слоя.
- Для сохранения полупрозрачных картинок используется расширение PNG (распространенный формат JPG/JPEG не подойдет). Переходим в меню “Файл” и выбираем в нем команду “Сохранить как”. Или можно воспользоваться горячими клавишами Ctrl+S.
- В открывшемся окне указываем имя и желаемое расположение файла, выбираем правильный формат и жмем кнопку “Сохранить”.
- В следующем окошке выбираем параметры сохранения PNG и щелкаем OK. В нашем случае оставляем большой размер файла.
- На этом наша работа по созданию и сохранению полупрозрачной картинки завершена. Для наглядности, мы совместили исходное изображение (слева) и обработанное (справа).
Заключение
Таким образом, для того, чтобы сделать картинку полупрозрачной в программе Photoshop требуется выполнить всего несколько простых действий, а весь процесс займет считанные минуты, если конечно исходное изображение уже заранее обработано и готово к использованию.
Как сделать прозрачность в Фотошопе
Одной из самых интересных функций Фотошопа является придание прозрачности объектам. Прозрачность можно применить не только к самому объекту, но и к его заливке, оставив видимыми только стили слоя.
Основная непрозрачность
Основная непрозрачность активного слоя настраивается в верхней части палитры слоев и измеряется в процентах.
Здесь можно как поработать ползунком, так и ввести точное значение.
Как видим, через наш черный объект частично проступил подлежащий слой.
Непрозрачность заливки
Если основная непрозрачность влияет на весь слой целиком, то настройка «Заливка» не затрагивает стили, примененные к слою.
Предположим, что мы применили к объекту стиль «Тиснение»,
а затем снизили значение «Заливки» до нуля.
В этом случае мы получим изображение, на котором останется видимым только этот стиль, а сам объект из видимости пропадет.
При помощи такого приема создаются прозрачные объекты, в частности, водяные знаки.
Непрозрачность отдельного объекта
Непрозрачность одного из объектов, содержащихся на одном слое, достигается путем применения маски слоя.
Для изменения непрозрачности объект необходимо выделить любым доступным способом.
Читайте статью «Как вырезать объект в Фотошопе»
Я воспользуюсь «Волшебной палочкой».
Затем зажимаем клавишу ALT и кликаем по значку маски в панели слоев.
Как видим, объект полностью пропал из вида, а на маске появилась черная область, повторяющая его форму.
Далее зажимаем клавишу CTRL и кликаем по миниатюре маски в палитре слоев.
На холсте появилось выделение.
Выделение нужно инвертировать, нажав сочетание клавиш CTRL+SHIFT+I.
Теперь выделение необходимо залить любым оттенком серого цвета. Полностью черный скроет объект, а полностью белый откроет.
Нажимаем сочетание клавиш SHIFT+F5 и в настройках выбираем цвет.
Нажимаем ОК в обоих окнах и получаем непрозрачность в соответствии с выбранным оттенком.
Выделение можно (нужно) снять при помощи клавиш CTRL+D.
Градиентная непрозрачность
Градиентная, то есть неравномерная по всей площади, непрозрачность так же создается при помощи маски.
На этот раз необходимо создать белую маску на активном слое, кликнув по значку маски без клавиши ALT.
Затем выбрать инструмент «Градиент».
Как мы уже знаем, по маске можно рисовать только черным, белым и серым цветом, поэтому выбираем вот такой градиент в настройках на верхней панели:
Затем, находясь на маске, зажимаем левую кнопку мыши и протягиваем градиент через холст.
Тянуть можно в любом нужном направлении. Если с первого раза результат не устроил, то «протяжку» можно повторить неограниченное количество раз. Новый градиент полностью перекроет старый.
Это все, что можно сказать о непрозрачности в Фотошопе. Искренне надеюсь, что эта информация поможет Вам понять принципы получения прозрачности и применять данные приемы в своей работе.
Мы рады, что смогли помочь Вам в решении проблемы.Опишите, что у вас не получилось. Наши специалисты постараются ответить максимально быстро.
Помогла ли вам эта статья?
ДА НЕТКак в фотошопе сделать слой прозрачным
По умолчанию все новые слои в фотошопе создаются со 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. Спасибо!
Градиентная прозрачность в Фотошопе
Градиентная прозрачность в Фотошопе делается буквально в два клика.
Шаг 1.Открываем изображение. Шаг 2.
На слое с изображением создаём маску слоя:
чтобы получилось так:
Шаг 3. Выбираем в палитре инструментов Gradient Tool
(линейный градиент от черного к белому) и проводим линию градиента от непрозрачного края до места, где изображение должно быть прозрачным.
Если удерживать нажатой клавишу Shift во время перетаскивания — курсор будет двигался параллельно сторонам картинки.
Использование прозрачности и подложки в Photoshop Elements
Матирование фона, поддерживаемое форматами GIF, PNG и JPEG, имитирует прозрачность путем заливки или смешивания прозрачных пикселей с матовым цветом, который соответствует фону веб-страницы. Матирование фона работает лучше всего, если фон веб-страницы сплошной и вы знаете, что это за цвет.
Чтобы создать прозрачность фона или матирование фона в оптимизированном изображении, вы должны начать с изображения, которое содержит прозрачность.Вы можете создать прозрачность, когда создаете новый слой или используете Background Eraser или Magic Eraser.
При работе с файлами GIF или PNG ‑ 8 вы можете создать резкую прозрачность: все пиксели, которые прозрачны более чем на 50% в исходном изображении, полностью прозрачны в оптимизированном изображении, а все пиксели непрозрачны более чем на 50% в исходном изображении полностью непрозрачны в оптимизированном изображении. Используйте четкую прозрачность, если вы не знаете цвет фона веб-страницы или когда фон веб-страницы содержит текстуру или узор.Однако имейте в виду, что прозрачность с резкими краями может вызвать неровные края изображения.
.Как сделать фон прозрачным в Photoshop
Узнайте, как сделать фон прозрачным в Photoshop, и откройте для себя более быструю альтернативу в редакторе Shutterstock.
Есть много способов вырезать объект или удалить фон из изображения. Многие начинают с фотошопа. Два популярных метода маскирования в Photoshop используют инструменты выделения, такие как Magic Wand, Lasso, а также режим Select и Mask. Между тем, режим быстрой маски использует кисть для рисования фона.
Эти методы можно использовать для более сложного удаления фона, но иногда вам нужен быстрый и простой вариант для удаления фона. Если вы ищете бесплатную и простую альтернативу Photoshop, мы покажем вам, как Shutterstock Editor может помочь вам сделать фон прозрачным за несколько простых шагов.
Метод 1. Инструменты и маски выделения
Шаг 1. Использование инструмента Magic Wand Tool
Выберите инструмент Magic Wand Tool в окне «Инструменты».Начните с Допуск 20% в меню Опции .
Измените допуск по мере необходимости, чтобы добавить новые области к выделению.Вы можете добавить к выделению с помощью Magic Wand, удерживая Shift и щелкая в другой области. Вы можете вычесть из выделенного, удерживая Option и щелкнув область, которую вы не хотите включать.
Шаг 2. Используйте инструмент «Лассо» для точной настройки выделения
Когда у вас есть грубый выбор объекта или фона, используйте инструмент Lasso для точной настройки краев.Удерживайте Shift и перетащите, чтобы добавить к выделению.
Существует три варианта инструмента «Лассо». Вы найдете их, нажав и удерживая лассо в меню «Инструменты»:
- Лассо — Щелкните и перетащите курсор, чтобы нарисовать выделение от руки.
- Polygonal Lasso — Создание многоугольной области выделения путем добавления точек к форме выделения.
- Магнитное лассо — Автоматическое добавление к выделению путем обводки области.
Обратите внимание на изображение выше, как выделение переходит в сумку. Я использовал Лассо, удерживая Shift , и нарисовал небольшую область, чтобы заново выделить этот край. Чтобы исправить выделение, убегающее от мешка, я удерживаю Option и делаю то же самое, чтобы удалить эту область выделения.
Шаг 3. Используйте панель «Выделение и маска» для уточнения выделения
Когда вы будете удовлетворены грубым выбором, нажмите кнопку Select and Mask в меню Options в верхней части экрана.Или нажмите Command + Option + R , чтобы открыть окно.
Поэкспериментируйте с настройками Global Refinement, чтобы получить более плавный выбор.В разделе Global Refinements начните со следующих настроек для большого изображения с высоким разрешением:
- Smooth : 3
- Feather : .3px
- Shift Edge : -20
Это сделает выделение более плавным, смягчит края и слегка сузится, чтобы уменьшить любое отражение фона.Вот что я имею в виду:
Если вы застряли, лучше всего нажать Отмена и исправить выбор вручную с помощью Magic Wand или Lasso, а затем вернуться в окно Select and Mask.
Шаг 4. Создайте маску слоя для удаления фона
В Output Settings внизу окна Select and Mask выберите Layer Mask из списка. Окно закроется, а слой с вашим объектом будет иметь маску, скрывающую фон.Затем вы можете активировать или деактивировать маску, щелкнув правой кнопкой мыши значок маски слоя в окне «Слои».
Когда активирована маска слоя, фон становится прозрачным.Метод 2: Быстрая маска
В этом методе используется инструмент Quick Mask в Photoshop. Это способ быстро создать маску с помощью кисти. Подобно рисованию на маске слоя, вы будете переключать цвета переднего плана, чтобы добавить или удалить из маски.
Активируйте быструю маску с помощью кнопки в нижней части окна «Инструменты».
Включите / выключите режим быстрой маски в нижней части панели инструментов или просто нажмите Q.Затем активируйте инструмент кисти (B) . В режиме быстрой маски на палитре отображаются только два цвета: черный, используемый для скрытия содержимого, и белый, используемый для отображения содержимого. Идея состоит в том, чтобы закрасить фон — ту часть, которую вы хотите удалить — черным цветом. Область, которую вы закрашиваете, станет красной.
В режиме быстрой маски области, которые вы закрашиваете, станут красными, показывая вам выделение.Совет: Чтобы сделать большие выделения быстрее, используйте кисть большого размера и щелкните один раз в качестве отправной точки в области, которую нужно исключить. Затем, удерживая Shift, щелкните следующую точку. Это заполнит пространство между ними по прямой линии.
Чтобы сделать маску более детальной, просто увеличьте масштаб и уменьшите размер кисти, чтобы закрасить или округлить меньшие углы и кривые.Теперь вы можете переключаться между режимом быстрой маски и стандартным режимом редактирования, нажимая Q на клавиатуре.Это покажет вам живой выбор.
Если вы хотите продолжить работу, просто нажмите Q, чтобы вернуться в режим быстрой маски и продолжить работу.Когда вы довольны выбором, нажмите кнопку «Добавить маску слоя» в нижней части окна «Слои», чтобы замаскировать фон.
Альтернативы удалению фона в Photoshop
Если вам нужно выполнить только базовые задачи дизайна, такие как удаление фона, Photoshop может не подойти.Это дорого и сложно научиться. Вот несколько простых в использовании альтернатив:
- Powerpoint имеет инструмент под названием Remove Background , который начинает с выделения объекта переднего плана, замаскированного от фона. У вас также есть возможность добавлять или удалять определенные части.
- Бесплатные веб-сайты — Существует множество бесплатных приложений и веб-сайтов, которые позволяют пользователям вручную удалять фон. Хотя они могут быть простыми в использовании, к минусам относятся проблемы с надежностью и точностью, а также отсутствие безопасности системы.
- Shutterstock Editor — Средство удаления фона в редакторе позволяет легко вырезать формы и элементы из изображения. Со всеми другими инструментами дизайна в приложении вы можете создать профессиональный дизайн за половину шагов и с гораздо меньшими хлопотами.
Как удалить фон в редакторе
Shutterstock Editor — отличная альтернатива всему вышеперечисленному — мощный бесплатный инструмент для редактирования с новой функцией удаления фона. У вас есть не только прямой доступ ко всей библиотеке изображений Shutterstock и тщательно подобранным коллекциям, вы также можете настроить лицензионное изображение перед загрузкой.
Если вы следовали описанному выше методу быстрой маски, это будет несложно. Если вы сочли его слишком техническим, вы будете счастливы, что этот инструмент так же прост, как перетаскивание курсора. С помощью трех простых шагов вы быстро удалите фон с любого изображения:
- Найдите и выберите изображение
- Используйте инструмент «Удалить фон»
- Загрузите лицензионный образ
Чтобы начать работу, откройте редактор в своем браузере. Найдите и выберите изображение, затем щелкните Удалить фон в разделе Инструменты изображения в правой части окна.
Хорошее маленькое изображение собачки через Пола СтивенаПросто нажмите на кнопку — Удалить и закрасьте фон. Это уберет фон. Чтобы настроить выделение, нажмите + Добавить и закрасьте объект, который хотите сохранить. Уменьшите размер кисти с помощью ползунка Размер кисти , чтобы получить более подробную информацию, или увеличьте его, чтобы блокировать большие участки за раз.
Желтая область показывает предварительный просмотр того, что будет удалено.Между каждым шагом программа будет настраиваться и показывать вам результаты. Часть, которую нужно удалить, будет выделена желтым цветом. Когда вас устраивает предварительный просмотр, просто нажмите Применить .
Теперь вы можете загрузить полностью лицензированное изображение с удаленным фоном и использовать его где угодно. Убедитесь, что вы сохранили его как PNG, чтобы сохранить прозрачность.
Для получения дополнительных уроков и техник продолжайте читать:
Обложка фонового изображения через FabrikaSimf , изображение кошелька через Creative Lab
.Выберите области, чтобы удалить фон, изолировать фотографии или объединить изображения
Сделать выделение стало проще, быстрее и точнее, чем когда-либо, в новом пространстве «Выделение и маска», которое есть в последней версии Photoshop.
В этом примере мы скроем фон верхнего слоя, чтобы показать содержимое слоя ниже.
Я могу начать с выбора любого инструмента выделения на моей панели инструментов, а затем щелкнуть кнопку «Выделить и замаскировать» на панели параметров выше, где даже без активного выделения я могу перейти в меню «Выделение» и выбрать «Выделение и маска».Это откроет пространство «Выделение» и «Маска», где вы найдете инструменты, необходимые для создания и уточнения выделения в одном пространстве. Мы начнем с инструмента быстрого выбора в верхнем левом углу. Я закрашу области, которые хотелось бы сохранить. Как и я, вы увидите, как они полностью раскрываются, что дает нам новый способ визуализировать наш выбор, которого у нас никогда не было раньше. Это связано с режимом луковой кожи.
В правой части экрана я могу переместить ползунок «Прозрачность» вверх, чтобы просмотреть мои конечные результаты, переместить его полностью вниз, чтобы увидеть полный вид слоя, или переместить его где-то посередине, чтобы получить сочетание двух.Затем я могу выбрать кисть Refine Edge и закрасить области, где объект переднего плана смешивается со слоем под ним. При этом я передаю Photoshop контроль над областью, где рисую, и это должно дать мне более красивый конечный результат.
На этом этапе я, возможно, захочу изменить вид. Мы были в режиме луковой кожи. Теперь давайте выберем Overlay, где этот красный оверлей указывает области, которые будут скрыты, когда мы закончим, и это будут области, которые будут замаскированы.Мы можем точно настроить наши конечные результаты, используя любой из инструментов выбора в левой части экрана. Вы даже найдете инструмент «Кисть», с помощью которого можно добавлять или убирать созданную маску, а также рисовать на изображении, чтобы настроить его. Я снова изменю вид на Onion Skin, а затем полностью увеличу прозрачность, чтобы хорошо рассмотреть наш конечный результат. Если вы хотите более точно настроить это, вы можете перейти в область Global Refinement, где вы найдете несколько ползунков, предназначенных для улучшения конечного результата, или в этом случае я обнаружил, что края волос имеют область другого цвета. для них не совсем соответствует фону.Итак, я перейду в Настройки вывода, где найду флажок «Обеззараживать цвета». Это изменит цвет полупрозрачных областей, чтобы они лучше соответствовали фону.
Наконец, я могу выбрать, какой тип вывода мне нужен из этого меню. Некоторые из вариантов будут недоступны, когда я выберу Decontaminate Colors, но я собираюсь создать новый слой с помощью Layer Mask, чтобы, когда я нажму OK, я сохраню свой исходный слой здесь, над ним будет быть копией со смещенным цветом и маской для удаления фона, открывая слой ниже.
Вот пример использования замаскированного изображения, объединенного с другим изображением. Область «Выделение» и «Маска» отлично подходит для точного выбора для комбинирования изображений для использования в ваших фотографиях и дизайнах. Попробуйте сегодня.
.Узнайте, как использовать специальное рабочее пространство «Выделение и маска» в Photoshop.
Режим просмотра: Во всплывающем меню «Просмотр» выберите один из следующих режимов просмотра:
- Луковая кожура (O): Визуализирует выделение как схему луковой кожуры в стиле анимации
- Марширующие муравьи (M): Визуализирует границы выделения в виде марширующих муравьев
- Наложение (V): Визуализирует выделение как наложение прозрачного цвета.Невыбранные области отображаются этим цветом. Цвет по умолчанию — красный.
- На черном (A): Помещает выделение на черный фон
- На белом (T): Помещает выделение на белый фон
- Черно-белое (K): Визуализирует выделение в виде черно-белой маски
- На слоях (Y): Окружает выделение областями прозрачности
Нажмите F для переключения режимов и X для временного отключения всех режимов.
Показать край: Показывает область уточнения.
Показать оригинал: Показывает исходное выделение.
Предварительный просмотр в высоком качестве: Обеспечивает точный предварительный просмотр изменений. Эта опция может повлиять на производительность. Когда выбран этот параметр, во время работы с изображением удерживайте левую кнопку мыши (мышь вниз), чтобы просмотреть предварительный просмотр с более высоким разрешением. Когда этот параметр не выбран, предварительный просмотр с более низким разрешением отображается даже при нажатии мыши.
Прозрачность / непрозрачность: Устанавливает прозрачность / непрозрачность для режима просмотра.
.Как сделать фон прозрачным в фотошопе — China-Phone.Info
От фотографии продукта до веб-дизайна — иногда изображение лучше без фона. Но попытка решить эту задачу без правильных инструментов может разочаровать даже самых опытных фотографов. К счастью, недавние обновления Adobe Photoshop упрощают этот процесс. Иногда требуется всего несколько щелчков мышью.
Новая функция Photoshop 2020 позволяет автоматически удалять фон. В процессе используется искусственный интеллект, чтобы определить, какие части изображения оставить, а какие удалить. Однако искусственный интеллект никогда не бывает таким опытным, как редактор-человек, и для сложных изображений может потребоваться ручное удаление фона с использованием ряда различных инструментов выбора Photoshop.
Нет фотошопа? Вот еще несколько способов удалить фон с изображения.
Быстрый и грязный способ удалить фон в Photoshop
Photoshop 2020 поставляется с новым ярлыком для удаления фона, который работает с помощью инструмента Выбрать тему. Ярлык не будет делать это каждый раз правильно, но хорошо работает для простых изображений, а для других можно легко улучшить. Перед тем как начать, убедитесь, что у вас установлен Photoshop 2020 версии 21.0.0 или более поздней — в противном случае вам необходимо сначала обновить программное обеспечение.
Начните с копирования фонового слоя, чтобы создать тот тип слоя, в котором Photoshop должен использовать этот инструмент. Выделите всю фотографию (команда + A в MacOS или Control + A в Windows), скопируйте и вставьте. На панели слоев щелкните значок глаза рядом с фоновым слоем, чтобы скрыть фон. Отсюда вы будете работать только с новым слоем, который вы только что создали.
На панели «Свойства» справа перейдите в раздел «Быстрые действия». Если вы не видите панель свойств, щелкните значок, который выглядит следующим образом:
В разделе «Быстрые действия» нажмите «Удалить фон». Вам нужно подождать несколько минут, чтобы программа нашла объект и удалила фон. По завершении программы вы должны увидеть объект на прозрачном фоне (обозначенном клетчатым узором). Если вы не видите этот прозрачный фон, убедитесь, что фоновый слой скрыт.
Этот быстрый метод отлично подходит для одних фотографий и дает смехотворные результаты для других. Если это не сработает, перейдите к ручному методу ниже. Если результат близок, но не совсем идеален, щелкните маску, которую Photoshop создал автоматически (черно-белое изображение на панели слоев). Выделив маску, используйте белую кисть, чтобы добавить к объекту, и черную кисть, чтобы стереть все части фона, которые не были удалены.
Если вы довольны результатами, вы можете удалить фоновый слой и сохранить файл как PNG, чтобы сохранить прозрачность, или как PSD, чтобы вернуться и внести дополнительные корректировки позже.
Как вручную удалить в фотошопе
Выбор инструмента выделения Photoshop
Чтобы сделать фон прозрачным, нужно выбрать то, что вы хотите сохранить, и удалить то, чего не хотите. Но какой из нескольких инструментов выделения Photoshop лучше всего подходит для этой задачи? Это зависит от изображения. Если вы работаете с изображением на фоне с большим контрастом, например темным объектом на светлом фоне или одноцветным логотипом, процесс выбора будет немного проще.
В этом уроке мы предполагаем, что вы работаете с чем-то более сложным, потому что, если вы можете удалить занятый фон, вы можете удалить любой фон, и даже если вы работаете с белым или сплошным цветом фона, вы можете сэкономьте время, ознакомившись с различными инструментами выделения Photoshop.
В волшебная палочка выделит все пиксели одинакового цвета. Например, с логотипом на белом фоне все, что вам нужно сделать, это щелкнуть белую область, чтобы выбрать ее, а затем нажать «Удалить», чтобы удалить ее. Возможно, вам придется повторить это, если есть несколько частей фона, разделенных частями объекта, который вы пытаетесь вырезать.
В Выбрать объект Инструмент использует искусственный интеллект для выделения границ объекта. Вы рисуете грубый контур, чтобы указать, какой объект, а Photoshop AI сделает все остальное. Этот инструмент также можно использовать для удаления объекта из текущего выделения.
В прямоугольная и эллиптическая рамка Инструмент будет работать, если вы хотите выбрать объект, представляющий собой идеальный прямоугольник или идеальный круг. Просто поместите выделение поверх того, что вы хотите сохранить, а затем выполните шаги четыре и шесть ниже.
В лассо, выберите тему, и Выбрать и замаскировать Инструменты лучше подходят для удаления более сложного фона, и именно в них заключается большая часть скрытых возможностей Photoshop. Вот основные шаги, чтобы заставить эти инструменты работать.
1. Нажмите «Выбрать»> «Выбрать тему».
Инструмент «Выбрать тему» в Photoshop позволяет легко приступить к удалению фона. Перейти к Выбрать> Выбрать тему. Процесс занимает несколько секунд, но затем Photoshop грубо выберет объект фотографии с помощью искусственного интеллекта. Инструмент обычно не делает его идеальным, но это нормально — вы можете уточнить выбор на следующем шаге.
В качестве альтернативы, если на фотографии более одного объекта, и вы хотите выбрать только один объект, вы можете использовать инструмент «Выбрать объект». В списке инструментов выберите инструмент «Выбрать объект» (Photoshop 21.0.0 и новее), он заправлен с помощью инструмента «Волшебная палочка». Нарисуйте рамку вокруг объекта, и Photoshop выберет объект за вас. Опять же, вы можете уточнить выбор на следующем шаге, поэтому не беспокойтесь, если объект выбран не идеально.
Если инструмент «Выбрать тему» у вас не работает (или вы используете старую версию Photoshop), перейдите к следующему шагу и начните выделение с нуля.
Если инструмент «Выбрать тему» работает идеально (такое бывает!), Переходите к шагу четыре.
2. Для сложных объектов используйте Select и Mask, чтобы уточнить выбор.
Скорее всего, ваш выбор не совсем идеален. Если вы работаете с объектом с четко очерченными краями, инструмент «Магнитное лассо», вероятно, является самым простым способом, так что переходите и переходите к следующему шагу. Однако для объектов с менее выраженными краями, текстурой и сильно неправильными формами инструмент «Выделение и маска» часто дает наилучшие результаты. Для объектов с обоими способами, таких как изображение камеры, использованное в этом руководстве, вы можете использовать сочетание обоих методов.
Настройте выделение, выбрав Выбрать> Выбрать и замаскировать. в Выбрать и замаскировать окно, уточните выбор. Используйте инструмент «Кисть» на панели инструментов слева и выберите значок «плюс» на верхней панели инструментов, затем закрасьте все, что должно быть включено в выделение, но его нет. Или щелкните значок «минус» вверху, чтобы прокрасить участки, которые не должны быть частью выделения. Помните, что цель состоит в том, чтобы выбрать тему, оставив фон, который вы хотите удалить, невыделенным.
Если кисть выделяет слишком много, увеличьте масштаб и используйте кисть меньшего размера (расположенную рядом со значками плюс и минус вверху) и уменьшите радиус на панели инструментов свойств. Если кисти недостаточно, используйте кисть большего размера и увеличьте радиус.
Сделайте выделение как можно лучше, используя инструмент «Выделение и маска», но не переживайте, если оно еще не идеально. Обязательно допустите ошибку, выбрав слишком много — если вы что-то упустите, вернуться позже будет сложнее. Нажмите ОК, как только вы максимально уточните выбор.
Перед тем, как перейти к следующему шагу, увеличьте масштаб по всем краям и убедитесь, что вы не пропустили ни одного выделения. Если да, просто откройте Выбрать и замаскировать инструмент и выберите эту область.
3. Превратите выделение в слой
Сохраните то, что вы выбрали до сих пор, на новом слое, даже если он еще не совсем идеален — просто убедитесь, что вы не пропустили ничего, что нужно выделить. Пока эти «марширующие муравьи» все еще указывают ваш выбор, скопируйте (Control или Command + C) и вставьте (Control или Command + V) выделение. Вставленное выделение автоматически отобразится как отдельный слой. Кроме того, вы также можете перейти на Слой> Создать> Слой через копию.
На панели слоев щелкните значок глаза рядом с исходным фоновым слоем. Это позволит вам увидеть ваш прозрачный фон, но пока не удаляйте фон.
4. Продолжайте совершенствовать инструменты лассо и ластик.
В Photoshop есть около десятка различных инструментов выделения, а пока Выбрать и замаскировать хорошо работает с объектами, которые сложно выделить (например, с людьми с волосами), инструмент магнитного лассо может быть быстрее для четких краев. Продолжайте уточнять свой выбор после Выбрать и замаскировать, или переходите прямо к этому шагу, если вы вырезаете объект с четко определенными краями.
Выберите инструмент «Магнитное лассо». Инструменты лассо являются третьими сверху в наборе инструментов по умолчанию, но их больше одного — нажмите и удерживайте, затем выберите инструмент магнитного лассо из раскрывающегося списка (это значок с магнитом в углу). Если у вашего объекта есть как четко очерченные, так и прямые края, инструмент «Многоугольное лассо» может быть более простым выбором, но он не работает с кривыми.
Щелкните вокруг внешнего края объекта, чтобы выбрать любые дополнительные области фона для удаления. Магнитное лассо будет прикрепляться к краям объекта, но не забывайте щелкать достаточно часто, чтобы помочь. Выбрав часть фона, нажмите кнопку удаления.
Вы также можете удалить участки фона с помощью ластика на панели инструментов. Это хорошо для окончательной очистки после использования инструмента лассо.
5. Удалите фон.
Последний шаг — перейти на панель «Слои» и выбрать фоновый слой. Вы должны иметь возможность удалить этот фоновый слой, при этом останется только выделение, которое вы сделали изначально. Вы можете добавить новый фоновый слой, чтобы поиграть с разными цветами, градиентами или изображениями, чтобы увидеть, как выбранный вами объект отображается поверх них. Однако, если вы хотите сохранить этот прозрачный фон, вам придется оставить функции в покое и оставить изображение как есть.
6. Сохранить как PNG
Если вы сохраните файл в формате JPEG, вся тяжелая работа будет потеряна, поскольку JPEG не поддерживает прозрачность. Вместо этого вы захотите сохранить его в формате PNG. Перейдите в Файл> Сохранить как и выберите PNG из вариантов типа файла. Теперь у вас есть файл PNG, который можно разместить где угодно с прозрачным фоном. Если вы хотите иметь возможность легко вносить дальнейшие изменения, вы также можете сохранить вторую версию в виде файла .PSD.
Рекомендации редакции
Как сделать прозрачный фон в Photoshop?
Иногда появляется необходимость вырезать объект с одной фотографии на другую или же сделать прозрачный фон. Для этого нужно для начала вырезать объект из фотографии. Чем мы сейчас и займемся. Если вы еще не сняли нужный вам объект, то лучше постараться найти равномерный, контрастный фон, если же у вас уже есть фотографии и другие сделать не получиться то, придется действовать так как есть, однако работать с такой фотографией будет сложнее.
Я буду использовать вот такую крышку.
Как вырезать объект в Photoshop
- Жмем на замочек на единственном слое, для того что бы можно было удалять его «насквозь», делая «отверстия» в фотографии.
2. Теперь, нужно выбрать инструмент «волшебная палочка». Она выделяет объекты по контурам и помогает выполнению нашей миссии)
3. Далее зажимаем ЛКМ (левую кнопку мыши) и проводим по фону.
Мне немного не повезло и мой предмет выделился не полностью. Чтобы это поправить зажимаем «ALT» и проводим по тому участку который выделился лишним, тем самым показываем программе, что она выполнила выделение неправильно. Photoshop использует нейронные сети для таких операций, поэтому с каждым уточнением контура, выделение будет происходить точнее.
5. Ну вот, так гораздо лучше. Теперь жмем кнопку Delete на клавиатуре и фон удаляется.
Ну вот, мы сделали фон прозрачным, можно обрезать фото, что бы было удобнее работать и сохранить в png формат.
Обрезаем картинку для удобства
- Выбираем инструмент для кадрирования и выделяем нужную область на изображении.
2. Далее нужно нажать Enter и картинка обрежется, как и задумывалось.
Готово! Осталось сохранить в нужный формат и вставить на любую фотографию.
Сохранение фотографии в png
- Открываем меню «файл» и ищем там «Экспортировать как».
2. Выбираем в поле «формат», «png». Проверяем чтоб стояла галочка «прозрачность» и нажимаем «экспортировать все». Сохраняем файл и радуемся)
Как сделать прозрачный фон
БылоСталоВот так можно сделать прозрачным фон. Все делается достаточно просто, но иногда выделить предмет бывает трудно и придется повозиться. Полученную картинку можно накладывать на фотографии. У Вас обязательно все получиться, главное захотеть!
4.89/5 (9)Создание полупрозрачного выделения с помощью альфа-каналов
Создание полупрозрачного выделения с помощью альфа-каналов
Альфа-каналы работают точно так же, как маски слоев. Разница в том, что каналы могут влиять на любой слой, тогда как маски влияют только на слой, на котором они находятся. Цель этого руководства — помочь вам понять, как работают альфа-каналы, и избавиться от любого оставшегося страха, который вы можете испытывать по отношению к каналам. Чтобы выполнить это упражнение, загрузите документ с двумя слоями и разным изображением на каждом слое.
Шаг 1
Создайте новый альфа-канал
Выберите панель каналов.Нажмите кнопку «Новые каналы». Это второй справа внизу палитры каналов. Теперь отобразится альфа-канал, в результате чего получится черный холст. В данный момент ничего не выбрано, поэтому на канале нет белого цвета.
Шаг 2
Заливка градиентом
Выберите инструмент «Градиент» с белым на переднем плане и черным на фоне. Используйте вариант линейного перехода от переднего плана к фону. Перетащите градиент слева направо.Теперь вы должны увидеть что-то вроде этого.
Шаг 3
Загрузить как выбор
Загрузить канал как выбор. Ctrl (Cmd) Щелкните эскиз Alpha 1. Теперь вы увидите марширующих муравьев. Обратите внимание, что все, что выбрано менее 50%, не будет отображаться в выделенных марширующих муравьях. Щелкните миниатюру RGB в верхней части палитры «Каналы», чтобы отобразить композицию. Если вы видите красноватый оттенок, это потому, что также отображаются альфа-каналы. В этом случае щелкните значок глаза слева от миниатюры Alpha 1, чтобы скрыть канал и отобразить только выбранный композит.
Шаг 4
Удалить выделение
Выберите палитру слоев. Выберите верхний слой и нажмите клавишу удаления (или создайте маску слоя, это лучший способ). Теперь вы увидите фоновое изображение. Посмотрите, как отображаются полупрозрачные области, потому что эти части канала были серыми. Вот в чем суть этого упражнения, чтобы вы это поняли.
Заметили, что на лице женщины просвечивает синий фон? Не слишком хорошо выглядит, правда? Готовы к работе с некоторыми расширенными каналами? Хорошо, нажмите Ctrl-Z, чтобы отменить удаление, мы исправим это сейчас.Если есть активный выбор, нажмите Ctrl-D, чтобы выключить его.
Шаг 5
Рисование на канале
Откройте палитру каналов. Вы собираетесь закрасить канал, чтобы повлиять на выбор. Вы знаете, что черный не выбран, а белый выбран. Это означает, что если вы хотите защитить часть изображения, вам нужно будет сделать эту часть черной в альфа-канале. (Уже начинаете понимать? Будете). Щелкните значок глаза слева от канала Alpha 1 (или нажмите клавишу \ с обратной косой чертой).Теперь вы должны увидеть цвет рубилита (или любой другой цвет, установленный для вашей маски), в котором создается градиент. Выберите мягкую кисть и черный цвет. Щелкните канал Alpha 1 на палитре каналов. Теперь это должен быть выбранный канал. Прокрасьте черной кистью область лица женщины. Теперь вы полностью исключаете его из выбора. Белый выбран, черный — нет. На снимке экрана показан канал, отображаемый вместе с композитом и отображаемый отдельно. Щелкните значки глаз, чтобы управлять отображением.
Шаг 6
Загрузить как выделение
Убедитесь, что отображается только композиция RGB, щелкнув миниатюру RGB. Если отображается альфа-канал, щелкните значок глаза, чтобы скрыть его. Ctrl- (Cmd) + щелкните миниатюру alpha 1. Вы можете загрузить выделение с канала, даже если он скрыт! Полезно знать
Шаг 7
Удалить выделение
Выберите палитру слоев. Выберите верхний слой и нажмите клавишу удаления.Заметили, что область, которую вы закрасили черным, больше не удаляется? Лицо больше не покрывается синим изображением.
Смотрите, как быстрая маска или маска слоя. В конце концов, альфа-каналы не так уж и мистичны.
Будьте в курсе!
CS6 Superguide
Присоединяйтесь к нашему списку, чтобы получать больше уроков и советов по Photoshop. Получите эксклюзивные обучающие программы, скидки и бесплатные супер-руководства. Никакого спама, весь контент, не чаще одного раза в неделю.
Если вы внесены в наш список, вы получите его бесплатно по электронной почте, как только он станет доступен.Если нет, зарегистрируйтесь сейчас и получите CS6 Superguide бесплатно. Или щелкните изображение ниже.
Основы прозрачной заливки в Photoshop | Small Business
Прозрачные заливки — это цветные области, которые позволяют видеть изображения под ними, придавая интересный эффект фотографиям и другой графике, созданной в Photoshop. Даже новички могут использовать прозрачные заливки, чтобы добавить настроения или глубины своим изображениям. Например, прозрачная оранжевая заливка может «согреть» фотографию.Существует несколько различных способов достижения прозрачной заливки в зависимости от предпочтительных инструментов пользователя и уровня комфорта работы с программным обеспечением.
Настройка
Для большинства методов прозрачной заливки настройка очень проста и включает в себя новый слой и выбор цвета. Над слоем с фотографией на панели «Слои» следует разместить новый пустой слой. Один из способов добавить новый пустой слой — нажать «Слой» в строке меню, затем «Новый», затем «Слой». Выбор цвета заливки — это эстетическое решение, но в целом начальный цвет должен быть очень ярким и насыщенным, так как он будет ослаблен эффектом прозрачности.Если щелкнуть элемент цвета переднего плана на панели «Инструменты», открывается диалоговое окно «Палитра цветов», в котором можно выбрать полный цвет.
Диалоговое окно «Заливка»
С новым пустым слоем поверх изображения и выбранным цветом переднего плана можно использовать технику диалогового окна «Заливка» для создания прозрачной заливки. Выбрав новый слой, выберите «Редактировать» в строке меню, затем «Заливка», чтобы открыть диалоговое окно «Заливка». В этом диалоговом окне пользователь должен выбрать «Цвет переднего плана», чтобы заливка выполнялась ранее выбранным цветом, а также процентным значением непрозрачности.Этот процент указывает на силу прозрачности: 100% — полностью сплошное, 50% — полупрозрачное, 20% — слабое и так далее. Щелчок OK делает заливку прозрачной.
Ведро с краской
Альтернативой диалоговому окну «Заливка» является инструмент «Заливка», который можно выбрать на панели «Инструменты». Настройка такая же, с новым пустым слоем и выбранным цветом переднего плана. Когда выбран инструмент «Заливка», на панели параметров в верхней части экрана отображается поле «Непрозрачность», которое можно настроить, введя новый процент или используя ползунок.При однократном щелчке инструментом на холсте область заполняется цветом с выбранной интенсивностью в процентах.
Панель слоев
Когда используется диалоговое окно «Заливка» или «Заливка», уровень прозрачности нельзя изменить позже. Вместо этого настройка непрозрачности на панели «Слои» обеспечивает большую гибкость. Сначала пользователь применяет либо диалоговое окно «Заливка», либо метод «Заливка» с выбором непрозрачности на 100% и максимальной яркостью. Затем в верхней части панели «Слои» ползунок «Непрозрачность» можно настроить на любой желаемый уровень и изменить в любое время.
Эффект слоя
Более продвинутый способ применения прозрачной заливки не использует пустой слой или цвет переднего плана, а вместо этого применяет заливку с эффектом слоя. Для начала необходимо выбрать слой с фотографией на панели «Слои». Если этот слой является нередактируемым «Фоновым» слоем, дважды щелкнув по нему и выбрав OK, он превратится в редактируемый «Слой 0». Выбор «Слой» в строке меню, затем «Стиль слоя», затем «Наложение цвета» вызывает соответствующее диалоговое окно для применения эффекта.В этом диалоговом окне «Стиль слоя» есть настройки для выбора цвета, а также для процента непрозрачности. При нажатии кнопки «ОК» применяется заливка, которую можно изменить в любой момент, дважды щелкнув «Наложение цвета» на панели «Слои».
Ссылки
Writer Bio
E. Энн Хантер имеет более чем десятилетний опыт работы в сфере образования с акцентом на визуальный дизайн и обучающие технологии. Имеет степень магистра педагогического образования. Хантер участвовал в нескольких профессиональных публикациях, посвященных образованию, дизайну, музыке и фитнесу, а также другим темам.
Photoshop 101 — Прозрачные заливки
Photoshop 101 — Прозрачные заливки | Джордж ОрнбоПоследнее обновление
В Photoshop нет такой возможности одним щелчком, как в Illustrator, чтобы сделать заливку фигур или объектов прозрачной. Вот обходной путь.
Приблизительное время чтения: 2 минуты
Оглавление
Чего мы хотим достичь
Я хочу, чтобы у фигур или чего-то подобного имелась обводка, но с прозрачной заливкой.В Illustrator это было бы легко, но в Photoshop потребуется немного больше усилий. Вот пример:
Мы хотим, чтобы фигуры перекрывались прозрачным центром, но чтобы они также имели обводку.
Техника
Сначала мы рисуем форму как обычно. На самом деле не имеет значения, какой цвет вы используете, так как он будет скрыт. Теперь в палитре слоев («Окно»> «Слои») найдите слой с нарисованной вами фигурой и щелкните его правой кнопкой мыши. Вы увидите следующее всплывающее меню.Вам нужны «Параметры наложения».
Откроется диалоговое окно стиля слоя. Придайте фигуре обводку, установив флажок в поле Обводка внизу. Здесь вы можете определить размер обводки, цвет заливки и некоторые другие параметры.
Почти готово
Для завершения эффекта вернитесь в меню слоев. Вы увидите опцию Заливка. Щелкните раскрывающееся меню и уменьшите процент до 0%. Это делает заливку прозрачной, давая нам желаемый эффект.
Вы можете использовать этот эффект с любым слоем, поэтому, если вы создали форму с помощью инструмента «Перо», это тоже подойдет. Теперь вы можете с удовольствием наложить на свои фигуры прозрачные заливки!
У вас есть обновления или предложения по этой статье? Вы можете отредактировать его здесь и отправить мне запрос на перенос.
Теги
Последние сообщения
Об авторе
Джордж Орнбо — инженер-программист из Бакингемшира, Англия.
Он является автором Sams Teach Yourself Go за 24 часа и Sams Teach Yourself Node.js за 24 часа. Его можно найти в большинстве обычных мест в виде фигур.
← http://shapeshed.com
Контент находится под лицензией Creative Commons Attribution-NonCommercial-ShareAlike 4.0 International (CC BY-NC-SA 4.0)
Как сделать прозрачный текст в Photoshop
Из этого туториала Вы узнаете, как создать прозрачный текст в Photoshop, чтобы изображение за текстом просвечивало сквозь буквы! Пошаговое руководство для Photoshop CC, CS6 и более ранних версий.
Автор Стив Паттерсон.
Вам нужно добавить текст к изображению, но нет подходящего места для его размещения? Попробуйте добавить его как прозрачный текст в Photoshop! В этом уроке я покажу вам, как легко создать прозрачную текстовую область, что означает, что сам текст будет полностью прозрачным, позволяя просвечивать изображение под ним. Мы окружаем текст блоком сплошного цвета, обычно белого, чтобы раскрыть форму букв. Затем прозрачный текст становится рамкой для нашего объекта! Это отличный дизайнерский прием для изображений, которые слишком загружены, чтобы текст был легко читаем.
Создать прозрачный текст в Photoshop очень просто. Мы начинаем с добавления нового слоя над изображением и заливки его белым цветом. Затем мы добавляем наш текст. Чтобы сделать текст прозрачным, мы используем параметры Advanced Blending в Photoshop (не волнуйтесь, это очень простые «расширенные» параметры), чтобы превратить наш слой Type в слой «Knockout», который пробивает дыры прямо до изображения в фигурах. наших писем!
Вот как будет выглядеть прозрачная текстовая область, когда мы закончим:
Эффект прозрачного текста.
Приступим!
Загрузите это руководство в виде готового к печати PDF-файла!
Как добавить прозрачный текст
Я использую Photoshop CC, но каждый шаг совместим с Photoshop CS6 и более ранними версиями. Если вам нужен другой способ создания прозрачного текста, ознакомьтесь с моим новым руководством по добавлению прозрачного текста с помощью эффектов слоя.
Шаг 1. Откройте изображение
Начните с открытия изображения, в которое вы хотите добавить какой-нибудь прозрачный шрифт. Я загрузил это изображение горизонта Нью-Йорка из Adobe Stock:
Исходное изображение.Фото: Adobe Stock.
Шаг 2. Добавьте новый слой
На панели «Слои» мы видим изображение на фоновом слое. Добавьте новый пустой слой над изображением, щелкнув значок New Layer в нижней части панели «Слои»:
Щелкнув значок «Новый слой».
Новый слой с названием «Слой 1» появляется над фоновым слоем:
Добавлен новый слой.
Шаг 3: Залейте новый слой белым
Мы будем использовать этот слой, чтобы создать белую область вокруг текста.Залейте слой белым цветом, перейдя в меню Edit в строке меню и выбрав Fill :
.Перейдите в меню «Правка»> «Заливка».
В диалоговом окне «Заливка» установите для параметра « Contents » вверху значение White , а затем нажмите «ОК»:
Выбор белого в качестве цвета заливки.
Photoshop заполняет слой белым цветом, временно закрывая изображение:
Новый слой теперь залит белым.
Шаг 4: Уменьшите непрозрачность слоя
Понизьте непрозрачность слоя 1 до 75% .Параметр «Непрозрачность» находится в правом верхнем углу панели «Слои»:
.Понижение непрозрачности слоя 1 до 75%.
С пониженной непрозрачностью изображение теперь частично просвечивает, поэтому мы можем видеть его, когда добавляем текст:
Изображение теперь видно через «Слой 1».
Шаг 5. Выберите инструмент «Текст»
Выберите инструмент «Текст» на панели инструментов:
Выбор инструмента «Текст».
Шаг 6. Выберите шрифт
Выберите шрифт на панели параметров .Я буду использовать Futura PT Heavy , который я скачал с Adobe Typekit, но подойдет любой шрифт:
Выбор шрифта на панели параметров.
По-прежнему на панели параметров установите размер шрифта с на 72 pt . Нам нужно будет изменить размер текста после того, как мы его добавим, но это даст нам самый большой предустановленный размер на данный момент:
Установка размера шрифта 72 pt.
Шаг 7: Установите черный цвет шрифта
Убедитесь, что для вашего шрифта установлено значение черный , нажав на клавиатуре букву D , что приведет к восстановлению цвета по умолчанию.Это просто для того, чтобы мы могли видеть шрифт на белом фоне. Текущий цвет шрифта находится в образце цвета на панели параметров:
Образец цвета шрифта на панели параметров.
Шаг 8: Добавьте свой текст
Щелкните внутри документа и добавьте свой текст. Я наберу слово «НЬЮ-ЙОРК»:
Добавление текста к изображению.
Щелкните галочку на панели параметров, чтобы принять его:
Щелкните галочку, чтобы принять текст.
На панели «Слои» новый слой Type появляется над «Layer 1»:
Панель «Слои», показывающая новый слой «Текст».
Шаг 9: Измените размер текста
Перейдите в меню Edit в строке меню и выберите Free Transform:
Перейдите в Edit> Free Transform.
Photoshop окружает текст рамкой «Свободное преобразование» и маркерами. Щелкните и перетащите любой из угловых маркеров , чтобы изменить размер текста по мере необходимости.Во время перетаскивания нажмите и удерживайте клавишу Shift , чтобы не искажать форму букв при изменении их размера:
Удерживая Shift, перетащите угловые маркеры, чтобы изменить размер текста.
Чтобы переместить текст, щелкните внутри поля «Свободное преобразование» и перетащите его на место. Я переместу текст перед ватерлинией. Когда вы закончите, нажмите Введите (Win) / Верните (Mac) на клавиатуре:
Щелкните и перетащите в поле «Свободное преобразование», чтобы изменить положение текста.
Шаг 10: Откройте параметры наложения
Выбрав слой Type, щелкните значок Layer Styles (значок fx ) в нижней части панели Layers:
Щелкните значок «Стили слоя».
Выберите Параметры наложения вверху списка:
Выбор «Вариантов наложения».
Откроется диалоговое окно «Стиль слоя» Photoshop, в котором установлены основные параметры наложения. В разделе Advanced Blending измените Knockout с None на Shallow .Это превращает слой «Текст» в слой «нокаут», что означает, что Photoshop будет использовать формы букв, чтобы пробить «Слой 1» и показать изображение на фоновом слое:
Установка для параметра Knockout значения «Shallow».
Чтобы увидеть эффект, перетащите ползунок Непрозрачность заливки до 0% :
Понижение непрозрачности заливки до 0%.
Щелкните OK, чтобы закрыть диалоговое окно Layer Style. Стал прозрачным не только сам текст, но и область «Слоя 1» непосредственно под текстом, как если бы текст пробил дыру прямо через него.Теперь мы можем видеть изображение на фоновом слое через буквы:
Эффект после превращения слоя «Текст» в выбивающий слой.
Шаг 11: Выберите «Layer 1»
Давайте изменим размер белой области вокруг текста, чтобы она не закрывала всю фотографию. Щелкните Layer 1 на панели Layers, чтобы выбрать его:
Выбор «Слой 1».
Шаг 12. Измените размер слоя с помощью свободного преобразования
Поднимитесь в меню Edit и еще раз выберите Free Transform :
Перейдите в Edit> Free Transform.
Перетащите верхний и нижний маркеры внутрь к тексту. Нажмите Введите (Win) / Верните (Mac) на клавиатуре, когда закончите:
Изменение размера белой области вокруг текста с помощью Free Transform.
Шаг 13: Отрегулируйте непрозрачность слоя
Наконец, отрегулируйте непрозрачность «Layer 1», чтобы настроить видимость текста. Увеличение непрозрачности сделает белую область вокруг текста более плотной, а шрифт — более читабельным.Уменьшение непрозрачности приведет к исчезновению текстовой области на изображении. Я установил непрозрачность на 85%:
Увеличение значения непрозрачности до 85%.
И вот, после увеличения непрозрачности, мой окончательный результат «прозрачной текстовой области»:
Последний эффект прозрачного шрифта.
Выявление слоя, отличного от фонового
Шаги, которые мы рассмотрели в этом руководстве, — это все, что вам нужно сделать, когда изображение, которое вы хотите показать через текст, находится на фоновом слое .Если у вас есть изображение над фоновым слоем, которое вы хотите показать через текст, просто поместите слой Type и сплошной белый слой под ним в группу слоев, выбрав оба слоя, а затем перейдя в меню Layer и выбрав Group Layers .
И вот оно! Вот как легко добавить прозрачный текст к изображению с помощью Photoshop! Помимо добавления прозрачного текста, еще одним классическим эффектом Photoshop является размещение изображения непосредственно внутри текста.Или узнайте, как наложить текст на изображение, выбрав цвета шрифта прямо из самого изображения! Посетите наш раздел «Фотоэффекты», чтобы получить больше уроков по Photoshop!
Узнайте, как создавать 3D-объекты с прозрачностью
Из этого туториала Вы узнаете, как создавать 3D-объекты с прозрачными областями. В этом примере я деформирую текстовый слой вокруг сферы. Затем сделаю сферу прозрачной, кроме текста.
1. Создайте новый документ с соотношением сторон 2: 1.
В этом примере я создал документ размером 1000 пикселей (ширина) на 500 пикселей (высота).
2. Введите свой текст.
(В этом примере я ввел: «ИМЕЮ МНОГО ВЕСЕЛО -» шрифтом Times New Roman 90pt)
3. Нажмите Ctrl-A (ПК) или cmd-A (Mac), чтобы выбрать все.
4. Выберите инструмент MOVE (нажмите клавишу V ) и нажмите кнопки « Align Horizontal Centers » и « Align Vertical Centres » на панели параметров под меню Photoshop.
5. Нажмите Ctrl-D (ПК) или cmd-D (Mac), чтобы отменить выбор.
6. Нажмите кнопку « fx » на панели слоев и выберите « Bevel & Emboss ».
7. Щелкните раскрывающийся список « Technique » и выберите « Chisel Hard ». Установите: Depth = 100%, Size = 60px.
8. Щелкните « Gradient Overlay », выберите GRADIENT : Spectrum и нажмите «OK»
.9.Объедините слои, нажав Shift-Ctrl-E (ПК) или Shift-cmd-E (Mac).
10. Дублируйте изображение (выберите: Изображение> Дублировать ) и назовите новое изображение «прозрачность»
11. Преобразуйте новое изображение в СЕРЫЙ ( Изображение> Режим> Оттенки серого )
12. Нажмите Ctrl-L (ПК) или cmd-L (Mac), чтобы открыть окно уровней.
Введите 0,01 в поле средних тонов:
13.Нажмите Ctrl + I (Mac: cmd + I ), чтобы инвертировать изображение.
Сохраните изображение на жестком диске (я предпочитаю сохранять его как png, но вы можете выбрать jpg или tiff).
Закройте это изображение.
14. Теперь создадим сферу из изображения, открытого в Photoshop (с цветным текстом).
- Если у вас Photoshop CC или CS6 Extended, выберите в меню: 3D> Новая сетка из слоя> Набор настроек сетки> Сфера .
- Если у вас Photoshop CS5 Extended, выберите в меню: 3D> Новая фигура из слоя> Сфера .
Изображение должно теперь выглядеть так (я думаю, что на самом деле это не похоже на что-то новое для вас, я думаю, но мы изменим его СЕЙЧАС!):
15. Мы переключимся на панель 3D: выберите Window> 3D из главного меню.
Когда он появится, нажмите « Sphere_Material ». Если его не видно, просто нажмите на маленький треугольник слева от «Сферы», и он появится.
- Если у вас Photoshop CC или CS6 Extended, панель 3D должна выглядеть так:
- Если у вас Photoshop CS5 Extended, панель 3D должна выглядеть так:
16.Теперь щелкните небольшой значок папки справа от поля Opacity , которое можно найти на панели свойств в Photoshop CC или CS6 Extended и на панели 3D в Photoshop CS5 Extended:
17 . Выберите « Загрузить текстуру » и откройте файл изображения «прозрачности», который вы сохранили ранее.
Теперь ваша сфера должна выглядеть так:
Мы готовы. Теперь вы можете анимировать изображение с помощью панели «Таймлайн» (называемой «панелью анимации» в старых версиях Photoshop).
СОВЕТ: В этом уроке я использовал только ЧЕРНЫЙ и БЕЛЫЙ в изображении «прозрачности», где черный дает полную прозрачность, а белый — полную непрозрачность. Работа с разными оттенками серого приводит к разным значениям прозрачности.
Следуя этим шагам, вы можете создать несколько отличных 3D-эффектов, например этот:
© Pit Hermann
Как сделать изображение прозрачным фоном в Photoshop
Иногда вам нужно загрузить изображение, которое требует прозрачности для посмотрите на исходный фон.В таких случаях было бы удобно загрузить изображение PNG, так как оно может обеспечить желаемое преобразование.
В этой статье вы подробно расскажете, как удалить фон изображения и сделать изображение прозрачным в Photoshop.
Как сделать изображение прозрачным в Photoshop
Создание файла
Шаг: 1
Первый шаг — создать файл. Для этого откройте Adobe Photoshop и выберите «Создать» в меню «Файл» вверху страницы.
Шаг: 2
Затем в появившемся окне «Новый документ» создайте файл желаемого размера и убедитесь, что разрешение документа составляет 72 пикселя на дюйм (поскольку файл предназначен для использования в Интернете). Кроме того, выберите Transparent из раскрывающегося списка Background Contents.
Когда вы создаете PNG с прозрачным фоном в Photoshop, вы должны указать размер изображения, которое будет загружено в качестве фона. Ниже приведен пример, который иллюстрирует следующее: ширина 3000 пикселей, высота 1730 пикселей, что является рекомендуемым размером для загрузки изображений HD.
После того, как вы установили параметры, нажмите «ОК», чтобы открыть новый документ.
Шаг: 3
Затем на панели «Слои» убедитесь, что вы работаете с прозрачным слоем, а не с фоном.
После того, как вы закончили создание, вы должны сохранить прозрачное изображение, в зависимости от версии Photoshop, которую вы используете, в меню «Файл».
Сохранение файла
Прежде чем сделать фотографию прозрачной в Photoshop, необходимо знать, что с CC 2015 параметр «Сохранить для Интернета и устройств» в меню «Файл» помечен как устаревший ( устаревший, ).И заменен новой опцией «Экспорт» ( Экспорт ), которая предлагает идентичную функциональность с более быстрым сохранением в файл меньшего размера и лучшего качества. Чтобы использовать параметр «Экспорт», щелкните меню «Файл» и выберите «Экспортировать как».
Напоминание: Adobe по-прежнему предлагает параметр «Сохранить для Интернета и устройств» в Photoshop CC 2015, и он доступен через меню «Файл»> «Экспорт» или с помощью Command + Option + Shift + S (для Mac) или Ctrl + Alt + Shift. + S (для ПК).
Затем в появившемся окне выберите PNG в раскрывающемся меню «Формат» и убедитесь, что выбраны «Прозрачность» и «Преобразовать в sRGB».
Поля «Размер изображения» и «Размер холста» должны автоматически заполнять значения, которые вы задаете при создании файла. Но вы можете изменить эти настройки перед тем, как сделать Photoshop прозрачным, если хотите.
По завершении щелкните « Экспортировать все ».
Как сделать изображение полупрозрачным в Photoshop
Полупрозрачные изображения используются на веб-сайтах в качестве фона или миниатюр для сообщений, коллажей и других работ.
Шаг: 1
Для демонстрации нам понадобятся изображения.Взял вот такую -
Когда вы посмотрите на палитру слоев, вы увидите, что слой заблокирован (значок замка на слое). Это означает, что мы не сможем его редактировать.
Чтобы разблокировать слой, просто нажмите на замок.
Теперь вы все готовы.
Шаг: 2
Прозрачность (в Photoshop она называется «Непрозрачность») меняется очень просто. Для этого ищем в палитре слоев поле с соответствующим именем.
Когда вы щелкаете стрелку рядом со значением непрозрачности, появляется ползунок для регулировки значения.Вы также можете ввести точное число в это поле.
В общем, это все, что вам нужно знать о том, как сделать изображение прозрачным.
Давайте установим значение 60%.
Как видим, машина стала полупрозрачной; и через него появился фон в виде квадратов.
Затем нам нужно сохранить картинку в нужном формате. Прозрачность поддерживается только в формате PNG.
Нажмите комбинацию клавиш CTRL + S (CMD + S) и в открывшемся окне выберите нужный формат.
После того, как мы выбрали место и дали файлу имя, нажмите «Сохранить». Полученное изображение в формате PNG выглядит следующим образом:
Как сделать белый фон изображения прозрачным в Photoshop
Часто фон изображения покрывает намного больше. В этом и подобных случаях полезно иметь возможность сделать фон прозрачным.
Шаг: 1
Теперь мы будем работать с изображением, которое вы видите ниже — у нас там есть большая дорога; и в дорогу ставим машину.Как видите, вокруг машины белый фон, который испортил весь вид:
Итак, нам нужно удалить этот белый фон с сохранением размера изображения и сделать его прозрачным.
Шаг: 2
Для удаления белого фона можно применить три различных способа, которые я объясню последовательно следующим образом.
Первый метод:
Волшебная палочка — Шаг: 1
Воспользуемся инструментом «Волшебная палочка».
В графическом редакторе Photoshop откройте изображение.Справа в слоях, как обычно, щелкаем левой кнопкой мыши по замку.
Волшебная палочка — Шаг: 2
Теперь нажмите на инструмент «Волшебная палочка» и в «Допуске» установите параметр «10»:
Вот и все, фона больше нет.
Второй метод:
Магнитное лассо — Шаг: 1
Удалите фон с помощью инструмента Магнитное лассо, которое нам нужно сначала выбрать —
Магнитное лассо — Шаг: 2
Щелкните возле машины и просто наведите курсор на нее.После этого по контуру будет проведена сама линия.
Магнитное лассо — Шаг: 3
После выбора перейдите в верхнее меню к «Выделение» => «Инверсия» или просто нажмите Ctrl + Shift + I (Cmd + Shift + I)
И нажмите клавишу Delete на клавиатуре, чтобы сделать фон прозрачным.
Напоминание: Хочу обратить ваше внимание, что Первый и Второй способ можно использовать, если фон изображения однообразный, например, только белый или только красный и т. Д.Но если фон разноцветный или за ним есть другие изображения, лучше использовать третий способ.
Третий метод:
Быстрая маска — Шаг: 1
Удалите фон с помощью режима «Быстрая маска». Находится внизу:
Быстрая маска — Шаг: 2
Нажмите на «Быструю маску», выберите инструмент «Кисть» и аккуратно нарисуйте автомобиль, не затрагивая фон:
Когда вы рисуете машину, нужно нажать кнопку «Быстрая маска».
И на клавиатуре нажать клавишу «Удалить». Вот и все! Фон не будет.
Как сохранить изображение с прозрачным фоном
Если изображение сохранено в формате JEPG, оно будет белым, а не прозрачным фоном. Следовательно, вам необходимо сохранить его в формате PNG или GIF.
Итак, экономим:
Нажмите «Файл» => «Сохранить как…» в меню:
В «Имя файла:» дайте картинке имя, в «Тип файла» найдите и выберите формат «PNG».Щелкните по кнопке «Сохранить».
Ладно, проверим результат.
Теперь, если мы поместим машину на дорогу, мы увидим, что фон машины прозрачный.
Как сделать часть изображения полупрозрачной:
Кроме того, мы можем применить полученные знания в некоторых других процессах, чтобы сделать изображение реальным. Поскольку окна в машине обладают свойствами полупрозрачного фона, давайте применим эффект полупрозрачности только к переднему стеклу автомобиля.
Шаг: 1
Для этого мы повторно открываем наш файл с автомобилем и с помощью любого из 3 методов, упомянутых выше, выбираем переднее окно.
Шаг: 2
Теперь щелкните стекло правой кнопкой мыши и выберите «Слой через вырез». Теперь наше стекло находится на другом слое, и в свойствах слоя мы можем выбрать прозрачность. Например, мы установим 80%.
Сохраните машину в формате PNG и посмотрим на результат.
Теперь мы можем видеть фон изображения через стекло.
Кроме того, вы можете воспользоваться помощью такого эксперта, как оффшорная компания по производству трафаретов, для обработки вашего срочного изображения.
Как сделать логотип прозрачным в Photoshop
Наконец, в статье рассказывается, как разместить свой логотип на любом фоне поэтапно.
Шаг: 1
Давайте сначала откроем логотип. Для этого нажмите «Файл», затем «Открыть» в верхнем левом меню.
Шаг: 2
Затем выберите файл с логотипом и разместите его.
Шаг: 3
Выбираем любой из трех инструментов:
- «Волшебная палочка»
- «Магнитное лассо.”
- «Маска» + «Кисть»
Мы ценим использование любого из трех способов для достижения желаемого эффекта. Но первый вариант — «Волшебная палочка» — предпочтительный путь вперед. Ведь с помощью волшебной палочки мы можем выделить все элементы за пару кликов.
«Маска + кисть — еще более трудоемкий способ выбора, но это наиболее точный способ выбора. Я рекомендую его, если вам нужно выделить сложную и красочную область для большей точности.
Итак, мы остановились на Magic Wand.Выберите инструмент на левой панели.
Шаг: 4
Затем щелкните левой кнопкой мыши по белому полю. Получим такой эффект:
Как мы видим, внутри логотипа и текста все еще есть белые области.
Шаг: 5
Вот почему необходимо щелкать левой кнопкой мыши по всем белым областям внутри, удерживая нажатой клавишу «Shift». Теперь мы выбрали все площади:
Шаг: 6
После того, как мы выбрали все белые области, просто нажмите «Del».
Шаг: 7
Все, что нам нужно сделать, это сохранить наш логотип, следуя инструкциям ниже:
- Щелкните «Файл» в верхнем меню и выберите «Сохранить как».
- Выберите «PNG (* .PNG) в качестве формата.
- Нажмите «Сохранить», чтобы подтвердить изменения.
Теперь мы можем использовать логотип на любом фоне. Например, разместим на фото —
Или добавьте в рекламную брошюру —
Заключительные слова
В заключение хочу сказать, что общее руководство подходит для всех уровней учащихся, поскольку эта статья предписана вам со всеми возможными ноу-хау, чтобы сделать фон изображения прозрачным в Photoshop.Однако, если вы столкнетесь с какой-либо неудачей при редактировании фотографий, вам лучше перестраховаться. Было бы разумно нанять кого-нибудь или поручить услуги по редактированию фотографий профессионалу.
Как создать и изменить прозрачный градиент в Photoshop
Прозрачный градиент в Photoshop очень полезен для фотографов и графических дизайнеров.
Вы можете использовать его для перехода фотографии на задний план, для маскировки и многого другого.
В этой статье я покажу вам, как создать и изменить прозрачный градиент.
Как создать прозрачный градиент в Photoshop
Во-первых, давайте добавим фотографию к фону с помощью прозрачного градиента.
Шаг 1. Добавьте новый слой
Откройте фотографию, которую хотите использовать в Photoshop.
Щелкните значок «Создать новый слой» на панели «Слои».
Новый слой появляется поверх фонового слоя. Однако этот слой будет нашим новым фоновым слоем, поэтому нам нужно изменить положение обоих слоев.
Дважды щелкните фоновый слой, чтобы разблокировать его. Щелкните ОК. Теперь щелкните и перетащите новый слой полностью вниз, чтобы он стал фоном.
Шаг 2. Добавьте маску слоя
Выберите слой, содержащий фотографию.
Щелкните значок «Добавить маску слоя» на панели «Слои».
Миниатюра маски появляется рядом с миниатюрой слоя. Белый цвет означает, что виден весь слой. Если мы закрасим фотографию черным цветом, пока выделена миниатюра маски, эти области исчезнут.
Покрасьте белым, и они снова появятся.
Шаг 3. Добавьте прозрачный градиент
Но вместо рисования мы добавим прозрачный градиент, чтобы добиться плавного и прямого перехода между прозрачностью и фотографией.
Выберите инструмент градиента на панели инструментов слева.
В верхнем меню выберите черно-белый градиент.
Убедитесь, что эскиз маски выбран.
Щелкните любую сторону фотографии и перетащите курсор на фотографию ближе к центру.Отпустите половину фотографии.
Часть фото становится прозрачной. Если вам не нравится результат, нажмите Cmd + Z (Ctrl + Z для окон), чтобы отменить и повторно применить градиент. Вы также можете просто снова залить маску слоя белым цветом.
Шаг 4: Заливка фонового слоя
Выберите инструмент «Заливка» на панели инструментов слева. Дважды щелкните значок цвета переднего плана, чтобы открыть палитру цветов и выбрать любой цвет.
Убедитесь, что фоновый слой выбран, и залейте его выбранным цветом.
И это очень простой способ превратить фотографию в фон в Photoshop.
Но это не обязательно должен быть сплошной цвет. Вы также можете, например, выбрать другую фотографию в качестве фона. Просто перетащите еще одну фотографию на свою рабочую область под прозрачным слоем.
Как настроить прозрачный градиент в Photoshop
Поскольку мы использовали маску слоя для добавления прозрачного градиента, мы можем изменить его в любое время, как захотим. Например, с помощью инструмента «Кисть».
Убедитесь, что выбрали миниатюру маски слоя. Выберите инструмент «Кисть» и установите черный цвет.
Начните закрашивать фото. Чем больше вы рисуете, тем большая часть фотографии становится прозрачной.
Чтобы части фотографии снова стали сплошными, закрасьте белым цветом.
Заключение
Прозрачный градиент легко создать и имеет множество целей. Используйте маски слоев, чтобы смешать различные корректирующие слои или даже фотографии вместе.
С помощью этой техники вы можете создавать свои собственные фотографии с двойной экспозицией или переходить в сплошной цвет для добавления текста.
Хотите больше? Попробуйте наш курс творческой обработки в Photoshop
Это 30-дневный творческий фотографический проект, которым вы можете заниматься дома с базовым оборудованием.
Здесь показано, как делать фотографии, которые заставляют людей говорить «Вау! Как вы это восприняли? ».
Фотографии действительно говорят сами за себя. А если в данный момент вы застряли дома, это отличный проект, над которым можно потратить время.
.