0

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


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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

Отблагодарите автора, поделитесь статьей в социальных сетях.

Приветствую!

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

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

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

Инструкция по добавлению картинке плавного перехода в прозрачность в Фотошоп

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

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


Теперь в панели инструментов выберите Градиент.

Читайте также:  Значение символов в смс сообщениях


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

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


Результатом станет добавленная прозрачность. На приведённом примере ниже это можно наблюдать воочию.

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

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

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

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

До новых встреч, уважаемый посетитель!

В свою очередь, Вы тоже можете нам очень помочь.

Просто поделитесь статьей в социальных сетях с друзьями.

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

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

Читайте также:  Как в excel пронумеровать страницы по порядку

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

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

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

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

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 и уже потом заливать на сайт.

Читайте также:

16 комментариев к “Прозрачность и полупрозрачность в Photoshop”

  1. Slava пишет:
    Сентябрь 17th, 2009 at 20:37

Хорошая статейка, для начинающих как я в самый раз…

Таня пишет:
Сентябрь 22nd, 2009 at 23:20

Большое спасибо за подробное описание создания прозрачности фона! Облазила пару десятков сайтов и не могла найти простого описания, а у вас нашла и сразу всё, что нужно сделала.
Спасибо!^^

livetk пишет:
Декабрь 29th, 2009 at 05:33
Читайте также:  Как восстановить микро сд без форматирования

по идее в фотошопе можна и самому все это найти.

Alexandr пишет:
Декабрь 29th, 2009 at 13:24

В Фотошопе еще и не такое можно найти. Если искать 🙂

Антон пишет:
Март 19th, 2010 at 21:56

Да уж по идее может и можно, тока если бы не этот урок я бы год сам искал наверно =)

Светлана пишет:
Март 29th, 2010 at 11:28

Спасибо. Ваш урок очень помог наконец-то сделать картинку прозрачной. До этого пыталась векторную картинку из CorelDraw экспортировать в GIF, но получалось не то что надо.

Мин пишет:
Май 7th, 2010 at 11:43

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

Редактор похож на фотошоп! Круто! Я уже себе занес в избранное.
Удобно для обработки небольших фоток.
Вот адресок! templeit.net

Александр пишет:
Август 13th, 2010 at 11:22

Разве такой мелочи нужно было делать урок?
я в шоке ппц

Alexandr пишет:
Август 13th, 2010 at 12:16

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

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

Никита пишет:
Август 21st, 2010 at 17:23
comen пишет:
Ноябрь 12th, 2010 at 18:33

большое спс за информацию)))прозрачность знал как делать….просто не знал что в JPG формате она не сохраняется)))буду теперь знать)))

Асьген пишет:
Январь 21st, 2011 at 11:13

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

Alexandr пишет:
Январь 21st, 2011 at 11:25

Асьген

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

Юрий пишет:
Октябрь 3rd, 2011 at 07:50

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

Alexandr пишет:
Октябрь 3rd, 2011 at 17:40

Юрий, спасибо за сообщение о поломке — уже исправил.

Jelena пишет:
Январь 30th, 2015 at 15:28

Ocen poniatno vsio, polucilos ne s pervogo raza, no kogda pervyj raz vidish fotosop eto ne udivitelno. spasibo 🙂

admin

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

Ваш e-mail не будет опубликован. Обязательные поля помечены *