BloGGood.ru

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

  1. оксана

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

    Ответить

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

    Степан => автор блога отвечает:

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

    Ответить

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

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

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

Подписаться без комментирования

Метки: ,

Мои цели на 2014 год:

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

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

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

4). Сделать конкурс на лучшую статью.

5). Создать видео урок и книгу.

6). Создать портфолио.

7). Довести количество статей до 400.

8). Увеличить число подписчиков до 100.

9). Создать еще один блог.