BloGGood.ru

Блог Костаневича Степана

До Нового Года осталось:

Блог на разные темы, seo-оптимизация, раскрутка сайта, создание сайта, вкусные эффекты для сайта и многое другое…

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

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

2013-04-07 / Вр:21:33 / просмотров: 54375

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

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

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

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

Шаг 1.
Давайте для примера я возьму простую картинку формата JPEG. Вы можете использовать любой другой формат картинки, например GIF, BMP или PNG.

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

Как видите, на моей картинке в примере фон голубоватый, от него я хочу избавиться и сделать его прозрачным.
Я воспользуюсь редактором Фотошоп (Photoshop) и открою в нем эту картинку.
Кто не умеет обращаться фотошопом, тогда для открытия картинки в редакторе сделайте такие действия:
«Файл» => «Открыть» или клавиши <CTRL+O> и выберите вашу картинку.

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

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

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

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

А вот так выглядит волшебная палочка волшебная палочка.
Этой волшебной палочкой мы будем выделять фон.

Указываем параметры:

Допуск - 121. Параметры допуска можно менять от 0 и до тех пор, пока не выделится весь фон, а точнее максимум до 255.
Птички должны стоять на сглаживании и смежные пиксели
 . Ну, в общем, как на картинке в примере.

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

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

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

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

Шаг 5.
Картинку нужно сохранить в формате, который поддерживает прозрачный фон. Это формат gif и png. Если сохранить JPEG или BMP, то прозрачный фон просто пропадет.

Чтобы сохранить прозрачную картинку жмите:

«Файл» => «Сохранить как» или <Shift+Ctrl+S>.

В «Тип файлов» выбираем формат GIF и жмем «Сохранить».

сохранить прозрачную картинку

В открывшемся окне убедитесь, что птичка стоит на «Прозрачность». Жмите на кнопку «ОК».

сохранить прозрачную картинку

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

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

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

Понравился пост? Помоги другим узнать об этой статье, кликни на кнопку социальных сетей ↓↓↓

Получай обновления блога!!! Подпишись:

Популярные статьи:

14 Ответов на комментарий - Как сделать прозрачный фон у картинки?

  1. оксана

    УРРРРРРРРА! СПАСИБО БОЛЬШОЕ !! Благодаря Вам, Степан, я научилась делать прозрачный фон картинки. В фотошопе я уже не “чайник”, но многому надо учиться. Учусь методом “тыка”. Осваиваю самостоятельно профессию “контент”. Но тупо копировать картинки и заполнять ими сайт не очень хочу. Больше нравиться создавать, придумывать. Пока только учусь. В данном примере я сразу создала слой, на него разместила картинку и удалила по Вашему уроку ненужный верхний слой. Получилось то, что надо !!! Супер!! :!: :!: :!:

  2. Степан => автор блога Степан => автор блога

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

  3. Александр

    Наконец то я попал туда куда стремился.Здравствуйте,Степан!Я очень большой,и даже не электрический чайник.Вот приспичело мне убрать фон с картинки и начал я искать отягощенных этой мудростью сайты.Нашёл…просидел как дурак весь день,следуя заумным инструкциям и так ничего у меня не вышло.И тут набрел на Вас!! Всё очень быстро получилось.Просто и понятно.Спасибо Вам огромное!!Теперь буду жить у Вас. :arrow:

  4. Степан => автор блога Степан => автор блога

    Здравствуйте, Александр! Я рад, что моя статья Вам помогла! Удачи Вам!!! :arrow:

  5. Александр

    Здравствуйте,Степан.Подскажите,какой фотошоп использовать для таких эффектов.Я делаю на онлайн,но на нём не всё получается. :cry:

  6. Степан => автор блога Степан => автор блога

    Здравствуйте, Александр! Здесь дело не в фотошопе. Я пробовал и онлайн фотошопом сделать прозрачный фон, все работает. Вы наверное при сохранении файла, не указали правильный формат. Нужно указать формат PNG. Вы какой формат указывали?

  7. Александр

    Здравствуйте,Степан.Вы меня не поняли.Прозрачный фон у меня получился легко и просто.Я имел ввиду можно ли сделать онлайн,все те эффекты,которым Вы учите.У меня,например не получается печать и загнуть угол в фотографии.Печать и загнуть угол, возможно в онлайн7

  8. Степан => автор блога Степан => автор блога

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

  9. Павел

    Спасибо большое , не знал как делать благодарю

  10. Степан => автор блога Степан => автор блога

    Пожалуйста!

  11. Ольга

    Большое спасибо. Статью по запросу нашла быстро – и сразу в точку. Вы – умничка!

  12. Степан => автор блога Степан => автор блога

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

  13. Степан

    Здраствуйте степан.
    У меня не получается убрать замочек с слоя
    помоите пожалуйста

  14. Степан => автор блога Степан => автор блога

    Здравствуйте!
    А вы случайно не два раза кликаете мышкой по замочку?

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

;-) :| :x :twisted: :smokes: :smile: :shock: :sad: :rose: :roll: :razz: :pop-corne: :oops: :o :mrgreen: :lol: :idea: :grin: :gazeta: :evil: :cry: :cool: :coffe: :arrow: :???: :?: :!:

Чтобы добавить в комментарий код HTML, PHP, CSS, JavaScript, нужно сделать так: [code] ваш код [/code]

Метки: ,

Мои цели на 2018-2019:

1). Закончить тему «Bootstrap»

2). Закончить тему «Все про PHP и MySQL»

3). Создать портфолио и мини интернет-магазин шаблонов

4). Довести количество статей до 800

5). Добиться посещаемости 3000 человек/сутки

6). Увеличить число подписчиков до 250

Статистика по блогу

Количество записей на блоге: 802
Количество страниц на блоге: 20
Количество рубрик на блоге: 28
Количество меток на блоге: 72
Количество комментариев на блоге: 4573