Фон картинки. Как сделать прозрачным?



Фон картинки. Как сделать фон картинки прозрачным. Зачем нам может понадобиться прозрачный фон картинки. Вот о чем пойдет наш разговор сегодня.

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

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

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

онлайн сервис

Рис.1

И так сегодня хочу вас познакомить с очень интересным графическим онлайн сервисом. С помощью этогого сервиса можно очень легко сделать фон картинки прозрачным.  Называется он Online Pixlr Editor. А точнее разговор о трех уникальных программах (Смотри рис 1).  Это:  — Pixlr Editor.  Она является надежным редактором фотографий и картинок с широкими возможностями редактирования. Программа имеет многоязычный интерфейс, в том числе и русский.  Онлайн программа Pixlr Express является мощным редактором фотографий. Программа обладает  довольно широкими возможностями быстрых решений, возможностью добавления своего собственного стиля. Pixlr O-Matic хороший трансформатор в прохладные старинные изображения путем добавления  веселых ретро эффектов, наложений и т. д. Я не стану здесь подробно описывать возможности программ. С ними при желании вы можете самостоятельно ознакомиться. Благо они имеют интуитивно понятный и удобный интерфейс похожий  на интерфейсы других графических программ. А учитывая многоязычность и наличие русскоязычного интерфейса  думаю, позволит каждому без затруднения разобраться с уникальными возможностями этих программ.

Сделать фон картинки прозрачным

Рис.2

Ну а мы, продолжая наш разговор о фоне картинки и о том как можно легко сделать фон картинки прозрачным вернемся к нашему Pixlr Editor (Смотри рис 2).  При переходе по ссылке программы нам предоставляется выбор откуда загрузить или создать изображение. Но этот шаг, в принципе, можно и пропустить, открыв программу и уже там при помощи интерфейса выбрать нужное решение. В моем случае я закачиваю свою картинку с компьютера (Смотрим рис.3).  После заходим на вкладку «Слои» и дважды щелкаем на замке напротив картинки для разблокировки слоев. После переводим курсор к волшебной палочке и щелкаем кнопкой мышки. Переносим нашу палочку к фону картинки. Один щелчок и фон картинки прозрачный. Сохраняем полученное изображение на компьютер, если оно предназначено для публикации сразу определяем размер и уровень качества. Необходимо обратить внимание на формат сохраняемого файла, он должен поддерживать прозрачный фон. Закачиваем полученную нами картинку с прозрачным фоном на  страницу. А теперь сравниваем, что

Интерфейс программы

Рис. 3

у нас получилось. На мой взгляд, смотреться такая кнопка на страницах сайта будет гораздо красивее. Теперь осталось только поменять картинку кнопки в плагине. Как это сделать я уже вам рассказывал в статье: «Кнопка вверх. А мне нужна эта кнопка?»

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

Если эта статья оказалась вам полезной,  нажмите на  кнопку социальных сетей.  Так вы поделитесь со своими друзьями  полезной и интересной  информацией!

Поделиться в соц. сетях

Опубликовать в Google Plus
Опубликовать в LiveJournal
Опубликовать в Мой Мир
Опубликовать в Одноклассники
Опубликовал 3rd Январь 2015.
Размещено в Программы.




Оставить комментарий или два

http://uspehbiz.ru/wp-content/plugins/wp-monalisa/icons/wpml_bye.gif 
http://uspehbiz.ru/wp-content/plugins/wp-monalisa/icons/wpml_good.gif 
http://uspehbiz.ru/wp-content/plugins/wp-monalisa/icons/wpml_negative.gif 
http://uspehbiz.ru/wp-content/plugins/wp-monalisa/icons/wpml_scratch.gif 
http://uspehbiz.ru/wp-content/plugins/wp-monalisa/icons/wpml_wacko.gif 
http://uspehbiz.ru/wp-content/plugins/wp-monalisa/icons/wpml_yahoo.gif 
http://uspehbiz.ru/wp-content/plugins/wp-monalisa/icons/wpml_cool.gif 
http://uspehbiz.ru/wp-content/plugins/wp-monalisa/icons/wpml_heart.gif 
http://uspehbiz.ru/wp-content/plugins/wp-monalisa/icons/wpml_rose.gif 
http://uspehbiz.ru/wp-content/plugins/wp-monalisa/icons/wpml_smile.gif 
http://uspehbiz.ru/wp-content/plugins/wp-monalisa/icons/wpml_whistle3.gif 
http://uspehbiz.ru/wp-content/plugins/wp-monalisa/icons/wpml_yes.gif 
http://uspehbiz.ru/wp-content/plugins/wp-monalisa/icons/wpml_cry.gif 
http://uspehbiz.ru/wp-content/plugins/wp-monalisa/icons/wpml_mail.gif 
http://uspehbiz.ru/wp-content/plugins/wp-monalisa/icons/wpml_sad.gif 
http://uspehbiz.ru/wp-content/plugins/wp-monalisa/icons/wpml_unsure.gif 
http://uspehbiz.ru/wp-content/plugins/wp-monalisa/icons/wpml_wink.gif