Как в фотошопе наложить одну картинку на другую?

Как убрать слой в «Фотошопе»

Некоторые начинающие пользователи не понимают, как в «Фотошопе» сделать слои. Поэтому они чаще всего производят ретушь фотографии на единственном слое, если только таковой не создался автоматически после применения того или иного инструмента. Например, инструмент «Текст» сразу же создает новый слой. Автоматически на новый слой попадают и вставленные из буфера обмена изображения.
Если вы хотите самостоятельно создать в «Фотошопе» новый слой — в этом нет ничего сложного. Воспользуйтесь для этого соответствующей кнопкой в нижней части панели «Слои». Созданный слой разместится над выделенным слоем. Например, у вас может быть выделен шестой по счету слой. Новичок в этом случае займет его место, а предыдущий слой переместится уже на седьмую позицию. Это обязательно нужно учитывать в случае создания многослойных композиций.
На новом слое вы можете заниматься чем угодно. На нём вы можете воспользоваться заливкой, нарисовать любую фигуру или произвести прочие действия. Если ваше изображение получается многослойным, то не мешает дать новому слою собственное название. Иначе он так и будет называться: «Слой 7». Для переименования следует совершить по слою двойной щелчок левой кнопкой мыши.

Еще слои можно группировать. Создайте новую папку посредством соответствующей кнопки в нижней части панели «Слои». Затем методом перетаскивания перенесите в неё слои, которые вы хотите объединить в одну группу. В многослойных композициях без этого не обойтись, иначе начинается настоящая путаница.
Некоторые слои по ходу создания изображения становятся нам ненужными. Их рекомендуется удалять. Для этого выделите слой и нажмите клавишу «Delete». Также для этого слой можно перетащить на кнопку с изображением корзины в нижней части панели. Можно убрать слой в «Фотошопе» и другим способом. Около каждого слоя присутствует кнопка с изображением глаза. Нажмите её — видимость слоя сразу отключится. Это своеобразный аналог нулевой непрозрачности. Сам слой из панели при этом никуда не денется, вы в любой момент способны включить его отображение.

Цветовой баланс в Фотошоп.

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

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

Примеры? Да сколько угодно. Мутные цвета весеннего пейзажа, землистое «лицо мертвеца» вместо загара, цветные отблески и блики на самых важных частях снимка.

И тут без коррекции не обойтись.  Создатели  Adobe Photoshop как в воду глядели, насыщая программу различными инструментами коррекции оттенков. Начиная от изменения цвета глаз и заканчивая глобальным смещением гаммы всего изображения.

Сегодня рассмотрим один из таких инструментов. Он не такой пугающий как уровни и кривые (при работе с каналами). Более того, палитра и установка свойств реализованы предельно наглядно и просто. Речь, естественно, идёт об инструменте под названием «цветовой баланс». Изучать его свойства будем уже на привычном снимке озера в околицах Минска.

Но есть и более простой способ.

Он так же основан на выделении, но избегает создания лишних слоёв.

• Создайте одну (!) копию слоя.
• Проведите коррекцию изображения любым известным способом.
• После того, как проявились проблемные участки, выделите их. Наиболее подходящий инструмент — выделение по цвету. Этот способ позволяет определить даже малейшие области в различных частях фотографии. К тому же «недокументированная возможность» инструмента — выделение полупрозрачных пикселей.
• Задайте растушёвку зоны выделения. Радиус растушёвки выбирайте исходя из размеров фотографии. При размерах до 1000 пикселей по любой из осей радиус в 2 пкс. более, чем достаточен.

• Вызовите инструмент «Цветовой баланс» (либо любой другой инструмент).
• Проведите коррекцию цвета
• Отрегулируйте режимы наложения и прозрачность верхнего слоя.
• В результате, как видим на рисунке ниже, ярко жёлтый цвет на дальнем плане уже не так раздражает. Добавились зелёные оттенки, которые и требовались для получения эффекта «майского дня».

Замечание: не стоит пытаться полностью избавиться от посторонних цветов. Иначе фото будет казаться неестественным.

Например, в случае с нашим образцом, жёлтые оттенки остались в траве на переднем плане и на листве дальнего леса. Что естественно — наше солнце имеет жёлтый цвет. И в яркий день отсутствие бликов выглядело бы неестественно.

Совет: активно ищите лучшие варианты. Не останавливайтесь на единственном режиме наложения слоёв. Иногда самые интересные результаты дают, на первый взгляд, неестественные режимы. 

Как сделать прозрачным слой в «Фотошопе»

Следом идет строка, необходимая для создания эффекта наложения. Это позволяет вычесть из слоя черный или белый цвета, а также создать другие эффекты. Наложение слоев в «Фотошопе» может быть совершенно диким или же самым обычным. Также именно здесь можно задать степень непрозрачности. По умолчанию каждый слой создается абсолютно непрозрачным. Если вы хотите в «Фотошопе» сделать слой прозрачным, то придет на помощь именно этот пункт. Не забудьте перед этим выделить нужный слой.

В третьей строке панели «Слои» присутствуют инструменты закрепления. Если вы хотите закрепить положение слоя или его прозрачность — вам именно сюда. Ещё в этой строке присутствует пункт «Заливка», эффект которого схож с функцией непрозрачности.

Остальная область панели выделена под список слоев. Если к некоторым из них будут применены специальные эффекты, то их список тоже будет расположен именно здесь. В самом низу размещены специальные кнопки, с помощью которых в «Фотошопе» осуществляется работа со слоями (основная её часть).

Уроки Фотошопа

Глава №11. Раскрашивание

Заливка выделенной области или слоя каким-либо цветом, узором или изображением в Фотошопе

1. Для однотонной заливки
   основным или фоновым цветом выберите в Фотошопе цвет на палитре Color (Цвет) или
   Swatches (Образцы) или щелкните по соответствующему квадратику состояния на
   палитре History (История), чтобы создать, источник информации для инструмента
   History Brush (Восстанавливающая кисть).

   Для создания повторяющегося
   узора не надо делать что-либо особенное -просто выберите готовый подходящий
   образец. Если же вы хотите создать собственный образец «черепицы»,
   с помощью инструмента Rectangular Marquee (Прямоугольная область)
   выделите какую-либо область слоя (никакого растушевывания!), выберите команду
   Edit > Define Pattern (Правка > Определить узор), как
   показано на рис. 11.3, введите имя и воспользуйтесь командой Deselect
   (Снять выделение) или нажмите комбинацию клавиш Ctrl+D.

Рис.
11.3. Выделение области для использования в качестве повторяющегося
узора

1. Выберите
   слой. Чтобы залить его полностью, на палитре Layers (Спои) снимите флажок
   Lock transparent pixels (Блокировать прозрачные точки); если же хотите
   залить только непрозрачные области слоя, поставьте этот флажок. Для ограничения
   действия операции заливки создайте выделенную область с использованием любого
   метода выделения.

2. Выполните команду Edit
   > Fill (Правка > Залить) или нажмите комбинацию клавиш Shift+Backspace.

3. Из всплывающего меню
   Use (Используя) выберите, чем вы хотите залить выделенную область или слой
   (рис. 11.4): Foreground Color (Основной цвет), Background Color
   (Фоновый цвет), Black (Черный), 50% Gray (50% серый) или
   White (Белый). Если выберете вариант Pattern (Узор), щелкните
   по стрелке поля Custom Pattern (Узор по выбору пользователя) и на всплывающей
   панели укажите образец.

   Рис.
   11.4. Диалоговое окно Fill

   Выберите вариант History
   (История), чтобы залить выделенную область или слой изображением с активного
   слоя того состояния, которое вы выбрали в качестве исходного.

4. Укажите значения параметров
   Mode (Режим) и Opacity (Непрозрачность) в разделе Blending
   (Смешивание).

5. По желанию. Если
   на палитре Layers (Слои) вы забыли поставить флажок Lock transparent
   pixels (Блокировать прозрачные точки), то вместо этого можно здесь поставить
   флажок Preserve Transparency (Сохранять прозрачность).

6. Щелкните по кнопке ОК
   (рис. 11.5).

Рис.
11.5. Результат заливки слоя узором

Если
вам не понравился выбранный вами цвет заливки, выполните команду Edit >
Undo (Правка > Отменить), так чтобы этот цвет не смешивался со следующим
выбранным и не влиял на режим, который вы установите.

Для
заливки слоя с использованием какого-либо эффекта дважды щелкните по имени слоя,
затем в диалоговом окне Layer Style (Стиль слоя) отметьте вариант Color
Overlay (Наложение цвета), Gradient Overlay (Наложение градиента)
или Pattern Overlay (Наложение узора). Подкорректируйте остальные характеристики.
К одному и тому же слою можно применить один, два или все три эффекта типа Overlay.

Узоры

С помощью
средств запоминания установок в Фотошопе очень просто сохранить
узор, например, показанный на рис. 11.6, для последующего применения.
Подробнее об установках рассказано в главе 21, раздел «Использование диалогового
окна Preset Manager». Тем не менее, для большей безопасности постарайтесь
сохранить файлы, которые вы использовали при создании узоров, на случай, если
сведения об установках будут случайно удалены.

Рис.
11.6. Изображение, полученное путем дублирования узора с уменьшением
непрозрачности копии до 43% и применения режима смешивания Multiply

Для создания
узора предназначена не только команда Fill (Залить). Также можно воспользоваться
инструментами Pattern Stamp (Штамп узора), о чем рассказано в главе 6,
раздел «Использование инструмента Pattern Stamp», или Paint
Bucket (Ведро с краской).

Разбираемся в меню «Режимы наложения»

Конечно, прежде, чем использовать режимы наложения, Вам нужно найти, где их переключать! Давайте взглянем, в каком части Photoshop и Photoshop Elements вы можете найти нужный «переключатель».

Меню «Режимы наложения» находится в панели «Слои» («Layers»). Их список поделён на смысловые группы. Таким образом, вы можете выбрать нужный режим наложения либо через панель «Слои», либо через диалоговое окно, которое появляется в момент создания или дублирования слоя.

Как только вы выбрали один из режимов, вы можете последовательно переключаться между остальными режимами, нажимая клавиши «стрелка вверх»/»стрелка вниз» на клавиатуре.

1. «Обычный» (Normal), «Растворение» (Dissolve)

Эти режимы не оказывают какого-либо воздействия на цвет или тон картинки. Для базового слоя по умолчанию устанавливается режим «Обычный».

2. Затемнители

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

3. Осветлители

Эта группа режимов осветляет тем или иным способом изображения на всех низлежащих слоях. В противоположность предыдущей группе, чёрный цвет является здесь нейтральным.

4. Контрастные режимы

Эта обширная группа влияет на контрастность изображения. Режимы из этой группы затемняют тени, а блики осветляют. Средний тон (50%-ый серый цвет) – нейтральный.

6. Режимы, влияющие на цвет

Эту группу можно назвать «Вдохновители». Цвета накладываемого слоя оказывают воздействие на цвета низлежащих слоёв (не изменяя базовые слои).

Создать новый слой в «Фотошопе»

Если вы сейчас установите самую первую версию программы Photoshop, то очень сильно ей удивитесь. Вы спросите: где в «Фотошопе» слои? Первые версии графического редактора мало отличались от современного Paint. Поддержка слоев появилась чуть позже. Теперь же без этой функции не обходится ни один профессиональный редактор изображений. В Photoshop можно свободно создавать до тысячи слоев, на скорости работы это никак не отразится. Но это уже экстремальный случай, на практике фотографы задействуют не более 20-30 слоев.

Суть слоя очень проста. Он содержит в себе какой-либо фильтр или маску, а также эффект от применения определенного инструмента. Например, вы вставили в изображение новую картинку. Она отобразится на новом слое. В результате вы сможете добавить ей обводку, изменить размер картинки, а также установить ту или иную степень прозрачности. В любой момент вы можете в «Фотошопе» изменить размер слоя, даже если после предыдущей работы с ним прошло очень много времени. Именно этим полезны слои. Без них пришлось бы отменять множество операций, чтобы вновь получить возможность изменения размера вставленной картинки.

Для работы со слоями предназначена соответствующая панель. Рекомендуется её всегда держать открытой. Показ изображения в Photoshop осуществляется следующим образом. Сначала на показ выводится верхний слой, затем второй, третий и т. д. В качестве аналога можно привести пачку бумажных листов. Сначала вы видите первый лист, все остальные он перекрывает. Со слоями аналогичная ситуация. Первый будет перекрывать собою второй, если только не выставлена его полная или частичная прозрачность.

Немного теории

Учитывая специфику работы цветового баланса, стоит повторить теорию кодирования цвета. По крайней мере вспомнить, что такое цветовые пространства RGB и CMYK. Подробно об этом написано в уроке «выделение по цвету в Фотошоп». Тем, кто не утруждает семя лишним чтением, кратко повторим.

Обе модели кодируют цвет в трёхмерной системе координат (вспоминаем алгебру и геометрию 6 класс средней школы). Идея взята из курса физики. Помним, что белый цвет, преломляясь, распадается на цветные составляющие. Вот и тут каждая ось — свой цвет. Совмещение базовых цветов в различной насыщенности даёт результирующий оттенок.

Пространство RGB – природное. Три базовых цвета (красный, синий и зелёный) смешиваясь в полной яркости дают белый цвет. Пример из жизни — три софита на сцене.

Однако физически не существует красок, которые смешавшись в одном ведре, стали бы белыми. Поэтому для печати используют систему  CMYK (Cyan (Голубой), Magenta (Малиновый), Yellow (Жёлтый), Black). Голубой, пурпурный и жёлтый цвета смешавшись дают насыщенный тёмно-серый цвет. Четвёртая составляющая, чёрный, служит для «поддержки теней». 

Есть ещё одна интересная особенность. На цветовом круге цвета  RGB и CMYK находятся друг напротив друга. Другими словами, они образуют следующие контрастные пары синий —  жёлтый, голубой-красный, малиновый-зелёный. Уменьшая, например, присутствие голубого в гамме, мы неизбежно подчеркнём красные оттенки. Убирая жёлтый — синие. Избавляясь от малинового, усилим зелёный цвет.

На этом принципе и построен инструмент «Цветовой баланс».

Darkroom

Еще одно приложение для замены цвета на айфон и андроид называется Darkroom. Хочется отметить, что эта программа имеет встроенные покупки (459 рублей), но попробовать подобный эффект по замене цвета можно бесплатно.

Как изменить цвет предмета на фото:

1. Открыть программу Darkroom и выбрать снимок.
2. Нажать на три круга, которые пересекаются вместе.
3. Выбрать любой нужный цветной оттенок.
4. С помощью ползунков откорректировать нужный тон для предмета.
5. Если не хотите покупать приложение, просто сделайте скриншот изображения.

Будьте самыми стильными! Используйте супер эффекты:

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

Спасибо за потраченное время

Плавный переход одного изображения в другое

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

Чтобы наложить одну картинку на другую в программе Photoshop открывают обе исходные фотографии и  перетягивают слой из одного открытого изображения в другой документ. Верхний слой делают полупрозрачным (на панели Layers (Слои) параметр Opacity (Непрозрачность) уменьшают до 50-60%) чтобы видеть сквозь него нижний и перемещают на каждом слое изображение так, чтобы части будущего вашего творения хорошо компоновались друг с другом.

Если нужно сделать быстро и высокого качества не требуется,  можно использовать мягкую резинку – инструмент Eraser (Ластик) для быстрого стирания части слоя. Инструмент Brush (Кисть) задает размер, форму, плотность, жесткость для резинки, поэтому в настройках кисти обязательно должен быть установлен параметр Hardness (Жесткость) равным 0, на панели параметров кисти Opacity (Непрозрачность) установите значение 20-30%.

Резинкой сотрите в нужных местах части верхнего изображения и, когда закончите,  для этого слоя верните параметр Opacity (Непрозрачность) 100%. Слой станет непрозрачным, но те места, где прошлись резинкой будут полностью или частично прозрачными.

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

Чтобы добавить маску перейдите в слой с верхней картинкой и внизу панели Layers (Слои) нажмите кнопку Add Leyer Mask (Добавить маску слоя).

На панели инструментов Photoshop установите цвета черный и белый (основной и фоновый). Выберите инструмент градиент, в настройках градиента установите переход от черного к белому. Кликните мышкой на маске, чтобы сделать ее активной, и создайте градиентный переход в области, где перекрываются ваши картинки. Край верхней картинки станет прозрачным. Ближе к середине прозрачность уменьшится.

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

Напоследок два простых способа плавного перехода изображения в фон.

1 способ. Картинку разместить поверх фона и добавить к этому слою маску. В этом примере маска создана с помощью градиентной радиальной заливки

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

2 способ. Выделяем нужную область в изображении, выполняем команду меню Select (Выделение) > Modify (Изменение) > Feather (Растушевка).В открывшемся окне нужно установить в поле Feather (Растушевка) ширину области растушевки. Эта величина зависит от размера изображения и подбирается для каждого фото отдельно – экспериментируйте!

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

Практическая часть

Прежде чем начать практическую работу, стоит напомнить по крайней мере два совета от корпорации Adobe. 

Проводите работу с цветом на откалиброванном мониторе. То есть с установками, которые гарантируют, что цвет, отображаемый на экране, выглядит аналогично и «в реальности». Иначе есть опасность, что на другом компьютере Вы сами ужаснётесь результатам своей работы

Старайтесь не изменять цвет основного слоя. Сразу делайте дубликат. И проводите цветокоррекцию копии.

Настало время приступить.

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

Через меню «Изображение» – «коррекция» – «цветовой баланс»

Нажав на клавиатуре сочетание CTRL+B

Появившаяся палитра инструмента предельно проста. Справа стандартные кнопки ОК, отмена и установка предварительного просмотра (настойчиво рекомендуем его включить)

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

Стоит обратить внимание на три пункта ниже. Инструментом «цветовой баланс» вы изменяете цвет теней, средних тонов и подсветки по отдельности

Для выбора диапазона выставляется точка напротив соответствующей надписи.

То есть можно, например, увеличить присутствие зелёного цвета в зонах света и одновременно избавиться от него «в тенях».

В нашем случае всё просто. Подчёркивая зелёную составляющую, мы уменьшаем количество пурпурных, жёлтых и, возможно, красных оттенков. Для каждого диапазона по своему. В виде алгоритма это выглядит так:

• Создайте копию слоя
• Перейдите на копию и выберите инструмент «цветовой баланс»
• Установите флажок напротив слова «предпросмотр». Это позволит Вам видеть результаты изменения в режиме реального времени.
• Начиная с «теней» измените цвета снимка на каждом из диапазонов. При этом помните: хорошая работа — неспешная работа. Первая коррекция может оказаться неудачной. Поэтом начните с теней, дойдите до зоны света. А потом — второй круг. При необходимости — третий и так далее.
• Закончите работу нажатием кнопки ОК

Замечание: Обратите внимание на галочку возле слов «Сохранить свечение». Данная опция «защищает» переходы света и тени от потери контрастности

Если опция сохранения свечения не активирована, есть опасность получить в результате «блеклое» изображение. 

Иллюстрация этого — на рисунке ниже.

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

При необходимости мягкой кистью сотрите на верхнем слое информацию в зонах, где коррекция цвета не нужна.

Более подробно об этом приёме написано в предыдущем уроке.

Теперь стоит обратить внимание на одну особенность, о которой мы упоминали только вскользь. Любой инструмент программы  Adobe Photoshop работает с выделенной частью выбранного слоя

Если выделение не задано — со всем слоем. Но никак не со всем изображением

Это важно

Любой инструмент программы  Adobe Photoshop работает с выделенной частью выбранного слоя. Если выделение не задано — со всем слоем. Но никак не со всем изображением

Это важно

Посмотрите на рисунок ниже. Светлые области леса за озером после общего изменения цвета на фотографии приобрели ярко-жёлтый оттенок.

Вы можете создать ещё одну копию фона и отдельно проработать эту область. Алгоритм таков:

• Создайте две копии фона
• Отключите видимость верхней (последней копии). Для этого достаточно нажать на значок в форме глаза  слева от пиктограммы слоя
• Перейдите на видимую копию, измените её цвет
• Отрегулируйте наложение слоя и его прозрачность
• Сотрите на копии зоны, которые на ваш взгляд приобрели нежелательный оттенок.
• Выделите на слое прозрачные (стёртые области). Например, инструментом «Быстрое выделение» или «Волшебная палочка» 
• Задайте растушёвку выделения. Подробнее об это описано в уроке «как сделать края фотографии полупрозрачными» 
• Не снимая выделение, перейдите на следующий слой, включите его видимость и нажмите кнопку «DEL». 
• Инвертируйте выделение сочетанием клавиш CTRL+I или через меню «Выделение» – «Инверсия». Таким образом на верхнем слое будут выделены уже обработанные зоны (работать с которыми не нужно)
• Нажав кнопки «DEL», сотрите их. На слое останутся только «проблемные участки».
• Измените цвет этого слоя, отрегулируйте наложение и прозрачность.

Замечание: растушёвка при выделении обязательна. Иначе получаются рваные резкие границы перехода цвета. Это признак неумелой коррекции. Да и выглядит такое фото «на троечку».

color

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

Наложенный поверх красновато-коричневый слой не только сделает исходные пиксели красновато-коричневыми, как это было в случае с режимом , но также придаст им такую же насыщенность.

Того же эффекта можно достичь, если изменить порядок слоёв, поместив цвет под фотографию, и наложить фотографию с помощью режима наложения (Яркость).

Кроссбраузерное наложение

С этими режимами наложения теперь можно на одном CSS делать эффекты наложения не хуже чем в Photoshop. Но даже хотя все браузеры используют одинаковую математику, всё равно результаты иногда заметно отличаются.

Управление цветом — непростая область, и хотя W3C рекомендует по умолчанию цветовой профиль sRGB, поддержка в разных браузерах неоднородна. Каждый браузер отображает цвет по своему капризу. Например, Chrome отображает картинки в своем «необработанном» цветовом пространстве по умолчанию, если в изображении не указан цветовой профиль. Firefox работает так же, но вдобавок у него есть переключатель (скрытый в настройках конфигурации), позволяющий включить sRGB для изображений без профиля. Между тем Safari, скорее всего, будет наиболее соответсвовать Photoshop, поскольку API графики Apple . Но даже там есть различия.

Кроме того, дело не только в несовместимых браузерах. Люди несовместимы! Взять, например, миллионы человек с дальтонизмом. Эти люди, вероятно, видят ваши проекты не так, как вы рассчитывали. Как всегда, тестируйте свои творения в соответствующих браузерах, проверяйте доступность и не надейтесь, что ваши проекты выглядят везде одинаково!

И конечно же тестируйте на реальных устройствах, чтобы понимать, как аппаратные ограничения (маленькая оперативная память, к примеру) повлияют на сайт. С некоторыми режимами наложения прокрутка может тормозить. Если вам нужна идеальная плавность с полноценными 60 кадрами в секунду, некоторые варианты могут вам не подойти.

Как объединить две фотографии?

Как объединить две фотографии или вставить вырезанную часть одного изображения в другое задача простая для всех, кто немного знаком с фотошопом. Но, во-первых, не все умеют работать в программе Adobe Photoshop, во-вторых, и опытные пользователи не всегда умеют наложить одно изображение на другое хорошо. Рассмотрим несколько вариантов соединения нескольких картинок в одно изображение.

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

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

В меню выбираете кнопку с изображением 2, 3, 4 горизонтальных или вертикальных окон и видите сразу выбранное Вами количество картинок.

Изображения накладываются полностью, поэтому переходите в  окно с той маленькой фотографией, которую первой будете накладывать на фон. В панели слоев видите один только фоновый слой с этой картинкой. Мышкой тянете этот слой в другое окно на картинку с фоном. Щелкаете на изображении с фоном, оно становится активным, и в панели слоев вы видите уже два слоя – фоновый и над ним слой с маленькой картинкой. Точно так же перетягиваете на фоновый слой другие картинки и располагаете их в нужном порядке.

Что делать, если вставляемое изображение слишком большое или слишком маленькое? Нужно его увеличить или уменьшить. Для этого щелкаете на слое с вставленной картинкой, выбираете в меню Edit (Редактирование) > Free Transform (Свободная трансформация) или нажимаете сочетание клавиш  CTRL+T и тянете за маркеры или поворачиваете вставленное изображение.

Вставка в изображение фрагмента из другой картинки

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

Открываете изображение, из которого будете вырезать, выделяете любым подходящим инструментом выделения требуемый фрагмент, копируете Edit (Редактирование)> Copy (Копировать), затем переходите в основной документ и вставляете скопированную часть изображения Edit (Редактирование)> Paste (Вставить). Вставленный фрагмент располагается в отдельном слое и размеры его можно изменить так, как вам нужно.

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

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

Пыль и царапины с режимом screen(Экран)

Функциональная противоположность — «Экран». Минуточку, если это противоположность режима «Умножение», почему она не называется «Деление»? И снова ответ лежит в математике:

x = 1 − (1 − a) × (1 − b)

Это не названо «Делением», поскольку мы фактически делаем ещё больше умножения! Здесь мы перемножаем инвертированное значение a на инвертированное b, а потом инвертируем результат. В результате белые пиксели верхненго слоя становятся полностью непрозрачными, а чёрные — прозрачными. Каждый промежуточный оттенок теперь осветляет слой ниже.

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

Наложение со слоем пыли и царапин (можно ознакомиться на «Spoon Graphics») и слоем бледно-лилового цвета.

Изображение с двумя слоями, где к верхнему слою применён режим наложения

Кстати, в некоторых приложениях есть режим деления, но его нет в спецификации W3C. (Я не особо огорчён по этому поводу, поскольку мне никогда не требовался этот режим.)