Перемещение, упорядочение и блокировка слоев
Узнайте, как легко изменять порядок слоев изображения и объединять их в стопки. Также узнайте, как блокировать слои для защиты.
Можно создавать сложные композиции из нескольких слоев. В Photoshop можно легко перемещаться по слоям и группировать слои в стопки, чтобы выполнять действия с ними как с единым объектом. Заблокируйте слой, чтобы предотвратить внесение случайных изменений.
Изменение порядка слоев и групп слоев
Чтобы изменить порядок слоев и групп слоев, выполните любое из указанных ниже действий:
- Перетащите слой или группу слоев на панели Слои вверх или вниз. Отпустите кнопку мыши при появлении подсвеченной линии в том месте, куда необходимо переместить выбранный слой или группу.
- Чтобы поместить слой в группу, перетащите его в папку группы . Если папка группы свернута, то перетаскиваемый слой необходимо поместить поверх нее.
- Выделите слой или группу слоев и в меню Слой > Монтаж выберите необходимую команду. Если выделенный элемент принадлежит группе, то выбранная команда меняет порядок следования слоев внутри группы. Если выделенный элемент не принадлежит группе, то команда изменяет порядок следования слоев в пределах всей панели «Слои».
- Чтобы обратить порядок следования выделенных слоев, выберите Слой > Монтаж > Инверсия . Эти параметры доступны только в том случае, если выбрано не менее двух слоев.
По определению фоновый слой всегда последний по порядку. Поэтому при выполнении команды На фон выделенный элемент помещается выше фонового слоя.
Монтажные области
Если вы — дизайнер содержимого для Интернета или UX, то вам приходится разрабатывать все больше веб-сайтов или приложений для нескольких устройств. Монтажные области упрощают процесс разработки, предоставляя неограниченное количество холстов, на которых можно раскладывать дизайны для разных устройств и экранов. Создавая монтажные области, можно выбрать любой из множества предварительно заданных размеров или определить собственный, пользовательский размер монтажной области.
Монтажные области удобны, даже если обычно вы разрабатываете содержимое только для одного размера экрана. Например, во время разработки веб-сайта, можно использовать монтажные области для просмотра дизайна разных страниц бок о бок и в контексте.
Монтажные области оптимизированы для цветового режима RGB и расширенного режима отрисовки с использованием графического процессора.
Так что представляет собой монтажная область?
Монтажную область можно представить как особый тип групп слоев. Монтажная область обрезает содержимое любых содержащихся в ней элементов по своим границам. Иерархия элементов в монтажной области отображается на панели Слои вместе со слоями и группами слоев. Монтажные области могут содержать слои и группы слоев, но не другие монтажные области.
Визуально монтажные области выполняют функцию отдельных холстов в документе. Все слои в документе, который не содержится в монтажной области, группируются вверху на панели Слои и не обрезаются ни одной монтажной областью.
Параметры монтажной области
Чтобы настроить внешний вид монтажных областей, выберите «Установки» > «Интерфейс» > «Внешний вид» > «Монтажные области». Можно выбрать цвет подложки монтажной области, а также отобразить или скрыть ее границы.
Создание документа монтажной области
- В Photoshop выберите Файл > Создать .
- В диалоговом окне Новый введите имя изображения. Например, Веб-сайт для iPhone.
- В раскрывающемся меню Тип документа выберите Монтажная область .
- Выберите один из более 35 наборов настроек Размер монтажной области .
Большой выбор наборов размеров для монтажной области
- Начните добавлять элементы дизайна в монтажную область. В монтажную область можно добавлять смарт-объекты, слои, группы слоев и другие ресурсы.
Преобразование существующего документа в документ монтажной области
Если имеется стандартный документ Photoshop, можно быстро преобразовать его в документ монтажной области.
- Выберите один или несколько слоев/групп слоев в документе.
- Правой кнопкой мыши щелкните выделенные объекты, а затем выберите Монтажная область из слоев или Монтажная область из группы .
Добавление монтажных областей в текущий документ
- В панели «Инструменты» нажмите на значок для выбора инструмента «Монтажная область».
- Нарисуйте монтажную область на холсте.
- При необходимости измените размеры монтажной области. На панели параметров инструмента выберите предварительно заданный размер во всплывающем меню «Размер». Также можно оставить пользовательский размер монтажной области.
Изменение размеров монтажной области
- Присвойте монтажной области требуемое имя. Выполните следующие действия.
- Выделите монтажную панель, выберите Слой > Переименовать монтажную область .
- Введите новое имя для монтажной области и нажмите клавишу Return.
Быстрое добавление монтажных областей в документ
Чтобы добавлять в документ монтажные области, нажимайте на значки + рядом с монтажными областями, которые уже есть в документе. Значки + появляются там, где на холст могут поместиться дополнительные монтажные области. Чтобы создать копию монтажной области, нажмите клавишу Option/Alt и щелкните значок +.
- Выберите монтажную область.
- Нажмите на значок + рядом с монтажной областью. Монтажная область будет добавлена в документ неподалеку от значка +.
Добавление монтажных областей с помощью значков плюса
Чтобы создать копию выбранной монтажной области, нажмите клавишу Option/Alt и щелкните значок плюса (+). Неподалеку от этого значка + появится новая монтажная область.
Работа с монтажными областями
Перемещение элементов между монтажными областями
Просто перетащите элементы из одной монтажной области в другую на холсте. При перемещении элемента между монтажными областями Photoshop пытается поместить его в таком же положении по отношению к началам координат линеек, расположенных в верхнем левом углу монтажных областей.
При добавлении, перемещении элемента в монтажную область он помещается в начало списка на панели «Слои» для этой монтажной области.
Слои или элементы, не включенные в какую-либо монтажную область, также можно группировать с существующими монтажными областями. Просто перетащите элементы из одной монтажной области на холсте в целевую монтажную область. Также можно переместить ее на целевую монтажную область с помощью панели Слои .
Выберите инструмент «Монтажная область» или «Перемещение», щелкните ярлык монтажной области. Теперь переместите его в нужное место на холсте.
Выберите инструмент «Монтажная область» или «Перемещение», щелкните ярлык монтажной области. Теперь на панели параметров инструмента выберите предварительно заданный размер во всплывающем меню Размер .
Если требуется изменить размеры монтажной области в соответствии со своими требованиями, просто измените ее границы с помощью ручек.
Выберите монтажную область и перейдите в меню «Просмотр» > «Показать» > «Сетка» для просмотр сеток в монтажной области.
Перетащите направляющие из линейки на холст в выбранной монтажной области. В дальнейшем эти направляющие будут перемещаться вместе с монтажной областью. Кроме того, если создать копию монтажной области вместе с назначенными ей направляющими, можно задать такие же направляющие для скопированной монтажной области. Для работы с нужными монтажными областями можно также выбрать «Просмотр» > «Создать макет направляющей» . Чтобы задать настройки видимости направляющей, выберите «Просмотр» > «Показать» .
(Слева) Создать макет направляющей | (Справа) Настройки видимости направляющей
Просмотр свойств монтажной области
Выберите монтажную область и выберите Окно > Свойства , чтобы быстро просмотреть ее основные свойства. Также можно изменить размер монтажной области на панели Свойства .
Когда монтажная панель выделена, ее свойства также отображаются на панели параметров.
Отображение имен монтажных областей
Чтобы отобразить или скрыть имена монтажных областей, выберите «Просмотр» > «Показать» > «Имена монтажных областей» . Имена монтажных областей автоматически обрезаются по ширине монтажной области.
Панель свойств монтажной области
Фильтрация слоев по монтажной области
В раскрывающемся меню поиска на панели «Слои» выберите Монтажная область . Выберите монтажную область или любой слой на ней. На панели «Слои» теперь можно просмотреть только выбранную монтажную область. Чтобы вернуться к панели «Слои» в полноэкранном режиме, отмените выбор всех слоев или выберите какой-либо объект вне текущей монтажной области.
Предотвращение автоматического вложения в монтажную область и из нее
Если применить блокировку иллюстрации к какой-либо монтажной области, можно запретить автоматическое вложение в монтажную область и из нее, а если к конкретным слоям в монтажной области, то будет установлен запрет на автоматическое вложение этих слоев. Чтобы вернуться к исходным настройкам автоматического вложения, удалите все блокировки из монтажных областей или слоев.
Блокировка положения монтажной области
Выберите монтажную область и установите блокировку положения. Монтажная область закрепится в текущем месте на холсте, но остальные элементы можно добавлять, перемещать и удалять в обычном порядке.
Дважды щелкните имя монтажной области на панели Слои и введите новое имя. Также можно использовать команду Слой > Переименовать монтажную область .
Расформирование монтажных областей
Можно быстро разделять монтажные области на составляющие их элементы. Выделите монтажные области, выберите Слой > Разгруппировать монтажные области . Монтажные области расформировываются, и все составляющие их элементы перемещаются на один уровень выше в списке «Слои». Если последняя монтажная область расформировывается, документ перестает быть документом монтажной области.
Экспортировать монтажные области
Экспорт монтажных областей в виде графических ресурсов
Теперь можно экспортировать монтажные области как графические ресурсы JPEG, GIF, PNG, PNG-8 или SVG непосредственно с панели Слои .
Дополнительные сведения см. в разделе Экспорт монтажных областей и слоев.
Экспортировать монтажные области в PDF
Монтажные области можно экспортировать как PDF-презентацию. Затем можно указать, должна ли презентация перелистывать страницы только при ручном взаимодействии или автоматически через определенный интервал времени. Выполните следующие действия.
- В Photoshop выберите Файл > Экспорт > Монтажные области в Adobe PDF .
- В диалоговом окне Монтажные области в Adobe PDF выполните следующие действия.
- Выберите целевую папку, в которой следует сохранить сформированную PDF-презентацию.
- Укажите, следует ли экспортировать все монтажные области или только выбранные.
- Выберите, требуется ли автоматически перелистывать страницы слайд-шоу через определенный интервал времени (в секундах).
- Выберите, требуется ли вы автоматически зацикливать слайд-шоу после последней страницы.
- Нажмите кнопку Выполнить . Photoshop создает PDF-презентацию.
Экспорт монтажных областей в виде файлов
Монтажные области можно экспортировать в виде отдельных файлов. Выполните следующие действия.
- В Photoshop выберите «Файл» > «Экспорт» > «Монтажные области в файлы» .
- В диалоговом окне Монтажные области в файлы выполните следующие действия.
- Выберите целевую папку, в которой следует сохранить сформированные файлы.
- Укажите имя файла.
- Выберите тип экспорта: только содержимое монтажной области или вместе с перекрывающимися областями.
- Укажите, следует экспортировать все монтажные области или только выбранные.
- Выберите тип файлов для экспорта. Поддерживаются следующие форматы экспорта: BMP, JPEG, PDF, PSD, Targa, TIFF, PNG-8 и PNG-24.
- Укажите параметры экспорта для выбранного типа файлов.
- Нажмите кнопку Выполнить . Photoshop экспортирует монтажные области в виде файлов.
Просмотр на устройстве и сопутствующее приложение Preview CC
С помощью функции «Просмотр на устройстве» в Photoshop и сопутствующего приложения Preview CC можно быстро просматривать дизайны на целевых устройствах iOS. Preview CC подключается к Photoshop через порт USB или по сети Wi-Fi и выполняется рендеринг просмотра дизайна в реальном времени. Все внесенные в дизайн изменения автоматически отправляются на устройство для предварительного просмотра.
Если документ содержит монтажные области, то функция «Просмотр на устройстве» пытается показать правильную монтажную область, сопоставляя размер и расположение области и размером подключенного устройства iOS. Также можно использовать панель навигации для предварительного просмотра определенной монтажной области на устройстве или пролистать разные области в том порядке, в котором они перечислены на панели Слои в Photoshop.
Дополнительные сведения о функции «Просмотр на устройстве» и Preview CC см. в разделах:
Как вставить одно изображение внутрь определённой области другого
В этом материале мы рассмотрим, как одно изображение разместить внутри заданной области другого изображения на примере Photoshop CS6, но действия, описанные в статье, подойдут для к версий ниже, вплоть до CS2.
Эта методика широко используется во всех видах фотомонтажа. К примеру, Вы видели рекламные плакаты с современными телевизорами высокой чёткости? На экранах телевизоров имеется какое-то красивое яркое изображение, в основном, это яркие картинки каких-либо спортивных или культурных мероприятий. Конечно, ни одна из этих фотографий не является натуральной, т.к. практически невозможно сделать качественный снимок телевизионного изображения. Так вот, эти картинки вставляются в экраны с помощью Photoshop. Сейчас мы и разберём, как это осуществляется на практике.
Я взял изображение телевизора из рекламной страницы интернет-магазина:
А вот изображение, которое должно появиться на экране телевизора:
Если вы работаете с рекламными интеграциями для больших компаний, можно договориться про аренду телевизора, нанять профессионального фотографа и подобрать фото, которые идеально будут подходить для обработки.
Для начала выделим ту область, в которую необходимо вставить другое изображение.
Во-первых, открываем изображение-акцептор и создаём в нём выделенную область, в которой будет размещено второе изображение. Выбор используемых инструментов, конечно, будет зависеть от формы области, которую вы должны выделить. В моём случае выделение будет иметь простую четырёхугольную форму, так что я буду использовать инструмент «Прямолинейное Лассо» (Polygonal Lasso Tool), который по умолчанию расположен за стандартным лассо в панели инструментов:
Делается выделение примерно так:
Откройте второе изображение. т.е. то, которое Вы хотите вставить, и нажмите Ctrl+A для его полного выделения. Вокруг всего изображения появится рамка «марширующие муравьи»:
Теперь нажмите Ctrl+C для его копирования в буфер обмена.
Вставляем второе изображение в выделенную область
Сейчас нам не подойдёт стандартная комбинация Ctrl+V, она же Paste, т.к. нам нужно не просто вставить изображение, а вставить в заданную выделенную область. Мы пойдём другим путём.
Для вставки изображения в область в Photoshop CS6 имеется специальная команда «Вставить в» (Paste Into), открывается она через вкладку главного меню Редактирование —> Специальная вставка (Edit —> PasteSpecial):
Кроме того, запустить эту команду можно с помощью комбинации горячих клавиш Alt+Shift+Ctrl+V.
Примечание. В Photoshop CS5 и ниже команда «Вставить в» расположена сразу в меню «Редактирование», без промежуточных подпунктов, и имеет комбинацию горячих клавиш Shift+Ctrl+V
После применения команды «Вставить в» происходят три вещи:
- Photoshop добавляет новый слой выше фонового слоя в панель слоёв
- он размещает второе изображение на новом слое
- и он использует выделение для создания маски слоя, которая скроет все области вставленного изображения, выходящие за рамки выделенной области, оставляя видимыми только участки в границах выделения
Давайте посмотрим на панель слоёв, чтобы понять, что у нас получилось. Мы видим, что у меня теперь имеются два слоя — фоновый слой внизу, содержащий изображение телевизора, и новый слой «Слой 1», расположенный над ним, который содержит спортивное изображение. Мы также видим миниатюру слой-маски, отображающую созданную слой-маску. нам маску слоя, которая была создана. Белая область в центре миниатюры — это область выделения, т.е экран телевизора, а черная область вокруг белой — это то, что в выделение не входило:
И вот как выглядит теперь само изображение:
Заметьте, Photoshop даже создал перспективу для перенесённой картинки! Кстати, это относится только к версии CS6, ранние версии перспективу бы не создали, но, всё-таки давайте немного усилим эффект перспективы, для этого воспользуемся инструментом «Свободная трансформация», зажмём клавиши Shift+Ctrl+Alt и опустим вниз левый верхний угол. Т.к. клавиши зажаты, противоположный угол изображения будет двигаться в противоположную сторону:
По завершению трансформации нажмите Enter. Вот что получилось в итоге:
Ну и завершающий эффект, добавление к маске стиля слоя «Внутренняя тень» (Inner Shadow) для придания объёма изображению. Параметры стиля слоя Вы можете посмотреть в готовом файле PSD, выполненным по материалам этого урока, скачать который можно по ссылкам внизу страницы.
Вот что у нас получилось в итоге:
Ну вот, вроде бы и всё. Архив с исходным изображениями и файлом PSD, выполненным по материалам этого урока, Вы можете скачать по ссылке:
Скачать с Depositfiles.com
Как работают инструменты трансформации в Photoshop
Инструменты трансформации в Photoshop позволяют изменить масштаб, угол поворота, а иногда и форму объекта. Рассказываем, как ими пользоваться.
Жанна Травкина
Пишет про дизайн в Skillbox. Работает директором по маркетинговым коммуникациям, изучает рекламную графику и 3D.
Первое, что запоминают новички, — масштабирование картинки с зажатой клавишей Shift для сохранения пропорций. Но это далеко не все, что нужно знать об инструментах трансформации — с их помощью не только изменяют размер, но и полностью деформируют объект. Трансформация применяется к слоям и маскам, что полезно при работе с графикой.
Свободное трансформирование/Free Transform
Самый часто используемый инструмент трансформации в Photoshop, вызвать который проще всего сочетанием Ctrl + T. У инструмента есть еще одно полезное сочетание — Alt + Shift. Если зажать клавиши при трансформации, то масштабирование будет происходить из центра изображения. С помощью Свободного трансформирования/Free Transform можно также изменять угол поворота картинки и смещать углы картинки с зажатой клавишей Ctrl.
1 Как работает Свободное трансформирование/Free Transform
Переключаться между режимами трансформации в Photoshop можно во вкладке Редактирование/Edit, а можно просто щелкнуть по картинке правой кнопкой мыши — все режимы будут в выпадающем списке.
Масштабирование/Scale
С помощью Масштабирования/Scale можно воздействовать лишь на размер изображения. Чтобы картинка изменялась с сохранением пропорций, зажмите клавишу Shift — такая трансформация используется чаще всего. Если же нужно изменить не столько размер, сколько пропорции, просто регулируйте масштаб картинки с помощью мыши, не зажимая Shift.
2 Как работает Масштабирование/Scale
Поворот/Rotate
Позволяет повернуть изображение. Если нужно выставить точный угол поворота, лучше действовать не мышкой, а ввести значение на панели сверху. Повернуть изображение на 90 или 180 градусов можно с помощью специальной команды — находясь в одном из режимов трансформации, кликните по картинке правой кнопкой мыши и выберите нужный пункт в конце списка.
3 Как повернуть изображение в Photoshop
Наклон/Skew
Этот инструмент трансформации в фотошопе используется довольно редко, так как часто искажает изображение при деформации, но бывает полезен в тех редких случаях, когда картинку нужно просто «наклонить», изменив размер по одной из сторон.
4 Как работает инструмент Наклон/Skew в Photoshop
Искажение/Distort
Чаще всего используется для работы с мокапами или в случаях, когда нужно изменить перспективу изображения и точно подогнать картинку под какой-либо объект. Действует очень просто — перетаскивая углы картинки, можно по отдельности настраивать их расположение.
5 Как работает инструмент Искажение/Distort
Перспектива/Perspective
В отличие от Наклона/Skew и Искажения/Distort, Перспектива/Perspective воздействует не на каждый угол по отдельности, а на два связанных, позволяя изменять перспективу изображения с сохранением пропорций.
6 Как работает Перспектива/Perspective в Photoshop
Деформация/Warp
Позволяет сильно деформировать картинку, воздействуя на ее части. При вызове инструмента появляется сетка, разделяющая картинку на девять равных частей — можно воздействовать мышкой как на определенную область, так и на точки пересечения внутри сетки.
7 Как работает инструмент Деформация/Warp
Отражение (по горизонтали или вертикали)/Flip (Horizontal или Vertical)
Любое изображение можно отразить по горизонтали или по вертикали. Чтобы это сделать, откройте любой режим трансформации, щелкните по картинке правой кнопкой мыши и выберите соответствующий пункт из списка.
8 Как отразить картинку в Photoshop
Марионеточная деформация/Puppet Warp
Один из самых гибких инструментов для деформации изображения, с помощью которого можно как делать легкую ретушь, так и полностью трансформировать отдельные части изображения. Марионеточная деформация создает сетку, при помощи которой можно искажать изображение. В отличие от сетки Деформации/Warp, эта гораздо более гибкая — ее можно настроить под себя или вовсе отключить.
Чтобы воспользоваться сеткой, расставьте «булавки» в тех частях изображения, которые вы хотите закрепить, а затем, перетаскивая их, внесите нужные изменения. Чтобы удалить лишние булавки, их нужно выбрать и нажать Delete, чтобы добавить — щелкнуть по нужному месту мышкой.
9 Как работает Марионеточная деформация/Puppet Warp
Марионеточная деформация позволяет сильно искажать пропорции изображения, поэтому при работе с этим инструментом трансформации в Photoshop нужно быть осторожным и не забывать о реализме.
Заключение
Умение работать с трансформацией упрощает работу в программе, но это лишь небольшая часть возможностей Photoshop. Чтобы стать настоящим профессионалом и создавать насыщенные визуализации, нужны более глубокие знания, которые можно получить на курсе «Рекламная Графика».