Подписаться на RSS.

Введите Ваш email:

На самом деле, Япония более популярна в России, чем в самой Японии.

Рейтинг блогов

виртуальный хостинг сайтов

Создать картинку с прозрачным фоном.

Хочу поделиться своим опытом создания картинок для sidebar. Эта тема не настолько простая, как кажется. Дело в том, что у картинок для сайдбара должен быть прозрачный фон, т.к. в этом случае не портится общий дизайн, если какая то часть картинки не вписывается по размерам. Т.е. картинку можно вставить несколько большую, чем позволяет место – мешать будут только выступающие детали.

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

Все работы проводились в Paint.NET версия 3.5.8.
Нашёл подходящего самурая в чёрно-белом формате, сохранил. Затем открыл в Paint.NET.
Установил чувствительность “волшебной палочки” 20% (Почему? Не знаю. Никакой логики в моих поступках нет) и начал последовательно выделять фон, удаляя его (“правка” – “вырезать”).

Когда весь фон был удалён, добавил слой (прозрачный). Затем поменял слои местами (может это и необязательно) и сохранил в формате PNG.

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

Результат справа в сайдбаре, я только этого самурая повернул мордой к тексту: “изображение” – “повернуть горизонтально”, в Paint.NET конечно.

UPD. 03.07.2013
Выделить фон, удалить и сохранить в формате png.  Этого достаточно.

 

UPD.11.04.2011

Как удалить текст с картинки в Paint.NET.

Решил немного дополнить пост, так как обнаружил, что ко мне заходят именно по этому запросу. Ну что ж, учить я люблю, так как при этом сам начинаю немного лучше разбираться в теме.
Буквы в рисунке – это часть изображения и… поэтому неважно, что нам необходимо удалить, методы одни и теже.

Если буквы находятся на монохромном фоне, то всё делаем не добавляя нового слоя.
Для начала увеличиваем изображение. Колёсиком мыши передвигаем, чтобы открылась нужная часть.
Убрать ненужное можно ластиком, выбрав его размеры или же выделив “волшебной палочкой” удалить, нажав Delete или же “правка”–> “вырезать”.

Для волшебной палочки экспериментальным образом устанавливаем чувствительность такую, чтобы не захватывалось лишнее. Объект удаляем частями, последовательно: выделил – удалил.

Затем нам нужно заполнить пустоты. Если область работ не сложная, то используем кисть или заливку, предварительно пипеткой выбрав нужный цвет.

Если же буквы находятся на фоне, имеющем какой либо орнамент, то для работы создаём дополнительный слой. Который должен распологаться наверху. А для заполнения пустот используем “штамп” или “клонирование” (может по разному называться).
Щёлкаем на оригинал в рабочей панели, находящейся внизу справа, тем самым выделяя его. Устанавливаем нужные размеры штампа, удерживаем Ctrl и щёлкаем на области с подходящим орнаментом, затем в рабочей панели выделяем “дополнительный слой” и заполняем штампом пустоты. Размеры штампа должны превышать размеры пустот.

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

Всё. Объединяем слои и сохраняем.

P.S. Вся суть в том, чтобы под вырезанные пустоты подложить что-то подходящее по цвету и орнаменту. Для этого и существует дополнительный слой, который мы потом подкладываем под низ. На дополнительном слое можно располагать вырезанные из дополнительной копии кусочки изображения и передвигать этот слой добиваясь идеального совмещения (линий, орнамента).

 

Ещё один метод удаления надписей в Paint.NET.

Книга 1

Допустим необходимо удалить текст с этой картинки.

Открываем картинку в Paint.NET увеличиваем, или нет. Используем “штамп” (или “клонирование”). Устанавливаем необходимый размер штампа (около 10 px). Устанавливаем его в чистую область, откуда будем брать образец. Зажимаем Ctrl и кликаем левой кнопкой мыши. Затем наводим штамп на текст зажимаем Alt и кликаем левой кнопкой. Можно с зажатым Alt’ом и левой клавишей мыши водить по тексту, замещая его. Результат ниже:

Книга 2

Результат удаления текста с левой половины фолианта.

Как то так.

 

UPD. 27 августа 2011 года.
Со слоями можно не париться. Удалил фон, сохранил в формате PNG и всё – картинка с прозрачным фоном.
Если что-то стираете ластиком и фон белый, то просто сохраняете и клетчатая подложка убирается, всё выглядит нормально.
Для тонкой работы картинку увеличиваете и работаете штампом с пикселями. Водянные знаки можно технично убрать, если постараться.

образец 1

Допустим необходимо убрать надпись слева внизу.

образец 2

Здесь результаты моей попиксельной правки.

образец 3

А это картинка оригинал. Если бы она попалась мне ранее, я бы не ухайдокал бы кучу времени на предыдущую картинку.

Комментарии (8) на “Создать картинку с прозрачным фоном.”

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


- семь = 0