В данной статье рассмотрим популярные методы плавных переходов между изображениями. 

Такие переходы необходимы, когда вы делаете сложные коллажи или хотите красиво оформить несколько картинок в одной.

Из всех представленных ниже вариантов: мягкий ластик, мягкие кисти и градиент, лучший метод — это градиент. Именно он создает первоклассный переход, без потери качества исходных изображений. Смотрите сами: используя ластик, мы закрашиваем пикселы, но где гарантия, что у вас получиться закрасить все идеально? Конечно, можно потратить целый день за фотошопом, стирая пиксел за пикселом. Но, я считаю, «игра не стоит свеч», поскольку мы стремимся не тратить много времени на те или иных операции и делать все быстро.

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

Теперь давайте рассмотрим подробнее:

Мягкий ластик

Так как инструмент ластик может использоваться с параметрами кисти, то с помощью мягкой кисти можно стереть часть изображения таким образом, чтобы было видно другое изображение, расположенное слоем ниже. С помощью этого приема можно достичь требуемого результата, но он так же необратим, как и вырезание отверстия — если вы передумаете и решите соединить изображения по-другому, то придется начинать все заново.

После того, как вы поместили оба изображения, которые хотите объединить, в один документ (каждое на отдельный слой), выполните следующие действия:

1. Перетащите мышью изображение, которое вы хотите частично стереть, в самый верх палитры слоев.

[stextbox id="info"]Примечание. Перед тем, как стирать, полезно сделать дубликат слоя, с которым вы будете работать, на случай, если вам не понравится результат (для этого нажмите комбинацию клавиш Ctrl+J). Чтобы новый слой не мешал вам, его видимость можно отключить (и включить снова, если понадобится).[/stextbox]

2. Выберите ластик, нажав клавишу Е, и установите его в режим кисти. Для этого на панели параметров в раскрывающемся списке Режим выберите пункт Кисть. Затем в раскрывающемся списке наборов параметров кистей выберите мягкую кисть. Убедитесь, что в полях Непрозрачность и Нажим установлено значение 100.

[stextbox id="info"]Совет. Чтобы сделать переход еще плавнее, поэкспериментируйте со значением непрозрачности ластика. Уменьшив значение непрозрачности, можно создавать более плавные переходы, водя кистью по нужной области, а не делая отдельные щелчки мышью.[/stextbox]

3. Установите указатель мыши поверх изображения и сотрите ненужную часть. Если вы допустите ошибку или в какой-то момент передумаете — воспользуйтесь палитрой История, чтобы вернуться назад на несколько мазков кистью, или отмените последнюю операцию, нажав комбинацию клавиш Ctrl+Z.

Мягкие кисти и слои-маски

Альтернативу ластику составляет обратный вариант — рисование слоя-маски большой мягкой кистью. При этом вы всего лишь скрываете часть рисунка вместо того, чтобы удалить ее.

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

Вот как создать эффект быстрого движения:

1. Откройте картинку и создайте дубликат исходного слоя, нажав комбинацию клавиш Ctrl+J.

2. Выберите команду меню Фильтры => Размытие => Размытие в движении. С помощью этого фильтра можно создать ощущение, что объект двигается очень быстро. Так как фильтр размывает картинку целиком, становится трудно разглядеть на ней нужный объект, так что вам придется скрыть часть размытого слоя, добавив слой-маску. Чтобы ее добавить, нажмите по кнопке с изображением круга в прямоугольнике в нижней части палитры.

3.  Нажмите клавишу В, чтобы выбрать инструмент Кисть и выберите большую мягкую кисть. Задайте черный цвет в качестве цвета переднего плана.

Напоминаю, что применительно к слоям-маскам рисование черным цветом скрывает, что нам в данном случае и надо сделать. Взгляните на индикаторы цветов в нижней части панели Инструменты и, если они показывают черный и белый цвета, то нажимайте клавишу X, пока черный индикатор не окажется поверх. Если же выбраны иные цвета, то сначала установите цвета по умолчанию, нажав клавишу D, а затем нажимайте клавишу X, пока черный индикатор не окажется наверху.

6. Установите указатель мыши поверх изображения и, работая кистью, скройте часть размытого слоя.

Градиентные маски

Отложим в сторону мягкие кисти. Создать самые плавные переходы из возможных можно, используя градиент — мягкий, постепенный переход от одного цвета к другому. Методы объединения изображений с использованием мягких кистей и градиентов схожи тем, что изображения объединяются в одном документе и затем к верхнему слою добавляется слой-маска. Но вместо рисования маски черной или белой кистью, вы используете черно-прозрачный или черно-белый градиент для плавного, цельного «перетекания» одного изображения в другое.

1. Перетащите картинку, которая должно быть на переднем плане коллажа, в самый верх списка слоев и добавьте к ней слой-маску.

2. Нажмите клавишу G, чтобы выбрать инструмент Градиент. На панели параметров щелкните мышью по стрелке раскрывающегося списка выбора. В раскрывающемся списке выберите черно-прозрачный градиент, а в группе типов щелкните мышью по кнопке линейного градиента.

3. В своем примере, я хочу чтобы логотип Бэтмена справа был прозрачным. Для этого  кнопкой мыши я нажимаю на границе логотипа и зажатой клавишей виду примерно до середины логотипа. Отпустив клавишу, я получаю плавный переход между изображениями. Чтобы улучшить качество перехода, можно еще и еще применить градиент.

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

Вместо того, чтобы вырезать зияющую дыру в окне, два изображения можно объединить с использованием нового подменю Специальная вставка (Paste Special) меню Редактирование версии CS5 (в предыдущих версиях это меню называлось Вставить в).

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

Возможные варианты:

• Вставить вместо. Используйте эту команду для того, чтобы расположить изображение в том же месте, где оно находилось в документе, из которого вы его скопировали. Например, если изображение было выровнено по левому краю исходного документа, то и в новом документе оно будет выровнено по левому краю. Этой команде соответствует сочетание клавиш Shift+Ctrl+V.
• Вставить в. Используйте эту команду, если хотите расположить изображение внутри выделенной области. Программа добавит вставленное изображение на отдельный слой и создаст слой-маску. Вставленное изображение будет видно только в выделенной области; остальная его часть будет закрыта слоем-маской. Сочетание клавиш: Alt+Shift+Ctrl+V.
• Вставить за пределами. Если вы хотите, чтобы программа фотошоп расположила изображение снаружи выделенной области, выберите этот вариант. Автоматически созданный слой-маска теперь будет закрывать выделенную область, вставленное изображение будет видно только вне ее. Команду удобно использовать для создания рамок или границ изображений.

[stextbox id="info"]Примечание. Если вы пользуетесь более ранней версией программы, данную команду можно вызвать, удерживая клавишу Alt и выбрав пункт меню Редактирование => Вставить внутри.[/stextbox]

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

1. Откройте первое изображение и выделите область, где должно оказаться второе изображение. Я применю инструмент Прямоугольная область.

2. После того, как вы выделили требуемую область, щелкните мышью по кнопке Уточнить край (Refine Edge) на панели параметров, чтобы сгладить края.

3. Откройте изображение, которое вы хотите вставить в рамку, и скопируйте его. Для этого нажмите комбинацию клавиш Ctrl-A, чтобы выделить изображение целиком, и затем скопируйте его, нажав комбинацию клавиш Ctrl-С.

4. Вернитесь к документу с рамкой и выберите команду меню Редактирование => Специальная вставка => Вставить в  или нажмите комбинацию клавиш Alt+Shift+Ctrl+V. Фотошоп расположит изображение в отдельном слое вместе со слоем-маской. В окне документа вы увидите часть изображения, видимую в рамке.

5. Если фотография больше рамки, ее можно уменьшить с помощью инструмента Свободное трансформирование: нажмите комбинацию клавиш Ctrl+Т и, удерживая клавишу Shift, перетащите мышью один из манипуляторов в углу внутрь изображения, чтобы пропорционально уменьшить изображение. Затем установите указатель мыши внутри границ; указатель мыши примет вид стрелки, позволяющей вам перетаскивать фотографию внутри рамки. Когда фотография будет установлена в нужное положение, нажмите клавишу Enter.

[stextbox id="info"]Совет. Если ограничивающий прямоугольник инструмента Свободное трансформирование выйдет за границы документа, нажмите комбинацию клавиш Ctrl+0. Масштаб окна документа изменится именно так, что станут видны все четыре угла прямоугольника. Эту комбинацию клавиш стоит запомнить, потому что она будет вам нужна постоянно.[/stextbox]

6. Свяжите вставленную фотографию с маской.

После того, как вы подогнали фотографию под требуемый размер и расположили ее в нужно месте, свяжите фотографию со слоем-маской. На палитре слоев щелкните мышью по пространству между миниатюрами слоя и слоя-маски. Когда вы это сделаете, между ними появится изображение цепочки.

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

7. Удалите белую область вокруг рамки. В моем случае это просто отдельный белый слой, который можно просто удалить.

Если, например, ваше изображение и белый фон едины то: выделите слой с рамкой на слоев и дважды щелкните по нему мышью, чтобы сделать слой редактируемым. Далее нажмите клавишу W, чтобы выбрать инструмент Волшебная палочка, и щелкните по области вне рамки, чтобы выделить ее. Если вы выбрали рамку с кучей завитушек и трещин по краям, то выберите команду меню Выделение => Подобные оттенки (Select => Similar), чтобы выделить все белые области. Получив требуемое выделение, сгладьте его края с использованием диалогового окна Уточнить край. Наконец, нажмите клавишу Backspace, чтобы удалить эту белую область. Или воспользуйтесь другими известными вам приемами, например, при помощи каналов.

8. Увеличьте размер холста с помощью инструмента Рамка.

Чтобы повернуть рамку и добавить к ней тень, потребуется дополнительное место. В статье Изменение размера холста описана команда меню, позволяющая увеличить холст, но проще для этого использовать инструмент Рамка. Нажмите клавишу С, чтобы его выбрать, затем очертите с его помощью ваше изображение прямоугольником. Перетащите мышью, удерживая клавишу Alt один из угловых манипуляторов, чтобы раздвинуть прямоугольник во все четыре стороны, а затем нажмите клавишу Enter . Теперь у вас достаточно места для работы.

9. Выделите слои с рамкой и фотографией и поверните их с помощью инструмента Свободное трансформирование.

Выделите оба слоя, щелкая по ним мышью на палитре слоев, удерживая при этом клавишу Shift, и нажмите комбинацию клавиш Ctrl+T , чтобы выбрать Свободное трансформирование. Установите указатель мыши вне ограничивающего прямоугольника и, когда указатель мыши примет вид изогнутой двойной стрелки, немного переместите его, удерживая левую кнопку мыши, чтобы повернуть рамку и фотографию. Когда изображение будет повернуто на требуемый угол, нажмите клавишу Enter.

10. Добавьте внутреннюю тень в слой с фотографией.

Чтобы фотография выглядела так, словно она в самом деле находится в рамке, понадобится использовать внутреннюю тень. Для начала убедитесь, что выделен только слой с фотографией. Затем щелкните мышью по кнопке fx Добавить стиль слоя (Add a layer style) в нижней части палитры и в контекстном меню выберите команду Внутренняя тень (Inner Shadow). В появившемся диалоговом окне измените параметры тени так, как вам надо и щелкните мышью по кнопке ОК.

11. Добавьте тень в слой с рамкой.

Добавить глубины изображению, чтобы казалось, что рамка действительно висит на стене, можно следующим образом: на палитре слоев выделите слой с рамкой, щелкните мышью по кнопке fx Добавить стиль слоя и в контекстном меню выберите команду Тень (Drop Shadow). Покажу как на белом фоне стало смотреться:

12. Добавьте в документ слой-заливку и задайте его цвет, затем перетащите его в самый низ списка слоев.

Завершающий этап создания рисунка — добавление нового цветного фона для рамки. Проще всего сделать такой фон, добавив слой-заливку. Для этого щелкните мышью по кнопке Создать новый корректирующий слой или слой-заливку в нижней части палитры слоев (на этой кнопке нарисован наполовину черный, наполовину белый круг), и в контекстном меню выберите команду Цвет (Solid Color). В появившемся диалоговом окне Выберите цвет заливки (Color Picker) выберите желаемый цвет фона и щелкните мышью по кнопке ОК. Если в дальнейшем вы захотите изменить цвет фона, дважды щелкните мышью по миниатюре, чтобы заново открыть окно для выбора цвета.

[stextbox id="info"]Совет. Если установить указатель мыши на изображение в то время, как открыто диалоговое окно Выберите цвет заливки, то он примет вид пипетки, которой можно выбирать цвет, щелкая мышью по изображению. Выбор цвета фона из уже имеющихся в изображении оттенков — отличное решение, так как новый цвет уже присутствует в рисунке.[/stextbox] ]]> /?feed=rss2&p=4151 2 /?p=4101 /?p=4101#comments Sun, 14 Apr 2013 12:32:30 +0000 /?p=4101

Самый простой способ объединить два изображения — разместить эти изображения на разных слоях в одном документе, а затем вырезать отверстие в одном из слоев таким образом, чтобы был виден находящийся под ним слой. Это не очень изящное, зато действенное решение.

Например, я открыл изображение с приоткрытом окном на белом фоне. Можно этот фон убрать и придумать какой-нибудь интересный вид из окна.

Давайте поэтапно рассмотрим как это сделать:

1. Откройте изображение, в моем случае это окно, и дважды щелкните мышью по слою Фон, чтобы сделать его редактируемым, если вы еще этого не сделали.

2. Выделите область, которую хотите удалить.

Чтобы проделать отверстие в изображении, используйте инструмент Волшебная палочка, поскольку та область, которую нам нужно выделить состоит из одного цвета — белого. Обратите внимание, что рама окна тоже в оттенках белого. Когда вы примените инструмент, может получиться так, что выделиться и фон и часть рамы. Для того чтобы это исправить, измените значение настройки Допуск, на панели параметров инструмента волшебная палочка, на меньшее число. В моем случае было достаточно указать 20.

3. Используйте диалоговое окно Уточнить край (Refine Edge), чтобы слегка сгладить края.

Объединенные изображения лучше смотрятся, если смягчить границу между ними. После того, как вы выделили требуемую область, щелкните мышью по кнопке Уточнить край на панели параметров, и в появившемся диалоговом окне используйте ползунковые регуляторы, чтобы сгладить выделение на 1-2 пиксела и растушевать его на 0,5-1 пиксел. Я поставил вид На черном. Обратите внимание, что края рамы стали слегка размытые. Когда мы вставим вторую картинку, то не будет неестественного резкого перехода между изображениями.

4. Нажмите клавишу Backspace, чтобы вырезать отверстие.

После того, как выделена ненужная область, можно удалить ее. После того, как вы нажмете клавишу Backspace, образовавшееся отверстие заполнится шахматным рисунком, указывая, что эта область не содержит пикселов. Снимите выделение нажав Ctrl+D.

5. Добавьте в документ другое изображение, которое станет нашим новым видом.

На этом этапе вы добавляете в файл то изображение, которое хотите видеть внутри исходного. Можно копировать и вставлять изображения из других документов формата фотошоп или из других программ. После того, как вы скопировали изображение, вставьте его в документ, и оно автоматически будет добавлено на новый слой. Кроме того, можно открыть в программе фотошоп другое изображение и перетащить его из палитры слоев в окно другого документа, или из окна одного документа — на ярлык вкладки другого открытого документа. После того, как вы добавили в документ нужное изображение, разместите его под исходным слоем так, чтобы вы могли видеть его через отверстие, сделанное в пункте 4.

Содержимое верхних слоев закрывает содержимое слоев, находящихся ниже. Отверстие, вырезанное внутри оконной рамы позволяет сквозь изображение видеть изображение со слоя, находящегося ниже.

Я добавлю вот такую картинку:

6. С помощью инструмента Перемещение объединим два изображения.

Нажмите клавишу V, чтобы выбрать инструмент Перемещение, выделите слой, который хотите переместить, и перетащите его мышью в требуемое место. Если необходимо изменить размер изображения так, чтобы все оно было видно в окне, используйте инструмент Свободное трансформирование: нажмите комбинацию клавиш Ctrl+T  и, удерживая клавишу Shift, перетащите мышью один из манипуляторов в углу изображения так, чтобы увеличить (наружу изображения) или уменьшить (внутрь изображения) изображение.

Готово!