В этой теме объединены все уроки по выделению, вырезанию и отделению от фона картинок разными методами. Их много, потому что каждый делает это по-своему. Объясняют тоже все по-разному. Выбирайте тот что кажется вам проще и удобнее - и учитесь на здоровье!
Что это за зверь такой: 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, 02:51 | Сообщение # 21
В предыдущем посте "Клипарт. Картинки природы. Наш мир" я показывала клипарт, изготовленный с помощью разных масок. В этом уроке фотошопа я научу вас применять маски для изготовления клипарта.
1. Открываем в фотошопе нужную картинку, из которой будем делать клипарт. У меня это красивый тюльпан, а вы можете выбрать любую свою картинку.
2. Открываем в фотошопе маску. Я сделала для урока вот такую маску. Остальные маски, с помощью которых вы сможете сделать такой же разнообразный по форме клипарт, как на образцах, можно скачать во вложении внизу урока.
3. Переносим маску на картинку с тюльпаном: Выделение -Все. Затем идем в Редактирование - Скопировать, переходим на вкладку с тюльпаном и Редактирование - Вставить. Более подробно я здесь описывать не буду, так как рассказывала об этом в предыдущих уроках.
Маска по размеру меньше и не закрывает всей картинки, поэтому идем в Редактирование - Свободное трансформирование и растягиваем маску за маркеры на всю картинку. Enter - применить.
4. Отключаем глазок на слое тюльпан. Активный, с глазком и синего цвета у нас слой маска. Встаем на него и переходим в Каналы.
5. В Каналах откроется 4 слоя, выбираем самый нижний Синий, только у него горит глазок, на остальных слоях глазки отключаем. Делаем клик правой кнопкой мыши по слою и выбираем: Создать дубликат канала. Встаем на слой с дубликатом канала и делаем его активным-остальные все неактивны.
6. Теперь, стоя на слое Синий копия, зажимаем клавишу Ctrl и щелкаем по иконке слоя. Видим, что наша маска выделилась пунктирными линиями.
7. Возвращаемся в Слои и делаем активным слой с тюльпаном и отключаем глазик на слое с маской. Видим, что на картинке сохранилось пунктирное выделение.
8. Идем Выделение -Инверсия и видим, что "муравьи" побежали по периметру всей картинки.
9. Теперь жмем на клавиатуре клавишу Delete или идем в Редактирование - Очистить. Выделение - Отменить выделение. Все. Мы получили картинку-клипарт с прозрачными краями. Идем сохранять: Файл - Сохранить как и сохраняем в PNG.
Таким образом вы можете делать клипарт с помощью набора масок во вложении различных форм - прямоугольный, овальный, круглый, с разными краями. Если картинка расположена по рисунку в высоту, то после перенесения маски на картинку можно пойти в Редактирование - Трансформирование - Повернуть на 90 градусов и ваша маска из горизонтальной превратится в вертикальную.
Скачать маски можно здесь: : смотрим где скачать по ссылке-заголовку
Дата: Воскресенье, 14.09.2014, 03:07 | Сообщение # 22
На мой взгляд перо - самый удобный, понятный и легкий в использовании инструмент. Давайте вместе начнем с самого простого. Займемся обтравкой контура. Честно говоря, этот урок мне дается с огромным трудом, ибо перейдя в иллюстратор я рисую без Alt, и мне очень непросто сообразить, куда поставить точку, если Alt использовать все-таки можно. Но работа с использованием Alt, очень проста, и избавит нас от всех страхов перед пером. Дальше мы бесстрашно сможем учиться работать пером и без Alt в гладких точках. Итак начнем. Вырежем цветочек. Я взяла эту картинку. Картинка увеличивается кликом по превью.
Мы будем вырезать из нее этот цветок:
Совсем подробно :-) Кликаем по превью первой картинки, скачиваем ее и открываем эту картину в photoshop.
Нажимаем сочетание клавиш Ctrl+0 (ноль), или так:
Берем инструмент "Pen" - "Перо" для чего нажимаем клавишу "P" (Расклад клавиатуры английский). Или так:
Настройки пера такие:
Ставим первую точку:
Теперь внимательно :-). Сначала читаем, потом делаем, - ибо это - единственное, что надо понять, - остальное просто. :-)
Ставим вторую точку (красная стрелка), не отпускаем левую клавишу мышки, немного отводим (не отпуская клавишу мыши) перо в сторону - около точки появятся две стрелочки (направляющие - синяя стрелка), тянем за направляющую (синяя стрелка), поворачиваем ее, выгибая контур (зеленая стрелка), чтобы он лег четко по контуру цветка. НЕ ОТПУСКАЕМ МЫШКУ!
Теперь зажимаем клавишу Alt (мышку мы не отпускаем!) и загоняем направляющую (синяя стрелка) обратно в нашу вторую точку, так (красная стрелка):
Загнали. Отпускаем клавишу мышки! :-) Прочитали? Теперь можно делать. :-)))) Для того чтобы обтравить весь цветок, нам остается провести сию операцию несколько раз. Кнопка Alt и загон направляющей помогают как бы зафиксировать перо, чтобы с каждой новой точкой контур гнулся куда нам надо. На самом деле и без Alt контур гнется в строго определенном направлении, а не беспорядочно. Но здесь надо потренироваться, понять логику Пера. Поэтому понимать сию логику мы начнем, работая с использованием Alt:-) Вы заметили - пока мы тянем за направляющие, - перо приобретает вид такого примерно треугольничка: Ставим третью точку (красная стрелка), не отпускаем клавишу мыши, выгибаем контур (зеленая стрелка), зажимаем Alt и загоняем направляющую в эту самую третью точку(черная стрелка):
Отпускаем мышку. Ставим четвертую точку и т.д. Вот все мои точки, - осталось только замкнуть контур, т.е. поставить последнюю точку в первую (строго в нее! :-) ):
Кстати, подумалось.... Вы можете скачать именно эту картинку и для начала ставить точки строго туда, куда я ставила. Ибо - если у меня контур выгнулся, - значит и у вас он выгнется :-) Ставим последнюю точку строго в первую, не отпускаем мыши и выгибаем контур. Alt у нас на этом последнем этапе уже не будет работать (если мы точно попали в первую точку). Поэтому, выгнув контур, просто отпускаем клавишу мышки. Все. обтравка контура закончена. :-) Вот так:
У нас все еще включен инструмент Pen - Перо. :-) Клацаем правой клавишей мыши по файлу в любой точке и в выпавшем окне выбираем "Make Selection"- "Сделать выделение":
В открывшемся окне ставим Feather Radius - Радиус пера, радиус растушевки. Я ставлю 2 пкс (т.к. картинка у нас не слишком маленькая, и эта растушевка не будет резать глаз. Чем больше картина, тем большую растушевку можно ставить, и, соответственно, чем меньше - тем меньшую). Итак у меня 2 пкс, и жму ОК:
Цветок у нас выделился - вместо контура (простой линии) вокруг него выделение - переливающаюся пунктирная линия:
Теперь нажимаем сочетание клавиш Ctrl+C или так:
Нажимаем Ctrl+N или так (открываем новый файл, короче:-))) ):
Умный фотошоп сразу ставит нужные параметры открываемого файла, чтобы вставить скопированное. Нам остается нажать кнопку ОК. Но, на всякий случай..., (доверяй, но проверяй) проверяем, чтобы все у нас было, как на скрине. Зеленая стрелка - фон прозрачный. Если у вас другой - выбираем прозрачный. Синяя стрелка - можем поменять название. Ну и жмем ОК:
Файл открылся:
Нажимаем сочетание клавиш Ctrl +V, или так:
Все, мы всю работу выполнили. У нас вырезанный цветок на прозрачном фоне:
Сохраняем файл в Png. Так:
Дополнительно :-)
Перед сохранением файла можно проверить, все ли у нас хорошо. Открываем палитру слоев (нажимаем клавишу F7) или так:
В палитре слоев с зажатой клавишей Ctrl щелкаем сюда (клавишу Ctrl зажимаем, чтобы новый слой у нас был ПОД слоем с цветком):
Вот у нас появился новый слой:
Мы стоим на этом новом пустом слое (видите - он выделен синим?), нажимаем сочетание клавиш Shift + F5 или так:
В открывшемся окне нажимаем на галочку (красная стрелка) и в выпавшем списке выбираем Black - черный (синяя стрелка):
Наш пустой нижний слой залился черным и мы хорошо видим, как будет смотреться цветок на фоне:
В общем все терпимо. Но вот если нам что-то не нравится, как исправить? Смотрим, что не нравится и, чтобы не проделывать лишнюю работу возвращаемся на наш исходный файл из которого мы вырезали цветок. Открываем палитру истории так:
Встаем в открытой палитре истории на пункт Close Path (красная стрелка). И наш мы возвращаемся к тому моменту, где мы замкнули путь (синяя стрелка):
Снова берем инструмент перо и зажимаем клавишу Ctrl !!! Тыкаем (все делаем с зажатой клавишей Ctrl!!!) по любой точке контура и видим, что у нас появились все опорные точки с направляющими):
Таким образом мы можем переместить любую точку и по-другому изогнуть контур. Все делаем с зажатой клавишей Ctrl и включенным пером. Потом, когда нас все устроит, повторяем всю процедуру с выделением и копированием на новый файл. Собственно, пока все. У этого метода преимущество - простота. Но есть недостатки - у нас остается одна направляющая, что сокращает возможности редактирования. И, если мало опыта работы с пером, контур может получиться не слишком плавным. Но начнем все же с этого, чтобы научиться гнуть контур :-) По этому же методу можно отрисовывать картинки p.s. После того как мы проверили обтравку картинки, вынеся ее на черный фон, - этот слой с фоном удаляем и сохраняем в png. Всем удачи и творческих успехов :-)
Дата: Воскресенье, 14.09.2014, 03:09 | Сообщение # 23
В этом уроке вы узнаете, как перенести предмет на другой фон, сохранив все тонкие и сложные тени от него.
Цветок был специально сфотографирован для этого урока. Под светом неяркой лампочки (75 ват), чтобы хорошо было видно все тонкие и мягкие тени. Фон за предметом не обязательно должен быть белым, но он должен быть относительно без структуры, то есть однотонный. Это предотвратит неточности при переносе тени.
*Исходное изображение у нас получиться точно такого же размера, как изображение с предметом, так как фон будет помещаться именно в документ с изображением предмета с тенью от него*
Шаг 1. Дублирование слоя.
Дублируйте слой. Тяните его в низ, на палитре слоев к изображению «Создать новый слой».
Либо, сделайте это, нажав сочетание клавиш Ctrl+J
Шаг 2. Использование Градиента в режиме быстрой маски.
От света лампы у нас получился эффект, что ближе к лампе фон белый, а дальше от нее он переходит в темно-серый. Нам нужно сделать белый, ровный цвет, но так, чтобы сохранить тени от цветка. Нажмите клавишу «D», для того чтобы цвета в палитре стали черно-белые.
1. Войдите в режим быстрой маски (нажав на значoк быстрой маски в панели инструментов, или на клавишу «Q») 2. Выберите инструмент Градиент «G». 3. В настройках градиента выберите линейный градиент и цвет от основного (черного) к прозрачному. 4. Тяните градиент от светлого участка изображения к темному.
Выйдите из быстрой маски, нажав на значок быстрой маски на панели инструментов или на клавишу «Q». У вас образуется выделение. Не снимая выделения, идем дальше.
Шаг 3. Использование уровней для выравнивания цветового тона на фоне.
1. Не снимая выделения, нажмите в палитре слоев на значок (создать новый корректирующий слой). В нем выберите Уровни. 2. Таким образом, Градиент оказался в слой-маске Уровней. Это позволит нам, регулируя Уровни, выровнять тон на фоне. 3. В появившемся окне Уровней потяните белый ползунок немного влево, а потом тяните влево серый ползунок. 4. Тяните ползунок, пока фон не станет почти одинакового, белого цвета. 5.Главное не перестараться, нам нужно, чтобы тени остались почти неизмененными.
У меня в настройках получились вот такие показатели:
Шаг 4. Выделение цветка без тени.
Находясь на слое «Задний план (копия)», режиме быстрой маски выделите цветок без тени. Выделяйте его кистью с 100% жесткостью, что бы края получились ровные. Помните, что черным цветом вы рисуете маску, белым вы стираете ее, если вдруг вылезли за края.
Не выходя из маски, примените размытие по Гауссу, я поставила радиус 2,5 пикселя.
Выйдите из быстрой маски «Q». Инвертируйте выделение Shift+Ctrl+I. Убедитесь в том, что вы находитесь на дубликате оригинального слоя («Задний план (копия)»).
1. Добавьте слой маску, нажав на значок маски в низу палитры слоев. 2. Переместите получившийся слой выше слоя «Уровни 1». 3. Уберите связь между слоем «Уровни 1» и слой маской, просто нажав на цепь между ними.
Шаг 5. Использование Изогелии.
Сделайте активным слой «Уровни 1». Создайте новый корректирующий слой, выберите там Изогелия. Порог яркости поставьте 255, нам нужно, что бы фон приобрел черный цвет. Проверьте расположение слоев, у вас должно быть так же, как на рисунке.
Шаг 6. Тень.
Вернитесь на слой «Уровень 1». Создайте новый корректирующий слой, выберите в нем Уровни. В Уровнях, двигайте белый ползунок влево, а потом серый ползунок немного верните назад. В итоге у нас должна получиться черная тень. Не переживайте за то, что не весь фон стал белый. Черное пятно в верхнем правом углу мы уберем в следующем шаге.
Шаг 7. Убираем темные места, которые не относятся к тени.
Перейдите на самый первый слой «Задний план». Возьмите кисть, жесткость лучше поставить 0%, убедитесь что у вас основной цвет Белый. И закрашивайте все черное, что не относиться к тени.
Для того чтобы не убрать лишнего в тени. Скройте слой «Изогелия 1». Увеличьте размер кисти и аккуратно сотрите лишнее.
Шаг 8. Импортируем новый фон.
Слой «Изогелия» больше нам не нужен, поэтому видимость этому слою мы возвращать не будем. Возьмите, ранее подготовленный, новый фон для нашего цветка. Разблокируйте его, переименовав в «Фон». И просто перетяните с палитры слоев в документ с цветком.
Поместите слой «Фон» выше слоя «Уровни 2».
Шаг 9. Создание обтравочной маски.
В этом шаге мы будем помещать старый фон по верх нового. Для начало, нам нужно создать обтравочную маску для старого фона «Задний план». Для этого, находясь на слое «Уровни 1» зайдите в меню\ слой\ создать обтравочную маску. Тоже самое повторите со слоем «Уровни 2». Это будет гарантировать то, что новый фон останется низменным при перемещении слоев «Уровни» в следующем шаге.
Шаг 10. Перемещаем слои.
Разблокируйте слой «Задний план», кликнув на нем два раза, он по умолчанию переименуется в «Слой 0». Теперь это позволит перемещать его в палитре слоев. Зажав клавишу Ctrl, выделите три слоя: «Слой 0», «Уровни 1» и «Уровни 2», переместите эти слои выше слоя «Фон». Новый «Фон», заменится старым, белым фоном. Это мы исправим в следующем шаге.
Шаг 11. Использование режимов наложения.
В этом шаге мы будем помещать наши тени, на новый фон. Поменяйте режим наложения слою «Слой 0» на Умножение (Multiply).
А слоям «Уровни» режим наложения смените на Свечение/Screen (можно поэкспериментировать, Мягкий свет/Soft Light тоже не плохо смотрится.) так же можно к этим слоям применить Яркость\ Контрастность, если это требуется
Шаг 12. Осветляем задний план.
В заключении, мы сделаем фон вдалеке более светлый, это позволит нам сделать акцент на тени. Выше слоев «Уровни», создайте новый корректирующий слой, выберите «Уровни». Нажмите Да. Теперь возьмите Градиент, от черного к прозрачному цвету и тяните его снизу вверх. Кликните два раза по миниатюре слоя «Уровни 3», это вызовет окно уровней. Двигайте серый ползунок влево, что бы фон осветлился.
Ну вот и все.
Эта техника будет исключительно полезна Фотографам, чтобы сделать сложный качественный монтаж изображения на другой фон, с переносом всех мелких и тонких теней. Надеюсь, у вас все получится. Ссылка на источник урока Перевод: Ирина Рубанова
Дата: Воскресенье, 14.09.2014, 03:12 | Сообщение # 24
Пишу этот урок только потому, что постоянно натыкаюсь на уроки по созданию полупрозрачного фона с такими наворотами... Не понимаю, зачем такие сложности? Создание простого полупрозрачного фона
Открываем фотошоп. Создаем новый документ File -> New. Сразу же задаем параметры: Можно задать документу имя - Name. Фон должен быстро загружаться и мало весить, так что его размеры могут быть и 10х10 пикселей. Я для удобства задаю 50х50. Обязательно укажите прозрачный фон: Background Contents: Transparent.
Далее выбираем цвет и заливаем картинку при помощи ведерка Paint Bucket Tool. Уменьшаем прозрачность Opacity, насколько это необходимо (Скажем, 30-50%).
Сохраняем фон в формате PNG.
Создание полупрозрачного фона из изображения
Допустим, у нас есть картинка, которой надо задать прозрачность.
Открываем её в фотошопе. Слой будет заблокирован (замочек). Нужно дважды кликнуть по слою левой кнопкой мыши. Откроется окно New Layer, в котором сразу же можно задать полупрозрачность. Скажем, 80%. Нажимаем Ок. Если необходимо подрегулировать прозрачность, теперь это можно сделать в панели слоев, т.к. слой разблокирован.
Сохраняем в формате PNG.
Создание полупрозрачного градиентного фона
Такой фон можно часто встретить на ли.ру. Например, у меня. Создаем новый документ - File -> New. Как и в первом способе указываем прозрачность Transparent, я для удобства задала размер 300х150.
Выбираем инструмент Градиент. В верхней панели выбираем линейный градиент и кликаем на пресете (если навести на него мышку, увидите пояснение)
В открывшемся окне задаем параметры: Gradient Type: Noise - только в этом режиме можно задать прозрачность. Для однотонного градиента задайте Roughness 0%. Цвет подбирается с помощью ползунков цветовых каналов. Поставьте галочку на Add Transparency.
В этом уроке я расскажу о простых способах выделения объектов в фотошопе и как убрать задний фон с картинки.Для выделения используются разные методы. Самый простой - это выделение "волшебной палочкой", но ее лучше использовать на одноцветном фоне. Итак, берем "волшебную палочку" и один взмах,то есть клик мышкой и изображение выделено! Но вначале откроем фото.
1-Файл -открыть.
Здесь нужно выделить цветы и убрать белый фон.
2-Разблокировать слой( в окне слоев , справа, два раза кликнуть левой кнопкой мыши по слою "фон",появиться окошко,выбрать "ok" ) 3-Выбрать "волшебную палочку" (на вертикальной панели инструментов слева),и кликнуть левой кнопкой мыши по фону на фото.Появиться выделение. Если есть еще не выделенные белые куски фона,нужно кликнуть и по ним.
4-На клавиатуре нажать Delete или редактирование-очистить. 5 Выделение -отменить выделение.
Вот что получилось.Теперь можно сохранить в PNG ,чтобы использовать для открыток. 6-Файл -сохранить для Web и устройств. А можно добавить фон.
Так же просто использовать выделение "цветовой диапазон". Этот способ хорошо применять,когда в изображении,которое нужно выделить, имеются мелкие вкрапления фона и волшебной палочкой их долго убирать. Но есть одно "но". Если в выделяемом изображении встречаются места с цветом фона,то этот метод не подойдет,потому что эти участки тоже выделятся и удалятся. А сейчас попробуем выделение цветовой диапазон.
1-Файл-открыть фото
2-Разблокировать слой.
3-Выделение-цветовой диапазон,в открывшемся окне навести пипетку на фон картинки и кликнуть левой кнопкой мыши и "ok" Появится выделение.
4-На клавиатуре - Delete. Фон исчезнет. 5-Выделение -отменить выделение.
6-Файл сохранить для Web и устройств. Еще одно выделение -это выделение быстрой маской. Этот способ можно применить на фото с разноцветным фоном.
Дата: Воскресенье, 14.09.2014, 03:20 | Сообщение # 26
В преддверии Нового года в Интернете встречаются векторные картинки со змейками - символом наступающего года - на белом фоне, но для создания новогодних коллажей, фон нам не нужен. Давайте научимся очищать картинку от фона, а за одно и изучим интересный инструмент выделения "Цветовой диапазон". Откройте подходящее изображение, переведите слой "Фон" в "Слой 0",
и выберите инструмент выделения "Лассо".
Кликните по картинке правой кнопкой мышки и из выпадающего меню выберите Цветовой диапазон.
Более простой и прямой способ вызвать окно Цветовой диапазон — выбрать из меню Фотошопа Выделения > Цветовой диапазон, что логично. Цветовой диапазон — инструмент выделения и находится в меню Выделениe.
Появилось окно Цветовой диапазон и в нем готовая область выделения.
Откуда она взялась? В выпадающем меню Цветовой диапазон установлено По образцам. Это означает, что Цветовой диапазон создает выделение на основе выбранного цвета в области цвета переднего плана. Так как в этой области всегда установлен какой-то цвет, Цветовой диапазон сразу же и создает выделение. Маска выделения, как видите является черно-белой. Где черный — это 100% выделение, белый — отсутствие выделения, а оттенки серого — полупрозрачные выделения разной степени прозрачности. Чем серее и темнее, тем сильнее выделение, чем светлее, тем слабее.
В данном конкретном случае мы нажмем ОК и Delete на клавиатуре и получим:
Останется отменить выделение и сохранить, как PNG.
Кто-то скажет, что волшебной палочкой сделать это значительно проще, и будет прав, так как Цветовой диапазон создан не для выделения монолитных областей.
Но мы не ищем легких путей и продолжим изучать инструмент Цветовой диапазон.
Поменяем цвет переднего плана на черный, кликнув пипеткой на черную часть картинки.
Переключитесь на иконку Пипетка + и кликните по красной области.
Установите Разброс на 50
Нажмите ОК
Теперь нужно инвертировать выделение и нажать Delete. Если отменить выделение и сохранить получившееся изображение, получится вот так.
Вам нравится? Мне - нет! Почему так получилось?
Давайте снова выделим в Цветовом диапазоне черный (цвет на переднем плане) и красный, НО Разброс поставим на максимум 200
Параметр Разброс расширяет и сужает круг цветов, из которых Цветовой диапазон вычленяет определенные цвета. Каждый цвет, в цветовой модели RBG состоит из трех цветов Красного, Синего и Зеленого. Упрощая, значение 0 — отсутствием света, а значение 255 — максимально возможный свет в системе RGB.
Ну вы поняли, если в голубом канале 255, а в остальных 0, то это самый чистый синий какой только может быть. Соответственно в каждом оттенке находится какое-то процентное соотношение этих трех цветов. Мы выделили красный цвет, но он не является чистым. Идеальный красный цвет состоит из R255 G0 B0, у нас же R212 G20 B15.
Поэтому чем выше мы выбираем Разброс к добавленному цвету, тем ближе он будет к идеальному, но нельзя ставить максимум, потому что не останется места для основного цвета выделения.
По-моему, классно!
Можно вставлять на открытку к празднику или сделать комментики)))
Дата: Воскресенье, 14.09.2014, 03:30 | Сообщение # 27
Способ, про который я вам хочу сегодня рассказать, мне кажется одним из лучших, с его помощью можно более точно выделить нужный нам объект. Например, у вас есть ваша фотография, и вы хотели бы убрать все, что находиться за вами, и сделать фон белым, или же вставить себя в любое другое место. Но сегодня мы рассмотрим только то, как убрать фон на фото. Для того чтобы убрать фон, мы будем с вами использовать очень хороший инструмент, который называется «Перо». Что же, давайте все это рассмотрим по подробнее, надеюсь, что новичкам будет все понятно. Убрать задний фон на фото. Как убрать фон на фото используя «Перо».
1.Загружаем фотографию в фотошоп, как я уже говорил, я пользуюсь фотошопом Adobe Photoshop CS5.1. Для этого идем следующим путем: «Файл» — «Открыть» — ищем на вашем компьютере фото, выбираем и видим его в программе, я буду использовать вот это фото. См. рис.
2.Теперь в окне «Слои» вам нужно будет кликнуть по этому слою два раза. См.рис.
Дальше откроется окно, где вам нужно будет просто нажать на «ок».
3.А теперь в левой стороне сбоку в инструментах, вам нужно будет выбрать инструмент «Перо» См. рис.
4.Дальше вам нужно будет аккуратно выделять нужную вам область, в моем случае я буду убирать фон сзади девушки и делать его прозрачным. Ставьте точки в нужных местах, если поставили не верно, то вы всегда можете отменить в «Истории», просто перейти на пункт выше и точка уберется. Так же вы можете изображение приближать для удобства. См. рис.
5.Когда вы установите все точки и контур замкнется, вам нужно щелкнуть правой кнопкой мыши по изображению и выбрать в выпавшем меняю «Образовать выделенную область» и выпавшем окне установить радиус растушовки равный 3(трем), и нажать на «Ок». См. рис.
6.Теперь перейдите в слои, и там нажмите на создание слоя, так как у меня показано ниже на рисунке. Как видите, фото изменилось, и его фон стал прозрачным. См. рис.
Теперь вам нужно будет сохранить фото, для этого в «Файл» выбираем «Сохранить как» и указываем в каком формате вы хотите его сохранить. Чтобы фон оставался прозрачным я сохранил фото в формате png. И вот что получилось. См. рис.
Как видите этот способ убрать задний фон на фото очень даже простой. Так же есть еще немало способов того, как убрать фон на фото, и я надеюсь, что в ближайшее время я вам это расскажу.
Дата: Воскресенье, 14.09.2014, 03:35 | Сообщение # 28
Для своих работ я часто сама делаю клипарт и хочу вас этому научить. Урок предназначен для тех кто не знает как делать картинки с прозрачными краями. Существует несколько способов. Будем разбираться в них по порядку.
1. Изготовление клипарта с помощью быстрой маски.
Открыть подходящую картинку.Я взяла такую
Установить градиент от черного к прозрачному.
Активировать инструмент "Быстрая маска"(иконка станет красного цвета)
Залить картинку радиальным градиентом от середины в любой угол.
Картинка окрасится в красный цвет. Отключить Быструю маску, получаем выделение. Кликаем по клавише Delete или Редактирование - вырезать. Получается такой клипарт
2. Клипарт с помощью маски.
Масок для клипарта много. Есть круглые, квадратные, односторонние, двусторониие, фигурные и еще куча разных, на любой вкус и для любых целей.
Как же ими пользоваться. Открываем картинку, открываем маску(я взяла круглую). Маску переносим на картинку, свободным трансформированием подгоняем по размеру документа.
Так выглядит в слоях
Глазок на слое с картинкой отключаем и идем в каналы.
Здесь делаем активным синий(самый нижний) канал, щелкаем по нему правой кнопкой мыши. Выбираем - Создать дубликат канала. В выпавшем окне щелкаем "ОК" Получается вот так
Иногда получается что глазок на предыдущем канале не закрыт, значит надо его закрыть и открыть на самом нижнем канале, на копии.
Зажав клавишу Ctrl, щелкаем по иконке канала, получаем выделение и переходим в слои.Здесь отключаем глазок на маске, делаем активным слой с картинкой(синий). Идем в Выделение - инверсия. Жмем клавишу Delete или Редактирование - вырезать. Получаем клипарт с прозрачными краями.
3. Клипарт с помощью кисти.
Открыть картинку, создать новый слой.
Выбрать инструмент кисть, Основным цветом ставим черный цвет.
Кликаем сюда и выбираем мягкую кисть подходящего размера. Можно уменьшить прозрачность кисти.Я взяла кисть на 300 пикс.Проводим кистью по прозрачному слою как вам надо, выбирая те места, которые вам нужны в клипарте.
Зажав клавишу Ctrl, щелкаем по иконке слоя, где рисовали кистью, получаем выделение. Переходим на слой с картинкой. Глазок на слое с "рисованием" отключаем, идем Выделение - инверсия и жмем клавишу Delete.
Этот способ хорош тем, что вы сами можете контролировать какие места на картинке выделить. Чем больше будет непрозрачность "рисунка", тем ярче получится клипарт.
4. Клипарт с помощью инструмента прямолинейное лассо.
Открыть картинку. Обвести объект прямолинейным лассо, получим выделение.
В верхней панеле кликаем Уточнить край выделенной области.
В выпавшем окне устанавливаем настройки, рекомендую поэкспериментировать и жмем ОК.
Не снимая выделения, идем в Слои - Новый - Скопировать на новый слой. У нижнего слоя закрываем глазок и любуемся своим клипартом.
Вот некоторые способы изготовления клипартов, осваивайте и пользуйтесть тем, который вам больше по душе.