В этой теме объединены все уроки по выделению, вырезанию и отделению от фона картинок разными методами. Их много, потому что каждый делает это по-своему. Объясняют тоже все по-разному. Выбирайте тот что кажется вам проще и удобнее - и учитесь на здоровье!
Что это за зверь такой: 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. Источник
Ну, а нам он понадобится для создания своих собственных изображений - клип-артов на прозрачном фоне для дальнейшего использования в творческих работах. В сим-арте в частности.
Совет от Леди:
Для того чтобы фон стал прозрачным - вам нужно разблокировать слой, для этого в меню слоев станьте на замочек (именно на замочек!! иначе можете выкинуть в корзину весь слой), кликните на нем и не отпуская кнопку мыши перетяните "замочек" в мусорную корзину ниже. Это нужно сделать до начала работы в режиме "Быстрая маска". На будущее, практически все изображения которые вы будете открывать с помощью фотошопа будут закреплены, поэтому перед началом работы всегда удаляйте замочек. Я сделала вам подсказку на скрине :
Для своих работ я часто сама делаю клипарт и хочу вас этому научить. Урок предназначен для тех кто не знает как делать картинки с прозрачными краями. Существует несколько способов. Будем разбираться в них по порядку.
1. Изготовление клипарта с помощью быстрой маски.
Открыть подходящую картинку.Я взяла такую
Установить градиент от черного к прозрачному.
Активировать инструмент "Быстрая маска"(иконка станет красного цвета)
Залить картинку радиальным градиентом от середины в любой угол.
Картинка окрасится в красный цвет. Отключить Быструю маску, получаем выделение. Кликаем по клавише Delete или Редактирование - вырезать. Получается такой клипарт
2. Клипарт с помощью маски.
Масок для клипарта много. Есть круглые, квадратные, односторонние, двусторониие, фигурные и еще куча разных, на любой вкус и для любых целей.
Как же ими пользоваться. Открываем картинку, открываем маску(я взяла круглую). Маску переносим на картинку, свободным трансформированием подгоняем по размеру документа.
Так выглядит в слоях
Глазок на слое с картинкой отключаем и идем в каналы.
Здесь делаем активным синий(самый нижний) канал, щелкаем по нему правой кнопкой мыши. Выбираем - Создать дубликат канала. В выпавшем окне щелкаем "ОК" Получается вот так
Иногда получается что глазок на предыдущем канале не закрыт, значит надо его закрыть и открыть на самом нижнем канале, на копии.
Зажав клавишу Ctrl, щелкаем по иконке канала, получаем выделение и переходим в слои.Здесь отключаем глазок на маске, делаем активным слой с картинкой(синий). Идем в Выделение - инверсия. Жмем клавишу Delete или Редактирование - вырезать. Получаем клипарт с прозрачными краями.
3. Клипарт с помощью кисти.
Открыть картинку, создать новый слой.
Выбрать инструмент кисть, Основным цветом ставим черный цвет.
Кликаем сюда и выбираем мягкую кисть подходящего размера. Можно уменьшить прозрачность кисти.Я взяла кисть на 300 пикс.Проводим кистью по прозрачному слою как вам надо, выбирая те места, которые вам нужны в клипарте.
Зажав клавишу Ctrl, щелкаем по иконке слоя, где рисовали кистью, получаем выделение. Переходим на слой с картинкой. Глазок на слое с "рисованием" отключаем, идем Выделение - инверсия и жмем клавишу Delete.
Этот способ хорош тем, что вы сами можете контролировать какие места на картинке выделить. Чем больше будет непрозрачность "рисунка", тем ярче получится клипарт.
4. Клипарт с помощью инструмента прямолинейное лассо.
Открыть картинку. Обвести объект прямолинейным лассо, получим выделение.
В верхней панеле кликаем Уточнить край выделенной области.
В выпавшем окне устанавливаем настройки, рекомендую поэкспериментировать и жмем ОК.
Не снимая выделения, идем в Слои - Новый - Скопировать на новый слой. У нижнего слоя закрываем глазок и любуемся своим клипартом.
Вот некоторые способы изготовления клипартов, осваивайте и пользуйтесть тем, который вам больше по душе.
При обработке изображений в фотошопе часто возникает необходимость выделять пушистые объекты - взлохмаченную прическу, длинную шерсть и т.д. Возможности этого замечательного графического редактора позволят выделить мех в фотошопе.
Откройте изображение и продублируйте его на дополнительный слой клавишами Ctrl+J. Обрабатывать лучше копии, чтобы не повредить основное изображение. Нажмите латинскую клавишу E, чтобы активировать группу инструментов Erase (Ластик). Отметьте Background Erase Tool - Фоновый ластик. Он выглядит как ластик с ножницами. Этот инструмент удаляет фон вокруг любого элемента на фотографии.
Теперь вам нужно выбрать настройки Ластика. Если вы хотите выделить мех, то лучше выбрать нулевую жесткость кисти (Hardness=0) и достаточно большой диаметр. Инструмент выглядит как оптический прицел - кружок с крестиком внутри. Наведите его на выделяемый объект так, чтобы крестик оказался за границей объекта, и щелкните левой клавишей мышки, чтобы инструмент взял образец цвета, который нужно удалять. Теперь, не отпуская левой клавиши, ведите мышку вдоль контура выделяемого элемента. Даже если вы заедете на объект, он не пострадает, потому что отличается по цвету от фона - умный инструмент не удалит ненужного.
Как только цвет фона изменится, снова щелкните мышкой, чтобы Ластик взял и запомнил новый образец. Чем разнообразнее фон вокруг объекта, тем чаще придется щелкать. Если цвет фона и цвет объекта мало отличаются, уменьшайте значение Tolerance (Допуска). Чем ближе цветовые оттенки, тем меньше будет Допуск. Важно не перестараться, чтобы Ластик, заодно с фоном, не удалил и часть объекта. Если вы выделяете сложные элементы, вместе с Допуском придется менять и диаметр кисти. Однако все старания будут вознаграждены – ведь умный ластик, заодно с фоном, удалит и ореол вокруг объекта. Вам не придется подчищать разноцветную кайму вокруг выделенного элемента.
Если вы воспользовались другим инструментом для вырезания объекта, вам пригодятся команды Remove black matte, Remove Wight matte и Defringe (Удалить черный и белый ореол и Удалить кайму) в меню Layer->Matting.
Шаг 1. Открываем фотку в Фотошопе (Ctrl+O). Идем на Панель Слоев (если она не открыта нажимаем F7) и делаем копию слоя с фотографией, для этого нажимаем Ctrl+J или просто перетаскиваем слой на иконку "создать новый слой (creat new layer)", находящуюся внизу Панели.
Шаг 2. Приблизьте как можно ближе то дерево, которое будете вырезать (следите только, чтобы оно полностью вмещалось в область видимости), например, с помощью Инструмента Zoom (Масштаб (Z)). Далее выделяем необходимую область, например, с помощью Pen Tool (Перо) и, кликнув правой кнопкой мыши и выбрав пункт "Образовать выделенную область (Make Selection)" из выпадающего меню, получаем выделение. В появившемся окне выставляем для радиуса Растушевки (Feather) значение от 1 до 3, в зависимости от разрешения фотографии. Нажимаем Ctrl+J, чтобы перенести выделение на новый слой.
Шаг 3. Мы специально захватили часть поезда при выделении, чтобы показать как можно от нее избавиться с помощью Инструмента Штамп (Clone Stamp Tool (S)). На Панели Свойств данного инструмента задаем кисть (Brush) среднего размера с Жёсткостью (hardness) - 35-45% и Непрозрачностью (Opacity) - 100% (см. второй рисунок внизу). Теперь, удерживая Alt, кликаем по той область которую хотим клонировать, и далее щелкаем мышкой уже там, где хотим поместить данный клонированный кусок листвы.
Шаг 4. Теперь, давайте уберем эту неестественную гладкость краев. Для этого воспользуемся Инструментом Ластик (Eraser Tool (E)), выбрав для него Распыляющую (Spatter) кисть из набора кистей (см. рисунок) размером около 100 пикселей (в зависимости от разрешения вашей фотографии) и непрозрачностью (opacity) - 100%. Обрабатываем ею края, меняя постоянно размер кисти (для этого можно воспользоваться "быстрыми клавишами" ([) - для уменьшения и (]) - для увеличения диаметра кисти). Водите Ластиком не вдоль контура листвы, а от цента к краям и наоборот (см. рисунок).
Шаг 5. Добавим небесный фон позади листвы. Загружаем новую фотку неба в Фотошоп. Нажимем Ctrl+A (чтобы выделить полностью всё изображение), далее Ctrl+C (чтобы скопировать). Переходим в файл с листвой и нажимаем Ctrl+V (чтобы вставить скопированное ранее). Перемещаем слой с небом под слой с листвой (просто хватаем слой на Панели Слоев и перетаскиваем его вниз). После этого переходим на слой с листвой и выбрав Ластик с кистью #39 (см. рисунок) размером около 90 пикселей и Непрозрачностью (Opacity) 100%, кликаем по листве в различных местах, чтобы придать ей некой естественности (покажем небо сквозь листву). Вот и всё! Поздравляю!
Урок переведен автором сайта и при цитировании его на русском языке ссылка на сайт обязательна. Автор elemare. Оригинал статьи на английском
В сегодняшнем уроке я покажу вам как сделать подпись в фотошопе. После изучения урока, а он очень простой и понятный, у вас появится своя авторская красивая подпись, которую будете ставить на работы, сделанные в фотошопе. В уроке еще раз попрактикуемся работать с текстом, с кистями и со стилями слоя.
] 1. Откроем изображение в Фотошопе (картинка кликабельна)
2. Переведите слой "Фон" в "Слой 0", переместив замочек в корзину
3. В Панели инструментов нажмите на Иконку Быстрой маски или клавишу Q
Вы заметите, что основные цвета изменились на черный и белый
значит инструмент активен. Запомните: если основной цвет черный - рисуем, если белый - стираем.
4. Дополнительно активируем инструмент Кисть, жесткую круглую (жесткость 100%), размер выберите по своему вкусу, в процессе работы его можно менять, увеличивая или уменьшая.
5. Теперь водим кистью по изображению девушки, которое будет покрываться красной "маской". Если Вы случайно вышли за пределы нужного изображения, переключите на основной цвет Белый и сотрите излишки. Не забудьте, снова вернуться на Черный цвет, для продолжения нанесения маски.
6. Когда, по Вашему мнению, Вы полностью закрыли красной маской все нужное изображение, нажмите на клавишу Быстрой маски.
Вокруг выделенной области появятся "марширующие муравьи" - выделение. Посмотрите ВНИМАТЕЛЬНО нет ли их внутри нужной области
Можно увеличить изображение и, включив снова режим Быстрой маски "закрасить" пропущенные места
7. Вот теперь можно бы нажать на Delete и ненужное осечется
НО это мы могли бы это сделать, если бы это был ровный и четкий край. А у нас волосы девушки. Поэтому очень много лишнего останется после удаления. Поэтому, идем Выделения - Инверсия.
8. Активируем любой инструмент выделения. Например, Прямоугольная область
9. Жмем на иконку Уточнить край на верхней панели.
Для начала нужно решить, какой Режим просмотра мы хотим использовать. Это зависит исключительно от самой картинки, с которой ведется работа, ну и от вашего желания. Для этого конкретного случая нам желательно увидеть очертания волос, поэтому выбираем Режим просмотра Черно-белое, так мы получим хорошую маску.
10.Устанавливаем Обнаружение краев "Умный» радиус, затем увеличиваем Радиус до 99.0
11. Меняем Режим просмотра на "На черном", теперь можно заметить, что на нашей модели есть немного лишних цветов на волосах. Ставим галочку возле Очистить цвета и выставляем значение 68-70%. Когда результат будет устраивать, выставляем Ввод на "Новый слой с маской". И жмем ОК.
Видим, что Фотошоп самостоятельно создает слой с маской и скрывает первоначальное изображение.
12. Сохраняем работу, как PNG.
Конечно, этот инструмент не идеален, но тем не менее помогает во многих случаях. ЖЕЛАЮ УДАЧ В ТВОРЧЕСТВЕ!!!!
Урок фотошопа для начинающих с описанием работы инструмента "Быстрое выделение" в программе фотошопа CS5.
Часто требуется сделать выделение фигуры человека, чтобы потом вставить другой фон или использовать в коллаже. Обычные инструменты выделения - "лассо" и "волшебная палочка". С помощью инструмента "лассо" контур выделяется после того, как будет сделана полностью обводка вокруг объекта. Если контур сложный, то операция по выделению потребует приложения усилий при прорисовке всех неровностей объекта. Инструмент "волшебная палочка" моментально удаляет окружающий фон, но только в том случае, если он однотонный и отличается по цвету от фигуры.< В программе фотошопа CS5 появился новый инструмент "быстрое выделение". Посмотрим, как он работает. На панели инструментов "Быстрое выделение" находится в одной группе с инструментом "Волшебная палочка" и изображается в виде кисточки с контуром. Водим по фигуре как кисточкой и видим область выделения. Дополнительные параметры - кисточка с плюсом увеличивает область выделения, а кисточка с минусом - уменьшает.
Контур выделяется быстро, не надо держать постоянно нажатой клавишу мыши, рука не устает. Уточнить край выделения и сделать более четким, можно через дополнительные настройки инструмента. Щелкаем по кнопочке "Уточнить край". Откроется дополнительная панель. Выбираем режим просмотра "На белом" и включаем "Умный радиус".
Посмотрите как изменился контур после обработки, когда выставили некоторые значения в "Настройках края". Для вашего изображения параметры могут быть другими.
Считаем законченной работу по выделению. Делаем инверсию выделенной области и нажимаем клавишу Delete, чтобы удалить окружающий фон. Сохраняем в формате psd на прозрачном фоне.
Теперь нашу героиню легко и просто можем разместить на любом фоне.
Вариантов применения выделенной фигуры на прозрачном фоне может быть сколько угодно. Все зависит от Вашей фантазии. Нашли битый пост? Жмите сюда!
Итак,приступим к вырезанию девушки и для начала откроем фотографию в фотошопе:
Активизируем инструмент Быстрое выделение и установим диаметр инструмента:
Теперь нужно инструментом провести по изображению девушки сверху вниз так, чтобы выделение охватило контуры девушки.
Если выделение охватило часть фона дополнительно к контуру, то нужно провести по фону инструментом одновременно с нажатием клавиши ALT, после чего лишняя область выделения исчезнет.
В результате получилось вот такое выделение:
Выделение получилось достаточно точным.Только в районе волос можно наблюдать погрешности выделения, так как через волосы проглядывает фон:
Чтобы убрать эти погрешности выделения воспользуемся кнопкой Уточнить край, которая находится на верхней панели:
Вызовем окно Уточнить край и установим вид На слоях в результате чего появится прозрачный фон:
Теперь, чтобы убрать фон, который просвечивается в волосах, возьмём кисть Уточнить радиус и проведём кистью по тем местам, где сквозь волосы просвечивается фон:
В результате лишний фон удалится:
Далее в окне Уточнить край выставим значения параметров, как показано на скриншоте и в строке Вывод обязательно поставим Новый слой со слоем маской:
Нажимаем ОК и в результате, получаем в палитре Слои новый слой с вырезанной девушкой и со слой маской. Слой-маска очень полезна для устранения неточностей вырезания, так как при активной слой-маске можно взять чёрную кисть и удалить лишнюю область, а чтобы восстановить потерянную область нужно взять белую кисть.
В нашем случае ничего поправлять не нужно, потому что выделение было достаточно точным.
Теперь перейдём на слой ниже и выполним команду Файл-Поместить, чтобы поместить в работу фон, который заранее скачен и находится в папке.
В результате выполнения команды откроется проводник компьютера, где нужно нажать на фон:
В результате, появится фон с рамкой Трансформирования, с помощью которой можно растянуть фон при необходимости.
Используя такой же метод вырезания, я сделала ещё одну картинку, где девушка в полный рост поставлена на фон.
Клипарт-это декоративные заготовки, которые используются при оформлении фотографий, для создании коллажей, открыток, баннеров. Клипарт достаточно сделать один раз и потом этой заготовкой многократно пользоваться. В нашем случае клипартом будет новогодняя картинка с красиво обрезанными краями. Изображение для клипарта вырезают из фона различными способами и в этом уроке я покажу, как создать клипарт на прозрачном фоне с помощью маски png.
Выбираем картинку, из которой будем делать зимний клипарт на прозрачном фоне.
1-Файл-открыть. 2-В окне слоев снять замок со слоя "фон". (Два раза кликнуть по слою и в открывшемся окошке "ok")
Теперь открыть маску. Эта маска в формате png, то есть на прозрачном фоне. 3-Файл- открыть.
4-Инструментом "перемещение"
перетащить маску на картинку.
Окно слоев будет таким.
5-Редактирование-свободное трансформирование. Изменить размер маски, потянув за маячки.
Изображение маски большое, поэтому вверху и внизу маячков не видно. Нужно переместить изображение маски немного вниз, и потянуть за верхний маячок тоже вниз, изображение станет уже. 6-Чтобы применить трансформирование, на клавиатуре нажать Enter.Поставить маску посередине картинки, инструментом "перемещение".
7-В окне слоев левой кнопкой мыши кликнуть по миниатюре слоя с маской, одновременно нажав на клавиатуре Ctrl.
На картинке загрузится выделение маски.
Чтобы удалить только края, нужно сделать инверсию. 8-Выделение-инверсия.9-В окне слоев отключить глазок на слое с маской и активировать нижний слой с картинкой.
На картинке изображение маски исчезнет, останется только выделение.
10-На клавиатуре нажать Delete. 11-Выделение отменить. Получится вот такой клипарт на прозрачном фоне.
Теперь посмотрим, как будет смотреться картинка, если к ней добавить какой-нибудь фон. 12-Открыть подходящий фон, в окне слоев разблокировать слой.
перетащить изображение на картинку. 13-В окне слоев удалить слой с маской и переместить слой с картинкой вверх.
Теперь в окне слоев удалить нижний слой с фоном
и сохранить картинку в формате PNG. 14-Файл-сохранить для Web и устройств.
Готовый клипарт с зимними пейзажами можно посмотреть здесь.А вот несколько масок в формате png, с помощью которых можно сделать красивый зимний клипарт на прозрачном фоне. Кликните по изображению маски, файл откроется в полном размере. А чтобы сохранить маску себе на компьютер, нужно кликнуть по файлу правой кнопкой мыши и "сохранить изображение как".
В следующем уроке будем делать клипарт тоже при помощи маски, но маски без прозрачного фона, в формате jpg. Клипарт зимний. Это продолжение предыдущего урока "как создать клипарт на прозрачном фоне". Здесь так же будет использоваться маска, но сама маска уже не на прозрачной основе, а с фоном в формате jpg. Поэтому действия по созданию клипарта будут немного отличаться, хотя зимний клипарт в результате получится в png, то есть на прозрачном фоне. Нашли битый пост? Жмите сюда!
Дата: Воскресенье, 14.02.2016, 14:11 | Сообщение # 40
мегазвезда
Группа: Админ
Сообщений: 66583
Статус: Offline
Как убрать белую кайму у клипарта Лариса Гурьянова Часто при изготовлении клипарта, вокруг него появляется белый ореол. Его можно легко убрать следующим образом.