Как в фотошопе сделать фото в рамке: Как сделать рамку в Adobe Photoshop? — DesignLessons – все о дизайне

Содержание

Как сделать рамку в Adobe Photoshop?

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

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

Рассмотрим несколько простейших способов.

Откройте в фотошопе фотографию и выделите изображение с помощью комбинации клавиш ctrl+a или инструментами выделения, перейдя в меню «Редактирование» и кликнув по пункту «Выполнить обводку»:

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

Предположим, что нужная нам рамка имеет толщину 2 пикселя. Если у открытой в Photoshop картинки имеется всего один слой, то он же и является фоновым.

Нажмите F7, дважды кликните по фоновому слою, и, когда откроется окно «Стиль слоя», выберите панель «Обводка». Селектор «Снаружи» обязательно необходимо поменять на «Внутри». Указав все необходимые вам параметры, кликните на «ОК»:

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

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

Повторите данное действие ещё трижды ко всем сторонам картинки, и получится простая обводка. Неудачные действия можно отменить с помощью комбинации ctrl+z. Конечный результат мало отличается от первого способа, однако делать такую рамку вы можете не только по краям изображения, но и в любой части рисунка:

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

Находясь на первом слое, выберите «Фильтр», «Размытие» и «Размытие по Гауссу» и размойте изображение:
Затем в окне «Фильтр» кликните на «Шум» — «Добавить шум». В параметрах наложения слоёв слоя 2 уже знакомым способом выполните одно пиксельную черную или белую обводку.

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

Получится такая рамка:

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

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

Откройте загруженную рамку и фотографию в одном проекте Adobe Photoshop:

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

В окне «Слои» поместите слой с рамкой выше, чем слой с фотографией, как показано на рисунке:

Теперь фотография находится под рамкой.

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

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

Как сделать рамку в Adobe Photoshop?

Рассмотрим несколько простейших способов.

Получится такая рамка:

Откройте загруженную рамку и фотографию в одном проекте Adobe Photoshop:

В окне «Слои» поместите слой с рамкой выше, чем слой с фотографией, как показано на рисунке:

Теперь фотография находится под рамкой.

Как сделать рамку в Adobe Photoshop?

Рассмотрим несколько простейших способов.

Получится такая рамка:

Откройте загруженную рамку и фотографию в одном проекте Adobe Photoshop:

В окне «Слои» поместите слой с рамкой выше, чем слой с фотографией, как показано на рисунке:

Теперь фотография находится под рамкой.

Создание рамки в Photoshop. Круглая, овальная рамка

После чего кликнуть по кнопке добавления стилей слоя (3), в открывшемся меню выбрать стиль «Обводка» (Stroke) (4), задать параметры: положение(внутри) и размер (5), непрозрачность (6) и тип обводки — цвет (7), узор или градиентная заливка. Последнее интереснее, можно выбрать рисунок заливки, кликнув на полоску, и поиграть параметрами, направлением и т.п., изменить цвета и прозрачность градиента:

Продвинутый способ

Если нет желания обрезать изображение на фотке, то надо увеличить величину холста. Вкладка главного меню Изображение —> Размер холста, в открывшимся окне поставить галку у опции «Относительно» и задать размер по длине и ширине. Можно выбрать цвет фона, хотя и не обязательно:

В окне «Размер холста» указаны значения ширины и высоты, их сумма равна 560+448=1008 пикс., поэтому в «новый размер» пишем ширину и высоту по 150 пикс.

Bот что получилось:

Теперь воспользуемся инструментом «Волшебная палочка» (клавиша W) и ткнём им по фону. Рамка выделится.

Да, перед этим допуск у волшебной палочки надо сделать 1, это окошко находится сверху под вкладкой «Изображение». затем жмём Ctrl+J (копирование выделения на новый слой). Теперь у нас активен новый слой с рамкой, на Панели слоёв он подсвечен синим.

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

Откроется окно стилей слоя, где надо подобрать стиль рамке, лучше всего применить универсальный метод тыка, начинать рекомендую со стиля «Тиснение» (Bevel and Emboss):

Вот что получилось:

Круглая,овальная рамка

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

Затем также во вкладке главного меню «Выделение» выбираем «Уточнить край» либо Модификация —> Растушёвка и задаём значение. Тут уже выбор параметров делается эмпирическим (методом подбора) путём, так как зависит от размеров фотографии и цели фото, и, кроме того, это дело вкуса.

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

Далее нажимаем клавиши Ctrl+Shift+I, этим мы инвертируем выделение, и закрашиваем зону рамки. Можно на всякий случай клонировать зону рамки, нажав Ctrl+J, и работать в новом слое. Чтоб в этом слое в ненужном месте не навазюкать, выбираем инструмент «Волшебная палочка» и тыркаем в середине рабочего документа. Появится выделение, растушуем края, затем нажимаем клавиши Ctrl+Shift+I и вазюкаем уже в выделенной области. Лишнее можно стереть ластиком, снова нажав Ctrl+Shift+I.

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

Как сделать красивую рамку в Фотошопе

Немного об Adobe Photoshop

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

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

Как сделать рамку в Photoshop?

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

Откройте в Adobe Photoshop фотографию, на которую вы хотите поставить красивую рамку.
Перейдите в интернет-браузер, которым вы пользуетесь. Вам понадобится поисковая система.
В поле поиска в категории «Картинки» напишите «рамка для фото». Среди появившихся результатов скачайте ту, которая вам понравится. Обращайте внимание на то, что формат фотографии с рамкой должен быть .png, а фон у неё должен быть прозрачным.
Также вы можете просто в поисковой строке написать «скачать рамки для фотошопа». Из представленных ресурсов вы сможете скачать целые коллекции рамок.
Теперь откройте фото с рамкой в новом окне программы Фотошоп.
Следующим шагом будет наложение обрамления на наше фото из пункта 1. В окне с рамкой выберите инструмент «Перемещение». Он находится на левой панели инструментов в самом верху (чёрная стрелочка с иконкой перемещения). Или нажмите клавишу V для быстрого вызова инструмента.
Наведите курсор на обрамление и нажмите левую кнопку мыши. Теперь, не отпуская кнопку, ведите курсор на вкладку с вашей фотографией. Вкладка находится ниже основного верхнего меню. Если вы всё сделали правильно, то вы попадёте на свою фотографию из пункта 1. Теперь переместите курсор в область фотографии и отпустите левую кнопку мыши.
На этом этапе мы смогли вставить рамку. Но вы могли заметить, что размеры этих двух картинок не совпадают. Что же делать? Под верхним меню поставьте галочку в поле «Показать элементы управления». Теперь вокруг обрамления имеются кнопки регулировки размера. С их помощью подгоните изображение под необходимый размер.
Когда всё сделано, то можно сохранить полученный результат. Для этого выберите «Файл», далее нажмите «Сохранить как…», а затем подберите папку для файла. В поле формата изображения следует выбрать .jpg.
Готово! Можете показать своё творение друзьям или родственникам. Или же просто распечатайте готовый рисунок и наклейте в фотоальбом.

Как нарисовать рамку самому?

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

Для начала, всё в том же браузере, найдите текстуру, которая вам по душе и которая стилистически подойдёт к вашему фото.
Затем так же, как и в предыдущей инструкции, добавьте её в новую вкладку Фотошопа.
Теперь начинается самое интересное! Вы можете попробовать вырезать рамку сами, а можете воспользоваться вспомогательными инструментами. Они расположены на панели слева, внизу, под чёрной стрелочкой. По умолчанию там изображён прямоугольник. Кликните на него правой кнопкой мыши и выберите фигуру, которая в дальнейшем будет трафаретом.
Далее нарисуйте эту фигуру путём зажатия левой кнопки мыши на текстуре и переноса её в другой конец картинки.
Размер этой фигуры также можно изменять, как и в предыдущем примере (пункт 8).
Для того, чтобы подогнать размер рамки, вы должны понять, что пространство, которое заполняет фигура, в дальнейшем есть ничто иное, как ваша фотография (пункт 1). И то, что вы оставите из текстуры вокруг этой фигуру и есть будущая рамка.
После того, как вы подогнали размер два раза быстро кликните на фигуру (будто вы открываете папку на компьютере). Справа внизу во вкладке «Слои» вы увидите, что на данный момент вы находитесь на слое фигуры. Нажмите на этот слой правой кнопкой мыши и выберите пункт «Растрировать слой».
Далее, на левой панели найдите инструмент «быстрое выделение». Нажмите на него правой кнопкой мыши и выберите «Волшебная палочка».
Теперь левой кнопкой мыши нажмите на фигуру.
Во вкладке слои перейдите на слой текстуры (нажмите на него левой клавишей мышки) и нажмите клавишу Delete. В появившемся окне в поле «Использовать» выберите пункт «Основой цвет» и нажмите ОК. Затем в той же левой панели найдите инструмент «Ластик» и правой клавишей мыши выберите «Волшебный ластик» и нажмите левой кнопкой мыши на фон фигуры.
Теперь удалите слой с фигурой. Если вы всё сделали правильно, то на фоне фигуры будет шахматная текстура. Это означает, что в этом месте прозрачный фон.
Готово! Вы смогли нарисовать свою рамку и теперь вы можете добавить её на любую фотографию по принципу, изложенному в предыдущей инструкции. Осталось лишь сохранить плоды ваших трудов.
Кликаем «Файл», затем «Сохранить как…», после чего выбираем папку, а в поле формат следует взять .png. Нажимаем ОК.

Итоги

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

Создание рамок в Фотошоп / Creativo.one

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

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

Рамка №1. Простая рамка-полоска.

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

Шаг 1. Открываем наше изображение. Выделяем все изображение, нажав CTRL+A.

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

Шаг 2. Выбираем в меню Выделение – Модификация – Сжать (Selection – Modify – Contract). В диалоговом окне выбираем величину отступа в пикселях.

Применяем команду.

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

В появившемся диалоговом окне настраиваем цвет и ширину нашей полоски.

Шаг 4. Применяем команду и получаем результат.

Не забудьте снять выделение, нажав CTRL+D.

Рамка№2. Рамка со скругленными углами внутри.

Шаг 1. На панели инструментов выберем инструмент Прямоугольник со скругленными углами.

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

Шаг 2. Введем необходимый радиус закругления углов.

Шаг 3. Создадим контур с нужными отступами от краев.

Шаг 4. Преобразуем контур в выделение. Нажимаем ПКМ, удерживая курсор внутри контура, и в появившемся меню выбираем

Образовать выделенную область.

Шаг 5. Инвертируем выделение комбинацией клавиш SHIFT+CTRL+I и нажимаем CTRL+DEL, чтобы залить выделение цветом переднего плана или ALT+DEL для цвета заднего плана. Снимаем выделение, нажав CTRL+D.

Рамка №3 . Неровные края.

Шаг 1. Выполняем шаги 1 и 2 Рамка №1.

Шаг 2. Нажимаем Q, чтобы перейти в режим Быстрой маски (Quick Mask).

Шаг 3. Применяем Фильтр – Штрихи – Аэрограф (Filter — Brush Strokes — Sprayed Strokes). Параметры настройки фильтра подбираются индивидуально, в зависимости от изображения.

Шаг 4. (необязательный). Применяем Фильтр – Искажение – Волна (Filter – Distort – Wave) Параметры также подбираются опытным путем.

Шаг 5. Выходим из режима Быстрой маски, нажав Q. Теперь у нас появилось выделение.

Шаг 6. Инвертируем выделение комбинацией клавиш SHIFT+CTRL+I и нажимаем CTRL+DEL, чтобы залить выделение цветом заднего плана (по умолчанию белый) или ALT+DEL для цвета переднего плана (по умолчанию черный). Снимаем выделение, нажав CTRL+D.

Рамка № 4. Ступенчатая

Шаг 1. Выполняем шаги 1 и 2 Рамка №1.

Шаг 2. Нажимаем Q, чтобы перейти в режим Быстрой маски (Quick Mask).

Шаг 3. Применяем Фильтр – Оформление – Фрагмент

(Filter – Pixelate – Fragment).

Шаг 4. Применяем фильтр несколько раз, нажимая CTRL+F. Обычно для картинки размером 900х600 пикселей достаточно 4-5 раз.

Шаг 5. Повторяем шаги 5 и 6 Предыдущего раздела. Получаем результат. В этом случае я использовал цвет переднего плана по умолчанию – черный.

Желаю всем творческого вдохновения и успехов!
Автор: Евгений Карташов.

Источник: creativo.one

Вставляем фото в рамку в Фотошоп / Creativo.one

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

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

Я буду использовать Photoshop CS6, но этот урок так же совместим с Photoshop CS5 и Photoshop CC (Creative Cloud). Для Photoshop CS4 и ранних версий, или для примеров применения данной функции, посмотрите наш первый урок.

Материалы для урока:

Рамка (платно)

Пара в парке (платно)

Архив

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

А вот второе изображение, которое я буду помещать, собственно, в рамку (пара в осеннем парке с Shutterstock):

Финальная композиция выглядеть будет следующим образом:

Давайте начнем!

Шаг 1: Выберите область, в которую вы хотите поместить второе изображение

Начните с изображения, на которое вы будете помещать изображение второе, и выделите область, в которой оно должно появиться. Инструмент для выбора, который вам понадобится, будет зависеть от формы области. В моем случае, я начинаю с изображения рамки, куда я хочу поместить второе изображение. Рамка есть прямоугольник, поэтому, вы можете подумать, что использовать стоит инструмент Прямоугольная область; тем не менее, не следует забывать, что рамка моя наклонена, поэтому лучше в данном случае воспользоваться инструментом Прямолинейное лассо (Polygonal Lasso).

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

Инструмен Прямолинейное Лассо позволяет нам выделить область с прямыми сторонами – мы просто кликаем в тех точках, где наша линия должна изменить направление. Каждый раз, когда мы кликаем по точке, Photoshop создает прямую линию между новой и предыдущей точками. Мы продолжаем кликать, создавая линии, до тех пор пока не вернемся к исходной точке. Чтобы замкнуть область, как я уже сказал, просто кликаем по исходной точке.

Выделить область внутри рамки при помощи этого инструмента достаточно легко. Все, что мне нужно сделать – это кликнуть в каждом из углов рамки. Я начну в верхнем левом углу, затем двигаюсь к правому верхнему углу, далее – к правому нижнему углу, после — к левому нижнему углу. Вы не увидите привычную линию «движущихся муравьев», так как мы выделяем область при помощи инструмента Прямолинейное Лассо. Вместо этого, вы увидите тонкую линию, соединяющую выбранные точки:

Чтобы завершить выбор области, я вновь кликну на самой первой точке в верхнем левом углу. И, теперь, вы можете видеть выбранную область, выделенную стандартной линией “движущихся муравьев”:

Шаг 2: Выберите и скопируйте второе изображение

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

Нам нужно скопировать это изображение в буфер обмена, чтобы у нас была возможность вставить его в выбранную область. Прежде всего, нам нужно выбрать изображение. Откройте меню Выделение (Select) и выберите Все (All). Альтернативный способ – нажмите Ctrl/Cmd + A на клавиатуре.

На изображении появится линия, показывающая выбранную область:

Когда изображение выбрано, откройте меню Редактировать (Edit) и выберите Копировать (Copy). Или же, нажмите сочетание клавиш Ctrl/Cmd + C на клавиатуре:

Шаг 3: Вставьте изображение в выбранную область

Снова переключитесь на первое изображение, кликнув по его вкладке:

Область, которую мы выделили все так же видна, и чтобы вставить туда второе изображение, откройте меню Редактировать (Edit) и выберите Специальная вставка (Paste Special), а затем Вставить в (Paste Into):

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

Прежде чем двигаться дальше, давайте посмотрим на панель со слоями, чтобы разобраться в том, что же произошло. Обратите внимание, что сейчас у нас есть два слоя. Первоначальное изображение есть наш Фоновый слой внизу, и как только мы выбрали команду Вставить в, Photoshop создал новый слой над ним, и поместил второе изображение на этот слой:

Почему же изображение видно только в рамках выбранной нами области? Это произошло потому, что Photoshop использовал выбранную область для создания слоя-маски для второго изображения. Мы можем видеть маску на миниатюре слоя-маски. Белая часть показывает, где наше изображение видимо в документе, тогда как черная часть спрятана от взора:

Шаг 4. Измените размер и переместите изображение при помощи Свободного Трансформирования

Если ваше изображение слишком велико для выбранной области (как и в моем случае) и вам нужно изменить его размер, откройте меню Редактировать и выберите Свободная Трансформация (Free Transform), или же зажмите сочетание клавиш Ctrl/Cmd + T:

Это открывает окошко свободного трансформирования и показывает опорные точки (маленькие квадратики) вокруг изображения. Обратите внимание: окошко свободной трансформации появляется вокруг реального изображения, а не только его видимой части. Если вы не видите окошко Свободной Трансформации полностью, откройте меню Просмотр (View) и выберите Показать во весь экран (Fit the Screen):

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

Чтобы изменить размер вашего изображения, зажмите клавишу Shift и потяните за любой из четрых углов окошка Свободной трансформации. Удерживание Shift’а сохраняет пропорции изображения во время трансформации, чтобы вы случайно не исказили форму. В данном случае, я тяну за правый нижний угол, но подойдет любой из углов. Убедитесь (важно!), что вы отпускаете сначала кнопку мыши, а потом уже Shift. Если вы сначала отпустите Shift, то потеряете изначальные пропорции изображения:

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

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

Когда вы довольны результатом, нажмите Enter/Return, и выйдите из режима Свободной Трансформации:

Шаг 5: Добавьте эффект внутренней тени

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

Из появившегося списка выбираю Внутреннюю Тень:

Далее откроется диалоговое окошко, настраивающее нашу внутреннюю тень. Я уменьшу непрозрачность со стандартных 75% до 40%, чтобы тень не выглядела столь интенсивной. Угол я устанавливаю на 135 градусов, чтобы создать впечатление, что свет исходит из верхнего левого угла, но вы можете выбрать угол по своему усмотрению. Наконец, размер и расстояние я установлю на 10px. Опция Размер (Size) контролирует, насколько тень будет простираться от угла, в то время как Расстояние (Distance) контролирует мягкость края. Необходимые вам величины будут во многом зависеть от размеров изображения, поэтому, тут вы можете немного поэкспериментировать:

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

Вот и все! Таким образом мы помещаем одно изображение внутри другого при помощи функции Вставить в (Paste Into) в Photoshop!

Автор: Steve Patterson

Источник: photoshopessentials.com

границ и рамок Photoshop — матовая рамка для фотографий

Как создать матовую фоторамку

Шаг 1. Дублируйте фоновый слой

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

Исходное изображение на фоновом слое.

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

Нажмите и удерживайте Alt (Win) / Option (Mac) и перетащите фоновый слой на значок нового слоя.

Когда вы отпустите кнопку мыши, Photoshop откроет диалоговое окно Duplicate Layer , давая нам возможность назвать новый слой перед его добавлением. Назовите слой «фотография» (так как это будет слой, на котором находится наша фотография), затем нажмите OK:

Присвоение имени новому слою в диалоговом окне «Дублировать слой».

Копия фонового слоя теперь появляется на новом слое с именем «фотография» над оригиналом:

Панель «Слои», показывающая новый слой «фото».

Шаг 2: выберите фоновый слой

Щелкните фоновый слой на панели «Слои», чтобы он снова стал активным:

Выбор фонового слоя.

Шаг 3. Добавьте больше холста вокруг изображения

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

Переход к изображению> Размер холста.

Откроется диалоговое окно «Размер холста». Во-первых, убедитесь, что для параметра Relative установлено значение , отмеченное как . Это позволит нам начать с нашего текущего размера холста и добавить к нему дополнительное пространство:

Параметр «Относительный» в диалоговом окне «Размер холста».

При установленном флажке «Относительный» введите объем холста, который вы хотите добавить для коврика, в поля Ширина и Высота , используя более простой тип измерения (обычно пикселей или дюймов ).Решая, сколько места добавить, имейте в виду, что любое значение, которое вы вводите для ширины, будет , разделенное между левой и правой сторонами . Так, например, ввод значения 2 дюйма, как я собираюсь сделать, добавит 1 дюйм пространства слева и 1 дюйм справа. То же самое и со значением высоты. Он разделяет между верхним и нижним , поэтому ввод 2 дюйма для высоты добавит 1 дюйм пространства вверху и 1 дюйм внизу. Фактические значения, которые вы вводите, будут во многом зависеть от размера вашего изображения, поэтому, хотя я устанавливаю значения ширины и высоты на 2 дюйма, вы можете обнаружить, что меньшие или большие значения работают лучше:

Введите необходимое количество дополнительного пространства холста.

Затем убедитесь, что центральный квадрат выбран в сетке Anchor непосредственно под параметром Relative. Выбор центрального квадрата указывает Photoshop, что нужно равномерно добавить дополнительное пространство вокруг холста. Наконец, поскольку мы хотим, чтобы наш коврик был белым, установите цвет расширения холста с на Белый :

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

Нажмите «ОК», когда закончите, чтобы закрыть диалоговое окно «Размер холста». В этот момент Photoshop добавляет дополнительное пространство вокруг изображения, создавая нашу белую подложку.Если вы обнаружите, что добавили слишком много или слишком мало места, просто нажмите Ctrl + Z (Win) / Command + Z (Mac) на клавиатуре, чтобы отменить его, затем вернитесь к Изображение > Размер холста и попробуйте еще раз с другими значениями ширины и высоты:

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

Шаг 4: переименуйте фоновый слой

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

Диалоговое окно «Новый слой».

Photoshop изменяет название слоя с «Фон» на «мат»:

Недавно переименованный слой «мат».

Шаг 5: Добавьте новый слой

Затем мы добавим еще один новый слой, на этот раз для удержания рамки. Выбрав слой «мат», нажмите и удерживайте клавишу Alt (Win) / Option (Mac) на клавиатуре и щелкните значок New Layer в нижней части панели «Слои»:

Щелкните значок «Новый слой», удерживая нажатой клавишу «Alt» (Win) / «Option» (Mac).

Это снова открывает диалоговое окно «Новый слой». Назовите новый слой «рамка», затем нажмите OK:

Присвоение имени новому слою.

Между слоями «фотография» и «мат» появляется новый пустой слой с именем «рамка»:

Слой «рамка» добавляется между двумя предыдущими слоями.

Шаг 6: Залейте новый слой белым

Перейдите в меню Edit вверху экрана и выберите Fill :

Идем в меню «Правка»> «Заливка».

Откроется диалоговое окно «Заливка». Мы собираемся временно заполнить слой «рамка» белым цветом, поэтому установите для параметра Use в верхней части диалогового окна значение White . Убедитесь, что для двух других параметров установлены значения по умолчанию ( Mode установлен на Normal и Opacity установлен на 100% ), затем нажмите OK:

Установка для параметра «Использования» значения «Белый» в диалоговом окне «Заливка».

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

Миниатюра предварительного просмотра слоя «рамка».

Шаг 7. Применение стиля слоя «Обводка»

Далее, чтобы нарисовать рамку, мы воспользуемся парой стилей (эффектов) слоя Photoshop. Щелкните значок Layer Styles (значок «fx») в нижней части панели «Слои»:

Щелкните значок «Стили слоя».

Выберите Stroke из появившегося списка стилей слоя:

Выбор стиля слоя «Обводка».

Откроется диалоговое окно «Стиль слоя» Photoshop, в котором в среднем столбце указаны параметры «Обводка».Мы хотим, чтобы наша рамка была чёрной , а это значит, что нам нужно, чтобы обводка была чёрной. Если для обводки еще не задан черный цвет, щелкните образец цвета справа от слова Цвет:

Щелкните образец цвета обводки, если он еще не установлен на черный.

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

Выбор черного в палитре цветов.

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

Установка «Положение внутри» и увеличение значения «Размер».

Вот как выглядит мой документ с обводкой по внешним краям. Пока не закрывайте диалоговое окно «Стиль слоя». У нас есть еще один стиль:

Обводка создает основную рамку.

Шаг 8: нанесите стиль слоя Bevel & Emboss

Давайте добавим нашему кадру глубины, используя другой стиль слоя Photoshop — Bevel & Emboss. Пока диалоговое окно «Стиль слоя» все еще открыто, щелкните непосредственно на слове Bevel & Emboss в верхней части списка стилей слева.Убедитесь, что вы нажимаете сами слова , а не только внутри флажка, иначе параметры для Bevel & Emboss не появятся:

Щелкнув прямо на слове Bevel & Emboss.

Средний столбец диалогового окна «Стиль слоя» изменится на параметры «Фаска и тиснение». Нам нужно применить этот эффект непосредственно к обводке, которую мы добавили на предыдущем шаге, и мы можем сделать это, изменив параметр Style вверху с Inner Bevel (настройка по умолчанию) на Stroke Emboss :

Изменение стиля на тиснение обводкой.

Затем измените параметр Technique прямо под ним с Smooth на Chisel Hard . Затем установите значение Size на то же значение, которое вы использовали для размера штриха на предыдущем шаге. Для меня это было 80 пикселей . Если вы не помните точное значение, которое вы использовали, ничего страшного. Просто следите за своим документом, перетаскивая ползунок размера вправо, и убедитесь, что вы установили его достаточно высоко, чтобы эффект тиснения охватывал всю толщину штриха:

Изменение техники на «Жесткое долото» и установка размера в соответствии с размером штриха.

Вот как должна выглядеть рамка, но мы еще не закончили:

Рамка после применения первой из настроек Bevel & Emboss.

Вернувшись в параметры Bevel & Emboss, измените значение Angle в разделе Shading на 120 ° , чтобы свет, казалось, светил на рамку слева вверху:

Изменение угла на 120 °.

Давайте сделаем еще пару корректировок освещения. Внизу внизу находятся некоторые параметры для регулировки яркости и тени эффекта.Уменьшите значение Highlight Opacity с 75% (настройка по умолчанию) до 50% . Возможно, вы даже захотите пойти немного ниже этого. Это затемнит самые яркие участки кадра:

Уменьшение непрозрачности подсветки до 50%.

Затем, чтобы осветлить более темные области (которые на данный момент являются чисто черными), сначала измените Shadow Mode с Multiply на Screen, затем нажмите на образец цвета рядом с ним, чтобы изменить цвет тени:

Изменение режима тени на экран и щелчок по образцу цвета.

Когда откроется палитра цветов , выберите белый в качестве нового цвета тени (я знаю, я знаю … белый для тени ?? Просто поверьте мне в этом), затем нажмите OK:

Выбор белого цвета в палитре цветов для нового цвета тени.

Почему мы выбрали белый цвет в качестве цвета тени? Это потому, что нам на самом деле не нужна тень, поскольку наша рамка уже чисто черная. Вместо этого нам нужен второй блик, и, изменив режим тени с Multiply на Screen, а затем изменив его цвет с черного на белый, мы фактически превратили тень в блик! Теперь, когда в качестве нового цвета используется белый цвет, уменьшите значение Shadow Opacity с 75%, вплоть до где-то между 10-20% .Я разделю разницу и установлю 15%. Части рамы, которые раньше были чисто черными, теперь будут казаться немного ярче, открывая некоторые детали в углах, где встречаются части рамы:

Понижение значения непрозрачности тени.

Нажмите «ОК», чтобы закрыть диалоговое окно «Стиль слоя». Вот как должна выглядеть рамка:

Рама со всеми примененными настройками Bevel & Emboss.

Узнайте больше о пяти основных режимах наложения, которые должен знать каждый пользователь Photoshop!

Шаг 9: Растеризация стилей слоя

Затем мы добавим тень к кадру.Для этого нам сначала нужно удалить все на слое, кроме самого кадра. И чтобы сделать , что , нам нужно растеризовать наших двух стилей слоя, по существу сглаживая (объединяя) их на слой как обычные пиксели. Щелкните правой кнопкой мыши (Win) / Щелкните, удерживая клавишу Control, (Mac) на слое «рамка»:

Щелкните правой кнопкой мыши (Win) / щелкните, удерживая клавишу Control, в любом месте, кроме эскиза предварительного просмотра.

В открывшемся меню выберите Rasterize Layer Style :

Выбор «Растеризовать стиль слоя».

Рамка по-прежнему будет выглядеть так же, как и раньше, но два стиля слоя больше не указываются отдельно под слоем «рамка» на панели «Слои». Теперь они объединены в слой. Этот означает, что означает, что мы потеряли возможность вернуться и отредактировать их позже, но это нормально, потому что мы уже сделали с ними все, что нам нужно было сделать:

Панель «Слои» после растеризации стилей слоев.

Шаг 10: Выберите инструмент Magic Wand Tool

Выберите инструмент Magic Wand Tool на панели инструментов.По умолчанию он вложен в инструмент Quick Selection Tool , поэтому для доступа к нему нажмите и удерживайте инструмент Quick Selection Tool, пока не появится всплывающее меню, затем выберите в меню Magic Wand Tool:

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

Шаг 11. Отключите «Образец всех слоев»

Вверху на панели параметров убедитесь, что параметр Sample All Layers в не отмечен флажком (выключен). Это ограничит наш выбор только содержимым слоя «рамка»:

Параметр «Образец всех слоев».Убедитесь, что он выключен.

Шаг 12: Выберите белую область и удалите ее

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

Щелкните значок видимости для слоя «рамка».

Затем щелкните инструментом Magic Wand Tool в любом месте белой области , чтобы выбрать его. Вы увидите контур выделения вокруг внешних краев. Теперь выделено все, кроме рамки:

Щелчок инструментом Magic Wand Tool внутри белой области.

Выделив белую область, нажмите клавишу Backspace (Win) / Delete (Mac) на клавиатуре, чтобы удалить ее. Та же самая область теперь будет заполнена прозрачностью, обозначенной шаблоном шахматной доски.Остается только сама рама:

Белая область исчезла.

Нам больше не нужен контур выделения, поэтому, чтобы удалить его, перейдите в меню Select вверху экрана и выберите Deselect . Или просто нажмите Ctrl + D (Win) / Command + D (Mac) на клавиатуре:

Собираюсь Выбрать> Отменить выбор.

Затем, чтобы снова включить другие слои в документе, вернув фотографию и белый коврик, еще раз нажмите и удерживайте Alt (Win) / Option (Mac) на клавиатуре и щелкните рамку » значок видимости слоя:

Нажмите и удерживайте Alt (Win) / Option (Mac) и щелкните тот же значок видимости.

Шаг 13: Добавьте падающую тень

Щелкните еще раз на значке Layer Styles в нижней части панели Layers:

Щелкните значок «Стили слоя».

Выберите Drop Shadow внизу списка:

Выбор эффекта слоя «Тень».

Откроется диалоговое окно «Стиль слоя» с параметрами «Тень». Во-первых, уменьшите Непрозрачность тени с 75% (значение по умолчанию) до 50-60% , чтобы она не была такой интенсивной.Оставьте Угол установленным на 120 ° , чтобы направление освещения осталось таким же, каким оно было при создании кадра. Затем отрегулируйте значения Distance и Size по мере необходимости для вашего изображения. Distance контролирует, насколько далеко тень появляется от ее источника (кадра), а Size контролирует мягкость тени. Я оставлю для своего расстояния значение по умолчанию 5 пикселей , но увеличу значение размера до 10 пикселей :

Параметры Drop Shadow.

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

Рамка с наложенной тенью.

Шаг 14: Добавьте новый слой

Завершим нашу рамку рисунка, добавив вторую, меньшую рамку вокруг фотографии, создав эффект двойного коврика. Еще раз нажмите и удерживайте Alt (Win) / Option (Mac) на клавиатуре и щелкните значок New Layer в нижней части панели слоев:

Нажмите и удерживайте Alt (Win) / Option (Mac) и щелкните значок «Новый слой».

Когда появится диалоговое окно «Новый слой», назовите слой «внутренняя тень» и нажмите «ОК»:

Назовите новый слой «внутренняя тень».

Между слоями «рамка» и «фотография» появляется новый пустой слой с именем «внутренняя тень»:

Photoshop добавляет слой «внутренняя тень» над слоем «рамка».

Шаг 15: Выберите инструмент Rectangular Marquee Tool

Возьмите инструмент Rectangular Marquee Tool с панели инструментов:

Выбор инструмента «Прямоугольная область».

Шаг 16. Нарисуйте выделение вокруг фотографии

Используя инструмент Rectangular Marquee Tool, растяните прямоугольное выделение вокруг фотографии, сделав его немного больше, чем сама фотография. Начните с нажатия выше и слева от верхнего левого угла фотографии, затем, удерживая кнопку мыши нажатой, перетащите по диагонали чуть ниже и справа от нижнего правого угла, оставляя одинаковое количество пространства по всем четырем сторонам. . Если вам нужно переместить контур выделения во время его рисования, нажмите и удерживайте пробел , перемещайте выделение с помощью мыши, затем отпустите клавишу пробела и продолжайте перетаскивание:

Сохраняйте равное пространство вокруг фотографии при выделении.

Шаг 17: Залейте выделение белым цветом

Перейдите в меню Edit вверху экрана и выберите Fill :

Идем в меню «Правка»> «Заливка».

Когда откроется диалоговое окно «Заливка», установите для параметра « Использовать » значение Белый , если это еще не сделано, затем нажмите «ОК»:

Снова задаю для параметра «Использовать» значение «Белый».

Заливает выделение белым цветом на слое «внутренняя тень». Вы еще не сможете увидеть его в документе, но вы можете увидеть его на миниатюре предварительного просмотра слоя :

На миниатюре предварительного просмотра выделенная область теперь залита белым.

Нам больше не нужен контур выделения, поэтому перейдите в меню Выберите и выберите Отменить выделение или нажмите Ctrl + D (Win) / Command + D (Mac) на клавиатуре, чтобы быстро удалить:

Собираюсь Выбрать> Отменить выбор.

Шаг 18: примените эффект слоя внутреннего свечения

Чтобы создать эту вторую границу, все, что нам нужно сделать, это применить тонкую внутреннюю тень к области, которую мы только что залили белым (поэтому мы назвали этот слой «внутренней тенью»).Photoshop действительно включает стиль слоя Inner Shadow, мы не собираемся его использовать, потому что он создаст тень только вдоль двух из четырех сторон (аналогично тому, как Drop Shadow выглядит на кадре). Вместо этого мы создадим нашу собственную внутреннюю тень, используя другой стиль слоя — Inner Glow.

Щелкните значок Layer Styles в нижней части панели Layers:

Щелкните значок «Стили слоя».

Выберите Inner Glow из списка:

Выбор стиля слоя Inner Glow.

Когда откроется диалоговое окно Layer Style, измените Blend Mode в верхней части опций Inner Glow с Screen на Multiply. Это превращает свечение в тень, или, по крайней мере, оно будет, когда мы также изменим его цвет:

Изменение режима наложения на умножение.

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

Щелкните образец цвета.

Выберите черный , затем нажмите OK, чтобы закрыть палитру цветов:

Изменение цвета внутреннего свечения на черный.

Это создает тонкую рамку вокруг фотографии:

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

Вы можете немного увеличить значение Size , чтобы немного смягчить тени. Увеличу свой до 10 пикселей :

Увеличение значения размера.

Наконец, уменьшите значение Opacity до примерно 15-20% , чтобы тень выглядела очень слабой и едва различимой:

Понижение значения непрозрачности.

Щелкните OK, чтобы закрыть диалоговое окно Layer Style, и все готово! Вот моя последняя матовая рамка после увеличения размера и уменьшения непрозрачности:

Окончательный результат.

Создайте деревянную рамку для картины в Photoshop

Автор Стив Паттерсон.

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

Вот изображение, которое я буду использовать в этом уроке Photoshop:

Исходное фото.

Этот урок из нашей серии «Фотоэффекты». Давайте начнем!

Загрузите это руководство в виде готового к печати PDF-файла!

Шаг 1. Дублируйте фоновый слой

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

Палитра слоев в Photoshop, показывающая изображение на слое Background .

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

Нажмите «Ctrl + J» (Win) / «Command + J» (Mac), чтобы продублировать фоновый слой.

Шаг 2. Добавьте дополнительное пространство холста вокруг изображения

Нам нужно добавить дополнительное пространство вокруг нашей фотографии. Дополнительное пространство станет нашей рамкой для картины.Количество добавляемого пространства зависит от того, какого размера вы хотите, чтобы ваша рамка была. Подойдите к меню изображения вверху экрана и выберите размер холста. Когда появится диалоговое окно «Размер холста», введите, сколько места вы хотите добавить вокруг изображения. Мне нужна довольно толстая рамка для моей фотографии, поэтому я собираюсь ввести значение 1,5 дюйма для параметров ширины и высоты. Убедитесь, что у вас также отмечен параметр Relative:

.
Введите размер холста, который вы хотите добавить вокруг изображения.Здесь я добавляю 1,5 дюйма пространства как для ширины, так и для высоты.
Щелкните OK в правом верхнем углу диалогового окна, чтобы выйти из него и попросить Photoshop добавить дополнительное пространство холста. В окне документа вокруг фотографии появится дополнительное пространство:
Теперь вокруг фотографии в окне документа появляется дополнительное пространство.
Шаг 3. Добавьте новый пустой слой
Затем нам нужно добавить новый пустой слой над двумя существующими слоями. Выбрав «Слой 1» (верхний слой), щелкните значок «Новый слой» в нижней части палитры «Слои»:
Щелкните значок «Новый слой» в нижней части палитры «Слои», чтобы добавить в документ новый пустой слой.
В окне документа ничего не происходит, но мы видим в палитре слоев, что Photoshop добавил для нас новый пустой слой и дал ему описательное имя «Слой 2»:
Новый пустой слой появится в палитре «Слои» над двумя другими слоями.
Шаг 4: Заполните новый слой деревянным узором Photoshop
Чтобы наша рамка выглядела так, как будто она сделана из дерева, мы могли бы создать свою собственную деревянную текстуру, но нам это не нужно, так как Photoshop поставляется с уже встроенным деревянным узором! Выбрав «Слой 2», перейдите в меню «Правка» вверху экрана и выберите «Заливка».Вы также можете использовать сочетание клавиш Shift + F5. В любом случае открывается диалоговое окно «Заливка». Для параметра «Содержание» вверху выберите «Шаблон» в раскрывающемся меню справа от слова «Использовать». Затем щелкните миниатюру узора справа от слов Custom Pattern и выберите текстуру дерева в появившемся поле выбора (это четвертая слева, верхняя строка):
В диалоговом окне «Заливка» установите для «Содержание» значение «Узор» и выберите встроенную текстуру дерева Photoshop в поле выбора.
Затем в разделе «Смешивание» в нижней половине диалогового окна установите для параметра «Режим» значение «Нормальный» и убедитесь, что для параметра «Непрозрачность» установлено значение 100%:
Установите «Режим наложения» на «Нормальный» и убедитесь, что «Непрозрачность» установлена на 100%.
Щелкните OK, чтобы выйти из диалогового окна. Photoshop заполнит весь слой текстурой дерева, временно заблокировав просмотр фотографии:
Новый слой теперь полностью заполнен текстурой дерева.
Теперь у нас есть древесина для нашей рамы.Мы сделаем его больше похожим на настоящую рамку, а затем вернем нашу фотографию.
Шаг 5. Выберите фотографию на «слое 1»
Мы собираемся вырезать отверстие в нашем дереве, чтобы снова увидеть нашу фотографию, и для этого мы воспользуемся маской слоя. Удерживая нажатой клавишу Ctrl (Win) / Command (Mac), щелкните непосредственно на миниатюре предварительного просмотра для «Layer 1» в палитре слоев:
Удерживая нажатой «Ctrl» (Win) / «Command» (Mac), щелкните миниатюру предварительного просмотра для «Layer 1».
Загружает выделение вокруг фотографии в окне документа.Само фото все еще не видно, но мы видим поле выбора, в котором должно быть фото:
В окне документа появится рамка выбора вокруг фотографии.
Шаг 6: инвертировать выделение
Мы выбрали область, в которой должна появиться фотография, но нам действительно нужно выделить область вокруг фотографии (рамку), поэтому нам нужно инвертировать наше выделение. Для этого перейдите в меню «Выбор» вверху экрана и выберите «Обратный» или воспользуйтесь быстрым сочетанием клавиш Shift + Ctrl + I (Победа) / Shift + Command + I (Mac).В любом случае инвертирует выделение, и если вы внимательно посмотрите в окно документа, вы все равно увидите то же поле выбора вокруг фотографии, что и раньше, но теперь вы также увидите поле выбора по краям окна документа, позволяя нам знайте, что теперь у нас выделена область рамки вокруг фотографии:
Окно документа, показывающее область рамки вокруг выбранной фотографии.
Шаг 7. Добавьте маску слоя
Теперь, когда у нас выделена область кадра, щелкните значок маски слоя в нижней части палитры слоев:
Щелкните значок «Маска слоя» в нижней части палитры слоев.
Это добавляет маску слоя к «Layer 2», и теперь единственная часть слоя, которая остается видимой в окне документа, — это область, которую мы выбрали, то есть область рамки вокруг фотографии. Часть, которая не была выбрана — область, где должна появиться фотография — теперь скрыта от просмотра, что позволяет нам снова увидеть нашу фотографию:
С маской слоя, добавленной к «Layer 2», фотография появляется в центре кадра.
Если мы посмотрим на нашу палитру слоев, мы увидим, что миниатюра маски слоя была добавлена справа от миниатюры предварительного просмотра слоя:
Миниатюра маски слоя теперь отображается справа от миниатюры предварительного просмотра для «Layer 2».
Для получения дополнительной информации о масках слоев ознакомьтесь с нашим учебным курсом Understanding Layer Masks в разделе Photoshop Basics на веб-сайте.
Шаг 8: Отмените выбор маски слоя и выберите содержимое «Layer 2»
На данный момент наша фоторамка выглядит немного плоской. Нам нужно придать ему некоторую глубину, и мы можем легко сделать это с помощью стилей слоя, что мы и сделаем сейчас. Но сначала нам нужно выбрать рамку. В настоящее время у нас выбрана маска слоя, а не сам слой.Мы можем увидеть, какой из них мы выбрали, посмотрев на миниатюры слоя в палитре слоев. Какая бы миниатюра не была выделена белым окном, она выбрана. Миниатюра маски слоя в настоящее время показывает поле выделения, которое сообщает нам, что маска слоя выбрана. Нам нужно, чтобы содержимое слоя (кадра) было выделено, поэтому щелкните миниатюру предварительного просмотра слоя, чтобы выбрать сам кадр:
Щелкните миниатюру предварительного просмотра для «Layer 2», чтобы выбрать содержимое слоя и отменить выбор маски слоя.
Шаг 9. Добавьте стиль слоя «Скос и тиснение»
Теперь, когда сама рамка выделена, щелкните значок «Стили слоя» в нижней части палитры «Слои»:
Щелкните значок «Стили слоя» в нижней части палитры слоев.
Затем выберите Bevel and Emboss из появившегося списка стилей слоев:
Выберите стиль слоя «Фаска и тиснение».
Это вызывает диалоговое окно Photoshop Layer Style, в котором в среднем столбце установлены параметры «Bevel and Emboss».В разделе «Структура» вверху измените параметр «Техника» на «Твердое долото», затем увеличьте значение глубины примерно до 150%:
Установите для параметра «Техника» значение «Жесткое долото» и увеличьте «Глубину» до «150%» в параметрах «Фаска и тиснение».
Затем в параметрах «Затенение» в нижней части диалогового окна уменьшите непрозрачность режима подсветки примерно до 50%, затем уменьшите непрозрачность режима тени примерно до 60%:
Уменьшите «Непрозрачность» «Режима подсветки» до 50% и «Режим тени» до 60%.
Это придает нашему кадру более трехмерный вид:
Рамка изображения теперь имеет трехмерный вид.
Шаг 10. Добавьте стиль слоя «Наложение цвета»
Если вас устраивает цвет рамки изображения, вы можете пропустить этот следующий шаг. Если вы, как и я, предпочитаете более темный цвет дереву, вот как это изменить. Щелкните непосредственно на слове «Наложение цвета» слева от диалогового окна «Стиль слоя». Убедитесь, что вы нажимаете непосредственно на сами слова, а не только внутри флажка.Щелчок внутри флажка включит стиль слоя Color Overlay, но не даст нам доступа к его параметрам. Нам нужны параметры, поэтому нажимайте непосредственно на сами слова:
Щелкните непосредственно на слове «Наложение цвета» в левой части диалогового окна «Стиль слоя».
Это изменяет средний столбец диалогового окна «Стиль слоя» на параметры «Наложение цвета». Чтобы изменить цвет рамки, щелкните образец цвета справа от параметров режима наложения:
Щелкните непосредственно на образце цвета справа от параметров «Режим наложения».
Откроется палитра цветов Photoshop. Я хочу изменить цвет рамки на более темно-коричневый, поэтому я выберу этот цвет в палитре цветов:
Выберите цвет рамки в палитре цветов. Здесь я выбираю темно-коричневый.
Щелкните OK, чтобы выйти из палитры цветов. Вы увидите, что к рамке применен новый цвет, но теперь рамка отображается сплошным цветом. Мы потеряли текстуру дерева. Чтобы вернуть текстуру дерева, измените режим наложения Color Overlay на Color Burn:
.
Чтобы восстановить текстуру дерева в кадре, измените «Режим наложения» стиля слоя «Наложение цвета» на «Затемнение цвета».
Нажмите «ОК», чтобы закрыть диалоговое окно «Стиль слоя». Вот мой кадр после изменения его цвета на более темно-коричневый и установки режима наложения на «Затемнение цвета»:
Цвет рамки изменен на темно-коричневый.
Мы почти закончили! Нам нужно добавить еще один простой стиль слоя, и мы сделаем это дальше!
Шаг 11: Выберите «Слой 1»
Нам нужно снова выбрать нашу фотографию, поэтому нажмите «Layer 1» в палитре слоев, чтобы выбрать его:
Выберите «Слой 1» на палитре «Слои».
Шаг 12. Добавьте стиль слоя «Внутренняя тень»
Мы собираемся закончить работу, добавив немного тени к нашей фотографии, которая придаст рамке еще более трехмерный вид. Выбрав «Слой 1», щелкните еще раз в диалоговом окне «Стиль слоя» в нижней части палитры «Слои»:
Щелкните значок «Стиль слоя» в нижней части палитры «Слои».
На этот раз выберите Inner Shadow из появившегося списка стилей слоя:
Выберите «Внутренняя тень» из списка стилей слоя.
Это снова вызывает диалоговое окно «Стиль слоя» Photoshop, на этот раз для параметра «Внутренняя тень» в среднем столбце. Все, что нам нужно сделать, это уменьшить непрозрачность тени, чтобы она не была такой интенсивной. Уменьшите параметр непрозрачности примерно до 65%:
Понизьте «Непрозрачность» внутренней тени примерно до 65%, чтобы снизить ее интенсивность.
Нажмите OK, чтобы выйти из диалогового окна Layer Style, и все готово! Вот, после добавления немного тени к моей фотографии, моя последняя деревянная рамка для картины:
Окончательный результат.
И вот оно! Вот как создать простую деревянную фоторамку в Photoshop! Посетите наш раздел «Фотоэффекты», чтобы получить больше уроков по эффектам Photoshop!

Как создать свои собственные рамки и границы с помощью Photoshop
Сделайте ваши фотографии яркими! Из этого туториала Вы узнаете, как создавать собственные рамки и границы с помощью Photoshop.
Рамы для картин использовались на протяжении большей части истории искусства. Это не изменилось в нашу цифровую эпоху. Независимо от того, распечатываете ли вы свою фотографию или оставляете ее в цифровом виде, добавление краев к ней всегда поможет ее презентации.Вот три креативные рамки и границы, которые легко сделать в Photoshop.
Еще в эпоху аналоговой фотографии было очень распространено оставлять белые края вокруг фотографии, чтобы пассивная часть не закрывала какую-либо часть изображения. Если бы фотография была произведением искусства, пустая часть внизу была бы больше остальных, чтобы вы могли поставить там свою подпись.
В наши дни классическая и элегантная презентация все еще может быть достигнута с помощью Photoshop, следуя этой идее.Конечно, вы можете проявить гораздо больше творчества! Начнем с основ:
РАМКИ
Белая рамка
Если вы хотите напечатать фотографию и оформить ее в традиционном стиле, выполните следующие простые шаги:
Откройте изображение в Photoshop.
Перейти к началу страницы Меню >> Изображение >> Размер холста. Во всплывающем окне у вас будет выбор для нового размера. Здесь вам нужно изменить измерение на Процент, чтобы оно было равномерным по всей вашей фотографии, и вам не нужно было выполнять много вычислений.Затем выберите размер рамки. В этом случае я добавил 10%, поэтому общий размер будет 110%. Убедитесь, что ваша точка привязки находится в центре (как показано на рисунке ниже). Внизу вы также можете выбрать цвет рамки. Нажмите ОК, чтобы применить.
Снова откройте окно «Размер холста», но на этот раз вы поместите точку привязки на верхний центральный квадрат (как показано на изображении ниже). Добавьте дополнительные 10% сверху / снизу, чтобы оставить ширину 100%, и измените только высоту на 110%.
Добавьте свою подпись, авторские права или посвящение под своим изображением.
Фотография с белой рамкой и подписью, нанесенной этим методом.
Составные рамки
Эта основная идея белой рамки может быть немного переработана, чтобы создать композицию с очень элегантным результатом. Это идеально подходит для минималистичных или классических фотографий.
Откройте изображение в Photoshop.
Перейдите в верхнее меню >> Изображение >> Размер холста и выберите размер и ширину рамки, как вы это делали для белой рамки.На этот раз вы можете проявить немного больше творчества, просто не забудьте держать якорь в центре. Когда вы закончите, нажмите ОК.
Повторите шаг № 2, выбрав другой цвет и размер. Например, для этого я решил сначала использовать серую рамку 3%, а затем более тонкую в цвете винограда, чтобы дополнить изображение.
Повторите столько раз, сколько захотите. В этом случае я добавил третью рамку черного цвета, которая была шире предыдущих двух.
СОВЕТ: Чтобы выбрать цвет на фотографии, выберите «Другой» в цветном меню в окне «Размер холста».Откроется новое окно со всеми цветами на выбор. В этот момент, проводя указатель мыши по изображению, указатель становится пипеткой. Затем вам просто нужно нажать на нужный цвет, а Photoshop сделает все остальное!
ГРАНИЦ
Хотя фреймы состоят из одного или нескольких сплошных прямоугольников, границы намного сложнее. Граница сама по себе может быть изображением. Поэтому вы не ограничены определенной формой, что дает вам более широкий выбор вариантов.Вот один пример:
Создание границы в стиле гранж
Сначала выберите изображение горизонта; это может быть город или природа. В данном случае я использую фотографию деревьев в пруду. Откройте его в фотошопе.
Далее перейдите в верхнее меню; Image >> Adjustments >> Threshold и установите очень большое значение, чтобы получить изображение в основном черно-белое (без серых тонов).
Выберите изображение (CTRL / CMD + A) и скопируйте его (CTRL / CMD + C).Затем вставьте его на новый пустой холст (CTRL / CMD + V).
Перейти в верхнее меню; Edit >> Free Transform и сожмите изображение до одного из краев.
Дублируйте слой, перейдя в верхнее меню; Слой >> Дублировать слой. Сделайте это трижды, чтобы у вас получилось четыре слоя.
Выберите каждый слой и поместите их с каждой стороны (используйте «Трансформирование», чтобы повернуть и изменить размер каждого из них), создав прямоугольную границу. Вы можете выбрать разные режимы наложения для каждого слоя, чтобы они не выглядели одинаково.Вы можете сделать это из раскрывающегося меню на панели «Слои». Вы также можете перейти в верхнее меню и выбрать; Слой >> Стиль слоя >> Параметры наложения, если вам нужно больше контроля над режимом наложения.
Теперь у вас есть очень оригинальная рамка, которую можно использовать с любым изображением! Помните, что бордюры не только дополняют образ, но и демонстрируют вашу креативность и индивидуальность.
Если вы не знаете, как применять границы к изображениям, не волнуйтесь, это очень просто.Ознакомьтесь с приложением ниже, чтобы узнать, как это сделать.
Приложение: Как использовать границы
Теперь я помещу изображение внутри рамки, чтобы показать вам, как это делается. Я думаю, что граница в стиле гранж хорошо сочетается с городскими сценами, но это зависит от вас.
Откройте файл рамки.
Перейдите в верхнее меню и выберите; Файл >> Поместить >> и выберите свое фото. Это вставит нужную фотографию в файл границы, размер которой уже изменен. Вам придется выполнить окончательную корректировку размера вручную, перетаскивая края (удерживайте нажатой клавишу Shift, если вы используете инструмент Transform, чтобы сохранить соотношение сторон изображения).
Измените режим наложения слоя, чтобы он выглядел интегрированным. В данном случае я использовал режим затемнения. Попробуйте разные, пока не будете удовлетворены. Помните, что вы можете сделать это из раскрывающегося меню на панели «Слои». Вы также можете перейти в верхнее меню и выбрать; Слой >> Стиль слоя >> Параметры наложения, если вам нужно больше контроля.
Заключение
Вот и все! Попробуйте использовать одну и ту же рамку на разных изображениях, чтобы создать определенный стиль для коллекции фотографий, которую вы можете повесить на стену.
Автор граффити неизвестен, найден на улицах Милана, 2017.
Границы и рамки отлично подходят для отображения фотографий в цифровой фоторамке, а также для печати. Вы сэкономите много денег и получите уникальный декор в своем доме. Возможности рамок и границ безграничны, так что исследуйте, творите и получайте удовольствие.
Как использовать рамки Photoshop
Рамки в Photoshop CC — это специализированные маски, используемые для удержания других изображений. Рамки можно рисовать или создавать из фигур.Если вы знаете, как создать рамку в Photoshop, она может содержать изображение с вашего локального жесткого диска или из результатов поиска Adobe Stock.
Getty Images / Ифань Ли / EyeEm
Рамки Photoshop и смарт-объекты
Профессионалы Photoshop могут знать, что то же самое можно сделать с помощью масок слоев и смарт-объектов. Фреймы по сути достигают той же цели, но с немного более гибкой системой. Например, изображения в кадрах по умолчанию можно перемещать и преобразовывать внутри кадра.Фреймы также упрощают замену изображений и установку заполнителей. Маски слоя, конечно, по-прежнему работают, но инструмент «Рамка» выполняет свою работу немного быстрее.
Как сделать рамку с помощью инструмента «Рамка»
Откройте новый или существующий файл Photoshop. Выберите инструмент Frame на панели инструментов в левой части экрана или нажмите клавишу K .
Выберите прямоугольную или эллиптическую рамку из опций инструментов вверху.По умолчанию выбран вариант прямоугольной формы.
Перетащите рамку по холсту, чтобы установить размер вставленного изображения.
На панели «Свойства » используйте меню в разделе « Inset Image », чтобы выбрать изображение, которое вы хотите поместить во фрейм. Вы можете вставить изображение со своего компьютера в виде встроенного или связанного файла. и найдите изображение в базе данных Adobe Stock.
Вы также можете перетащить изображение со своего компьютера в рамку.
Если связанное изображение перемещено или удалено с вашего компьютера, ссылка прерывается и файл становится недоступным. Когда вы вставляете встроенное изображение, Photoshop сохраняет копию изображения в документе, содержащем изображение. Это увеличивает размер файла, но гарантирует, что встроенное изображение всегда будет подключено к файлу.
Чтобы изменить размер или положение изображения во фрейме, дважды щелкните изображение на холсте (или выберите эскиз изображения, а не фрейм, на панели «Слои»).Выберите инструмент Move и используйте ручки на изображении для настройки изображения.
Чтобы применить границу к изображению, выберите раздел Stroke на панели Properties . Выберите цвет, толщину и положение мазка.
Щелкните объект, чтобы увидеть результат.
Как создавать рамки Photoshop из фигур
Рамки также могут быть созданы в форме любого выделения, которое вы можете сделать с помощью инструментов формы.
Открыв файл Photoshop, выберите инструмент Shape на панели инструментов или нажмите клавишу U .
Фреймы не могут быть применены к обычному выделению или к путям. Если вы хотите преобразовать выделение или путь в слой-фигуру, щелкните выделение или путь правой кнопкой мыши, выберите Определить настраиваемую форму и , затем используйте инструмент Настраиваемая форма , чтобы нарисовать эту форму точно поверх выделенной области. .
Установите для заливки и обводки значение «Нет».Затем нарисуйте фигуру, используя любой из параметров формы, в том месте, где должно отображаться содержимое рамки.
Разместите или измените размер фигуры, перетаскивая ее, пока она не станет нужного размера и в нужном месте.
Выберите слой, содержащий форму, на панели Layer и выберите Convert to Frame из меню Layer.
Дайте рамке имя или выберите OK , чтобы подтвердить значение по умолчанию.
Перетащите изображение на фрейм или используйте Inset Image на панели Properties , чтобы найти изображение.
При необходимости переместите или измените размер изображения, чтобы добиться эффекта. По умолчанию изображение масштабируется по размеру кадра.
Изображение вставляется как смарт-объект, и его можно масштабировать неразрушающим образом с помощью инструмента «Свободное преобразование».
Другие способы вставки изображений в рамки
Вы можете добавлять изображения в рамку несколькими дополнительными способами.
Перетаскивание ресурса : перетащите актив из Adobe Stock или с панели «Библиотеки» во фрейм на холсте. По умолчанию Photoshop помещает перетаскиваемое изображение как встроенный смарт-объект. Чтобы разместить изображение как связанный смарт-объект, при перетаскивании удерживайте нажатой клавишу Option / Alt.
Перетаскивание с компьютера : перетащите изображение из локального хранилища компьютера в рабочую область с выбранной рамкой. Это помещает перетаскиваемое изображение в кадр как встроенный смарт-объект.Чтобы вставить перетаскиваемое изображение в качестве связанного смарт-объекта, при перетаскивании удерживайте нажатой клавишу Option / Alt .
Использование файла > Поместить : Выбрав фрейм, выберите Файл > Поместить связанный или Файл > Поместить встроенный и , затем выберите изображение с помощью средства выбора файлов. Выбранное изображение помещается в рамку и автоматически масштабируется до размеров рамки.
Перетащите пиксельный слой : перетащите пиксельный слой в пустой кадр.Слой преобразуется в смарт-объект и помещается в рамку.
Фреймы также можно оставить пустыми в качестве заполнителей. Создайте рамку поверх пустого слоя, и рамка останется пустой. Контент может быть добавлен во фрейм любым из описанных выше методов, когда актив выбран и одобрен.
Спасибо, что сообщили нам!
Расскажите, почему!
Другой Недостаточно подробностей Сложно понять
Как использовать инструмент «Рамка» в Photoshop CC 2019
Photoshop CC 2019 представляет инструмент «Рамка», новейшее дополнение к панели инструментов.
Инструмент «Рамка» позволяет создавать заполнители изображений, в которые можно добавлять изображения позже. Он очень похож на инструмент «Рамка» в Adobe InDesign.
Как работают рамки в Photoshop?
Frames — это новый тип слоя на панели слоев. Вы можете думать о них как о контейнере, в котором хранится контент.
Чтобы обеспечить неразрушающий рабочий процесс, содержимое внутри фреймов автоматически добавляется как смарт-объект.
Рамки предназначены специально для изображений.Вы можете добавлять смарт-объекты, но не фигуры, текст или другое содержимое.
Необходимое время: 3 минуты.
Следуйте этим инструкциям для создания изображений-заполнителей с помощью нового инструмента «Рамка» в Photoshop CC 2019.
Выберите инструмент «Рамка»
Вы можете выбрать инструмент «Рамка» на панели инструментов Photoshop или нажав клавишу K на клавиатуре.
Выберите форму рамки на панели параметров
На панели параметров щелкните либо прямоугольный значок, либо
эллиптический значок, чтобы выбрать форму, которую вы хотите использовать в качестве заполнителя.
Щелкните и перетащите, чтобы создать фрейм-заполнитель
Нажмите и перетащите холст, чтобы создать фрейм-заполнитель.
Примечание : Щелчок и перетаскивание существующего изображения маскирует изображение по границам кадра.
Перетаскивание изображений во фрейм
Содержимое во фрейме будет заменено, когда во фрейм будет перетаскиваться другое содержимое. Вы можете перетаскивать изображения со своего жесткого диска или из библиотек Creative Cloud.Изображение автоматически масштабируется по размеру кадра.
Замена изображений из кадров
Вы можете заменить изображение в кадре, перетащив на него новое изображение.
Как выбрать фрейм или содержимое в фрейме
Для кадра, содержащего изображение, вы можете выбрать инструмент «Рамка» и использовать следующее для выбора кадра или содержимого:
Один щелчок по содержимому выделяет и фрейм, и содержимое.
Двойной щелчок по содержимому выбирает только содержимое.
Второй двойной щелчок в этом состоянии вернется к выбору фрейма и содержимого.
Однократный щелчок по границе фрейма активирует фрейм.
Примечание 1 : Нет дескрипторов преобразования для масштабирования кадра и содержимого вместе. Однако вы можете изменить размер отдельно.
Примечание 2 : После масштабирования содержимого внутри фрейма невозможно автоматически «подогнать содержимое под фрейм»
.
Кадры из изображений
С существующим изображением на холсте используйте инструмент «Рамка», чтобы нарисовать нужную область изображения. Изображение будет замаскировано границами кадра.
Рамки из текстовых слоев или фигур
Вы можете преобразовать любую существующую фигуру или текстовый слой в рамку.
На панели слоев щелкните правой кнопкой мыши слой с фигурой или текстом и выберите « Convert to Frame ».
Фреймы и панель свойств
Вставить изображение
Найти на Adobe Stock: Открывает в вашем браузере веб-сайт Adobe Stock.
Открытые библиотеки : открывает панель «Библиотеки».
Поместить с локального диска — встроенный : открывает окно «Поместить». Выбранное изображение будет встроено в документ фотошопа.
Место с локального диска — встроенный: Открывает окно Поместить. Выбранное изображение станет справочным файлом.
Ход
Этот параметр позволяет обвести рамку обводкой.
Вы можете выбрать цвет обводки, ширину в пикселях и выравнивание обводки (внутри, по центру или снаружи).
Layer Comp
Если ваше изображение-заполнитель представляет собой смарт-объект с композицией слоев, вы можете использовать раскрывающееся меню «Композиция слоев», чтобы выбрать композицию, которая была определена в исходном файле.
Layer Comps часто используются дизайнерами для создания нескольких композиций (или композиций) макета страницы для демонстрации клиентам. Layer Comps позволяют создавать, управлять и просматривать несколько версий макета в одном файле Photoshop.
Композиция слоев — это просто снимок состояния панели «Слои».Композиции слоев записывают три типа параметров слоя:
Видимость слоя: независимо от того, отображается ли слой или скрыт.
Положение слоя: Где слой находится в документе.
Внешний вид слоя: , применяется ли стиль слоя к слою и режим наложения слоя.
Эта функция позволяет изменять состояние смарт-объекта на уровне слоя без редактирования смарт-объекта.
Команда
Редактировать содержимое :
Преобразовано в связанный :
Встроено :
Создание рамок с помощью Photoshop Elements
Другие материалы… подписывайтесь на меня:
«Просто примечание, чтобы сказать, что я ЛЮБЛЮ ваш сайт! Кажется, есть несколько элементов PS. обучающие сайты, но ваш, безусловно, самый ясный и легкий для понимать.Спасибо! »- Элли
«Просматривая ваши учебные пособия даже о вещах, которые, как мне кажется, я знаю, я ВСЕГДА узнаю что-то новое. Большое вам спасибо!» — Дуглас
«Я очень рада найти такие полезные и понятные информация по использованию Photoshop Elements. Я не могу дождаться, чтобы использовать твой учебные пособия (особенно с моей одержимостью скрапбукингом) »- Джуди в MS
Хорошо день Рик: «Я очень ценю ВСЕ, ВСЕ ваши уроки. Очень, очень ясно а также полезные советы, приемы и практические приемы в PSE9.Отличный отличный работа! »- Хоан
«Мне нравятся ваши учебные пособия на YouTube. Очень четкие и полезные. Большое спасибо». —
Богатый
«Я люблю твои видео! Они были такой БОЛЬШОЙ помощью. Я купил чайников книга, и это нормально, но я лучше смотрю, а не читаю. Престижность к вам! «- Ура, Кэти
«Спасибо за этот сайт! Я нашел его через одно из ваших видео на YouTube.
Еще раз, большое вам спасибо!» — Ванесса
«Это действительно щедрый и достойный восхищения сайт!» — Ура, Йонас
«Привет Рик! Сначала я должен поблагодарить вас за всю информацию, которую вы Поделиться.Не могу дождаться, чтобы увидеть «советы и рекомендации», над которыми вы работаете потому что похоже, что это поможет всему собраться вместе.
Я просмотрел несколько ваших руководств и многому научился. Я не могу похвалить вас за ваше время и терпение »- Вики.
«Ваш сайт — отличный сервис, и я благодарю вас!»
— С уважением, апрель
«Большое спасибо вам и вашему веб-сайту, а также за информацию и помощь, которую я получаю от
, это очень ценно.»- Роб
Рик — «Большое спасибо за ваш совет, который я приму. Большое спасибо, как хорошо для вас исключительно хорошие учебные пособия. Кажется, у вас есть удивительное умение заставлять сложные задачи казаться легкими и простой. Я фанат! «- С наилучшими пожеланиями, Тони
«Намного полезнее, чем книга PS Elements 9 для чайников… Большое спасибо за ваш сайт… действительно легко следить». — Карин
Привет Рик.Просто хотел сказать большое спасибо за все отличные информация, содержащаяся в ваших учебных пособиях. Я наткнулся на PS9 для прошло уже несколько недель, и я не могу поверить, насколько легко вы объясняете разные аспекты. Это способ, намного более мощный, чем я представлял, и теперь для меня тоже можно использовать. Большое, большое спасибо из Великобритании. — Парень
Как сделать фотоколлаж в Photoshop CC
Научиться делать фотоколлаж в Photoshop пригодится в самых разных ситуациях.На отдельных фотографиях запечатлены отдельные моменты времени, но при этом создается коллаж, и вы сможете проиллюстрировать целую историю, заархивировав ценный семейный праздник или создав мегамикс воспоминаний на день рождения партнера. Создание коллажа также является отличной проверкой ваших навыков композиции.
Существует множество приложений для создания коллажей, но Photoshop CC даст вам еще больше контроля. Это позволяет вам завершить весь процесс, используя всего одно приложение, которое включает в себя любые необходимые настройки изображения.(Некоторые из лучших приложений можно найти в нашем обзоре лучших инструментов для создания коллажей.)
Photoshop — одно из наиболее часто используемых приложений для этого типа работы. Если вы еще не зарегистрировались, получите Adobe Creative Cloud, чтобы получить доступ к впечатляющему набору программного обеспечения для творчества.
В этом уроке Photoshop вы узнаете, как импортировать изображения в Photoshop, размещать их на одной странице и ограничивать их цветными рамками. Если вы хотите улучшить свои навыки работы с Photoshop в других областях, ознакомьтесь с нашим постом, в котором собраны лучшие уроки по Photoshop, или для начинающих узнайте, как Photoshop кого-то превратит в картинку.
01. Выберите изображения
Вы можете использовать органайзер фотографий, чтобы упростить вашу работу, но их предварительный просмотр в Finder также будет работать. (Изображение предоставлено Мэттом Смитом / Future Owns / Adobe)
Сначала выберите свои изображения. Невозможно сжать всю коллекцию фотографий на одной странице, поэтому нужно проявлять избирательность, ограничиваясь максимум 5-8 фотографиями. Выбор изображения важен, если вы хотите сохранить интерес зрителя — коллажи — это не просто развороты случайных изображений, а представляют собой плавное повествование, отображающее различные углы, формы и стили.
Старайтесь использовать изображения, подходящие для разных размеров рамок, выбирая только самые лучшие и наиболее подходящие изображения. Тематизация коллажа по линиям одного согласованного цвета или общего элемента может объединить все воедино, в то время как контрастные изображения создают напряжение и, как правило, привлекают внимание. Каждое изображение должно быть хорошо экспонировано и в фокусе.
Если вы не уверены, что выглядит хорошо, посмотрите макеты некоторых журналов для вдохновения. Использование органайзера библиотеки, такого как Lightroom или Bridge, упрощает процесс, упрощая сортировку сразу нескольких фотографий, хотя Finder работает так же хорошо.Используйте этот этап, чтобы внести необходимые коррективы в ваши изображения, прежде чем объединять их.
В моем коллаже будет фотография Porsche 964 Carrera, поэтому я включил широкие, динамичные снимки, а также детали интерьера крупным планом, показывая машину со всех сторон.
02. Создайте документ
Окно «Новый документ» предоставляет выбор из предварительно загруженных шаблонов, которые являются хорошей отправной точкой для любого проекта (Изображение предоставлено: Мэтт Смит / Future Owns / Adobe)
При создании документа размер холста будет зависеть от предполагаемого результата вашего коллажа, а именно от того, цифровой он или печатный (большинство коллажей лучше смотрятся в альбомном формате).В окне «Новый документ» Photoshop представлен ряд «предустановок документа», чтобы упростить этот выбор, будь то размеры страницы для печати или стандартные цифровые размеры для Интернета и мобильных устройств. Если вам нужен нестандартный размер, вы также можете изменить ширину, высоту, разрешение и цветовой режим. Вы можете изменить это позже, выбрав «Изображение»> «Размер холста». Я использовал размер документа 1920 x 1080 пикселей, RGB, стандартный экран HD.
03. Импорт изображений
Вы можете перетащить все изображения в Photoshop прямо из окна Finder.Удерживая нажатой клавишу Alt, они будут добавлены как связанные слои (Изображение предоставлено Мэттом Смитом / Future Owns / Adobe)
Существуют различные методы для сбора изображений в один файл. Возможно, самым простым является перетаскивание изображений из Finder прямо на холст, который импортирует их как смарт-объекты. Преимущество этого заключается в том, что вы можете изменять их положение и размер без потери качества.
В качестве альтернативы вы можете встраивать изображения в виде связанных слоев, что означает, что они будут отображаться на холсте как версии с низким разрешением, при этом они будут связываться с исходными файлами на вашем компьютере, что позволит избежать медленного времени рендеринга.Сделайте это, удерживая нажатой клавишу Alt при перетаскивании изображений в файл.
Другой способ — открыть все изображения в отдельных окнах Photoshop, выбирая каждое с помощью Cmd + A , копируя с помощью Cmd + C , а затем вставляя в главный документ с помощью Cmd + V . Вы также можете изменить расположение окон, чтобы показывать сразу два файла, а затем буквально перетаскивать слои из одного в другой.
04. Примерно расположите изображения
Используйте инструмент «Свободное преобразование», чтобы изменить размер слоев на холсте, пробуя разные положения для большей визуальной привлекательности (Изображение предоставлено: Мэтт Смит / Future Owns / Adobe)
Прежде чем тратить слишком много времени на доработку коллажа , вам нужно иметь правильные изображения в правильных позициях. Перемещайте изображения по холсту с помощью инструмента «Выделение», пока все они не будут примерно соответствовать странице. Вы можете включать и выключать слои, используя значок глаза слева от каждого слоя на панели «Слои».Масштабируйте и вращайте слои с помощью инструмента «Свободное преобразование» ( Cmd + T ), захватывая ручки кадра преобразования. Удерживая нажатой клавишу Shift, вы сохраните пропорции, а удерживание клавиши Alt приведет к уменьшению масштаба от центра. Вы можете найти дополнительные параметры для преобразования в меню «Правка»> «Преобразовать».
05. Рисование границ
Вы можете изменить цвет фигур в окне «Заливка», где вы также можете добавлять новые образцы и создавать градиенты (Изображение предоставлено: Мэтт Смит / Future Owns / Adobe)
Добавьте одну границу, используя либо инструмент «Перо» (с примененной обводкой) или инструмент «Прямоугольник» для разделения изображений.Я нарисовал длинный белый прямоугольник поперек холста, продублировал его с помощью Cmd + J , переместил и повернул его с помощью Free Transform, затем повторял процесс до тех пор, пока не были наложены все мои границы, включая границу вокруг внешнего края в качестве Рамка.
Если вы не можете выровнять изображения, вы можете перетащить направляющие из линейок (включите их с помощью Cmd + R или в меню «Просмотр»> «Линейки»). Вы также можете выбрать несколько слоев и использовать «Слой»> «Выровнять», чтобы выровнять их.
06. Замаскируйте запасное изображение
Используйте маски, чтобы скрыть нежелательные области, а не удалять их сразу, поскольку маски можно отредактировать позже, если вы передумаете (Изображение предоставлено: Мэтт Смит / Future Owns / Adobe)
С границами Теперь будет видно, что некоторые из ваших фотографий накладываются друг на друга. Используйте инструмент Marquee Tool, чтобы выделить нежелательные области на каждом слое, инвертируйте это выделение, щелкнув правой кнопкой мыши и выбрав «выбрать инверсию», затем нажмите кнопку маски в нижней части панели слоев (это выглядит как кружок в рамке).Вы можете отредактировать маски позже, если передумаете, закрасив область маски черным и белым. Повторите этот шаг для каждого слоя, пока все они не будут на одном уровне с границами.
Если вы импортировали свои изображения как смарт-объекты, вы можете просто удалить ненужные области вместо их маскирования, так как вы не потеряете исходное изображение. Если затем вы хотите переместить изображение внутри рамки, дважды щелкните слой, чтобы открыть окно смарт-объекта, и переместите его туда.
07. Добавить текст и экспортировать
Photoshop CC имеет множество параметров на вкладке «Символ», включая динамический текст, который меняет шрифт вашей копии при прокрутке списка (Изображение предоставлено Мэттом Смитом / Future Owns / Adobe)
Если вас устраивает макет коллажа, вы можете добавить заголовок или сообщение. Выберите инструмент «Текст» на панели инструментов и нарисуйте текстовое поле на холсте, желательно в очень темной или светлой области. Выберите шрифт и цвет на вкладке «Символ», затем вставьте текст.Если текст нечитаем, вам может потребоваться нарисовать за ним сплошную рамку, а затем смягчить ее, уменьшив непрозрачность или изменив режим наложения.