• Авторизация


Как сделать простой клипарт из картинки в ЭДИТОРЕ 28-02-2017 00:38 к комментариям - к полной версии - понравилось!

Это цитата сообщения MANGIANA Оригинальное сообщение

Как сделать простой клипарт из картинки в ЭДИТОРЕ

КАК УБРАТЬ С КАРТИНКИ / ФОТО НЕНУЖНЫЙ ФОН, ЧТОБЫ ИЗОБРАЖЕНИЕ ОСТАЛОСЬ НА ПРОЗРАЧНОМ ФОНЕ

Например: берем картинку, - самую простую, с чашечкой кофе. Было:

[492x286]

Стало. Хотя и сделано очень грубо, но видно что фон исчез.

[492x286]

Заходим на сайт и видим вот такую картинку. Жмем кнопку выбора картинки или фото с компьютера.

[600x465]

Картинка загрузилась. Для удобства,сделаем ее посредине. Для этого жмем вот этот квадратик.

[600x446]

Теперь начинаем убирать фон. Просто щелкаем по замочку два раза (ДВА) мышкой.

[600x282]

Теперь это выглядит вот так:

[600x262]

Теперь берем ластик, (просто Щелкнув по нему мышкой.)

[600x402]

Затем выбираем кисть с размытыми краями нужного вам размера, если вам нужна картинка с размытыми краями, и фиксированную, если вы хотите аккуратно убрать фон. ЖЕСТКОСТЬ СТАВИМ НА 0

[600x451]

Фиксированная кисть ЖЕСТКОСТЬ СТАВИМ НА 0

[600x412]

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

[600x464]

Затем беру кисть побольше, и уже не опасаясь куда то заехать, я стираю весь фон.

[600x428]

Теперь осталось только сохранить ее. Жмём ФАЙЛ и жмём СОХРАНИТЬ Ctrl+S

[600x345]

Картинку сохраняем в формате PNG

[600x436]

Вот и все. Картинка сохранилась на белом фоне.

Картинку можно сделать и с просто размытым фоном, убирая его не до конца.Вот так

[492x286]

Можно взять фигурную кисть, и нанести ее рисунок как на самой картинке, стерев ею что то, так и фигурно обрезать фон.

[показать]

Делается все это очень просто, хотя у меня и поставлено много картинок, но это просто все расписано подробно. На самом деле- снять замочек, взять ластик, выбрать кисть, стереть фон и сохранить. Все очень быстро. Успехов.

********************************************

По просьбам читателей, показываю как сделать простой клипарт из картинки в ЭДИТОРЕ.

[670x450]

Для этого берем любую картинку, из которой хотим сделать клипарт, заходим на сайт ЭДИТОР, и жмем ЗАГРУЗИТЬ ИЗОБРАЖЕНИЕ С КОМПЬЮТЕРА.

[461x274]

ВНИМАНИЕ. Если будете вставлять картинку из интернета, то вставив ее адрес, появится табличка загрузки. Просто дождитесь когда картинка загрузится, то табличка уберется сама.

Когда изображение загрузится, ОБРАТИТЕ ВНИМАНИЕ НА ПРАВУЮ СТОРОНУ РЕДАКТОРА. Справа есть окошко "Слои", там появится слой (задний фон)"Слой 0", на котором стоит замочек (он не дает удалять фон картинки).

[342x240]


ВНИМАНИЕ! ЩЕЛКНИТЕ МЫШКОЙ ПО ЭТОМУ ЗАМОЧКУ ДВАЖДЫ, ЧТОБЫ РАЗБЛОКИРОВАТЬ ФОН. На месте замочка появится галочка.

[362x270]

Теперь идем в левую часть редактора, и жмем на инструмент ЛАССО. Обратите внимание, на панельке должны быть вот такие настройки. Растушевывание 89, и Рассредоточить галочка.

[609x309]

И мышкой выделяем контур, который хотим видеть в клипарте, щелкая почаще мышкой, если меняете направление лассо. Когда замкнете круг, сделайте в этом месте двойной щелчок мыши.

[679x601]

Теперь начинаем редактирование нашего изображения. ЖМИТЕ

1 Редактировать
2 Копировать

[364x302]

И далее жмем.

1 Редактировать
2 Инвертировать выделение

[394x271]

Теперь жмем

1Редактировать
2 Очистить

[323x223]

И последнее

1.Редактировать
5 Отменить выделение

[381x267]

Теперь можете подредактировать картинку, что б она была четкая, если вас все устраивает то редактировать не надо.Например вы хотите добавить резкость, то ЖМИТЕ
Фильтр
1 Резкость
2 Нарезкая маска

Яркость добавляем в КОРРЕКЦИИ.

Коррекция
Яркость/Контрастность

Если у вас остались грубые края, прямые линии, которые надо сгладить, или какая то шероховатость, то это все убираем инструментом ЛАСТИК

[432x319]

В открывшейся табличке выбираем нужный

[553x308]

и АККУРАТНО СТИРАЕМ ВСЕ ТО, ЧТО ОСТАЛОСЬ НЕНУЖНОГО.

Вот и все. Теперь сохраняете в формате PNG

Жмем ФАЙЛ- СОХРАНИТЬ, Пишем название нашего клипарта, выбираем формат PNG и нажимаем на "Да"

[667x404]

Вот что у нас получилось.

[643x589]

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

[показать]

Успехов в вашем творчестве.

***********************************************

По многочисленным просьбам читателей, показываю как можно сделать клипарт, то есть очистить объект от ненужного фона, из любой ПРОСТОЙ картинки, в фотошопе онлайн - ЭДИТОРЕ. Например вот так.

[300x233] [231x258]

[300x230] [307x234]

Если у картинки фон белый, или любой другой, ОДНОТОННЫЙ, то делается все очень легко и быстро. Заходим на сайт ЭДИТОР и жмем ЗАГРУЗИТЬ ИЗОБРАЖЕНИЕ С КОМПЬЮТЕРА.

[461x274]

ВНИМАНИЕ. Если будете вставлять картинку из интернета, то вставив ее адрес, появится табличка загрузки. Просто дождитесь когда картинка загрузится, то табличка уберется сама.

Когда изображение загрузится, ОБРАТИТЕ ВНИМАНИЕ НА ПРАВУЮ СТОРОНУ РЕДАКТОРА. Справа есть окошко "Слои", там появится слой (задний фон)"Слой 0", на котором стоит замочек (он не дает удалять фон картинки).

[342x240]

ВНИМАНИЕ! ЩЕЛКНИТЕ МЫШКОЙ ПО ЭТОМУ ЗАМОЧКУ ДВАЖДЫ, ЧТОБЫ РАЗБЛОКИРОВАТЬ ФОН. На месте замочка появится галочка.

[362x270]

Теперь идем в левую часть редактора, и жмем на инструмент ВОЛШЕБНАЯ ПАЛОЧКА.

[418x306]

И щелкаем этой палочкой по ОДНОТОННОМУ ГОЛУБОМУ ФОНУ, который сразу после щелчка выделится.

[670x425]

Теперь жмем
1 Редактировать
2 Очистить

[323x223]

Почти весь фон очистился, теперь снова жмем волшебную палочку, щелкаем по голубому (оставшемуся) фону, и снова ищем в меню
1. Редактировать
2 Очистить

Теперь птичка полностью свободна от фона.

[647x485]

Но вокруг птички очень много свободного пространства, которое просто будет занимать место и выглядит такая картинка громоздко. Поэтому все ненужное мы просто отрежем. Для этого жмем инструмент ОБРЕЗКА, и обводим место, которое надо оставить. Если вы выделили контур не точно, то растяните его, или наоборот уменьшите, потянув мышкой за уголки.

[676x451]

Что б обрезка прошла, просто щелкните мышкой на пустом месте. Картинка потемнеет, и вам выйдет вопрос, действительно ли вы хотите обрезать Жмем ДА.

[677x509]

Вот и все, картинка обрезана. Можно ее сохранять.

[519x366]

Жмем ФАЙЛ- СОХРАНИТЬ, Пишем название нашего клипарта, выбираем формат PNG и нажимаем на "Да"

[667x404]

Вот что у нас было, и что получилось. Птичка осталась на прозрачном фоне.

[300x200] [386x216]

Теперь возьмем любую картинку с разнообразным фоном. А нам надо вырезать из нее нужный нам объект.

Так же грузим его с компа, или с сайта, как и предыдущую картинку. Затем ОБЯЗАТЕЛЬНО, снимаем ЗАМОЧЕК С ФОНА с правой стороны редактора двойным щелчком мыши. ЩЕЛКНИТЕ МЫШКОЙ ПО ЗАМОЧКУ ДВАЖДЫ, ЧТОБЫ РАЗБЛОКИРОВАТЬ ФОН. На месте замочка появится галочка.

[362x270]

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

[671x421]

Затем вновь беру волшебную палочку, и убираю ею как можно больше фона вокруг птички. Щелкая для этого неоднократно в разных местах, и очищая их как и в первом случае.
Но поскольку фон у картинки неоднотонный, палочкой можно убрать совсем мало. Поэтому берем другой инструмент ЛАССО, и мышкой выделяем контур, который хотим видеть в клипарте, щелкая почаще мышкой, если меняете направление лассо. Когда замкнете круг, сделайте в этом месте двойной щелчок мыши. Убираем грубо, что б не испортить птичку неровной линией, сначала примерно половину.

[653x409]

И жмем так же как и в предыдущей картинке
Редактировать
2 Очистить

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

[670x467]

И снова очищаем. Птичка у нас уже вся без фона, правда довольно грубо. Если у вас остались грубые края, прямые линии, которые надо сгладить, или какая то шероховатость, то это все убираем инструментом ЛАСТИК

[670x463]

В открывшейся табличке выбираем нужный

[553x308]

и АККУРАТНО СТИРАЕМ ВСЕ ТО, ЧТО ОСТАЛОСЬ НЕНУЖНОГО.

[671x536]
Не бойтесь стереть что то нужное. Всегда можно вернуть то что было до этого хода. Для этого жмем
1,Редактировать
2, ОТМЕНИТЬ.
У вас отменится последний ход до последнего щелчка мыши, повторная отмена, отменит более ранние действия.
И еще ВНИМАНИЕ. Чтоб заработал ластик, щелкните инструментом ЛАССО по картинке, что б нигде не было ВЫДЕЛЕНИЯ, ни ЛАССО, ни ВОЛШЕБНОЙ ПАЛОЧКИ. Если у вас будет мигать какое то выделение, то ластик может не сработать. Погасите это выделение, щелкнув инструментом ЛАССО по картинке.
Вот и все. Нам потребовалось всего три инструмента, и чуточку терпения. И нужная картинка у вас в блоге.
Сохраняем так же, ОБЯЗАТЕЛЬНО В ФОРМАТЕ PNG

Жмем ФАЙЛ- СОХРАНИТЬ, Пишем название нашего клипарта, выбираем формат PNG и нажимаем на "Да"

[667x404]

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

[300x200] [337x358]

Успехов в вашем творчестве.

Из блога ГАЛИНЫ ШАДРИНОЙ: blogs.mail.ru/mail/galina.lena/

**************************************************

КАК СДЕЛАТЬ ПРОЗРАЧНЫЙ ФОН У КАРТИНКИ

Сегодня я решил отойти немного от темы кодинга и рассказать чуточку об оформлении. И вот, бывает попадается очень подходящая картинка для вашего поста и всё бы хорошо... Но фон картинки не подходит под фон блога или блока с текстом. Явно ни у одного меня такая проблема и ни у одного меня фон не белый, который подходил бы в большинстве случаев. Мне нужен прозрачный фон!

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

Возьмём в пример одну простую картинку в формате .jpg (вообще формат не важен особо):

[300x170]

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

[300x264]

Загружаем наше изображение. Справа в окошке "Слои" появится слой "Фоновый", на котором замочек (не дает удалять фон картинки).

[300x264]

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

[300x264]

Теперь берем волшебную палочку (панель инструментов, правый столбец вторая кнопка сверху), указываем следующие параметры: допуск = 21, галочки стоят на сглаживании и непрерывности (обычно такие параметры стоят по стандарту), хотя с параметрами можете поэкспериментировать; и нажимаем на фон картинки (в нашем случае, на белый фон).

[300x264]

Теперь удаляем фон нажатием кнопочки "Delete" и получаем нужное нам изображение с прозрачным фоном.

[300x264]

Остается только сохранить изображение. Файл -> Сохранить. Сохраняем изображение обязательно в формате .png, иначе прозрачный фон пропадет.

[300x264]

В итоге на выходе получаем то же изображение с прозрачным фоном.

[300x170]

Ну вот я и ответил на свой же вопрос "Как сделать прозрачный фон у картинки?". Как вам способ? [показать]

Блог сайтостроителя: sitestroyblog.ru/

А теперь  переходим на САЙТ ЭДИТОР  https://pixlr.com/editor/

Серия сообщений "Фоторедакторы":
Часть 1 - Сделать блестящую надпись на картинке без Фотошопа
Часть 2 - ИЗМЕНИТЬ РАЗМЕРЫ, ОБРЕЗАТЬ ИЗОБРАЖЕНИЕ
...
Часть 6 - ОНЛАЙН ФОТОРЕДАКТОРЫ ДЛЯ РАБОТЫ С ВАШИМИ ФОТОГРАФИЯМИ
Часть 7 - ОНЛАЙН СЕРВИСЫ ДЛЯ РАБОТЫ С ИЗОБРАЖЕНИЕЯМИ
Часть 8 - Как сделать простой клипарт из картинки в ЭДИТОРЕ
Часть 9 - ПРЕОБРАЗОВАНИЕ ЧЁРНО-БЕЛОГО ФОТО В ЦВЕТНОЕ ( 5 уроков )
Часть 10 - Французский фоторедактор
...
Часть 17 - Редактор-фотошоп прямо в дневнике
Часть 18 - Фотошоп онлайн ЭКСПРЕСС . Автор урока Шадрина_Галина
Часть 19 - БЕСПЛАТНЫЕ ПРОГРАММЫ "Windows"

Серия сообщений "Создание клипарта":
Часть 1 - КАК СДЕЛАТЬ ПРОЗРАЧНЫЙ ФОН У КАРТИНКИ
Часть 2 - Уроки Photoshop и GIMP. Создание клипарта различными способами.
Часть 3 - СОЗДАНИЕ КЛИПАРТА (вырезание объектов)
Часть 4 - Как сделать простой клипарт из картинки в ЭДИТОРЕ
Часть 5 - СОЗДАНИЕ КЛИПАРТА (Как легко и быстро удалить фон с фотографии онлайн)
Часть 6 - Как создать клипарт на прозрачном фоне
Часть 7 - Как сделать качественный клипарт
вверх^ к полной версии понравилось! в evernote


Вы сейчас не можете прокомментировать это сообщение.

Дневник Как сделать простой клипарт из картинки в ЭДИТОРЕ | rkfdlbz - Дневник rkfdlbz | Лента друзей rkfdlbz / Полная версия Добавить в друзья Страницы: раньше»