Translate

Поиск по этому блогу

среда, 18 мая 2016 г.

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

  

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

Эта информация будет полезна тем, кто сам делает заставки для блога, картинки, или например, как в прошлом посте – стрелочку для прокрутки вверх. Согласитесь, что не самый лучший вариант, когда у вас стрелочка находится на каком -  то фоне виде подложки. Намного красивее, если она просто расположена на фоне вашего сайта.
Если у вас есть бесплатный редактор GIMP (бесплатный аналог фотошопа), то я написал отдельный пост о том, как удалить фон в GIMP
Для примера, возьмем картинку в виде стрелочки вверх. На самом деле вы можете ее нарисовать сами или взять уже готовую в интернете. Формат картинки в данном случае значения не имеет.
Идем в онлайн редактор  https://pixlr.com/
Нажимаем загрузить и далее смотрите как на картинках.


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


Далее берем «волшебную палочку» (см. слева вверху стрелочка) и щелкаем по белому полю.


Оно выделится мигающим пунктиром.
Нажимаете кнопку – delete и удаляете белый фон.


Теперь закрываете рисунок ( крестик) и программа предложит вам сохранить ваше творчество.


Главное выбрать формат  PNG!!! Иначе прозрачность фона потеряется.
Сохраняйте себе на компьютер и все готово.
Теперь останется только загрузить картинку в интернет и получить ссылку, которую вы можете использовать  для создания стрелочки прокрутки поста вверх.
Здесь я выложил ту стрелочку, на которой я вам показал, как можно сделать прозрачный фон на картинке. Делюсь.

                                                                                                                         

https://sites.google.com/site/youmorestop/home/Pj5.png                              






 Как загрузить картинку в интернет и получить ссылку.



1 комментарий:

  1. Pixlr is a cloud-based set of image tools and utilities, including a number of

    photo editors, a screen grabber browser extension, and a photo sharing service. The

    suite was intended for non-professionals, however the apps range from simple to

    advanced photo editing.
    www.pixlr.com/editor

    ОтветитьУдалить



Хотите освоить самые современные методы написания React приложений? Надоели простые проекты? Нужны курсы, книги, руководства, индивидуальные занятия по React и не только? Хотите стать разработчиком полного цикла, освоить стек MERN, или вы только начинаете свой путь в программировании, и не знаете с чего начать, то пишите через форму связи, подписывайтесь на мой канал в Телеге, вступайте в группу на Facebook.Пишите мне - kolesnikovy70 почта gmail.com