Главная Вёрстка Фотка без фона. Обтравочный контур

Фотка без фона. Обтравочный контур

« Назад

Фотка без фона. Обтравочный контур 05.04.2013 00:36

Сегодня я расскажу как можно эффектно подать изображение при верстке при помощи эффекта «Обтравочный контур».

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

Есть два варианта, как заверстать фото без фона, в обеих без фотошопа не обойтись.

Но, прежде чем начать работать в фотошопе нужно решить, как будет выглядеть фото на полосе. Если нам достаточно «вытащить» руку или голову, то нет смысла тратить время на обработку всего фото.

Первый вариант, когда убирается полностью фон. Обычно годится, когда нужно оставить только один объект целиком.

Открывает изображение, щелкаем на вкладке «слои», щелкаем на надписи фон и создаем из фона слой. Теперь, при удалении любой части фотографии мы будем получать пустотуJ. Стирать  ластиком ненужное просто, то можно легко зацепить что-то лишнее, потому «лишнее» нужно сначала выделить. Используйте, те инструменты, которые вам нравятся и после того как выделите все не нужное – удаляйте его. Получаем фотку на которой есть только то, что нам нужно. Теперь необсодимо сохранить фото в формате PSD (он без лишний телодвижений поддерживает слои и прозрачность). Готовый PSD файл помещаем на полосу и получаем результат.

Второй способ более универсальный, поскольку позволяет оставить фон и составлять различные комбинации уже при верстке. А если нужно «вытащить» только часть объекта на фото – то уменьшаем объем работ.

Открываем изображение, выбираем «лассо» и обводим, ту часть фото. Которая должна выглядывать на полосе. Идем в каналы и «сохраняем выделенную область в новом канале», т.е. создем альфа-канал. МЫ можем создавать сколько угодно альфа каналов на фото. Более того имея альфа-канал мы может делать с ним много полезного, но про это в дугой раз.

Сохраняем фото, можно в формате TIF, но обязательно с сохранением слоёв и каналов.

Помещаем фото на полосу, выделяем его и выбираем в меню «объект»-«обтравочный контур»- «параметры». В появившемся окне выбираем тип (на что ориентируется обтравка) альфа канал. Выбираем нужный нам (если их несколько) и смотрим результат.

В чем универсальность этого способа? Мы можем оставить часть фона, чтобы сделать фото еще эффектней! Помещаем фотографию, подгоняем под нужные размеры, копируем фото и вставляем.

ВНИМАНИЕ СЕКРЕТ! Чтобы вставить объект на то же самое место, где и оригинал, нужно нажать не просто Ctrl+V, Ctrl+Shift+Alt+V – тогда копия фотки встанет точно поверх!

К верхней применяем «обтравочный контур», нижнюю подрезаем как надо. Получаем вот такой гибрид, обрезанной и необрезанной фотки!

В чем еще преимущество второго варианта. Если нас не устраиваем обтравленное  фото в полосе, в любой момент мы можем вернуть фон отказавщись от  обтравочного контура.. Для этого необходимо выделить это фото, опять выбрать меню «объект»-обтравочный контур- параметры и там в строке «тип»выбрать  «нет».