Как сделать рамку в Фотошопе вокруг фотографии – нарисовать или добавить круглую, овальную, белую или размытую красивую рамку в Photoshop

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

Использование обводки

Откройте фотографию в программе. Фон будет заблокирован (рядом с изображением нарисован замочек).  Чтобы разблокировать его нажмите дважды по значку. После этого он должен пропасть.

Выделяем фотографию Выделение — Все (Ctrl+A). Затем на панели находим: Редактирование — Выполнить обводку.

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

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

После выбора параметров жмем «ОК», рамка в Фотошопе готова. Таким образом можно использовать любой цвет, в том числе сделать белую рамку в Фотошопе.

Параметры наложения

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

Там же выбираем два понравившихся цвета. У меня это будут синий и зеленый.

Проводим по фотографии с зажатой левой кнопкой мыши. Появляется градиент.

Выбираем один из инструментов выделения и выделяем область, где будет фотография.

На клавиатуре нажимаем клавишу Delete.

Снимаем выделение — Ctrl+D. Воспользуемся параметрами наложения. Для этого правой кнопкой мыши щелкаем по слою и выбираем «Параметры наложения».

Попробуем изменять разные параметры для получения нужного результата.

Скругленные углы внутри

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

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

Второй способ

Чтобы нарисовать рамку используйте инструмент «прямоугольник со скругленными краями». Внутреннюю область прямоугольника сделайте пустой. Растяните до нужного размера с помощью свободного трансформирования Ctrl+T.

Создание неровных краев

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

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

Снова нажимаем на иконку быстрой маски или Q. Наша область будет показана пунктиром. Ее заливаем цветом или градиентом.

Ступенчатая маска

Для начала воспользуемся инструментом выделения «прямоугольная область» и  нарисуем первую часть рамки. Инвертируем с помощью клавиш Ctrl+Shift+I.

Перейдем в режим быстрой маски (Q).

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

Выходим из режима быстрой маски с помощью клавиши Q  и инвертируем: Выделение — Инверсия (или Shift+Ctrl+I). Теперь можно залить выделенную область любым цветом или градиентом.

Внутренняя рамка

Выделяем изображение: Выделение — Все  или Ctrl+A.

В верхней панели переходим Выделение – Модификация — Сжать.  Выбираем каким будет отступ в пикселях и ставим галочку.

Точно так же, как в первом случае, выбираем в верхней панели Редактирование — Выполнить обводку. Задаем необходимую ширину и цвет.

Снимаем выделение клавишами Ctrl+D и наша работа закончена. Осталось сохранить результат.

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

Чтобы сделать круглую рамку вокруг, открываем фотографию и с помощью инструмента выделения «Овальная область» выделяем нужную область, инвертируем (Shift+Ctrl+I) и клавишей Delete удаляем лишнее. Снова делаем инверсию, выделенным будет наш круг.

Преобразуем его в рабочий контур. Нажимаем на изображение правой кнопкой мыши — образовать рабочий контур. На панели инструментов выберем кисть и настроим  ее по своему желанию.

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

Фоторамка готова. При желании можно сделать еще несколько разных обводок. Таким был наш результат:

Размытые края

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

Активируем вторую снизу копию и на верхней панели переходим Фильтр — Размытие — Размытие по Гауссу.

Ползунком регулируем степень размытия.

Двумя щелчками по тому же слою вызываем стили слоя и щелкаем на «выполнить обводку».

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

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

Уменьшаем верхнее изображение. Получаем размытую рамку.

Также можно ознакомиться с видео.

Как вставить фотографию в рамку

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

1. Откроем два документа: скачанный файл и фотографию.
2. В документе с рамкой идем на верхнюю панель Выделение — Все (ctrl+a), затем Редактирование — Копировать, потом переходим к фотографии Редактирование — Вставить.
3. С помощью свободного трансформирования Ctrl+T подгоняем до нужного размера, красивая рамка в Фотошопе готова.  

Как сделать рамку в фотошопе вокруг фотографии. Добавление рамок на фото в Photoshop: подробная инструкция

Содержание

• 1 Способы создания рамки в Photoshop
  • 1.1 Обводка фотографии
  • 1.2 Использование кисти
  • 1.3 Внутренняя рамка
  • 1.4 Эффект наждачки или шероховатый контур
  • 1.5 Круглая рамка
  • 1.6 Рамка с неровными краями
  • 1.7 Рамка вокруг картинки как эффект фона
  • 1. 8 Рамка с многоступенчатым переходом
  • 1.9 Паспарту
  • 1.10 Прозрачная рамка
• 2 Вставка фотографии в рамку
• 3 Как отменить в фотошопе то, что сделано

Способы создания рамки в Photoshop

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

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

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

Обводка фотографии

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

Открываем фотографию в Adobe Photoshop. На панели слоёв кликаем правой кнопкой мыши по слою с нашей фотографией. Если панели слоёв не видно, то открыть её можно с помощью пункта меню Window/«Окно» → Layers/«Слои».

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

Для того, чтобы его разблокировать, просто дважды кликнем по этому слою мышкой. Замочек исчезнет, а сам слой станет называться Layer 0. После этого кликаем по слою правой кнопкой мыши и в контекстном меню выбираем пункт Blending Options/«Параметры наложения».

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

За добавление обводки по краю кадра отвечает пункт Stroke/«Выполнить обводку». Находим его в левой панели и отмечаем галочкой. После этого в центральной части можно задать параметры обводки:

• Size/«Размер» — толщина обводки в пикселях. Чем больше разрешение фотографии, тем больше должно быть это значение для заметного эффекта.
• Position/«Положение» — положение обводки. Возможны варианты расположения внутри, снаружи и по центру. У нас обводка по краю кадра, а значит все варианты, кроме расположения внутри (Inside), не имеют смысла.
• Blending Mode/«Режим наложения» — режим наложения обводки.
• Opacity/«Непрозр.» — плотность (непрозрачность) обводки.
• Color/«Цвет» — цвет.

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

Так, добавить рамке объём можно с помощью настроек Bevel & Emboss/«Тиснение». Их выбор тут довольно велик, а влияние на изображение каждой наглядно отображается на превью, поэтому предлагаем просто попробовать разные варианты и подобрать нужный.

Результат:

Использование кисти

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

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

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

Внутренняя рамка

Открываем фотографию в Adobe Photoshop. Для того, чтобы сделать белую рамку в Фотошопе, надо выделить всю фотографию целиком. Сделать это можно либо с помощью комбинации клавиш Ctrl+A, либо с помощью команды меню Select/«Выделение» → All/«Все».

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

После того как фотография выделена по периметру, нужно сделать так, чтобы выделение проходило именно там, где нужна рамка. Для этого воспользуемся командой Select/«Выделение» → Modify/«Модификация» → Contract…/«Сжать…».

В появившемся диалоговом окне нужно будет ввести отступ в пикселях от края кадра, на котором должна находится рамка. Отступ будет сделан внутрь. Значение отступа зависит как от того, насколько далеко от края вы хотите сделать рамку на фотографии, так и от разрешения исходного снимка. Не забудьте поставить галочку Apply effect at canvas bounds/«Применить эффект на границах холста», которая указывает на то, что отступ нужно делать от границы.

Нажимаем Ok и видим, что выделение сместилось к центру кадра. Если положение будущей рамки нас устраивает, то двигаемся дальше, если нет — отменяем выделение с помощью комбинации клавиш Ctrl+D и повторяем всё сначала, пока не найдём идеальное положение.

Когда нужное положение выделения подобрано, надо просто выполнить обводку по этому контуру. Для этого воспользуемся командой Edit/«Редактирование» → Stroke…/«Выполнить обводку…».

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

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

А вот и результат.

Эффект наждачки или шероховатый контур

Наиболее широкий спектр возможностей предоставляет функция Стили слоя. В ней можно создать рамку на любой каприз – свечение, затемнение, прозрачные оттенки, шероховатые поверхности. Достаточно набраться храбрости и запастись терпением.

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

В качестве наглядного примера – создание рамки с шероховатым эффектом:

• создать дубликат слоя;
• в меню слои перейти в подменю стили слоя, затем внутреннее свечение;
• в Режим наложения установить мягкий свет;
• непрозрачность 75%;
• шум 83%;
• стягивание 97%;
• размер порядка 30 пикселей, Ок.

Прозрачная рамка:

• открыть фотографию;
• создать дубликат слоя;
• выделить второй слой в специальном окошке слоев;
• зайти в меню слои;
• выбрать стили слоя, перейти в обводку;
• в графе размер задать ширину рамки – 32 пикселя;
• положение выставить внутри;
• непрозрачность установить на 43%;
• цвет – черный.

Важно! Если манипуляции с обводкой совершать на одном единственном слое, эффекта не будет. Функция «срезает» периметр слоя, заменяя его обводкой. Затемнение видно благодаря второму слою. Когда полупрозрачная окантовка ложиться на яркий нижний рисунок, создается специфический эффект.

Размытая рамка:

• открыть фото в редакторе;
• выполнить дубликат;
• второй слой скрыть для удобства – кликнуть по глазу в перечне слоев;
• первый слой размыть – меню Фильтр, подменю Размытие, выбрать «по Гаусу»;
• вернуть второму слою видимость и на выбор: свободным трансформированием уменьшить размер или через обводку, снизив непрозрачность до минимума.

Круглая рамка

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

Далее, необходимо инвертировать выделение. Для этого идем в меню «выделение«-«инверсия«.

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

Затем снова инвертируем выделение и отключаем фоновый слой. Должно получиться так:

Теперь снимаем выделение: жмем при активном инструменте «выделение» в любом месте документа и оно исчезнет. Дважды кликаем по слою с круглым фрагментом и в открывшемся окне отмечаем флагами пункты «тиснение» и «контур«.

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

В результате получим следующую картинку:

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

Затем выбираем инструмент «выделение» и рисуем круг или овал.

Далее, наводим курсор в центр выделения и нажимаем правую кнопку мыши. В открывшемся окне выбираем «выполнить обводку«.

В открывшемся окне устанавливаем цвет, размер. Расположение ставим по центру.

Жмем ОК и получаем результат.

На этом можно и остановиться, но рамку такую можно сделать еще  интереснее. Для этого нажимаем два раза по слою с рамкой. Откроется окно настроек. Первым делом выбираем пункт «наложение градиента». Это если нас не устраивает однотонный цвет. Здесь подбираем нужный градиент.

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

Далее экспериментируем по всем остальным пунктам, в результате получим нечто подобное:

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

Рамка с неровными краями

Как сделать красивую рамку в Фотошопе? Для этого можно добавить к фотографии рамку с неровными и рваными краями.

Как и в предыдущих случаях, делаем выделение с отступом от края кадра.

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

Область для рамки теперь выделена красным. Осталось добавить к ней неровные края. Для этого воспользуемся фильтрами, которых в Adobe Photoshop имеется в изобилии. Это пункт меню Filter/«Фильтр» → Filter Gallery…/«Галерея фильтров…».

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

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

Теперь инвертируем выделение с помощью команды Select/«Выделение» → Inverse/«Инверсия».

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

Вот результат.

Рамка вокруг картинки как эффект фона

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

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

Рамка с многоступенчатым переходом

1. Выбрав инструмент “Прямоугольная область” выполняем выделение, а затем инвертируем его нажатием клавиш Ctrl+Shift+I.
2. Активируем режим быстрой маски (клавиша Q или специальный значок на панели инструментов).
3. Заходим в меню “Фильтр” и выбираем “Фрагмент” (группа “Оформление”). Выполняем это действие несколько раз.
4. Должно получиться примерно следующее.
5. Отключаем режим быстрой маски (так же, как включили), создаем новый слой и заливаем (с помощью инструмент “Заливка”) выделенную область цветом, который считаем наиболее подходящим.
6. Все готово, можно снять выделение (Ctrl+D) и оценить полученный результат.

Паспарту

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

Как и раньше, открываем фотографию в Adobe Photoshop и снимаем блокировку с основного слоя.

После этого нам надо увеличить размер холста, для чего воспользуемся командой Image/«Изображение» → Canvas Size…/«Размер холста…».

В появившемся диалоговом окне указываем новые размеры холста. При этом не обязательно увеличивать холст равномерно по горизонтали и вертикали. Тут вы можете экспериментировать.

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

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

После этого просто заливаем новый слой нужным цветом.

Результат.

Прозрачная рамка

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

Находясь на первом слое, выберите «Фильтр», «Размытие» и «Размытие по Гауссу» и размойте изображение.

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

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

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

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

Вставка фотографии в рамку

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

Итак, допустим вы нашли подходящую рамку и открыли ее в Adobe Photoshop. Вторым документом откройте фотографию, которую надо вставить в рамку.

После этого перемещаемся в документ с рамкой, выделяем её целиком с помощью комбинации клавиш Ctrl+A, после этого копируем выделение Ctrl+C, переключаемся на файл с фотографией и вставляем скопированную рамку туда Ctrl+V.

Из-за того, что размеры и формат рамки и фотографии отличались, аккуратно вставить не получилось. Поэтому надо изменить размер рамки и подогнать под неё фотографию. Делаем активным слой с рамкой, кликнув по нему мышкой, и с помощью инструмента трансформации изменяем размер рамки Edit/«Редактирование» → Free Transform/«Свободное трансформирование».

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

Как отменить в фотошопе то, что сделано

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

Комбинация клавиш Ctrl+Z не всегда спасает ситуацию, так как срабатывает на одно единственное последнее действие. В программе работает комбинация Ctrl+Alt+Z, но жать три клавиши неудобно, если отменять нужно много.

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

Источники

• https://www.internet-technologies.ru/articles/kak-sdelat-ramku-v-adobe-photoshop.html
• https://fast-wolker.ru/kak-sdelat-ramku-v-fotoshope-vokrug-fotografii.html
• https://Prophotos.ru/lessons/19905-kak-sdelat-ramku
• https://vacenko.ru/sozdanie-konturov-ramki-v-fotoshope/
• https://MyPhotoshop. ru/ramka-vokrug-fotografii/

[свернуть]

Инструмент «Рамка» для удобного маскирования в Photoshop

Руководство пользователя
Отмена

Поиск

Последнее обновление:
16 ноября 2022 г., 04:57:02 по Гринвичу

1. Руководство пользователя Photoshop
2. Знакомство с Photoshop
   1. Мечтай. Сделай это.
   2. Что нового в Photoshop
   3. Отредактируйте свою первую фотографию
   4. Создание документов
   5. Фотошоп | Общие вопросы
   6. Системные требования Photoshop
   7. Перенос предустановок, действий и настроек
   8. Знакомство с Photoshop
3. Photoshop и другие продукты и услуги Adobe
   1. Работа с иллюстрациями Illustrator в Photoshop
   2. Работа с файлами Photoshop в InDesign
   3. Материалы Substance 3D для Photoshop
   4. Photoshop и Adobe Stock
   5. Используйте встроенное расширение Capture в Photoshop
   6. Библиотеки Creative Cloud
   7. Библиотеки Creative Cloud в Photoshop
   8. Используйте сенсорную панель с Photoshop
   9. Сетка и направляющие
   10. Создание действий
   11. Отмена и история
4. Photoshop на iPad
   1. Photoshop на iPad | Общие вопросы
   2. Знакомство с рабочим пространством
   3. Системные требования | Фотошоп на iPad
   4. Создание, открытие и экспорт документов
   5. Добавить фото
   6. Работа со слоями
   7. Рисовать и раскрашивать кистями
   8. Сделайте выделение и добавьте маски
   9. Ретушь ваших композитов
   10. Работа с корректирующими слоями
   11. Отрегулируйте тональность композиции с помощью Кривых
   12. Применение операций преобразования
   13. Обрезка и поворот композитов
   14. Поворот, панорамирование, масштабирование и сброс холста
   15. Работа с текстовыми слоями
   16. Работа с Photoshop и Lightroom
   17. Получить отсутствующие шрифты в Photoshop на iPad
   18. Японский текст в Photoshop на iPad
   19. Управление настройками приложения
   20. Сенсорные клавиши и жесты
   21. Сочетания клавиш
   22. Измените размер изображения
   23. Прямая трансляция во время создания в Photoshop на iPad
   24. Исправление недостатков с помощью Восстанавливающей кисти
   25. Создание кистей в Capture и использование их в Photoshop
   26. Работа с файлами Camera Raw
   27. Создание смарт-объектов и работа с ними
   28. Отрегулируйте экспозицию ваших изображений с помощью Dodge and Burn
5. Photoshop в Интернете, бета-версия
   1. Общие вопросы | Photoshop в Интернете, бета-версия
   2. Введение в рабочее пространство
   3. Системные требования | Photoshop в Интернете, бета-версия
   4. Сочетания клавиш | Photoshop в Интернете, бета-версия
   5. Поддерживаемые типы файлов | Photoshop в Интернете, бета-версия
   6. Открытие и работа с облачными документами
   7. Применение ограниченных правок к вашим облачным документам
   8. Сотрудничать с заинтересованными сторонами
6. Облачные документы
   1. Облачные документы Photoshop | Общие вопросы
   2. Облачные документы Photoshop | Вопросы по рабочему процессу
   3. Управление и работа с облачными документами в Photoshop
   4. Обновление облачного хранилища для Photoshop
   5. Невозможно создать или сохранить облачный документ
   6. Устранение ошибок облачного документа Photoshop
   7. Сбор журналов синхронизации облачных документов
   8. Делитесь доступом и редактируйте свои облачные документы
   9. Делитесь файлами и комментируйте в приложении
7. Рабочее пространство
   1. Основы рабочего пространства
   2. Настройки
   3. Учитесь быстрее с помощью панели Photoshop Discover
   4. Создание документов
   5. Разместить файлы
   6. Сочетания клавиш по умолчанию
   7. Настройка сочетаний клавиш
   8. Инструментальные галереи
   9. Параметры производительности
   10. Использовать инструменты
   11. Предустановки
   12. Сетка и направляющие
   13. Сенсорные жесты
   14. Используйте сенсорную панель с Photoshop
   15. Сенсорные возможности и настраиваемые рабочие области
   16. Превью технологий
   17. Метаданные и примечания
   18. Сенсорные возможности и настраиваемые рабочие пространства
   19. Поместите изображения Photoshop в другие приложения
   20. Правители
   21. Показать или скрыть непечатаемые дополнения
   22. Укажите столбцы для изображения
   23. Отмена и история
   24. Панели и меню
   25. Позиционные элементы с привязкой
   26. Положение с помощью инструмента «Линейка»
8. Веб-дизайн, экранный дизайн и дизайн приложений
   1. Photoshop для дизайна
   2. Артборды
   3. Предварительный просмотр устройства
   4. Копировать CSS из слоев
   5. Разделение веб-страниц
   6. Опции HTML для фрагментов
   7. Изменить расположение фрагментов
   8. Работа с веб-графикой
   9. Создание фотогалерей в Интернете
9. Основы изображения и цвета
   1. Как изменить размер изображения
   2. Работа с растровыми и векторными изображениями
   3. Размер и разрешение изображения
   4. Получение изображений с камер и сканеров
   5. Создание, открытие и импорт изображений
   6. Просмотр изображений
   7. Недопустимая ошибка маркера JPEG | Открытие изображений
   8. Просмотр нескольких изображений
   9. Настройка палитр цветов и образцов
   10. Изображения с высоким динамическим диапазоном
   11. Сопоставьте цвета на изображении
   12. Преобразование между цветовыми режимами
   13. Цветовые режимы
   14. Стереть части изображения
   15. Режимы наложения
   16. Выберите цвет
   17. Настройка индексированных таблиц цветов
   18. Информация об изображении
   19. Фильтры искажения недоступны
   20. О цвете
   21. Настройка цвета и монохрома с использованием каналов
   22. Выбор цветов на панелях «Цвет» и «Образцы»
   23. Образец
   24. Цветовой режим или режим изображения
   25. Цветной оттенок
   26. Добавить условное изменение режима к действию
   27. Добавить образцы из HTML CSS и SVG
   28. Битовая глубина и настройки
10. Слои
    1. Основы слоев
    2. Неразрушающий монтаж
    3. Создание и управление слоями и группами
    4. Выбрать, сгруппировать и связать слои
    5. Поместите изображения в рамки
    6. Непрозрачность слоя и смешивание
    7. Слои маски
    8. Применение смарт-фильтров
    9. Композиции слоев
    10. Переместить, сложить и заблокировать слои
    11. Слои маски с векторными масками
    12. Управление слоями и группами
    13. Эффекты слоя и стили
    14. Редактировать маски слоя
    15. Извлечение активов
    16. Показать слои с обтравочными масками
    17. Создание ресурсов изображения из слоев
    18. Работа со смарт-объектами
    19. Режимы наложения
    20. Объединение нескольких изображений в групповой портрет
    21. Объединение изображений с помощью Auto-Blend Layers
    22. Выравнивание и распределение слоев
    23. Копировать CSS из слоев
    24. Загрузить выделение из границ слоя или маски слоя
    25. Knockout для отображения содержимого других слоев
11. Подборки
    1. Начало работы с подборками
    2. Сделайте выбор в композите
    3. Рабочая область выбора и маски
    4. Выберите с помощью инструментов выделения
    5. Выберите с помощью инструментов лассо
    6. Настройка выбора пикселей
    7. Перемещение, копирование и удаление выбранных пикселей
    8. Создать временную быструю маску
    9. Выбор цветового диапазона изображения
    10. Преобразование между путями и границами выделения
    11. Основы канала
    12. Сохранить выделение и маски альфа-канала
    13. Выберите области изображения в фокусе
    14. Дублировать, разделять и объединять каналы
    15. Вычисления каналов
12. Настройки изображения
    1. Замена цветов объекта
    2. Деформация перспективы
    3. Уменьшить размытие изображения при дрожании камеры
    4. Примеры лечебных кистей
    5. Экспорт таблиц поиска цветов
    6. Настройка резкости и размытия изображения
    7. Понимание настроек цвета
    8. Применение регулировки яркости/контрастности
    9. Настройка деталей теней и светлых участков
    10. Регулировка уровней
    11. Настройка оттенка и насыщенности
    12. Настройка вибрации
    13. Настройка насыщенности цвета в областях изображения
    14. Быстрая настройка тона
    15. Применение специальных цветовых эффектов к изображениям
    16. Улучшите изображение с помощью регулировки цветового баланса
    17. Изображения с высоким динамическим диапазоном
    18. Просмотр гистограмм и значений пикселей
    19. Сопоставьте цвета на изображении
    20. Обрезка и выравнивание фотографий
    21. Преобразование цветного изображения в черно-белое
    22. Корректирующие слои и слои-заливки
    23. Настройка кривых
    24. Режимы наложения
    25. Целевые изображения для прессы
    26. Настройка цвета и тона с помощью пипеток «Уровни» и «Кривые»
    27. Настройка экспозиции и тонирования HDR
    28. Осветлить или затемнить области изображения
    29. Выборочная настройка цвета
13. Adobe Camera Raw
    1. Системные требования Camera Raw
    2. Что нового в Camera Raw
    3. Введение в Camera Raw
    4. Создание панорам
    5. Поддерживаемые объективы
    6. Эффекты виньетирования, зернистости и удаления дымки в Camera Raw
    7. Сочетания клавиш по умолчанию
    8. Автоматическая коррекция перспективы в Camera Raw
    9. Как сделать неразрушающее редактирование в Camera Raw
    10. Радиальный фильтр в Camera Raw
    11. Управление настройками Camera Raw
    12. Открытие, обработка и сохранение изображений в Camera Raw
    13. Исправление изображений с помощью инструмента Enhanced Spot Removal Tool в Camera Raw
    14. Поворот, обрезка и настройка изображений
    15. Настройка цветопередачи в Camera Raw
    16. Обзор функций | Adobe Camera Raw | 2018 выпусков
    17. Обзор новых функций
    18. Версии процесса в Camera Raw
    19. Внесение локальных корректировок в Camera Raw
14. Исправление и восстановление изображений
    1. Удаление объектов с фотографий с помощью Content-Aware Fill
    2. Content-Aware Patch and Move
    3. Ретушь и исправление фотографий
    4. Исправить искажение изображения и шум
    5. Основные действия по устранению неполадок для решения большинства проблем
15. Улучшение и преобразование изображения
    1. Замена неба на изображениях
    2. Преобразование объектов
    3. Настройка кадрирования, поворота и размера холста
    4. Как обрезать и выпрямить фотографии
    5. Создание и редактирование панорамных изображений
    6. Деформация изображений, форм и путей
    7. Точка схода
    8. Контентно-зависимое масштабирование
    9. Преобразование изображений, форм и контуров
16. Рисунок и живопись
    1. Симметричные узоры красками
    2. Рисование прямоугольников и изменение параметров обводки
    3. О чертеже
    4. Рисование и редактирование фигур
    5. Малярные инструменты
    6. Создание и изменение кистей
    7. Режимы наложения
    8. Добавить цвет к путям
    9. Редактировать пути
    10. Краска с помощью кисти-миксера
    11. Наборы кистей
    12. Градиенты
    13. Градиентная интерполяция
    14. Выбор заливки и обводки, слоев и контуров
    15. Рисование с помощью инструментов «Перо»
    16. Создание шаблонов
    17. Создание рисунка с помощью Pattern Maker
    18. Управление путями
    19. Управление библиотеками рисунков и пресетами
    20. Рисуйте или раскрашивайте на графическом планшете
    21. Создание текстурированных кистей
    22. Добавление динамических элементов к кистям
    23. Градиент
    24. Нарисуйте стилизованные мазки с помощью Art History Brush
    25. Краска с рисунком
    26. Синхронизация пресетов на нескольких устройствах
17. Текст
    1. Добавить и отредактировать текст
    2. Единый текстовый движок
    3. Работа со шрифтами OpenType SVG
    4. Символы формата
    5. Формат абзацев
    6. Как создавать текстовые эффекты
    7. Редактировать текст
    8. Интервал между строками и символами
    9. Арабский и еврейский шрифт
    10. Шрифты
    11. Устранение неполадок со шрифтами
    12. Азиатский тип
    13. Создать тип
    14. Ошибка Text Engine при использовании инструмента «Текст» в Photoshop | Windows 8
18. Фильтры и эффекты
    1. Использование фильтра «Пластика»
    2. Использовать галерею размытия
    3. Основы фильтра
    4. Ссылка на эффекты фильтра
    5. Добавить световые эффекты
    6. Используйте адаптивный широкоугольный фильтр
    7. Используйте фильтр масляной краски
    8. Используйте фильтр «Пластика»
    9. Эффекты слоя и стили
    10. Применить определенные фильтры
    11. Размазать области изображения
19. Сохранение и экспорт
    1. Сохранение файлов в Photoshop
    2. Экспорт файлов в Photoshop
    3. Поддерживаемые форматы файлов
    4. Сохранение файлов в графических форматах
    5. Перемещение дизайнов между Photoshop и Illustrator
    6. Сохранение и экспорт видео и анимации
    7. Сохранение файлов PDF
    8. Защита авторских прав Digimarc
20. Управление цветом
    1. Понимание управления цветом
    2. Поддержание согласованности цветов
    3. Настройки цвета
    4. Дуотоны
    5. Работа с цветовыми профилями
    6. Документы с управлением цветом для онлайн-просмотра
    7. Управление цветом документов при печати
    8. Импортированные изображения с управлением цветом
    9. Пробные цвета
21. Веб-дизайн, экранный дизайн и дизайн приложений
    1. Photoshop для дизайна
    2. Артборды
    3. Предварительный просмотр устройства
    4. Копировать CSS из слоев
    5. Разделение веб-страниц
    6. Опции HTML для фрагментов
    7. Изменить расположение фрагментов
    8. Работа с веб-графикой
    9. Создание фотогалерей в Интернете
22. Видео и анимация
    1. Видеомонтаж в Photoshop
    2. Редактировать слои видео и анимации
    3. Обзор видео и анимации
    4. Предварительный просмотр видео и анимации
    5. Отрисовка кадров в слоях видео
    6. Импорт видеофайлов и последовательностей изображений
    7. Создать анимацию кадра
    8. Creative Cloud 3D-анимация (предварительная версия)
    9. Создание анимации временной шкалы
    10. Создание изображений для видео
23. Печать
    1. Печать 3D-объектов
    2. Печать из Photoshop
    3. Печать с управлением цветом
    4. Контактные листы и презентации в формате PDF
    5. Печать фотографий в макете пакета изображений
    6. Плашечные цвета для печати
    7. Печать изображений на коммерческой типографии
    8. Улучшение цветных отпечатков из Photoshop
    9. Устранение проблем с печатью | Фотошоп
24. Автоматизация
    1. Создание действий
    2. Создание графики, управляемой данными
    3. Сценарии
    4. Обработать пакет файлов
    5. Играть и управлять действиями
    6. Добавить условные действия
    7. О действиях и панели действий
    8. Инструменты записи в действиях
    9. Добавить условное изменение режима к действию
    10. Набор инструментов пользовательского интерфейса Photoshop для подключаемых модулей и сценариев
25. Подлинность контента
    1. Узнайте об учетных данных контента
    2. Идентичность и происхождение для NFT
    3. Подключить учетные записи для атрибуции креативов
26. 3D и техническое изображение
    1. Photoshop 3D | Общие вопросы о снятых с производства 3D-функциях
    2. Creative Cloud 3D-анимация (предварительная версия)
    3. Печать 3D-объектов
    4. 3D живопись
    5. Усовершенствования 3D-панели | Фотошоп
    6. Основные концепции и инструменты 3D
    7. 3D-рендеринг и сохранение
    8. Создание 3D-объектов и анимации
    9. Стопки изображений
    10. Рабочий процесс 3D
    11. Измерение
    12. DICOM-файлы
    13. Photoshop и MATLAB
    14. Подсчет объектов на изображении
    15. Объединение и преобразование 3D-объектов
    16. Редактирование 3D-текстур
    17. Настройка экспозиции и тонирования HDR
    18. Настройки панели 3D

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

Создание рамки-заполнителя

Вы можете создавать рамки-заполнители для изображений любым из следующих способов:

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

Создание рамок с помощью инструмента «Рамка»

1. Выберите инструмент «Рамка» на панели «Инструменты» или нажмите «K».
2. На панели параметров инструмента выберите прямоугольную или эллиптическую рамку.
3. Нарисуйте новую рамку на холсте.

Преобразование любой фигуры или текста во фрейм

1. На панели «Слои» щелкните правой кнопкой мыши (Win) или щелкните, удерживая клавишу «Control» (Mac), текстовый слой или слой фигуры и выберите «Преобразовать во фрейм» в контекстном меню. .
2. В диалоговом окне «Новый кадр» введите имя и задайте ширину и высоту кадра.
3. Нажмите OK.

Нарисуйте рамку поверх существующего изображения на холсте

1. Выберите инструмент «Рамка» на панели «Инструменты» или нажмите «K».
2. На панели параметров инструмента выберите прямоугольную или эллиптическую рамку.
3. Имея существующее изображение на холсте, нарисуйте рамку над нужной областью изображения.
4. Когда вы рисуете рамку, изображение маскируется границами рамки.

Когда вы рисуете рамку на слое пикселей или перетаскиваете слой пикселей в пустой кадр на панели «Слои», слой пикселей автоматически преобразуется в смарт-объект.

Помещение изображения из результатов поиска Adobe Stock в рамки.

Поместите изображение во фрейм

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

• Перетащите ресурс Adobe Stock или ресурс библиотеки с панели «Библиотеки» в рамку. Ресурс размещается как смарт-объект, который по умолчанию связан с библиотеками Creative Cloud. Чтобы получить исходный отдельный слой (не связанный с библиотеками), удерживайте нажатой клавишу Alt (Win)/клавиша Option (Mac) при перетаскивании с панели «Библиотеки» или используйте команду «Поместить слои» на панели «Библиотеки».
• Перетащите изображение с локального диска в рамку. Изображение размещается как встроенный смарт-объект. : Чтобы создать связанный смарт-объект, удерживайте нажатой клавишу Alt (Win)/клавиша Option (Mac) при перетаскивании изображения.
  
• Выберите кадр. В строке меню выберите «Файл» > «Поместить связанный» или «Поместить встроенный». В появившемся диалоговом окне выберите изображение, которое хотите поместить в выбранный кадр. Изображение размещается как связанный или встроенный смарт-объект.
• На панели «Слои» перетащите пиксельный слой в пустой кадр. Пиксельный слой автоматически преобразуется в смарт-объект.

Слой кадра на панели «Слои»

На панели «Слои» кадры представлены типом слоя «Кадр». Слой кадра отображает две миниатюры — миниатюру рамки и миниатюру содержимого.

Слой кадра на панели «Слои»

A. Миниатюра кадра  B. Миниатюра содержимого; Смарт-объект, связанный с библиотеками C. Слой кадра

Если открыть документ со слоями кадров в Photoshop CC 2018 или более ранних версиях, слой кадра откроется как смарт-объект с векторной маской поверх него.

Выберите фрейм или его содержимое

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

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

A. Выбраны кадр и его изображение  B. Выбрано только изображение (показано с включенными элементами управления преобразованием)   C. Выбран только кадр

Выберите и рамку, и ее изображение

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

• На холсте один раз щелкните вложенное изображение.
• На панели «Слои» щелкните слой с рамкой.

В этом состоянии выбора рамку и изображение можно перемещать или трансформировать вместе.

Выбрать только изображение

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

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

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

Выберите только рамку

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

• В любом из состояний выбора, упомянутых выше, щелкните один раз по границе рамки в области холста.
• На панели «Слои» щелкните миниатюру кадра в слое кадра.

Теперь вы можете трансформировать рамку самостоятельно.

Замена содержимого фрейма

Добавление нового изображения во фрейм заменяет его существующее вложенное изображение. Выполните одно из следующих действий:

• Перетащите изображение с панели «Библиотеки» в рамку в области «Холст» или поверх слоя с рамкой на панели «Слои».
• Перетащите изображение с локального диска в рамку в области холста.
• Выберите кадр или его изображение и используйте параметры в разделе «Вставка изображения» на панели «Свойства»: «Найти в Adobe Stock», «Открыть библиотеки», «Поместить с локального диска — связанный» или «Поместить с локального стола — встроенный».
• Выберите кадр. В строке меню выберите «Файл» > «Поместить связанный» или «Поместить встроенный». В появившемся диалоговом окне выберите изображение, которое хотите поместить в выбранный кадр.

Добавление обводки к кадру

Обновлено в Photoshop 21.2 (выпуск за июнь 2020 г.)

1. На панели «Слои» выберите слой с рамкой.
2. На панели «Свойства» («Окно» > «Свойства») в разделе «Параметры обводки» установите следующие параметры:
   • Установите тип обводки рамки: сплошной цвет, градиент или узор.
     Начиная с Photoshop 21.2, вы также можете установить угол поворота рисунка обводки рамки и легко изменить его ориентацию.
   • Установка ширины обводки кадра (в пикселях).
   • Установить тип выравнивания для хода — внутри, по центру, снаружи.

Подробнее, как это

• Работа с Smart Objects
• Создание типа
• Draw Formes
• Используйте Adobe Stock с Creative Cloud Libraries
• Объекты Transform
• Слои маски с Vector Masks

Знак.

Войти

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

Рамки и рамки Photoshop — матовая фоторамка

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

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

.

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

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

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

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

Имя нового слоя в диалоговом окне Дублировать слой.

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

Панель «Слои» с новым слоем «фото».

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

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

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

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

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

.

Перейдите в Изображение > Размер холста.

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

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

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

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

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

.

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

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

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

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

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

.

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

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

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

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

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

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

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

.

Имя нового слоя.

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

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

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

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

Переходим к Правка > Заполнить.

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.

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

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

Штрих создает базовую рамку.

Шаг 8.

Примените стиль слоя Bevel & Emboss

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

Нажатие непосредственно на слова Bevel & Emboss.

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

Изменение стиля на штриховое тиснение.

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

Изменение техники на Chisel Hard и установка размера на размер штриха.

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

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

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

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

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

Снижение непрозрачности подсветки до 50%.

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

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

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

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

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

Уменьшение значения непрозрачности тени.

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.

Опция Sample All Layers. Убедитесь, что он выключен.

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

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

.

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

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

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

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

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

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

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

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

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

Шаг 13.

Добавьте тень

Щелкните еще раз значок Стили слоя в нижней части панели «Слои»:

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

Выберите Тень из нижней части списка:

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

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

Параметры тени.

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

.

Кадр с примененной тенью.

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

Переходим к Правка > Заполнить.

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

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

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

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

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

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

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

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

Щелкните значок Стили слоя в нижней части панели «Слои»:

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

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

Выбор стиля слоя «Внутреннее свечение».

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

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

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

Щелчок по образцу цвета.

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

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

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

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