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

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

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

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

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

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

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

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

Разблокировать слой заднего плана в Фотошопе

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

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

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

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

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

Изменить непрозрачность слоя в Фотошопе

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

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

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

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

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

 

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

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

Рекомендую хостинг BeGet.ru

С уважением, Олег Астанин
Автор проекта olegastanin.ru

Понравилась статья? Поделитесь с друзьями!

0


This Post Has Been Viewed 962 Times

Автор статьи: , дата публикации

Читайте также на моем блоге:

  • Favicon для сайта — как средство привлечения посетителей!
  • Создание шапки для сайта или блога своими руками!
  • Фон для сайта в Photoshop своими руками!
  • Как я делаю красивые изображения к своим постам (видеоурок)
  • Шапка для сайта
  • Иконки социальных сетей для сайта
  • Как сохранить изображение с сайта
  • Картинки и иконки для сайта на темном фоне
  • Стильный фон для сайта (часть 2)
  • Стильный фон для сайта
Читатели оставили 28 комментариев к этой статье:
  • Александр, 20.10.2013 в 01:41

    Спасибо, очень помог :-)

  • Алена27.10.2013 в 21:48

    Спасибо, как оказалось все очень просто

  • Илья17.01.2014 в 17:52

    Спасибо за помощь !!!

  • Надежда17.01.2014 в 19:32

    И правда просто!)

    Спасибо:)

  • Сергий27.03.2014 в 20:14

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

  • Олег Астанин
    Олег Астанин28.03.2014 в 00:53

    Пожалуйста! Для того и написал эту статью, чтобы было решение вопроса)))

  • Антон Титов30.05.2014 в 16:51

    А как можно сделать прозрачным только часть изображения?

  • Олег Астанин
    Олег Астанин30.05.2014 в 17:28

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

  • Олег Крылов30.05.2014 в 21:40

    Вы собираетесь написать серию статей по работе с Фотошопом?

  • Антон Панов31.05.2014 в 02:19

    Спасибо за подробную инструкцию, теперь остаёться включить фантазию.

  • Виталий05.06.2014 в 15:26

    Спасибо выручил ) Оказывается это не так уж сложно.

  • Юлия03.07.2014 в 00:44

    Спасибоооо))) Очень понятно! То что нужно!

  • Олег Астанин
    Олег Астанин03.07.2014 в 00:49

    Пожалуйста, Юлия!

  • Ренат Шамсутдинов25.10.2014 в 04:08

    Дорогой ты ЧЕЛОВЕЧИЩЕ!!! Я уже бился головой об стенку в припадке, перекопал кучу форумов — все без толку. И тут я читаю эту статью!!! СПАСИБО БОЛЬШОЕ!!! Моя ситуация такова: нужно модернизировать презентацию в PowerPoint, вставив в уже готовые шестиугольные картинки свои. Как только и чем только я не пытался обрезать картинки в виде сот — и в Word, и в Paint, и в Photoshop, в online-программах — бесполезно. В Фотошопе и в Ворде картинки обрезались до вида соты, но если их пытаться вставить куда-нибудь, то везде появлялись белые прямоугольные рамки, которые мешались и портили все труды. Прочитав эту статью, еще раз открыл Фотошоп, обрезал и сохранил в PNG-24. Вуаля — все получилось! Еще раз спасибо!

  • Олег Астанин
    Олег Астанин25.10.2014 в 19:25

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

  • igorek5533@mail.ru21.11.2015 в 23:37

    А что за программа на скринах?

  • Олег Астанин
    Олег Астанин21.11.2015 в 23:59

    Это программа Adobe Photoshop CS5!)

  • Александр, 11.01.2016 в 16:41

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

  • Юра15.03.2016 в 17:08

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

  • Софья03.04.2016 в 19:19

    Спасибо за интересную статью! Попробовала, вроде легко =) Только вот в PNG — формате больше места занимает :( А в общем, очень полезная шутка. Даже в онлайн-фотошопе можно!

  • Наталья06.04.2016 в 12:52

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

  • Татьяна06.04.2016 в 16:36

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

  • den114207.04.2016 в 16:01

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

  • Artem13.04.2016 в 03:11

    Спасибо, мне помогло! Чтобы я без Вас делал!!!!

  • Ирина13.06.2016 в 21:52

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

  • Ваня30.07.2016 в 15:44

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

  • Олег Астанин
    Олег Астанин21.09.2016 в 23:11

    Прозрачная картинка за пару минут!

  • Boris10.11.2016 в 19:49

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

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

(обязательно)

(не будет опубликовано, обязательно)

Вебсайт (если есть)

  • Получайте оповещения о выходе новых статей на Ваш E-mail. Для этого, введите Ваш E-mail и нажмите Enter.

  • Рубрики

  • Присоединяйся ко мне!

    Группа
    Вконтакте

    Канал на
    You Tube

    Я на
    Twitter