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

Как сделать прозрачным фон в картинке? Зачем нужен картинке прозрачный фон? Если Вы хотите сделать оригинальную картинку при оформлении своих сайтов, фотоальбомов, страниц в социальных сетях, то эта опция поможет Вам сделать задуманное.

Я, например, часто такой опцией пользуюсь при создании картинок к своим статьям. Это позволяет в одной картинке совмещать отдельные элементы как одно целое. В итоге получается оригинально, уникальность именно таких картинок 100%. Этот процесс творческий и есть возможность проявить свою фантазию.

Итак, как же сделать прозрачным фон в картинке. Для работы нам понадобиться онлайн сервис https://pixlr.com/editor/. В чем его преимущество: 

• Не требуется дополнительно устанавливать программу. 
• Сервис бесплатный. 
• Можно работать без регистрации. 
• Есть возможность работы на русском языке. 

Заходим на сайт, выбираем в списке команду «Загрузить изображение». В открывшейся рабочей области видим загруженное изображение, а справа – три небольших окна. Нам нужно в окне «Слои» дважды щелкнуть на замочек, чтобы разблокировать слой, и с ним можно было работать.

На панели инструментов выбираем «Волшебная палочка», и тут же нужно щелкнуть на фон, который требуется убрать. При этом контуры картинки выделяются мерцающим пунктиром. После на клавиатуре нажимаем кнопку «Delete», фон удалится. Если с первого раза не получилось удалить все, делайте до тех пор, пока не достигнете желаемого результата.
Затем сохраняем картинку, выбрав в меню «Файл» команду «Сохранить». В предложенном списке выбираем формат сохраняемой картинки – PNG (прозрачный фон).

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

Я на скрине показала эту разницу:

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

Читать далее..

Водяной знак. Как сделать watermark

Водяной знак – это своеобразная печать или оттиск автора, на англ. «watermark». Он может быть в виде текста или картинки. Используется для указания авторства. Благодаря водяному знаку можно увеличить посещаемость своего сайта и продвигать себя как бренд в Интернете.

Чаще всего watermark создают в фотошопе, но для тех, кто не имеет этой программы или не владеет всеми секретами, то для таких вариантов есть способ попроще. 

Рассмотрим три варианта создания водяного знака.

Первый – до безобразия прост. 

Использовать я буду сайт watermark.algid.net 

Здесь есть вариант водяного знака в виде текста и картинки. Я расскажу про текст, картинка делается по тому же принципу.

Нажимаем кнопку «Водяной знак – текст», затем настраиваем параметры водяного текста: шрифт, цвет надписи, размер шрифта, положение водяного знака на изображении, отступы, прозрачность. 
 Загружаем картинку, на которую будем накладывать водяной знак. Этот сервис позволяет одновременно загрузить 5 изображений и watermark появится одновременно на всех пяти.

Нажимаем «Следующий шаг», смотрим результат. Если устраивает, сохраняем, а для редактирования нужно сделать шаг назад.

Поскольку это самый простой вариант создания водяного знака, то и вариантов самих шрифтов минимальное. Для самых скромных запросов – без особых знаний в редакторах изображений и желанием сделать водяной знак, это будет наиболее оптимальный вариант.

Следующий сайт для создания водяного знака – http://picmarkr.com/ 

Его сервис интуитивно понятен, и весь процесс разбит на три шага: загрузка изображения, настройка всех параметров и сохранение картинки.

На сайте есть варианты загрузки не только с компьютера, но и с Интернета (фейсбук, Picasa, Flickr). Загружать можно также 5 изображений сразу, но с ограничением: суммарно не должно превышать 25 Мб.

Дополнительной возможностью будет выбор изображения, если надо Вам загрузить его потом либо на блог, либо на форум или отправить по почте. Нажимаем «Step 2», переходим на страницу с настройками. В левой части находятся инструменты, а в правой – окно просмотра, здесь видим изменения. Здесь настраиваем текст, цвет текста и фона, выравнивание на картинке.

Здесь есть вариант загрузки картинки (лого) и в виде россыпи. Справа видим изменения, если все устраивает, нажимаем «Продолжить». Затем сайт предлагает сохранить изображение либо на компьютер, либо на фейсбук, Picasa, Flickr. Выбираем свой вариант, нажимаем «Сохранить».

Третий вариант создания водяного знака 

Используется сайт pixlr.com - фотошоп онлайн. 

Этот водяной знак можно будет использовать и при создании видео, наложив на него watermark . Большим преимуществом фотошоп онлайн является его бесплатное использование, и нет необходимости устанавливать программу фотошоп на компьютер. В предыдущих статьях я рассказала, как с помощью этого сервиса сделать картинку с прозрачным фоном и как создать объемный текст. Создание водяного знака объединяет в себе эти два урока – нам нужна надпись, но на прозрачном фоне.

Итак, делаем водяной знак. Открываем фотошоп онлайн, выбираем размеры изображения.

Я делала водяной знак в виде ссылки на свой сайт, поэтому, и размеры надо брать примерно под эту надпись. Это будет высота 200 пикселей и ширина 400 пикселей. И очень важно отметить «Прозрачный фон». Выбираем опцию надписи, в появившемся окне пишем сам текст. 

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

Видео  урок по созданию водяного знака: 

Надеюсь, что объяснила доступно, как сделать водяной знак. Если у Вас возникли вопросы, можете их оставить ниже в комментариях.

Читать далее..