Фотошоп как добавить картинку на слой: Создание слоев и групп и управление ими в Adobe Photoshop

Как поместить изображение в фотошоп

Как вставить картинку в картинку в фотошопе – подробное руководство

Если вам необходимо объединить элементы фото с разных источников, нужно знать, как вставить картинку в картинку в фотошопе.

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

Вставляем картинку в выбранную область другой картинки

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

откройте в любой версии программы Photoshop первоначальное изображение;

Рис. 1 – открытие первоначальной картинки

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

Рис. 2 – содержимое вкладки «Лассо»

Теперь выделите область с помощью мышки, как показано на рисунке ниже;

Рис. 3 – выделение области с помощью инструмента «Прямолинейное лассо»

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

Рис. 4 – открытие и выделение второго изображения

Скопируйте выделенный объект в буфер обмена компьютера путём нажатия клавиш Ctrl и C

Просто вставить картинку с помощью Ctrl+V в этом случае не получится, ведь мы добавляем её только в заданную область. В редакторе предусмотрена отдельная функция для вставки одного изображения в другое. Откройте вкладку «Редактирование». Затем кликните на «Специальная вставка» и во всплывающем списке нажмите на инструмент «Вставить в». Можно воспользоваться комбинацией кнопок Alt–Shift–Ctrl–V.

Заметьте! В CS5 версии Photoshop команда «Вставка в» расположена сразу среди элементов вкладки «Редактирование».

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

Обратите внимание на окошко слоёв проекта. В нём должен появиться объект «Слой 1» — это выделенная с помощью лассо область. А также должно быть фоновое изображение и добавленная нами вторая картинка;

Рис. 5 – содержимое окна слоёв проекта

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

Рис. 6 – результат добавления одно картинки в выделенную область другой

Чтобы улучшить перспективу, выберите инструмент «Свободная трансформация». Теперь нужно выделить область перенесённого фото. Нажмите на сочетание Shift–Ctrl–Alt. Теперь отпустите левый верхний край вниз, как показано на рисунке. Таким образом вы настроите положение вставленного фото.

Рис. 7 – создание перспективы для вставленного фото

Чтобы полностью устранить неестественность, можно добавить тень. В основной маске стиля можно добавить слоя выделенной тени. Это придаст финальной картинке объёма. Итоговое изображение выглядит так:

Рис. 8 – итоговое изображение

Вставка изображения отдельным слоем

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

Чтобы скопировать одну картинку во вторую, откройте оба изображение как новые проекты в Photoshop. Теперь нужно выполнить перемещение между вкладками. Вкладки проектов расположены в верхней части окна, под главной панелью меню.

Рис. 9 – внешний вид панели вкладок

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

Рис. 10 – добавление картинки в картинку

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

Рис. 11 -перетаскивание фото из одной области в другую

В результате вы сможете изменить положение перемещённого фото.

Рис. 12 – результат вставки фото с другой вкладки

Ещё один способ вставки – использовать проводник компьютера. Откройте в программе Фотошоп первое фото. Затем найдите на панели главного меню раздел «Файл». Нажмите на пункт «Поместить». В открывшемся окне проводника найдите расположение второй картинки, выберите её и нажмите на кнопку «Поместить». Измените масштаб добавленного объекта, затем кликните на свободной области, чтобы применить изменение.

Рис. 13 – использование команды «Поместить…»

Создание плавного перехода между двумя картинками

В результате выполнения этого способа, две картинки будут соединены в одну с помощью плавного перехода. Откройте обе фотографии в одном проекте с помощью команды «Поместить…». На панели слоёв сделайте верхний слой прозрачным, но только наполовину. Для этого выберите параметр «Непрозрачность» и уменьшите его на 50 или 60 пунктов, до тех пор, пока через первый слой не будет хорошо видно нижний.

Рис. 14 – изменения параметров прозрачности верхнего слоя

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

Рис. 15 – совмещение картинок

Плавный переход можно создать с помощью инструмента «Ластик». Его использование позволяет создать более плавный переход и лучшее качество итогового изображения. Добавьте два рисунка в проект. Задайте резинка такие параметры: жёсткость – 0, размер – в зависимости от области, которую нужно «размыть», непрозрачность – 20–30 процентов. Сотрите ненужные части верхнего фото. Теперь задайте непрозрачность как 100%. Это сделает слой непрозрачным, но те участки, где вы использовали ластик будут прозрачными. Сопоставьте края двух рисунков.

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

Рис. 16 – итоговое изображение

Источник

Как вставить картинку в картинку разными способами?

Если вы хотите сделать новый аватар для своего аккаунта в социальной сети или вставить картинку в картинку для коллажа из фото, то вы можете воспользоваться одной из популярных программ для обработки изображений или онлайн-сервисом в Интернете. Онлайн-сервисы — это специальные ресурсы, позволяющие прямо в браузере вставлять одно изображение в другое и выполнять другие операции с картинками и фото.

Сервисы, позволяющие вставить фото в картинку

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

• avazun.ru — на сайте представлено множество рамок и фоновых изображений на различные тематики, отдельный раздел для создания аватарки для Вконтакте;
• effectfree.ru — разнообразные варианты с билбордами и рамками, отдельные разделы посвящены созданию обложек для DVD и календарей с вашей фотографией.

Графические онлайн редакторы

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

1. Откройте в вашем браузере ссылку pixlr.com/editor/ Этот редактор является аналогом Adobe Photoshop, устанавливаемого на компьютер, поэтому и процесс соединения картинок в этих двух случаях будет аналогичным.
2. В предложенном меню выбираем «Загрузить изображение с компьютера». Это будет фоновое изображение.
3. В меню выбираем Файл -> Открыть изображение… и выбираем вторую картинку, которую хотим вставить поверх фоновой. Выделяем её полностью клавишами Ctrl + A (или Редактировать -> Выделить всё) и копируем Ctrl + С (или Редактировать -> Копировать).
4. Переходим в окно с фоновым рисунком и вставляем скопированное Ctrl + V (или Редактировать -> Вставить). Редактор автоматически перенесет верхнюю картинку на новый слой.
5. Нажимаем клавиши Ctrl + T и можно регулировать положение и размер картинки. С помощью ползунка в правом верхнем углу можно изменять размер изображения пропорционально, меняя его в процентах.

Используем Paint

Но, если у вас нет доступа в интернет, для вставки картинки в другую картинку можно воспользоваться графическими редакторами, устанавливаемыми на компьютер. Рассмотрим как это можно сделать на примере Paint. Этот редактор уже установлен на компьютере, он является стандартным для Windows.

1. Запускаем Paint, в панели меню нажимаем Файл -> Открыть и выбираем ту картинку, которая послужит фоном.
2. Кликаем правой кнопкой мыши и в выпадающем меню выбираем пункт Вставить из файла… (либо Правка -> Вставить из файла… ). В открывшемся окне ищем вторую картинку, которая будет располагаться поверх фоновой.
3. Сразу после вставки регулируем положение и размер верхней картинки, потянув за угол или сторону изображения.

Если ещё остались вопросы, то посмотрите подробное видео:

Используем Adobe Photoshop

Ещё один из наиболее известных графических редакторов — Adobe Photoshop. Функционал его значительно шире, чем у Paint. Вставка картинки в Фотошопе чуть сложнее, чем в Paint, но разобраться в этом вам поможет видеоурок:

Как вставить изображение в фотошоп?

Для того, чтобы вставить изображение в «Фотошоп», достаточно скопировать это изображение, и открыв программу вставить на выбранный вами слой.

Для тех, кто не в курсе, могу объяснить, что такая вещь, как «Фотошоп», это прежде всего редактор. Не важно, пусть графический, но всё-таки редактор.

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

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

Итак, если вы хотите вставить изображение в «Фотошоп» ради эксперимента а не качества, сделайте следующее:

1. Откройте тем же «Paint» выбранное изображение.

Если работаете под управлением с»Семёрки», тогда в главном меню, в строке поиска наберите без кавычек «Paint».

2. Выделите всё по комбинации клавиш CTRL.

Можете из контекстного меню выбрать пункт «Копировать», а можете нажать комбинацию клавиш CTRL+C.

3. Закрываете программу, и открываете ваш «Фотошоп».

4. С помощью комбинации клавиш CTRL+V вставляете изображение в окошко редактора.

5. После этого можете через меню «Файл» сохранить его в любом для вас удобном формате.

Кстати, в «Фотошопе» есть такие вещи, как слои. Это разноцветные фоны, на которые вы можете вставлять изображение.

Вызывается список слоёв по клавише F7.

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

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

Успеха вам!

Фотошоп как добавить изображение в новый слой. На финишной прямой

Продолжаем изучать программу Adobe Photoshop CC 2015.
Сегодня тема:

Слои в Фотошопе

Понятие слоя в в программе Фотошоп очень важно. Рассмотрим работу со слоями, какие они бывают, для чего нужны. До этого момента, работая с каким то изображением, мы работали с одним слоем и все команды выполнялись на этом слое. Это не всегда удобно, например, часто нужно выделять область, на которую должна быть направлена та или иная команда при рисовании.
Решить это можно так: разнести документ по слоям, иначе, выделить какие то элементы в отдельный слой и примерять команды к каждому слою. Это упрощает процесс работы с документом.
В фотошопе для этого имеется специальная панель, которая, обычно, включена по умолчанию. Находится она в команде — Окно. Там должна стоять галочка (F7). Панель можно перемещать по
документу, изменять размер панели. На ней помещены команды, которые можно применять к слоям. Размер панели лучше делать больше, так как слоёв может быть много. Иначе, делают всё так, чтобы было удобно работать. Как это выглядит смотрим скриншот:

Панель — Слои со всеми значками на ней, как активными так и

Не активными в данный момент, можно увидеть на следующим

Криншоте.

В программе Фотошоп используется следующие типы слоёв.

1.Фоновый.
(Показанные выше скриншоты имеют один слой — фоновый).

2.Рабочий
, иначе, обычный с каким-то номером. Эти слои имеют

Множество параметров, которые рассмотрим позже.

Работа в фотошопе ведётся, в основном на рабочих слоях.

Фоновый слой нужен только в начале работы, затем от него

Можно избавляться.

Разница между Фоновым и обычным слоем принципиальна.

Фоновый слой — это слой, который ни когда не имеет прозрачности.

На нём каждая точка должна быть залита каким-то цветом.

Каким цветом не важно. Это можно сравнить с листом бумаги.

Если на нём ни чего не нарисовано, то видим сам лист бумаги.

Обычный слой можно сравнить с прозрачной плёнкой.
Когда на него

Смотришь, то ни чего не не видишь, правильнее сказать видим то,

Что под ним, или за ним. Если на нём что нарисовать, то всё,

Что не закрашено, будет прозрачным и всё, что под ним будет видно.

И так, обычные слои создаются прозрачными и заполняются по мере

Надобности. Могут сохранятся частично прозрачными.

3. Есть ещё третий тип слоёв — Корректирующие.

На этих слоях находятся команды, корректирующие изображения.

Об этом скажем позже.

4. Тип слоёв — Заливочные слои.
Они позволяют покрыть слой,

Например, цветом, градиентом или узором.

И так, фоновый слой есть всегда в любом изображении.

Большинство форматов файлов могут содержать слои,

но могут их и не содержать
.

Например, формат — Jpg слои не содержит
.

Скриншоты, показанные выше содержать только фоновый слой,

Который отличается от обычных слоёв.

Все остальные инструменты можно использовать.

Отличительная черта фонового слоя — это, что он

всегда находится в самом низу, иначе, все остальные слои

находятся выше, то есть над ним.

Новые, обычные слои можно создавать двумя способами
.

Первый способ — через Главное меню в команде — Слой
.

Здесь находится всё, что можно делать со Слоем.

Часть команд может быть заблокирована для конкретного слоя,

В том числе в зависимости от его типа, но от сюда можно

Делать всё — со Слоем.

Новый слой создается в команде — Новый
.

Второй способ создания нового слоя
.

Используем панель — Слои. Способ более быстрый и удобный.

При нажатии на нужную иконку получаем новый слой с номером 1.

Всего теперь имеем два слоя: Слой 1 и фон.

При создании нового слоя, первым способом, нажимая — Новый

получаем окно, в котором можно задать параметры слоя, например,

— Имя слоя

— Цвет слоя, из имеющего набора цветов,

но это будет не цвет заливки слоя, а только обозначение слоя

в палитре слоёв данного документа.

При нажатии окей получаем — Слой 2 и он обозначен как оранжевый.

Это может быть нужно тогда, когда в документе много слоёв

И какие-то объединённые общим смыслом могут быть обозначены

Одним цветом, чтобы их легче находить для работы с ними.

В этом же окне можно выбрать режимы смешивания цвета.

Они такие же, как при работе с рисующими инструментами.

Их можно выбрать и позднее, что удобнее делать подбирая зрительно.

В этом же окне можно задать процент прозрачности изображения
.

Чаще всего в этом окне создают — Новый,

Нажимая окей, всё остальное

можно сделать потом, используя панель — Слои
.

Повторю, вторым способом создавать новые слои через панель — Слои

Удобнее и быстрее.

Например, имеем четыре слоя документа.

Основные понятия слоёв документа
.

Понятие активного слоя.

Активным называется слой, который Вы выделили в палитре слоёв.

Выделяется он нажатием левой клавиши мыши.

Все последующие команды, использование любых инструментов и

все действия будут справедливы только для активного слоя

.

Это нужно понимать и всегда об этом помнить.

В палитре — Слои имеются следующие обозначения
:

1.
Имя слоя.
По умолчанию система присваивает имена такие:

Определяет последовательность создания слоёв.

Если слоёв много, лучше — Имя слоя изменять, придавая

Этому названию какой- то смысл, что бы было легче находить

Нужный слой.

Для это нужно навести курсом на Имя и дважды нажать левой

Кнопкой мыши. В этом случае переходим в режим переименования

Затем нажать — Enter и выйти из режима редактирования

Имени Слоя.

2. Слой имеет миниатюру
, её форма, как правило, соответствуют

Пропорциям изображения, а размер может меняться.

Если на слое что то нарисовано, то миниатюра будет содержать

Информацию об этом. Если на нём ничего нет, то это будет

Видно и по миниатюре. У нас пока информация есть на слое — Фон.

Все остальные слои пустые и прозрачные. Об этом говорит

наличие чередующихся бело-чёрных шашечек — это, в фотошопе,

признак прозрачности слоя
.

В подтверждении выше сказанного, можно сделать следующее:

Крупной кистью, например, что-то нарисовать в активном слое 1,

Скажем, синим цветом и это будет видно на на миниатюре.

3.
У слоя есть понятие — Видимости слоя.

Иначе, слой может быть видимым и не видимым (выключенным).

Для демонстрации этого используется «глазик»и если он «включен»,

То слой отображаем и работает, если «глазик» выключен, то слой

Не видим и не работает. Сам слой при этом не уничтожается.

Достигается это нажатием левой клавишей мыши по иконке «глазика».

Все слои видимы, » глазик» везде открыт
:

Например, Слой фон отключен, активным является Слой 1.

Видим то, что нарисовали синим цветом, а остальное прозрачный фон:

4
. Кроме того, к каждому слою можно применять набор параметров,

находящиеся в палитре — Слои,
например, выбрав — Режим:

Можно подобрать — Режимы наложения света:

5
. Есть возможность устанавливать фильтры в разных параметрах

работы со слоем
, например, — Фильтр для корректирующего слоя.

При нажатии иконка становится светлой, все другие — тёмными:

6
. Можно устанавливать процент — Непрозрачности слоя.

Если установлено — 100% прозрачности, слой полностью перекрывает

Изображение, то есть не прозрачный и чем процент — Непрозрачности

Меньше, тем более прозрачным становится слой.

Величину — Непрозрачности можно устанавливать

разными Способами:

1. Набирать цифры в «окошке».

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

3. Можно, не отпуская левой клавиши, перемещать движок в поле

Непрозрачность.

4. Если В качестве инструмента выбран такой инструмент,

У которого нет в параметрах — Непрозрачности, то её величину

Можно набирать цифрами с клавиатуры.

В скриншотах выше, в качестве инструмента была выбрана — Кисть.

У неё есть параметр — Непрозрачность (в примере — 40%).

Если выбрать инструмент, например, — Перемещение,

То величину — Непрозрачности можно набирать цифрами с клавиатуры.

При наборе, например 5, получим Непрозрачность 50%,

Если набрали — 7, непрозрачность будет 70% и так далее.

В примере на скриншоте выбран инструмент — Перемещение;

На
панели — Слои доступны также инструменты блокировки слоя
:

1- я опция позволяет блокировать прозрачные участки

(появляется замочек на слое, а к чему он относится

Видно по выделению опции).

Сейчас если попытаться нарисовать кистью на прозрачном

Участке, то это не получится.

2-я опция позволяет заблокировать работу любого рисующего

инструмента, нельзя отретушировать, залить градиентом
.

Но в этом случае можно перемещать слой.

3-я опция закрепляет положение слоя, иначе, блокирует от влияния
инструментов трансформации: перемещение, вращение, масштабирования.

И если сейчас попробовать переместить слой, то получим следующее:

Но можно будет рисовать кистью, причём как по прозрачным

Пикселям, так и по закрашенным:

4- опция

5-опция блокирует всё возможности работы со слоем.

До этого момента мы создавали слои двумя способами.

Есть ещё третий способ создания слоя — это копирование фрагментов

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

Фрагмент изображения мы всегда его вставляем как новый слой.

По другому нельзя. При чём это работает как для текущего документа

Так и для других.

Например, мы хотим скопировать голову девушки и перенести

Её на другой слой. В начале нужно сделать активным слой — фон,

Так как голова есть только на этом слое.

Затем, скажем, командой — Лассо сделать выделение.

После этого в — Редактирование выбрав команду — Копировать,

Или нажав — (Ctrl+C) помещаем команду в буфер.

Затем нажимаем — (Ctrl+D) — снимаем выделение.

Нажимаем — Вставить -(Ctrl+V).

Образуется новый Слой 4, который помещается над слоем Фон.

Если нужно чтобы новый слой создался, например, над слоем 1,

То нужно перед тем как нажать — Вставить(Ctrl+V) сделать слой 1

Активным. Получим новый Слой 4, который будет прозрачным и в него

Скопирован, выделенный участок изображения со Слоя Фон.

Но если активным слоем будет прозрачный слой, в котором нет

Изображения, то есть он совсем пустой, то скопированный участок

Изображения помещается в него. Слой с новым номером при этом не

Образуется.(В моей версии фотошоп СС — 2017 получается так.)

Скопированный участок изображения можно, например, перемещать:

Это можно использовать, например, так:

Выделяем тигрёнка на Слое Фон, копируем и переносим в другое

Изображение — Русский лес открытое в программе фотошоп.

Таким образом из одного документа можно переносить фрагменты

В другой документ.

Ставшие не нужными, слои можно удалять, при этом удаляемый слой

Нужно сделать активным.

Существует несколько способов удаления не нужных слоёв
.

Первый способ, через команду — Слои — Удалить — Активные Слои
.

Появляется окно с запросом на удаление «Слой 4». Можно передумать,

Если нажали ошибочно.

При ответе — Да. «Слой 4» будет удалён из списка Слоёв.

Есть второй, более удобный способ удаления Слоя:

Через палитру — Слои
.

Иначе, через кнопки, расположенные в низу панели Слои.

Нужно выделить Слой левой кнопкой и нажав на эту кнопку «ведёрко».

Программа с ново спросит нужно ли удалять Слой 3.

Если нажать — Да. «Слой 3» будет удалён из списка Слоёв.

Можно удалять Слои, не вызывая Окно с вопросом, а просто

Выделенный Слой левой кнопкой «утащить»в «ведёрко».

Слой сразу удаляется.

Если в списке Слоёв имеется только Слой — Фон, то удалить его нельзя.

Команда — Удалить не доступна, так как это основа изображения.

Если есть другие Слои, то Фон можно удалять.

Слои имеют определённый порядок расположения.
Что это такое?

Порядок расположения Слоёв очень важен. Он определяет результат.

Видимость слоёв в программе Фотошоп определяется сверху вниз.

Верхний Слой будет перекрывать всё, что под ним
.

Если Слой 1 находится на верху, то что изображение на нём видно.

Если Слой 1 сделать не видимым, результат будет такой.

Порядок слоёв можно менять.

Для этого нужно выделить левой кнопкой нужный Слой, например,

Слой 1 и не отпуская кнопки перетащить на нужное место, например,

Выше Слоя — Изменить шляпку. Перетаскиваемый Слой 1 становится

Полупрозрачным и появляется характерная (синяя) полоска над

Тем местом куда помещается Слой 1.

Получился новый порядок списка Слоёв.

Можно выстроить любой нужный Вам порядок списка Слоёв,

Учитывая, что верхние слои перекрывают нижние и может быть не

Видно, что на них изображено.

Слой — Фон имеет особенности.

Чтобы с ним можно было делать всё так же нужно перевести его

в обычный рабочий слой.
Делается это так:

Первый способ, используя команду:

— Слои — Новый — Задний план из слоя.

При выполнении этой команды получаем:

Преобразовать в Задний план.

С ново идём в — Слои — Новый — Задний план из слоя:

Появляется — Окно, такое же как при образовании нового -слоя,

Где можно изменить — Имя Слоя или не изменять — Имя Слоя, нажав Окей имеем:

Получили новый Слой 0, причем он уже не заблокирован, замочек

отсутствует и Слой 0 уже не фоновый
. Его можно трансформировать и

Применять другие команды.

Сейчас можно убрать белый фон,

Например, командой — Волшебная палочка, подобрав нужные параметры.

Удалить белый цвет(фон) можно командой — Delete.

Сейчас изображение получилось на прозрачном фоне,

то есть Слой 0 — обычный, рабочий слой
.

Порядок слоёв теперь не актуален.

Кроме этого, на выбранном Слое можно использовать нажатие

Второй кнопки. Открывается контекстное меню, которое позволяет

Отдельные команды вызывать более удобным и быстрым способом.

Возможности меню видны из скриншота.

Наиболее частой в применении является команда

— Создать дубликат слоя.

Эту команду можно вызвать по второй кнопке на активном слое

или из команды — Слои:

Оба способа вызывают окно:

В окне можно изменить Имя слоя и выбрать документ,

В который поместить дублируемый слой, например, в тот же документ, нажимаем ОК:

Получим слой с добавлением слова — копия.

Или перенести его в любой открытый в данный момент

Документ в фотошопе, иначе, выбрать параметр — Назначение.

По умолчанию стоит этот же документ:

Выбрали картинку — Море, вечер.

В результате имеем альтернативу копирования:

То есть имеем возможность переносить один документ в другой.

Если нужно переносить фрагменты в пределах одного документа
,

То удобнее пользоваться другой возможностью, а именно,

используя кнопку — Создать новый слой в панели — Слои.

При чём, когда её просто нажимаем, то появляется новый слой

Со следующим порядковым номером.

Если выбрать существующий слой и перенести его на кнопку

— Создать новый слой, то получим его копию.

Использую команду перемещения, видим результат копирования.

Ставшие не нужными, Слои можно удалять, при этом удаляемый слой

Нужно сделать активным.

Существует несколько способов удаления не нужных слоёв.

Если нужно как-то выделать слои с определённым смыслом можно

Слоям назначать определённый цвет. Делается это так: нужный слой

Делаем активным и используя панель — Слои — Вид — Обычные по

Второй кнопке выбираем — Параметры наложения — синий цвет.

Здесь также видны другие команды, которые можно выбирать

В — Параметрах наложения, например — Удалить слой.

В показанном скриншоте Слой 0 становится синим.

В программе фотошоп есть ещё функция для упорядочивания Слоёв.

А именно, возможность создавать папки, которые можно

использовать для хранения Слоёв.
Папки создаются двумя способами.

В фотошопе папки называются Группами.

Первый способ:

Открывается окно, где можно задать параметры Группы:

Имя, Цвет, Режимы наложения:

Второй способ создания группы из панели Слои, при в этом случае

окна с вопросами не появляется.

При нажатии на кнопку получаем над активным Слоем — Группа 1.

В эти папки(группы) можно помещать Слои
.

Левой кнопкой перетаскиваем слой в папку.

Рядом со знаком Группа 1 появился значок, говорящий о том,

Что в папке есть содержимое(Слой 0).

При нажатии на треугольник, его вид меняется и содержимое

Группы 1 становится не видно.

Следующее нажатие на треугольник группу откроет и покажет её

Содержимое.

Если Слоёв много, то помещать некоторые из них в папки

Может быть полезно.

В Группу 1 добавляем Слой 1:

В группе 1 находятся два Слоя(Слой 1, Слой 0):

Группа 1 Закрыта:

С папками можно делать всё то, что делали со слоями:

менять Имя, давать цвет, использовать параметры наложения.

При удалении папки, нужно понимать что все слои,

Находящиеся в ней будут удалены. Если какие то из них нужны,

То их предварительно нужно из папки достать.

Папки можно помещать друг в друга.

Это может пригодится если документ очень большой.

Имена уже можно давать не Слоям, а Папкам

По смыслу хранящихся там Слоёв.

Сегодня мы посмотрели основные понятия о Слоях в программе фотошоп,

Основы Photoshop — работа со слоями.

При творческой обработке фотографии в Adobe Photoshop работа со слоями является одним из основных приемов. Слои позволяют независимо изменять части фотографии, применять к ним разные эффекты, усиливать или ослаблять действие фильтров. Мы рассмотрим базовые вопросы работы со слоями, не вдаваясь в детали. Эти навыки составляют основу работы в Фотошопе и помогут в дальнейшем для более сложной обработки фотографий.

Итак, при открытии фотографии в Фотошопе в палитре слоев есть только один — «Background«. На нем лучше не производить никаких изменений, это некий эталон, начальная точка, по которой мы сможем в дальнейшем оценить правильность всех изменений фотографии.

Общий вид окна Photoshop. Выделена палитра слои.

Палитра слоев может быть расположена и в другом месте, это зависит от версии программы и настроек, но внешний вид у нее аналогичный, по-этому найти ее не составит труда. Если же она просто отключена, то достаточно включить ее в меню «Window — Layers» («Окно — Слои«) или нажав F7.

Чтобы начать работу нам нужно сделать копию слоя. Для этого достаточно перенести его на иконку копии слоя (на палитре внизу вторая справа), взяв левой кнопкой мыши, или просто нажать «Ctrl+J«.

Теперь у нас есть 2 слоя (нижняя картинка). Все изменения сделанные на одном из них никак не отразятся на остальных. Если мы хотим что-то сделать на слое, нужно его выбрать, для этого нужно просто кликнуть по нем, в нашем случае выбран верхний слой (подсвеченный синим). Чтобы скрыть слой достаточно нажать на иконку «видимости» слева от него, при этом будет показан слой, находящийся под ним. Так как мы пока ничего не меняли, то разница при скрытии слоя не будет заметна. Если нужно удалить слой, то его можно перенести на иконку корзины или просто нажать кнопку «Delete«.

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

Выбираем нужный слой кликнув по нему мышкой в нашем случае верхний и применяем фильтр из группы Sharpen — «Sharpen More» и затем сразу в меню «Edit — Fade Sharpen More«, чтобы ослабить действие фильтр выбираем 55%. Стало четче, но задаче еще не решена т.к. фильтр был применен ко всей фотографии и трава внизу, шина и некоторые детали тоже стали существенно резче и выглядят неестественно.

Чтобы этого избежать сотрем их на верхнем слое, для этого нужно выбрать ластик в режиме «Brush» («Кисть«). В настройках кисти ставим Hardness где-то 50% для того, чтобы получить мягкий переход между стертой частью и той, которая осталась. Для удобства работы можно скрыть нижний слой, чтобы точно видеть, что мы стираем.

Если включить нижний слой, то видно, что с резкостью задачу мы решили полностью, осталось повернуть изображение. Если мы начнем поворачивать верхний слой, то он переместится относительно нижнего, а это значит, что мы получим искажения на фотографии. Поэтому сделаем еще одну копию нижнего слоя и склеим ее с верхним. Для склейки нужно, чтобы оба слоя были не скрыты, итак объединяем слои через меню «Layer — Merge Down» («Слой — Объединить с нижним«) или нажав «Ctrl+E«.

Теперь у нас есть два слоя — исходный (нижний) и исправленный (верхний). Поворачиваем верхний слой через меню «Edit — Transform — Rotate» против часовой стрелки. Для этого нужно подвести мышку к верхнему левому углу и потянуть вниз. Для более точного результата можно воспользоваться заданием угла поворота вручную в верхней панели (отмечена на рисунке красным кружком).

Осталось обрезать края, иначе после поворота на фотографии видна часть нижнего слоя и кусочки изображения дублируются, если скрыть нижний слой, то можно увидеть где именно это происходит. Это можно сделать при помощи «Crop Tool» — достаточно на клавиатуре нажать клавишу «C«.

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

Как сделать слой поверх других. Как переместить одну картинку на другую в Photoshop. Где слои в «Фотошопе»

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

С английского «режимы наложения» переводится как Blending Modes и если переводить строго по словарю, то на русском это будет звучать как «режимы смешивания». В некоторых уроках используется именно такой вариант перевода. По сути, режимы наложения и являются смешиванием вышележащего слоя с нижележащим. От выбранного режима наложения зависит, насколько слои взаимодействуют между собой.

Режимы наложения слоев используются для многих целей: вписывания объекта в фон, тонирования, наложения текстур и многого другого. Изменяя режимы и регулируя непрозрачность и заливку слоя можно добиться интересных эффектов.

Где находятся режимы наложения в фотошопе?

Выпадающий список с режимами наложения слоя находится в левой верхней части панели слоев:

На данный момент в фотошоп существует 27
режимов наложения
(в более ранних версиях программы 25), они разделены на шесть групп при помощи горизонтальных линий:

1. Основные режимы (Basic)

2. Затемняющие режимы (Darken)

3. Осветляющие режимы (Lighten)

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

5. Сравнительные режимы (Comparative)

6. Компонентные режимы (HSL)

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

Основные режимы (Basic)

Основные режимы (Basic)
— полностью заменяют пиксели нижележащего слоя.

Откроем в фотошоп фото с девушкой , Файл-Открыть (File
—
Open
)
. Помещаем яркую текстуру , Файл-Поместить (File
—
Place
).

Вот как выглядит и рабочий холст на данный момент:

По умолчанию все новые слои и помещаемые файлы имеют Нормальный (Normal).

Режим наложения Нормальный (Normal

)
наиболее часто используемый режим. При 100% непрозрачности
верхний слой полностью перекрывает нижний, при уменьшении непрозрачности нижний слой становится частично видимым.

100% непрозрачности:

50% непрозрачности:

Режим наложения Затухание (Dissolve)

При 100% непрозрачности
верхний слой полностью перекрывает нижний, как и в режиме Нормальный
, но при снижении непрозрачности часть пикселей верхнего слоя в рандомном порядке теряют непрозрачность и это позволяет видеть нижний слой.

100% непрозрачности:

50% непрозрачности:

Затемняющие режимы (Darken)

Затемняющие
режимы (Darken)
— затемняют нижележащий слой. Белые участки вышележащего слоя никак не воздействуют, они становятся невидимыми.

Режим наложения Затемнение (Darken)

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

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

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

Режим наложения Умножение (Multiply)

Умножает цвета верхнего и нижнего слоев и делает изображение темнее. Режим Умножение (Multiply)
часто используется для затемнения светлых областей на засвеченном изображении.

Режим наложения Затемнение основы (Color Burn)

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

Режим наложения Линейный затемнитель (Linear Burn)

Использует тот же принцип действия, что и режим Затемнение основы,
но имеет более сильный затемняющий эффект.

Режим наложения Темнее (Darker color)

Имеет сходство с режимом Затемнение (Darken),
только цвета сравниваются поканально, в итоге видимыми остаются только пиксели, которые темнее пикселей нижнего слоя.

Осветляющие режимы (Lighten)

Осветляющие режимы (Lighten)
— осветляют нижележащий слой. Черный
цвет при использовании Осветляющих режимов
становится «невидимым». Осветляющие режимы часто используются для наложения текстур на черном фоне, с помощью этих режимов легко и просто можно убрать черный
фон, оставив нетронутыми другие цвета.

Режим наложения Замена светлым (Lighten)

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

В группе Осветляющих режимов
игнорируемый цвет – черный
. На нашей текстуре черный цвет присутствует, но для чистоты эксперимента давайте проверим. Зальем новый слой черным
цветом
и изменим режим наложения на один из режимов группы осветления:

Черный цвет полностью невидимый.

Режим наложения Экран (Screen)

Принцип действия противоположный режиму Умножение (Multiply
), он умножает цвета верхнего и нижнего слоя, осветляя изображение. Режим можно использовать для осветления темных фотографий.

Режим наложения Осветление основы (Color Dodge)

Его воздействие противоположно режиму Затемнение основы (Color Burn).
Цвета выгорают, насыщенность средних тонов повышена. Режим используется для придания эффекта свечения.

Режим наложения Линейный осветлитель (добавить) (Linear Dodge (Add)

Скомбинирован с режимов Экран (Screen
) и Осветление основы (Color Dodge).
Светлые цвета заменяются более светлыми, почти белыми.

Режим наложения Светлее (Lighter Color)

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

Контрастные режимы (Contrast)
— увеличивают контраст нижележащего слоя. Для всех режимов этой группы за исключением режима Жесткое смещение (Hard Mix)
игнорируемый (невидимый) цвет
– 50% серого.
Снова проверим, залив новый слой 50% серым цветом

Режим наложения Перекрытие (Overlay
) – осветляет светлые участки и затемняет темные, увеличивает контраст результирующего изображения.

Режим наложения Мягкий свет (Soft Light)

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

Режим наложения Жесткий свет (Hard Light)

Алгоритм действий схож с режимами Мягкий свет (Soft Light)
и Перекрытие (Overlay),
но эффект более сильный. Контраст повышен очень жестко.

Режим наложения Яркий свет (Vivid Light)

Скомбинирован с режимов Затемнение основы (Color Burn)
и Осветление основы (Color Dodg
e
).
Имеет более сильное действие, чем Жесткий свет (Hard Light).

Режим наложения Linear Light (Линейный свет)

Скомбинирован с режимов Линейный затемнитель (Linear Burn) и Линейный осветлитель (Linear Dodge).
Контрастность светлых участков уменьшается, а темных участков – увеличивается. Имеет противоположные свойства с предыдущим режимом, но в то же время очень похож на него.

Режим наложения Точечный свет (Pin Light)

Включает в себя режимы Замена темным (Darken)
и Замена светлым (Lighten).
Смешивает светлые пиксели при помощи первого режима, а темные пиксели – с помощью второго режима.

Режим наложения Жёсткое смешение (Hard Mix)

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

Сравнительные режимы (Comparative)
— результирующее изображение напрямую зависит от разницы обоих слоев.

Режим наложения Разница (Difference

)

Сравнивает значение яркости обоих слоев. Смешивание с белым цветом инвертирует значения основного цвета, смешивание с черным цветом ничего не меняет.

Режим наложения Исключение (Exclusion)

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

Режим наложения Вычитание (Subtract)

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

Режим наложения Разделить (Divide)

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

Компонентные режимы (HSL)

Компонентные режимы (HSL)
— результат зависит от яркости и цвета слоев. Зачастую режимы этой группы используются для тонирования фото или перекрашивания объектов на изображении.

Режим наложения Цветовой тон (Hue)

Результирующее изображение имеет оттенок вышележащего слоя, а насыщенность и яркость – нижележащего. Придает эффект рисунка акварельными красками.

Режим наложения Насыщенность (Saturation)

Результирующее изображение имеет насыщенность вышележащего слоя, а цветовой тон и светлоту – нижележащего.

Режим наложения Цветность (Color)

Сохраняется цветовой тон и насыщенность верхнего слоя и яркость нижнего. Нижний слой «перекрашивается» в цвета верхнего. Режим прекрасно походит для изменения цвета на изображении.

Режим наложения Яркость (Luminosity)

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

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

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

Введение

Layers (Слои) в Photoshop напоминают стопку прозрачных листов. Представьте себе, что каждый отдельный слой это стекло, на котором отображена какая либо фигура, если поверх наложить второе стекло с другой фигурой, то получится уже две фигуры, три стеклянных листа — три фигуры и тд.

Панель Layers:

Работать со слоями можно как через меню Layer, так и через отдельную панель Layers:

По умолчанию панель Layers отображена в нижнем правом углу редактора. Если она отсутствует, то зайдите в меню Window (Окно) и выберите строку Layers (Слои). Или же просто нажмите клавишу F7:

Создание нового слоя

Для начала и нажмите по пиктограмме снизу Сreate new Layer (Создать новый слой). Или же комбинацией клавиш Shift+Ctrl+Alt+N:

Итак, у нас есть два пустых слоя. Нижний залит белым однотонным цветом и называется Background, а второй, только что созданный нами — прозрачный и по умолчанию называется Layer 1:

Сейчас Layer 1 подсвечен синим цветом. Это говорит о том, что он активен и все изменения которые мы проделаем на холсте будут отображены только на нем. Что бы лучше это понять, проделаем простой эксперимент, выберите инструмент Brush (Кисть) и нарисуйте на холсте что угодно, на пример вот такую простую звезду:

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

Давайте создадим еще один слой (Shift+Ctrl+Alt+N) и добавим на него еще одну фигуру:

Теперь у нас есть два слоя и на каждом из них по одной фигуре. Верхняя фигура перекрывает нижнюю. И это логично ведь мы же добавили ее после того, как нарисовали звезду. Но фотошоп позволяет нарушить закон последовательности. Попробуйте опустить слой Layer 2 под Layer 1, как показано ниже и вы сразу же заметите результат. Сделать это очень просто — зажмите левую кнопку мыши и просто передвиньте слой вниз:

В результате этого действия, вы заметите как первая фигура стала перекрывать вторую:

Отображение и скрытие слоя

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

Попробуйте нажать на одну из пиктограмм и наблюдайте за результатом:

Управление непрозрачностью

Вот таким простым способом можно на время отключить отображения любого слоя.

Двигаемся дальше. В верхней части палитры Layer обратите внимание на параметры Opacity (непрозрачность) и Fill (заполнение). Благодаря им можно менять прозрачность слоя. Например Opacity со значением в «100%» означает полную видимость, а значение «0» полную невидимость:

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

Для удобства работы, вы можете переименовать любой слой. Для этого кликните два раза левой кнопкой мыши по его названию…

и переименуйте его:

Представьте что вы работаете над большим проектом, где присутствуют десятки слоев. В таком количестве очень легко запутаться даже профессионалу. Но фотошоп позволяет облегчить работу дизайнеру благодаря созданию так называемых групп. Например в проекте есть 5 слоев с набросками и 10 с контурами или же какими либо фильтрами. Их неплохо бы было рассортировать по группам. Создать группу очень просто, для этого с зажатой клавишей Shift выберите несколько слоев и потяните их на пиктограмму Create a new group (Создать новую группу):

Группа представляет собой обычную папку, которую в любой момент можно отрывать и закрывать:

Создание дубликата (копии) слоя

Если вам нужно создать точную копию слоя, то просто выберите его и нажмите Ctrl+J. Появится точный дубликат:

Режимы наложения

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

Normal (Нормальный)

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

Dissolve (Растворение)

В случайном порядке удаляет часть пикселей, что позволяет придать эффект шума.

Darken (Замена темным)

Проявляет темные оттенки слоя.

Multiply (Умножение)

Один из самых распространенных режимов в фотошопе. В этом режиме цвет становится насыщеннее и темнее. Отлично подойдет для затемнения пересвеченных фотографий.

Color Burn (Затемнение основы)

Позволяет повысить контрастность и насыщенность цвета. Помимо этого Color Burn еще и немного затемняет оттенки.

Linear Burn (Линейный затемнитель)

Затемняет нижний слой, и проявляет цвет верхнего. Так же уменьшает и яркость.

Lighten (Замена светлым)

Создает противоположный эффект режиму Darken. Проявляет светлые пиксели.

Screen (Осветление)

Хорошо подходит для осветления изображения.

Colour dodge (Осветление основы)

По эффекту Похож на режим «Screen», но в отличие от второго черный цвет на верхнем слое не учитывается, а другие цвета будут слегка подсвечивать нижние, повышая насыщенность и понижая контрастность.

Linear dodge (Линейный осветлитель)

Дает такой же эффект как и предыдущий режим, но теперь цвета сочетаются повышая яркость.

Overlay (Перекрытие)

Этот режим равномерно смешивает цвета обоих слоев. Он не влияет на светлые части и умножает темные. Неплохо подходит для какой нибудь текстуры.

Soft Light (Мягкий свет)

Этот режим осветляет и затемняет цвета в зависимости от цвета верхнего слоя. Неплохо подойдет для коррекции тонов.

Hard light (Жесткий свет)

По свойствам похож на Soft light, но менее контролируем и поэтому почти не используется. Затемняет, если наверху темное изображение и осветлять если светлое, при этом повышая контрастность.

Vivid Light (Яркий свет)

Как и предыдущий этот режим затемняет или осветляет цвета изображения в зависимости от цветов верхнего слоя.

Linear Light (Линейный свет)

Результат зависит от цветов верхнего слоя. Если верхний яркий, то нижний станет светлее, если темный, то темнее.

Pin Light (Точечный свет)

Дает различные интересные результаты, работает путем перемещения цветов в зависимости от темных или светлых тонов

Hard Mix (Жесткое смешение)

Максимально повышает контраст, делая изображение очень ярким.

Difference (Разница)

Смешиваясь с белым цветом приводит к инвертированию цвета. С темными цветами данный режим не работает

Exclusion (Исключение)

Похож на режим Difference, но дает меньшую контрастность.

Hue (Цветовой тон)

Цвета верхнего слоя смешиваются с яркостью и насыщенностью нижнего, что дает довольно сильный эффект.

Saturation (Насыщенность)

Хорошо подходит когда слою нужно принять цвет или текстуру другого.

Colour (Цветность)

В этом режиме используется только яркость нижнего слоя, а цвет и насыщенность идут от верхнего.

Luminosity (Свечение)

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

Практика

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

Для начала выберете любую фотографию…

И откройте ее в фотошопе…

Создайте новый слой…

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

Растяните изображение по нужному размеру и не забудьте нажать Enter! Переименуйте слой…

Теперь поработаем с режимами наложения…

Для практики поиграйте с разными режимами, пока не поймете какой подходит лучше

Я установил Soft Light (Мягкий свет)
и с непрозрачностью в 75%…

Не будем останавливаться на достигнутом, добавим еще один слой с изображением и придадим ему тип смешивания по вкусу…

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

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

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

Ниже представлено изображение фоторамки, открытое в программе Photoshop. Данное изображение я взял из фотобанка Fotolia:

Исходное изображение

Всякий раз, когда мы открываем новое изображение в программе Photoshop, оно открывается в окне собственного документа и размещается на отдельном слое под названием «Фон» (Background), что мы и можем видеть на панели слоев. Обратите внимание, что слово «Фон» выделено курсивом. Таким образом, программа уведомляет нас о некоторых особенностях этого слоя:

Панель слоев отображает, что изображение размещено на слое заднего фона

Программа Photoshop дала название слою «Фон» по той простой причине, что этот слой действительно служит задним фоном нашему документу. Любые дополнительные слои, которые мы добавим на изображение, будут размещены поверх слоя заднего фона. Поскольку основное назначение данного слоя — служить задним фоном изображению, существует несколько действий, которые нельзя выполнять с этим слоем. Давайте вкратце рассмотрим простые правила, включающие эти действия, которые следует запомнить. А затем, в конце урока, мы изучим, как легко все эти правила обойти.

Правило 1: Мы не можем перемещать содержимое слоя заднего фона

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

Выбираем на панели инструментов инструмент «Перемещение»

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

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

Если мы снова обратимся к панели слоев и посмотрим на слой «Фон», то увидим с правой стороны маленький значок в виде замка, который говорит нам о том, что данный слой закреплен и не может быть нами перемещен. Способа разблокировать слой «Фон» — не существует, но, как я уже говорил, в конце урока, мы рассмотрим, как это маленькое правило о невозможности перемещения содержимого слоя и другие правила можно обойти:

Значок в виде замка говорит нам о том, что данный слой закреплен

Правило 2: Отсутствие прозрачных пикселей

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

Сначала, я должен выделить область внутри рамки, и поскольку она заполнена бельм цветом, для выделения я буду использовать инструмент «Волшебная палочка»
(Magic Wand) . В программе Photoshop CS2 и более ранних версиях, мы можем выбрать инструмент «Волшебная палочка»
, просто нажав на его значок на панели инструментов. В программе Photoshop CS3 и более поздних версиях (в моем случае это версия Photoshop CS5), этот инструмент спрятан за инструментом «Быстрое выделение»
(Quick Selection), поэтому необходимо сначала нажать на инструмент «Быстрое выделение»
(удерживая кнопку мыши нажатой несколько секунд), дождаться появления выпадающего меню с перечнем инструментов и выбрать из списка инструмент «Волшебная палочка»
:

Выбираем инструмент «Волшебная палочка»

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

Белая область внутри рамки теперь выделена

Чтобы удалить область внутри рамки, я нажму клавишу Backspace (Win) / Delete (Mac). Однако вместо ожидаемого удаления области и замещения белого цвета прозрачными пикселями, программа открывает диалоговое окно параметра «Заполнить»
(Fill) и предлагает заполнить выделенную область другим цветом:

Вместо того чтобы удалить область, программа
Photoshop открывает диалоговое окно параметра «Заполнить»

Я нажму кнопку «Отмена» (Cancel) для выхода из диалогового окна, поскольку это совсем не та команда, которую я хотел выполнить. Я хотел удалить белую область внутри фоторамки, но не заполнять ее другим цветом. Может быть, программа Photoshop что-то перепутала? Хорошо, я попробую удалить область другим способом. Для этого я перейду в раздел «Редактирование»
(Edit) в строке меню в верхней части экрана и выберу команду «Вырезать»
(Cut):

Выбираем команду «Вырезать» в разделе «Редактирование»

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

Белая область внутри рамки теперь заполнена черным цветом

Откуда же взялся черный цвет? Оказывается, программа Photoshop заполнила область черным цветом, потому что, если мы посмотрим на образцы цвета переднего плана и цвета фона в нижней части панели инструментов, то увидим, что цвет фона (на нижнем правом квадрате) — в настоящий момент черный, соответственно программа и заполнила область цветом фона. Если бы цвет фона был выбран фиолетовым, область заполнилась бы именно фиолетовым цветом. Однако в данный момент цвет фона — черный:

Образцы цвета переднего плана (левый верхний) и цвета фона (правый нижний)

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

Правило 3: Мы не можем перемещать слой «Фон» и помещать его над другим слоем

Ниже представлена фотография, которую я хочу поместить внутри фоторамки. Данное изображение я также взял из фотобанка Fotolia:

Изображение, которое будет размещено внутри фоторамки

В настоящий момент изображение открыто в отдельном окне, поэтому я быстро скопирую его в окно документа с фоторамкой, нажав сочетание клавиш Ctrl+A (Win) / Command+A (Mac) для выделения всей фотографии. Затем я нажму клавишную комбинацию Ctrl+C (Win) / Command+C (Mac), чтобы скопировать изображение во внутренний буфер. После этого я перейду в окно документа с фоторамкой и нажму сочетание клавиш Ctrl+V (Win) / Command+V (Mac), чтобы вставить изображение в документ. Программа поместит новое изображение на отдельный слой под названием «Слой 1» (Layer 1), расположенный над слоем «Фон» с фоторамкой:

Вторая фотография размещена на отдельном слое над слоем «Фон»

Видно, что новая фотография появилась перед фоторамкой в окне документа:

Второе изображение появилось перед фоторамкой

Для того чтобы мое второе изображение появилось внутри рамки, мне нужно поменять порядок расположения слоев — поместить слой с рамкой поверх слоя с фотографией. Обычно, менять слои местами — легко, необходимо всего лишь выбрать слой для перемещения и перетащить его поверх другого слоя, но не в нашем случае, когда мы хотим переместить слой «Фон». Когда я нажимаю на слой «Фон» и пытаюсь переместить его поверх слоя с фотографией, появляется маленький значок в виде перечеркнутого круга (международный знак запрета), свидетельствующий о том, что по некоторым причинам это действие невозможно:

Значок в виде перечеркнутого круга свидетельствует о том, что я не могу переместить слой «Фон» поверх слоя «Слой 1»

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

Правило 4: Мы не можем перемещать другие слои под слой «Фон»

Хорошо, если мы не можем перемещать слой «Фон» поверх другого слоя, что будет, если мы попробуем переместить другой слой под слой «Фон»? Я нажму на «Слой 1» и попробую переместить его под слой «Фон», но и это не получается. Опять возникает маленький значок в виде перечеркнутого круга, который означает невозможность совершения действия:

Тот же значок запрета появляется, и когда мы пытаемся переместить «Слой 1» под слой заднего фона

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

Простое решение проблемы

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

Так как главное назначение слоя «Фон» — служить основой документу, каждое из этих правил имеет смысл. Тем не менее, как и с большинством других правил, иногда нам требуется их нарушить. В нашем случае, обойти все эти правила легко! Все, что нам требуется, — как-то иначе переименовать слой «Фон»! Для того чтобы переименовать слой «Фон», вы можете перейти в раздел «Слои»
(Layer) в верхней части экрана, выбрать пункт «Новый» (New) и далее — «Слой из заднего плана»
(Layer From Background):

Выбираем «Слои» > «Новый» > «Слой из заднего плана»
(Layer > New > Layer From Background)

Более быстрый способ заключается в том, что можно просто дважды кликнуть кнопкой мыши по слову «Фон» на панели слоев:

Дважды кликаем кнопкой мыши по названию слоя «Фон»

В любом случае после этих действий откроется диалоговое окно «Новый слой»
(New Layer), где можно будет ввести новое имя для слоя. По умолчанию, программа предлагает имя «Слой 0» (Layer 0), которое нам подходит. Так как нам подойдет любое другое имя кроме «Фон»
, просто нажмите ОК для подтверждения нового имени «Слой 0» и выхода из диалогового окна, при условии, что вы не хотите дать слою какое-то определенное имя:

Вы можете оставить имя «Слой 0» в качестве нового имени слоя или ввести любое другое на ваше усмотрение

Совет:
чтобы еще быстрее переименовать слой «Фон», дважды щелкните кнопкой мыши по слову «Фон», удерживая нажатой клавишу Alt (Win) / Option (Mac). Программа тотчас переименует слой, присвоив ему имя «Слой 0» без открытия диалогового окна «Новый слой».

Теперь мы можем видеть, что имя слоя заднего фона изменилось на «Слой 0»:

Слой «Фон» был переименован на «Слой 0»

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

Например, мне все еще нужно переместить фоторамку поверх изображения на «Слое 1». Теперь это сделать легко, так как фоторамка больше не находится на слое «Фон»! Я могу всего лишь нажать на «Слой 0» на панели слоев и перетащить его наверх, чтобы тонкая светлая полоска появилась над «Слоем 1»:

Переместим «Слой 0» поверх «Слоя 1»

После этого я отпущу кнопку мыши, и программа Photoshop разместит «Слой 0» над «Слоем 1», как мне и нужно:

«Слой 0» теперь расположен над «Слоем 1». Этого нельзя было достичь, пока «Слой 0» назывался слой «Фон»

Раньше я не мог удалить белую область внутри рамки, пока изображение было на слое «Фон», но теперь, после того как я переименовал слой «Фон» на «Слой 0», это стало сделать нетрудно. Я выделю область внутри рамки, применяя инструмент «Волшебная палочка»
, как я это сделал в первый раз:

Белая область внутри рамки опять стала выделенной

Затем я нажму клавишу Backspace (Win) / Delete (Mac), и на этот раз программа сделает все именно так, как я и ожидал, — вместо открытия диалогового окна параметра «Заполнить» она удалит область со слоя и отобразит фотографию под ней:

Область внутри рамки, наконец, удалена, и под ней видно другое изображение

Далее я нажму сочетание клавиш Ctrl+D (Win) / Command+D (Mac), чтобы снять выделение с области внутри рамки и убрать линию выделения. Затем для успешного завершения работы, я нажму на «Слой 1» на панели слоев и сделаю его активным:

Выбираем «Слой 1»

На панели инструментов я выберу инструмент «Перемещение»
(Move), кликну по фотографии и перемещу ее внутрь фоторамки, как мне нужно. Несмотря на то, что «Слой 1» в настоящий момент является самым нижним слоем в документе, он не закреплен, поскольку не служит больше слоем заднего фона. Я могу свободно перемещать его, куда пожелаю:

Перемещаем фотографию на нужное место внутрь фоторамки

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

И вот мы закончили! Ознакомьтесь с полным списком уроков по работе со слоями в программе Photoshop или посетите наш раздел «Основы программы Photoshop» для изучения инструментов выделения, принципов работы со шрифтом и других полезных навыков!

Перевод:
Ксения Руденко

Влад Мержевич

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

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

Абсолютное позиционирование

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

При использовании наложения требуется присвоить свойству position
значение
absolute
. Само положение слоя регулируется свойствами left
, top
, right
и bottom
которые задают координаты соответственно от левого, верхнего, правого и нижнего
края (пример 1). Поскольку вывод содержимого слоя осуществляется в заданное
место, то порядок описания слоев указывает и порядок их наложения друг на друга.
Самый первый слой, приведенный в коде веб-страницы, будет располагаться на
заднем плане, а самый последний — на переднем. Порядок также можно менять
с помощью свойства z-index
. Чем больше его значение, тем выше располагается
текущий слой относительно других слоев.

Пример 1. Абсолютное позиционирование

Позиционирование

Левая колонка

Правая колонка

В данном примере положение слоя с именем leftcol
устанавливается в левом верхнем
углу окна браузера, а слой rightcol
смещен на 350 пикселов вправо от левого
края окна и на 50 пикселов вниз. Заметьте, что значения left
и top

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

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

Относительное позиционирование

Чтобы наложить один слой на другой и не привязываться жестко к координатной
сетке, можно попробовать следующий подход. Для первого слоя, который будет
располагаться на заднем плане, указываем абсолютное позиционирование, присваивая
свойству
position
значение absolute
.
Второй слой, расположенный поверх первого, должен иметь относительное позиционирование,
что достигается с помощью значения relative
у
свойства
position
. Положение верхнего слоя определяется
от левого верхнего угла нижнего слоя заданием left

и top
(рис. 1).

Рис 1. Задание положения верхнего слоя

В примере 2 ширина слоев задается свойством width
,
а местоположение верхнего слоя (он называется rightcol
) свойствами left

и top
. Как указывалось выше, порядок наложения
слоев определяется их порядком описания в коде или с помощью z-index
.
Поэтому слой с именем leftcol
будет располагаться на заднем плане, поскольку
он определен самым первым.

Пример 2. Относительное позиционирование

Позиционирование

Левая колонка

Правая колонка

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

Универсальный подход

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

Реализуется это следующим способом. У каждого слоя необходимо
указать конструкцию float: left
, которая позволяет
один слой пристыковать к другому справа. Добавлять float

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

Теперь слои располагаются рядом, и прежде, чем указывать координаты,
задаем относительное позиционирование значением relative

у свойства position
. Положение верхнего слоя управляется
значением left
и top
.
Но поскольку отсчет координат в данном случае ведется от левого верхнего
угла второго слоя, по горизонтали нужно указывать отрицательное значение
(рис. 2). Впрочем, можно использовать также свойство bottom
.

Рис. 2. Задание положения верхнего слоя

В примере 3 верхний слой с именем rightcol
смещается на 50 пикселов по горизонтали
и вертикали. Чтобы он не закрывал при наложении содержимое слоя leftcol
, справа
у текста делается отступ через свойство padding-right
.

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

Пример 3. Создание наложения слоев

Позиционирование

Левая колонка

Правая колонка

Результат данного примера с другим текстом приведен ниже (рис. 3).

Рис. 3. Результат действия примера

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

Рис. 3.51. Карты рядом друг с другом

Рис. 3.52. Карты одна на другой

Если представить веб-страницу в виде трёхмерного пространства (рис. 3.53), то видно, что карты располагаются также по оси Z. Значения по этой оси и определяют, какая карта к нам ближе, какая дальше, иными словами порядок их наложения друг на друга. В коде документа (пример 3.38) порядок определяется автоматически на основе потока документа. Чем элемент ниже в коде, тем он выше по оси Z, поэтому изображение с тузом, как самое нижнее, располагается поверх остальных карт.

Рис. 3.53. Воображаемые координаты веб-страницы

Пример 3.38. Обычный порядок карт

Порядок карт

В CSS за положением по Z-оси отвечает свойство z-index
, которое определяет, «ближе» к нам элемент находится или «дальше». В качестве значений принимается целое число, чем оно больше, тем выше располагается элемент по отношению к другим. Элементам автоматически присваивается значение 0, так что даже z-index
: 1
заставит элемент перекрывать все нижележащие. Доработаем пример 3.38 так, чтобы порядок карт поменялся на противоположный, причём только редактируя стиль, оставляя HTML-код прежним.

Card IMG { position: relative; }
.three { top: 50px; left: 55px; z-index: 5; }
.seven { left: -120px; top: 25px; z-index: 2; }
.ace { left: -295px; z-index: 1; }

Свойство z-index
для класса three
специально установлено как 5 для демонстрации, что последовательность значений z-index
роли не играет. Главное, чтобы одно число было больше другого.

Свойство z-index
работает только для элементов, у которых значение position
задано как absolute
, fixed
или relative
.

Когда требуется расположить элемент поверх всех остальных на странице, ему ставят очень большое значение z-index
, например 9999. Это гарантирует, что даже если в стилях и применяется z-index
, он будет меньше указанного. В примере 3.39 у карт при наведении на них курсора меняется z-index
на 10. Никаких скриптов здесь не понадобится, всё делается через псевдокласс :hover
.

Пример 3.39. Изменение z-index при наведении на карту

XHTML 1.0
CSS 2.1
IE
Cr
Op
Sa
Fx

Порядок карт

Как вставить изображение в слой в GIMP на Windows 10

Как вставить изображение в слой в GIMP на Windows 10

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

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

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

Вставьте изображение в слой в GIMP

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

Если это так, и вы создадите из него слой, вы потеряете все, что не помещается на холсте. Обычно большое изображение будет легко заметить, но если вы не уверены и думаете, что углы обрезаны немного ближе к краю холста, нажмите сочетание клавиш Shift + S.

Это переведет изображение в режим масштабирования / изменения размера. Вы увидите полное изображение и контур холста, чтобы увидеть разницу в размерах.

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

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

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

Как вставить изображение в слой в GIMP на Windows 10

Просмотров сегодня: 109

Сохранение изображений из PSD макета

Всем привет! Сегодня мы научим вас сохранять изображения из PSD макета. Любой веб-дизайнер или верстальщик обязан уметь делать это быстро и без каких-либо затруднений. Рассмотрим способ экспортирования всех необходимых картинок из PSD макета, а также способ сохранения отдельных изображений с помощью кадрирования. Начнем!

Быстрый экспорт всех нужных изображений из PSD макета

Данный метод будет актуален для пользователей Photoshop CC, так как на более ранних версиях отсутствует данная функция.

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

2. Наша задача сохранить картинку фона, имеющую формат .jpg. Необходимо к названию фона добавить название формата фото, просто переименовав слой. Например, хххх.jpg как показано на скрине:

3. После, нам нужно зайти во вкладку «Набор изображений». Она находится Файл → Генерировать → Набор изображений. На скрине показано наглядно:

4. Обратите внимание, что после клика по вкладке «Набор изображений», должна появиться галочка:

5. После мы просто нажимаем сочетание клавиш Ctrl + S (быстрое сохранение) и в папке, где сохранен наш макет, вы увидите папку с картинками, которые будут откадрированы, и готовы к верстке:

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

Сохранение отдельного изображения из PSD макета

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

1. Как правило макеты состоят не из двух слоев, а из сотен и тысяч, что затрудняет поиски нужного слоя с картинкой. Представим, что нам сложно найти слой с картинкой и параллельно научимся искать из тысяч необходимый. Для этого включаем инструмент «Перемещение», нажав горячую клавишу V. Включаем в верхней панели «Автовыбор» и переводим переводим его в режим «Слой»:

2. Теперь нам необходимо просто кликнуть по нужному слою, и он будет выбран в панели слоев:

3. После нам нужно отключить все слои, кроме слоя с нужной картинкой. Чтобы не отключать каждый слой отдельно, нужно зажать клавишу Alt и кликнуть по «Глазу» слоя который необходимо оставить видимым. Таким образом будут отключены все слои, кроме того, который мы сохраняем:

4. После зажимаем клавишу Ctrl и кликаем по миниатюре слоя:

5. Дальше нам остается кадрировать картинку с помощью функции, которая находится по пути Изображение → Кадрировать:

6. Теперь наше изображение кадрировано, и его можно сохранять.

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

изображений слоя | Используйте слои в ваших дизайнах и редактировании фотографий

Сделайте изображение слева в дизайне справа. Magico!

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

В этом уроке мы покажем вам, как использовать панель «Слои» PicMonkey при создании дизайна с великолепной глубиной и плавным переходом от бедра. Взгляните на наши быстрые шаги ниже или продолжайте прокручивать, чтобы увидеть полное пошаговое руководство.

Быстрые шаги для управления слоями при проектировании в PicMonkey:

1. Откройте изображение в PicMonkey или добавьте любой объект на холст, и откроется панель Layers . Если вы закроете панель «Слои», щелкните значок сгруппированных квадратов на нижней панели инструментов, чтобы открыть ее снова.

2. Любые новые текстовые или графические слои, которые вы добавляете, появятся на панели.

3. Измените порядок слоев с помощью стрелок вверх и вниз на панели.

4. Сгруппируйте или объедините слои для одновременного редактирования.

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

Откройте изображение в PicMonkey

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

Панель «Слои» должна открыться автоматически рядом с вашим изображением. Если этого не происходит или если вы закрываете его и хотите открыть снова, значок Layers находится на нижней панели инструментов (он выглядит как стопка квадратных блинов). Этот маленький кусочек прямолинейного совершенства будет держать все ваши вещи организованными, но сейчас он показывает только один слой: ваше изображение, которое также является его собственным фоном. (Начало!) Вы можете отделить изображение от фона, щелкнув значок замка, что может быть полезно, если вам нужно изменить размер холста и переместить изображение, чтобы найти наилучшее размещение.(Не является важным этапом для этого проекта.)

Создание слоя градиента

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

На боковых вкладках редактора щелкните «Эффекты» (значок волшебной палочки), затем выберите в меню «Градиент». Выберите два оттенка и отрегулируйте ползунки Direction и Fade (мы сделали 180 ° и 20% соответственно). Щелкните Применить. Чтобы исходное изображение было видно сквозь градиент, убедитесь, что у вас выбран слой, и отрегулируйте ползунок Fade в меню «Инструменты для графики».

Управление текстовыми слоями

Совет: используйте ластик в меню «Инструменты для текста», чтобы стереть места наложения текста на объект фотографии, и он окажется позади нее.

Щелкните Текст на боковых вкладках редактора и щелкните Добавить текст вверху меню. Введите текст в текстовое поле, которое появляется над изображением. Чтобы получить текст «Go», который есть в этом дизайне, измените режим наложения на Multiply и отрегулируйте ползунок Fade в меню Text Tools. На панели Layers выберите и перетащите текстовый слой «go» под слоем градиента, чтобы он появился за ним. Добавьте еще текста, и он будет отображаться на отдельном слое.Ваша панель заполняется!

Применение эффектов к определенным и сгруппированным слоям

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

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

Чтобы внести изменения в несколько слоев, сгруппируйте их, нажав CMD + G (CTRL + G для Windows) на клавиатуре, а затем выбрав несколько слоев. Мы применили эффект Pink Fog ко всему изображению для этого дизайна (обратите внимание на изображение выше, что «Run», «The» и «World» сгруппированы вместе в верхнем слое на панели Layers .

Вот и все: обманчиво простой дизайн стал возможным благодаря потрясающей панели Layers .А теперь еще несколько советов…

Заключительные советы для настоящего мастерства совмещения фотографий

• Отменить / Повторить в реальном времени на нижней панели инструментов (и представлены на каждом изображении учебника выше). Они значительно облегчат вашу жизнь , если вы сделаете ошибку или вам не понравится внешний вид, и вам нужно будет вернуться (или даже вернуть назад).

• Упорядочивание слоев позволяет вам выбрать, какие элементы дизайна (слои) должны располагаться на впереди над другими, а какие — на позади .Выделите и перетащите слои на панели Layers , чтобы изменить их порядок.

• Дублируйте слой (или группу слоев) , нажав Command / Windows + D и щелкнув слой. Некоторым нравится дублировать слой и экспериментировать с множеством различных образов, чтобы они могли выбрать победителя, не нажимая «отменить» миллионы раз.

• Удалите слой , выделив его и щелкнув значок мусорного ведра в нижнем левом углу меню редактирования.

• Выберите несколько слоев (множественный выбор) , нажав клавишу Shift, прежде чем выбирать их в палитре слоев или непосредственно в дизайне. После внесения в них изменений они останутся отдельными слоями.

• Сведите слои , нажав кнопку «Свести» в нижнем левом углу палитры. Это объединит все слои в одно плоское изображение, и вы не сможете впоследствии вносить изменения в отдельные слои.

• Сделать слой видимым через текст или фигуру.Выберите слой, содержащий текст или фигуру, затем нажмите «Текстуры». Нажмите Добавьте свою собственную текстуру и выберите любое изображение, которое хотите. Бац! У тебя есть маска.

Ознакомьтесь со всем, что вы можете сделать в PicMonkey:

8 полезных фоторедакторов Android с поддержкой слоев

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

Часть 1. Полезный редактор фотографий Android с поддержкой слоев

1. Adobe Photoshop Mix

Цена: Бесплатно

URL: https://play.google.com/store/apps/details?id=com.adobe.photoshopmix & hl = en

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

Плюсы

• Легкий обмен файлами благодаря облачной креативной системе.
• Удобный интерфейс.
• Редактирование изображений без искажений.

Минусы

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

2. Pixlr

Цена: Бесплатно.

URL: https://pixlr.com/editor/

Pixlr с его удивительными функциями завоевал рынок. Это облачный инструмент для редактирования фотографий, который предоставляет вам широкий спектр функций редактирования, включая как простые, так и расширенные. Теперь вы можете создать изображение, загрузить его прямо из Интернета или загрузить его из своей галереи. Это дает вам легко доступный интерфейс, который поможет вам редактировать изображение без каких-либо опасностей. Инструмент Auto Fix и Focal Blur с более чем 600 эффектами делает его замечательным приложением.

Плюсы

• Включает расширенные фильтры.
• Позволяет редактировать изображения на самом диске Google.
• Совместимость с облаком.

Минусы

• Содержит рекламу.
• Для работы требуется Flash.
• Есть только базовые фильтры.

3. Редактор многослойных фотографий.

Цена: Бесплатно

URL: http: // www.Multilayer.wandapps.com/

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

Плюсы

• Легко использовать.
• Может использовать свои премиум-функции бесплатно.
• Позволяет масштабировать фоновый слой.

Минусы

• Содержит рекламу.
• Добавляет водяной знак на изображения.
• Снижает качество изображения при применении некоторых функций.

4. Фотостудия PicsArt.

Цена: Бесплатно

URL: https: // play.google.com/store/apps/details?id=com.picsart.studio&hl=en_IN

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

Плюсы

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

Минусы

• Не хватает некоторых эффектов.
• Некоторые особенности неоднозначны.
• Отсутствие опции растушевки.

5. Canva

Цена: Бесплатно

URL: https: // www.canva.com/photo-editor/

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

Плюсы

• Интуитивно понятный интерфейс.
• Легко делиться в социальных сетях.
• Наличие готовых шаблонов.

Минусы

• В базовой версии нет возможности обрезки.
• Сложно найти нужную картинку в огромной бесплатной библиотеке изображений.
• Нет возможности сортировать собственные дизайны.

6. Фотослои

Цена: Бесплатно

URL: https: // play.google.com/store/apps/details?id=com.handycloset.android.photolayers&hl=en_IN

Photo Layers — это приложение для редактирования Android с простыми функциями. Вы можете легко вырезать, кадрировать и объединять разные изображения в одно с помощью удобного пользовательского интерфейса. Либо я могу сказать, что вы можете поиграть с его инструментами, чтобы получить идеальное изображение. Это приложение позволяет использовать 11 изображений одновременно для создания фотомонтажа. Это приложение подходит для тех, кто хочет попробовать себя в редактировании фотографий.

Плюсы

• Наличие подробного справочника в помощь.
• Легко использовать.
• Наличие масштабирования для фоновых слоев.

Минусы

• Содержит рекламу.
• Не хватает продвинутых инструментов.
• Ограниченные слои.

7. Byte Mobile — редактор изображений

Цена: Бесплатно

URL: https://play.google.com/store/apps/details?id=com.pcvirt.ImageEditor

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

Плюсы

• Простота и удобство использования.
• Ряд фильтров.
• Позволяет быстрое редактирование.

Минусы

• Содержит рекламу.
• Имеют только базовые функции.
• Искажает качество изображения.

8. Фоторедактор Aviary.

Цена: Бесплатно

URL: https://www.aviary.com/

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

Плюсы

• Легко использовать.
• Разнообразные инструменты редактирования.
• Поддерживает несколько языков.

Минусы

• Не хватает параметров отмены и повтора.
• Параметр изменения размера недоступен.
• За некоторые эффекты взимается дополнительная плата.

Часть 2. Рекомендуемый эффективный настольный фоторедактор с поддержкой слоев.

Если вы ищете эффективное программное обеспечение для редактирования фотографий, которое придает изображению профессиональный вид и включает в себя полный набор инструментов, вам следует обратиться к Wondershare Fotophire Editing Toolkit. Это универсальное настольное приложение для редактирования фотографий, которое преобразует ваши хорошие фотографии в оптимальные.Он имеет простой в использовании интерфейс, который может быть использован как дилетантом, так и профессионалом. Это приложение набирает популярность среди редакторов благодаря своим поразительным функциям и инструментам.

Набор инструментов для редактирования Wondershare Fotophire

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

5 основных характеристик:

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

Как использовать набор инструментов для редактирования Fotophire


Шаг 1: Загрузите и запустите Fotophire Editing Toolkit на своем компьютере.

Шаг 2: Затем вы можете просмотреть изображение, которое хотите отредактировать, со своего компьютера, нажав «Открыть» на экране.

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

Шаг 4: Вы можете сохранить отредактированное изображение одним щелчком мыши по кнопке сохранения, которая сейчас находится в верхней средней части экрана.Здесь Fotophire дает вам различные варианты формата изображения на выбор для вашего изображения.

Заключение


В этой статье мы представили несколько фоторедакторов Android с поддержкой слоев. С различными фоторедакторами редактировать изображение стало так же просто, как пирог, но использование инструментария редактирования Wondershare Fotophire — это что-то вроде вишенки на вершине. Благодаря удобному интерфейсу и лучшим функциям он завоевал рынок.

Как правильно добавлять изображения на монтажную область Photoshop

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

В этом нет ничего плохого, я просто должен убедиться — куда мне его перетащить, разрезая на любом старом артборде, особенно если это большое изображение, подобное этому. И когда я его получу, убедитесь, что первое, что я делаю, — это конвертирую его в смарт-объект, но даже легко — я собираюсь удалить его там — выбираю ваш артборд, перехожу в « Файл » и перейдите к «Поместить встроенный» или «Связанный», в зависимости от того, что вам подходит.Embedded собирается вставить его в этот файл Photoshop, так что он всегда здесь. Файл немного больше, но я считаю его очень полезным. Связанный — это когда вы имеете дело с огромными файлами, и, как InDesign, он как бы хранит файл в другом месте. Это означает, что вы не можете их потерять, но он позволяет Photoshop работать красиво и быстро. Давайте использовать Place Embedded. И вместо Дэниела Скотта я буду использовать логотип для Photoshop. «Файл», «Место». Вот размер, да, мне подходит.

Позвольте мне сделать его чуть больше, чтобы он соответствовал моему профилю.Вот этот, я собираюсь продублировать. Так что другой способ внести это, возможно, из вашей библиотеки. Итак, я собираюсь перейти в свою библиотеку, в которой уже есть моя графика. Вот она, я могу перетащить ее таким образом. Вы можете видеть здесь, я его притащил, но я все еще … Я выделил этот. Итак, вот эта штука, ну, я не могу ее видеть, потому что я не на том артборде. И это только одна из проблем артбордов. Ты должен быть намеренным. Если я сейчас нажму «Return», он окажется в нужном месте, но поскольку я говорил Photoshop, я должен был быть здесь, это на секунду испугалось.Это нормально. Мне даже не нужна графика, мне нужен флаг — где мой флаг сертификации? А вот и я.

Итак, я сертифицированный эксперт Adobe по Photoshop. Нажмите «Return», и я добавлю это сюда. Куда я его воткну? Там. Убедитесь, что это «Файл», «Поместить» или «Встроенный», перетащенный из библиотеки. Или, если вы все же скопируете и вставите его, убедитесь, что это смарт-объект, потому что смарт-объект — это действительно то, что мы хотим здесь для обновления участков. Итак, допустим, мы хотим перейти от одного к другому.Мне нужен этот экспертный логотип здесь. Я могу щелкнуть по нему, подержать — не тот слой. Щелкните его, удерживайте и перетащите, удерживая клавишу «Option» на Mac и клавишу «Alt» на ПК. Чтобы перейти к этому здесь, я могу удерживать клавишу «Option» на моем Mac, клавишу «Alt» на ПК и перетаскивать ее. И это иногда работает.

Я нахожу, что с маленьким объектом все в порядке, с этими более крупными объектами, скажем, как это изображение здесь, и я пытаюсь дублировать его там, все сделано хорошо, потому что вы смотрите.Отправив его на спину, сделав его меньше. И вы заметите, что мой фон здесь настроен на этот цветной слой, я просто собираюсь удалить его, он мне не нужен. Так что перетаскивать это нормально, теперь вы смотрите, но возникают проблемы, так что вы делаете? Самый простой способ — сказать, что я хочу вот это сейчас, так что я пойду, вы, поставьте его в нужное положение для этого. Хочу это здесь. Еще одна приятная вещь в использовании этой техники — она ​​должна оказаться в нужном месте или примерно так.Итак, на моей панели слоев я собираюсь щелкнуть правой кнопкой мыши по логотипу, я скажу, дублируйте, мой друг. Я собираюсь сказать, куда вы хотите, чтобы он пошел, я скажу, этот Artboard, это мой профиль в Instagram, пожалуйста. Дайте ему то же имя, и он просто переместится.

Это действительно удобно, когда у вас много объектов. Допустим, я собираюсь создать что-то новое. Итак, я собираюсь перейти к своему «Инструменту артборда». Ярлык для этого, если вы ищете ярлыки, удерживайте Shift V и просто переключаетесь между инструментом перемещения и инструментом монтажной области.Я хочу новый документ, и это будет фотография обложки, скажем, для Facebook. Facebook использует 351 на 310. Не беспокойтесь о размерах здесь, они, кажется, меняют их все время. Так что просто погуглите фото обложки Facebook 2018. И фото на обложке отличается от фото на фан-странице. Есть много разных вещей, просто проверьте, что вы делаете. У нас это есть, на самом деле ничего не происходит. Я могу просто щелкнуть один раз, поэтому я собираюсь оставить свои материалы на Facebook здесь. Я собираюсь «щелкнуть» обеими кнопками, удерживая нажатой клавишу «Shift».Просто переместите их, и это будет моя маленькая группа в Facebook. Я дам ему имя. И что бы вы ни обнаружили с артбордами, эти ребята запутались. Я собираюсь получить полное видео о том, как работать с артбордами немного лучше, но только потому, что он нам нужен сейчас, если вы нажмете на нем стрелку с нажатой клавишей Command, это просто означает, что они все закроются на один раз и просто выглядит аккуратно.

Так где же моя копия на Facebook? Это моя обложка на Facebook. Нет причин, по которым вы не можете перетащить их, чтобы удержать их вместе.Здесь особо ни на что не влияет, кроме случаев, когда мы экспортируем. Просто означает, что эта страница будет сразу после этой страницы. Что может иметь смысл. Так что теперь я хочу кусок материала. Поэтому я хочу, чтобы все, что изображено на этом рисунке, было перемещено сюда. Я просто выбираю их все. Итак, здесь, в моем Photoshop Essentials, Instagram, есть все, что мне нужно. Я выбираю их все, щелкаю правой кнопкой мыши по любому из них и перехожу в «Дублировать». И, как и раньше, просто выберите тот, к которому вы хотите перейти.Фото на обложке. Надеюсь, сейчас здесь, по кусочкам. Думаю, поэтому мы используем смарт-объекты, потому что теперь их размер можно изменять. Мой логотип Photoshop может быть больше. потому что это векторный файл, как и моя маленькая крутая штука. То же самое и с такой графикой здесь.

Смарт-объект, он намного больше того, для чего мы его используем. Давайте рассмотрим другой тип возникающих проблем, которые мы хотим попытаться смягчить. Это изображение не очень большое. Я попытаюсь сломать его.Посмотри, какой он большой, перекрывая этих парней, он никуда не денется, но со мной такое случается все время, когда тебя здесь нет. Выбирается из него, вырывается из своего дома и не знает, куда идти, и оказывается там. Это там. Они все слишком близко друг к другу, я был слишком хорош и держал их далеко друг от друга. Допустим, это ваша проблема, и вы спросите: «Где я оказался?» Ты тут делаешь это, но ты такой, нет, нет, просто будь. И это просто, теперь он сопротивляется, это хорошо.Допустим, вы, друг мой, живете здесь, вам не разрешено переезжать. Когда этот слой выбран, здесь есть эта опция. И это просто говорит о том, что вы, друг мой, никуда не ходите, вы слились с этим артбордом. Предотвратить автоматическое размещение. Вы видите, в основном просто блокирует его. Но самое классное в этом то, что его все еще можно перемещать. Только не за пределами своего маленького дома. Выделите все на его артборде и просто щелкните по нему, все они должны остаться там.

Давайте посмотрим еще на одну вещь, две вещи, прежде чем мы продолжим.Во-первых, вы создали эти артборды, просто по какой-то причине они вам больше не нужны. Вы создали два артборда и спрашиваете, где все части? Вы хотите все это увидеть. Что вам нужно сделать, так это выбрать все имена артбордов, поэтому мы собираемся использовать наш трюк, когда мы удерживаем клавишу «Command» на Mac, клавишу «Ctrl» на ПК, просто щелкаем стрелку, тогда мы можем удерживайте «Shift» и щелкните их все. Перейдите к маленькому всплывающему окну слоев, и там есть один, который говорит: «Разгруппируйте артборды», его нет, он здесь, он находится под «слоем», и вот он.«Разгруппируйте артборды», и это вроде как все ставит, просто «А». Никаких границ, вот и все мы.

Было бы неплохо, когда кто-то пришлёт вам файл, и все это перепутано. Я собираюсь отменить это, потому что я не хотел этого делать. Я сделаю последнее. На самом деле это не артборд, можете пропустить. Просто покажу вам Content Aware Scale для … потому что мы хотим, чтобы это было для остальной части урока, и это, чувак, это хорошо, когда вы делаете эти странные формы почтовых ящиков, и возникает проблема с, я хочу использовать Content Aware Scale, ах, не работает.К сожалению, это не работает со смарт-объектами. Поэтому нам нужно будет щелкнуть по нему правой кнопкой мыши и сказать «Растрировать слой». Я точно знаю, что хочу делать, но это то, что я должен сделать, чтобы это сработало.

Итак, теперь «Edit», «Content Aware Scale». И я собираюсь просто заколдовать фон. Моя тень становится больше, я доволен этим. ‘Возвращение’. Теперь я собираюсь снова превратить его в смарт-объект, потому что позже я скопирую его и хочу использовать. Я отправлю его на задний план, и этого будет достаточно для этого видео.Впереди еще много чего интересного для Artboard, так что посмотрите следующее видео.

.