BloGGood.ru

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

  1. оксана

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

    Ответить

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

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

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

    Ответить

  2. Александр

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

    Ответить

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

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

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

    Ответить

    Александр отвечает:

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

    Ответить

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

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

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

    Ответить

    Александр отвечает:

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

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

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

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

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

;-) :| :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). Создать еще один блог.

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

Количество записей на блоге: 401
Количество страниц на блоге: 20
Количество рубрик на блоге: 26
Количество меток на блоге: 67
Количество комментариев на блоге: 1339