В этой теме объединены все уроки по выделению, вырезанию и отделению от фона картинок разными методами. Их много, потому что каждый делает это по-своему. Объясняют тоже все по-разному. Выбирайте тот что кажется вам проще и удобнее - и учитесь на здоровье!
Что это за зверь такой: PNG?
PNG (англ. portable network graphics, сокращение произносится по-английски /pɪŋ) — растровый формат хранения графической информации, использующий сжатие без потерь. PNG был создан как для улучшения, так и для замены формата GIF графическим форматом, не требующим лицензии для использования.
Обычно файлы формата PNG имеют расширение PNG или png и используют обозначение MIME-типа image/png
Формат PNG хранит графическую информацию в сжатом виде. Причём это сжатие производится без потерь, в отличие, например, от JPEG.
Формат PNG спроектирован для замены устаревшего и более простого формата GIF, а также, в некоторой степени, для замены значительно более сложного формата TIFF (см. официальный сайт PNG или хронологическую страницу для дополнительной информации) . Формат PNG позиционируется прежде всего для использования в сети Интернет и редактирования графики.
Он имеет следующие основные преимущества перед GIF: Практически неограниченное [2] количество цветов в изображении (GIF использует в лучшем случае 8-битный цвет) ; Опциональная поддержка альфа-канала; Возможность гамма-коррекции; Двумерная чересстрочная развёртка.
PNG является хорошим форматом для редактирования изображений, даже для хранения промежуточных стадий редактирования, так как восстановление и пересохранение изображения проходят без потерь в качестве. Также, в отличие, например, от TIFF, спецификация PNG не позволяет авторам реализаций выбирать, какие возможности они собираются реализовать. Поэтому любое сохранённое изображение PNG может быть прочитано в любом другом приложении, поддерживающем PNG. Источник
Ну, а нам он понадобится для создания своих собственных изображений - клип-артов на прозрачном фоне для дальнейшего использования в творческих работах. В сим-арте в частности.
Дата: Воскресенье, 14.09.2014, 01:34 | Сообщение # 2
Растушевку сделать очень просто. Есть несколько способов.Способ первый (Feather). Берем изображение. При помощи , например, прямоугольного выделения выделяем (sorry за тавтологию).
Далее идем в Select - Modify - Feather (Alt+Ctrl+D (для CS4)) или Выделение - Модифицировать - Растушевка. Далее выбираем величину растушевки (Feather Radius). Эта величина будет зависеть от разрешения Вашего изображения. Чем больше разрешение, тем больше будет величинарастушевки. Я выбрал радиус - 50.
После нажатия ОК углы прямоугольного выделения сгладятся. Теперь нам нужно задать программе область растушевки, ее границы. В нашем случае растушевка пойдет от прямоугольного выделения до границы изображения. Соответственно нам просто надо сделать инверсию выделенной области (правой кнопкой мыши на изображении и выбираем "инвертировать выделение" или "select inverse").
Далее просто нажимаем Del и область удалится с эффектом растушевки.
Чтобы снять выделение, нажимаем Ctrl+D ВАЖНО: растушевка будет такого цвета, какого цвета у Вас фон, т.е. background. Поэтому можно поэкспериментировать как с цветом, радиусом растушевки, так и формой выделения.
Способ второй (Ластик или Кисть). Выбираем ластик (Е) (Eraser Tool) или кисть (В) (Brush Tool). Выбираем наверху форму кисти с размытыми краями и в случае с ластиком просто стираем часть изображения (цвет стертой области будет соответствовать цвету фона), а в случае с кистью закрашиваем часть изображения.Способ третий (Маска и Гауссово размытие). Делаем прямоугольное, овальное, круглое или выделение с помошью лассо. Переходим в режим маски (Q). Мы видим, что невыделенная область закрашена прозрачным красным цветом. Далее просто выбираем Гауссово размытие (Filter - Blur - Gaussian Blur). Выбираем радиус размытия (опять же зависит от величины изображения). При выборе радиуса нужно ориентироваться по черно-белой миниатюре, показывающей как будет выглядеть тот или иной радиус размытия.Теперь выходим из режима маски (Q). Далее все как в первом способе. Делаем инверсию выделения и нажимаем Del. Всё.
Дата: Воскресенье, 14.09.2014, 01:34 | Сообщение # 3
Имеем фотографию с искусственной акулой, подвешенной к потолку. Перенесем ее на другую фотографию с рыбами. Для того, чтобы это проделать нужно выделить акулу, потом скопировать ее на другое изображение.
Способы выделения объекта:1. Волшебная палочка (Magic Wand) (W). Данный инструмент удобно использовать, когда фон однороден и не сливается с изображением в какой-либо части. Например, наша акула в области хвоста и плавника сливается в фоном, поэтому и область выделения будет залезать на фон, если мы щелкаем палочкой по акуле, или будет залезать на акулу если мы щелкаем палочкой по фону. Основной характеристикой инструмента волшебная палочка (Magic Wand) является обратная чувствительность (допуск) или tolerance. Меняя допуск, мы меняем зону охвата цвета пикселей, которую может волшебная палочка выделить. Если поставить 0, то будут охвачены только те пиксели, которые идентичны по цвету. Если поставить 255, то будут охвачены все пиксели. Галочка на "сглаживании" делает выделение менее рваным. Галочка на "смежные пиксели" делает выделение в соседних с выбранным областях. Если зажать Shift, и нажимать палочкой по невыделенным областям, то к выделению будут добавляться эти области, если Alt, то области будут вычитаться.2. Быстрое выделение (Quick Select tool) (W). Этим инструментом нужно водить по той области, которую надо выделить. Менять размер инструмента можно с помощью клавиш [ или ]. Если поставить галочку на "образец всех слоев", то выделение будет распространяться на все слои. Если поставить галочку на "усилить автоматически", то будет работать автоматическое передвигание области выделения к краям изображения. Работа этого инструмента похожа на работу волшебной палочки, соответственно зажимание клавиши Alt даст такой же результат. Добавление к выделению стоит в этом инструменте по умолчанию.3. Лассо (Lasso) (L). Свободное выделение. Удобней выделять с помощью планшета.4. Полигональное Лассо (Polygonal Lasso) (L). Позволяет строить выделение при помощи прямых линий.5. Магнитное лассо (Magnetic Lasso) (L). Строит выделение на основе разности цветов. На образованной линии выделения ставятся контрольные точки, которые можно удалять с помощью кнопки Delete, чтобы подправить выделение, если программа сделала его не корректно. 6. Маска(Mask)(q). Как работать с маской написано в Глоссарии по Фотошопу с статье Быстрая маска. Фотошоп (Quick Mask. Photoshop).7. Перо (Pen) (P). Для того чтобы выделить пером , нужно проделать следующее. Ставим сначала одну точку, потом вторую, появляется линия. Щелкаем по линии, появляются контрольные точки на линии. Зажимаем Ctrl и двигаем за какую-нибудь точку так, чтобы линия наиболее плотно совпадала с контуром объекта. Когда обводка объекта закончена, нажимаем правую кнопку мыши и выбираем "образовать выделенную область".После того, как Вы закончили выделение каким-либо из приведенных выше способов, можно копировать объект на нужное изображение. Чтобы вставленный объект выглядел более реалистично, его надо обработать по краям размытием (R), а также подкорректировать с помошью Уровней, Кривых, Свободного трансформирования.Еще есть способ замены фона. Можно просто наложить картинку с акулой на изображение, которое будет фоном, а потом стереть ластиком ненужное.
Дата: Воскресенье, 14.09.2014, 01:35 | Сообщение # 4
В сегодняшнем уроке мы с вами рассмотрим один из вариантов красивой обрезки фотографии. Применим для этого черно-белую маску-рамку, проверим, чтобы она была черно-белая, а не серая, так как обрезать фотографии будем именно такими вариантами масок. Формат значения не имеет. Еще тонкость – подбираем такую маску, на которой есть белое выделение внутри. Приступаем к изучению урока.
Шаг 1. Открываем фотографию цветущего каланхое.
Цветок и будем пытаться красиво обрезать с помощью маски. Я в уроке просто покажу вам, как делать такое обрамление с применением определенного типа масок, не очень гоняясь за красотой. Усвоив материал, вы самостоятельно подберете маски.
ИТОГ:
Урок подготовила для вас Марина Колесова. Приступаем к изучению урока по ссылке-заголовку.
Дата: Воскресенье, 14.09.2014, 01:45 | Сообщение # 5
Выделение с помощью инструмента "Волшебная Палочка"
Этот инструмент служит для выделения пикселей примерно одного оттенка на всем изображении или на его определённом участке. Для того чтобы ваша волшебная палочка выделила все пиксели оттенка выбранного вами на изображении вам всего лишь нужно убрать галочку которая стоит по умолчанию на параметре "Смежные пиксели"
Ширину цветового диапазона пикселей которые будет захватывать волшебная палочка можно задать значениями от 0 до 255, чем меньше будет это число тем более похожими по оттенку будут выделяемые пиксели. Задать этот параметр можно здесь :
Давайте на примере рассмотрим как пользоваться инструментом Волшебная палочка. Возьмем любой рисунок и откроем его в фотошопе. Лично я пользуюсь этим инструментом в основном для выделения однотонных фонов или НЕ многоцветных фонов. Например вот :
Смотрите на рисунке выше чудесно видно как волшебная палочка четко делит фон на разные оттенки, но нам сейчас это неважно, вам нужно просто выделять каждый из кусочков и удалять их клавишей Del, я увеличила диапазон до 50 и в результате количество этих кусочков значительно уменьшилось.
Удаляем наш фон и вот что получается в итоге :
Вот эти вот разноцветные квадратики на фоне девушки и есть наш прозрачный фон. Осталось только сохранить нашу девушку. Напомню что прозрачный фон умеют отображать только 3 формата GIF, PNG и PSD поэтому выберите формат который вам подходит и сохраните в нем.
В Фотошоп CS5 присутствует огромное множество интересных инструментов для дизайнеров. Один из них это Refine Edge (Уточнить край/Автоматическая обтравка). Он действительно необходим при вырезании объектов из фона, особенно, если это волосы или любые детали, которые придают реалистичности изображению. В версии CS5 справиться с этим задание очень легко. Ниже в уроке фотошоп по вырезанию волос представлены несколько техник, при использовании которых результат достигается за несколько щелчков мышью.
источник У формата PNG есть ряд преимуществ, одним из которых является возможность сохранения полупрозрачных картинок, а также изображений различной формы без фона и потери качества (в отличие от JPG и GIF). 1. Предположим, нам надо создать полупрозрачный фон для постов Откройте фотошоп, создайте новый документ размером 50х50 пикселей (нет необходимости создавать большой документ, а маленький будет грузиться быстрее). Дважды кликнете на слое в панели слоев и в открывшемся окне New Layer нажмите Ок. Это делается для того, чтобы разблокировать слой. Выберите цвет и залейте им слой с помощью Paint Bucket Tool (ведерко). В панели слоев уменьшите Opacity (прозрачность) на свое усмотрение. Идите в меню File -> Save as. В открывшемся окне выберите формат PNG и нажмите Сохранить.
Получаем:
2. Предположим нам надо создать картинку с полупрозрачными краями. Открываем изображение, разблокируем слой (см. выше). Создаем выделение. К примеру, с помощью быстрой маски и shapes. Идем в меню Select -> Modify -> Feather. По необходимости и в зависимости от размера картинки выставляем значение. Я брала 15 пикселей. Очищаем все ненужное - Edit -> Clear. Теперь обрежем пустые пиксели - Image -> Trim. Параметры как на картинке, жмем Ок. Сохраняем через Save as или Save for Web в формате PNG. Еще одно выгодное отличие PNG от GIF - это работа с тенями и обводками на прозрачном фоне. Для сравнения: GIF.
PNG.
Дата: Воскресенье, 14.09.2014, 02:03 | Сообщение # 10
621994101
Способ второй (Ластик или Кисть). Выбираем ластик (Е) (Eraser Tool) или кисть (В) (Brush Tool). Выбираем наверху форму кисти с размытыми краями и в случае с ластиком просто стираем часть изображения (цвет стертой области будет соответствовать цвету фона), а в случае с кистью закрашиваем часть изображения.
Способ третий (
Мы видим, что невыделенная область закрашена прозрачным красным цветом. Далее просто выбираем 
Теперь выходим из режима 
