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

Содержание

Как в фотошопе cs6 сделать двойную рамку. Как в «Фотошопе» сделать рамку: пошаговая инструкция

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

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

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

Делаем простую рамку для фото

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

Нажмите «Редактирование» — «Выполнить обводку», установите толщину контура для обводки и ее цвет. Потом снимите выделение, нажав Ctrl+D. Вот и все, самая простая рамка в фотошопе готова. Как видите, сделать рамку для фото легко.

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

  • Откройте изображение, выделите его с помощью Ctrl+A, далее выбираем «Выделение» — «Модификация» — «Сжать» и устанавливаем параметр на 10 ли 20. Потом нажмите Q (Быстрая маска).
  • Теперь примените фильтр — сделать это можно, нажав «Фильтр» — «Штрихи» — «Аэрограф». Подвигайте бегунки и остановитесь на варианте, который вам нравится больше. Опять нажмите Q, для выхода из режима быстрой маски, на вашем фото появится выделение.
  • Далее следует инвертировать выделение (SHIFT+CTRL+I), нажать CTRL+DEL (и цвет рамки станет цветом заднего плана). Снимите выделение — Ctrl+D. Цвет можно поменять на панели инструментов в самом низу, щелкнув по второму цветному квадратику и выбрав нужный.

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

Прозрачная рамка на фотографиях смотрится очень красиво, и самое главное — это очень быстро и легко делается.

Наша рамка готова. Но вы можете поэкспериментировать и еще и сделать красивую рамку в Фотошопе.

Выберите в меню «Слои» — «Стили слоя» — «Обводка», к слою №2 применить эффект обводки. Если ваше изображение маленькое, поставьте бегунок на цифру 3, если большое — просто двигайте бегунок до того, как вам понравится эффект. Цвет окантовки также меняется во вкладке «Обводка», нажатием на цветной прямоугольник. Изменяя другие параметры в «Стилях слоя» вы можете добиться интересного результата для вашей фотографии и получить уникальную рамку.

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

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

Рамка №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.
Быстрой маски
(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 Предыдущего раздела. Получаем результат. В этом случае я использовал цвет переднего плана по умолчанию — черный.

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

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

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

Выполнить обводку

Проще всего воспользоваться прямым предложением программы, которое недвусмысленно намекает нам, как в «Фотошопе» сделать рамку. Это команда «Выполнить обводку», и вы найдете ее в меню «Редактирование», но прежде нужно, конечно, выделить свое изображение (Ctrl + A).

В диалоговом окне выбираем параметры (ширину, цвет, расположение, режим наложения, непрозрачность) и жмем OK. Рамка готова. Только если выберете «Снаружи», нужно прежде зайти в «Изображение» > «Размер холста», где увеличить документ с учетом желаемой толщины рамки или вызвать трансформацию (Ctrl + T) и уменьшить размеры самого изображения.

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

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

Обводка как стиль слоя

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

Используем готовые стили

Неплохая рамка для фото в «Фотошопе» может получиться, если воспользоваться стандартными предустановленными стилями («Окно» > «Стили»), которые, кстати, можно создавать самому или скачивать в Сети.

На новом слое заливаем изображение цветом будущей рамки, выбираем подходящий стиль, отмечаем внутренний контур рамки (прямоугольное выделение или овальная область), жмем Delete. Теперь можно вызвать панель стилей и пощелкать по другим вариантам. Вдруг еще лучше получится?

Возможности фильтров

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

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

Затем инвертируем выделение («Выделение» > «Инверсия») и включаем быструю маску, щелкнув по иконке с пунктирным колечком в самом низу панели слоев или выбрав команду «Редактировать в режиме быстрой маски» с меню «Выделение».

Теперь переходим в «Фильтр» > «Галерея фильтров» и подбираем какой-нибудь эффект, манипулируя его настройками и наблюдая за предварительным результатом в окне просмотра.

Нормально работает, например, эффект «Стекло» или «Океанские волны» в группе (папке) «Искажение»; эффекты «Разбрызгивание» и «Аэрограф» в группе «Штрихи»; «Рваные края» в группе «Эскиз».

Выбрав вариант по вкусу, выключаем маску повторным щелчком по ее кнопке, жмем Delete, снимаем выделение (Ctrl+D) и придирчиво смотрим на результат. Если с цветом что-то не так, открываем двойным щелчком по нижнему слою «Параметры наложения», и, выбрав «Наложение цвета», устанавливаем нужный тон.

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

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

Создаем пустую рамку с нуля

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

Документ создан. Выделяем его полностью (Ctrl + A), включаем инструмент выделения «Прямоугольная (или овальная) область», создаем внешний контур рамки. Затем на панели настроек вверху переключаемся на режим «Вычитание из выделенной области» и выделяем контур внутренней стороны рамки. Теперь инвертируем выделение («Выделение» > «Инверсия») и жмем Delete.

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

Интересные результаты получаются при использовании предустановленных стилей («Окно» > «Стили») групп «Эффекты для текста», «Кнопки», «Текстуры», «Web-стили».

Некоторые стили можно использовать в комбинации с заливкой, если выделенную рамку (Ctrl + клик по миниатюре в палитре слоев) скопировать на новый слой (Ctrl + J).

Закругляем углы

Как в «Фотошопе» сделать рамку с закругленными краями? В принципе, все то же самое, что и в предыдущем шаге, только здесь мы создаем выделения для рамки из контуров фигур.

Включаем инструмент «Прямоугольник с закругленными углами», на панели настроек вверху слева переходим в режим «Контур», на той же панели задаем радиус закругления, растягиванием — оба контура рамки, переходим на вкладку «Контуры» («Окно» > «Контуры»), жмем на иконку с пунктирным колечком («Загрузить контур как выделенную область»), инвертируем выделение («Выделение» > «Инверсия») и жмем Delete. А дальше действуем по аналогии с прямоугольной рамкой.

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

Может быть, для начала воспользуемся стандартным набором векторных фигур в «Фотошопе»?

Готовые варианты

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

Но и готовые фигуры рамок тоже неплохо смотрятся, тем более что в двухцветных вариантах к вашим услугам параметры «Заливка» и «Штрих», в каждом из которых можно изменять «Чистый цвет», «Градиент» или «Узор». Как видите, для творческих задач с тем, как в «Фотошопе» сделать рамку, нет пределов для фантазии.

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

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

Теперь фоновый слой можно удалить (или прикрыть ему глазик), и, перейдя в меню «Файл», «Сохранить для Web» c расширением PNG.

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

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

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

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

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

Способ №1: обводка

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

Выберите цвет, толщину и расположение обводки:

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

Способ №2: рамка вокруг картинки как эффект фона

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

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

Способ №3: использование кисти

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

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

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

Способ №4: прозрачная рамка

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

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

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

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

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

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

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

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

Шаг №1

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

Шаг №2

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

Шаг №3

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

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

Шаг №4

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

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

Для начала создадим рабочий документ. Размер практически не имеет значения, лишь бы вам было удобно. И сразу же создадим новый слой при помощи комбинации клавиш ctrl+shift+n.

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

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

Создаем новый слой, той же комбинацией клавиш ctrl+shift+n. А теперь выбираем инструмент прямоугольная область и «обводим» наш текст.

Не пытайтесь проделать эту операцию идеально ровно. Рамку для текста мы еще выровняем. Но позже.

Теперь обведем рамку. Для этого на верхней панели ищем «редактировать» — «выполнить обводку».

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

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

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

Итак, приступим к выравниванию. В окне слоев выбираем исходный слой — подложку. Он будет вторым по счету.

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

А теперь в том же окне слове выбираем поочередно слой с надписью и рамкой и выравниваем их по направляющим.

Посмотрим, какая рамка для оформления текста в фотошопе у меня вышла.

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

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

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

Урок создания спрозрачной рамки в фотошопе

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

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

Узнайте также, как делать простую стеклянную рамку

В этом уроке я хочу рассказать, как создать простые, но очень симпатичные прозрачные рамочки при помощи фильтра “Стекло”. Этот фильтр уже есть в программе Фотошоп CS5, его устанавливать не нужно. И так приступим. Открыть Фотошоп. Рамка №1. Загрузить картинку, например такую.

Продублировать ее, слои переименовать.

Выделить слой 2 и взять инструмент “Прямоугольная область” (горячая клавиша M).

Нарисовать прямоугольник.

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

Нажать сочетание клавиш CTRL + Shift + I (выполнить инверсию), появится выделение рамки.

Фильтр –> Искажение –> Стекло.

Поставьте такие значения фильтра.

Получится:

Добавьте новый слой и назовите его “Обводка”.

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

Редактирование –> Выполнить обводку

Выставить ширину обводки (у меня – 3 пикселя),

Снять выделение – CTRL + D,

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

 

Настройки стиля слоя:

Результат.

Можно сохранить в PNG или PSD для дальнейшего использования.

Рамка №2. Проделать то же самое, только вместо фильтра “Стекло”, поставить фильтр “Изморозь”. У меня настройки такие: Искажение – 12, Смягчение -2.

Рамка №3. Опять все в том де первом варианте, только фильтр Холст. Искажение – 12, Смягчение – 2.

вырезать изображение из рамки (stroke) – Zencoder

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

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

Что же получается? Выходит, нужно вырезать изображение, расположенное внутри рамки. Ведь если просто отключить в Photoshop эффект обводки, картинка получиться больше за счет того, что появятся скрытые под рамкой лишние пиксели. Такое изображение нельзя вставлять в код, так как оно не соответствует psd-макету. Средствами CSS невозможно создать границу border, чтобы она накладывалась на контент.

По спецификации CSS граница может располагаться только рядом с контентом, но не поверх. Кстати, есть еще одна статья, посвященная проблеме обводки — “Преобразовываем обводку из Photoshop в CSS”. Но в ней описывается случай, когда изображение можно оставить как есть, только добавив к нему внешнюю границу в коде CSS.

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

В Photoshop есть инструмент “Рамка” (Crop), предназначенный как раз для вырезания элементов из psd-макета или обрезки изображений. В подавляющем большинстве всяческих руководств описывается только один способ использования этого инструмента.

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

Ну, хватит говорить, а лучше посмотрим на живой пример. Ниже показан масштабированный фрагмент psd-макета — картинка симпатичного льва, с рамкой в виде обводки:

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

Двойным щелчком мыши кликаем на самом слое в палитре, после чего появится окно настроек стилей. Там их много, но включен только один, напротив которого стоит галочка:

Какие же характеристики дизайнер задал для обводки? Совсем несложные — размер в 3 пикселя, положение — внутри (о чем и говорилось ранее — рамка смещена внутрь изображения, то есть, расположена поверх него), цвет обводки — какой-то оттенок желтого. Хорошо. Теперь мы знаем, что нам необходимо обрезать изображение льва по краям на толщину в 3 пикселя.

Отключаю в палитре слоев эффект обводки и выделяю “чистое” изображение льва прямоугольным выделением:

Копирую выделение в новый документ, чтобы случайно не повредить оригинал psd-макета. Нажимаю сочетание клавиш Ctrl+A, выделив тем самым всю картинку. Мне это нужно для получения размеров нашего льва.

Видим, что ширина и высота изображения равны 118 на 95 пикселей. Значит, обрезку по краям необходимо выполнить на величину в 6 пикселей. Толщина обводки ведь равна 3 пикселям, по горизонтали и вертикали она расположена с обеих сторон картинки. Поэтому — 118px - 3px*2 = 112px, 95px - 3px*2 = 89px. Получили размеры ширины и высоты рамки, которую будем использовать в инструменте “Размер холста”:

Перехожу в меню “Изображение — Размер холста”. Откроется небольшое окно, в котором я введу полученные значения ширины и высоты для рамки. Также проверю, чтобы рамка располагалась по центру изображения:

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

Чтобы проверить это, снова нажимаю сочетание клавиш Ctrl+A и смотрю на палитру “Инфо”. Точно — картинка имеет те самые размеры, которые необходимы:

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

img {border: 3px solid #fde40b};

Существует еще одна разновидность вырезания с помощью инструмента “Рамка”. Он больше похож на “ручной” способ. Для этого используются направляющие (guidelines), которые задают границы будущей обрезки. Но мне такой способ кажется более трудоемким, времязатратным и менее точным.

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

Если замерить толщину обводки там, где есть эти непонятные мне разводы, то получиться толщина не 3 пикселя, а 4 пикселя. Несоответствие получается, однако. Ну, а дальше все как обычно — “Crop + Выделить участок изображения + Enter”.

На этом все.


photoshopstroke

Как добавить рамку к фотографии с помощью Photoshop

Узнайте, как добавить простую рамку для фотографий и даже две рамки вокруг вашего изображения с помощью Photoshop! Пошаговое руководство для Photoshop CC, CS6 и более ранних версий.

Рамки для фотографий — отличный способ придать образу элегантности и элегантности. А добавить рамку легко, если вы знаете шаги. Мы начнем с добавления большего пространства вокруг изображения с помощью команды Photoshop Canvas Size. Затем, чтобы создать границу, мы залим пространство цветом, используя слой заливки «Сплошной цвет». Вы узнаете, как выбрать цвет для рамки из палитры цветов и как смешать границу с вашей фотографией, выбрав цвет непосредственно из самого изображения!

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

Я буду использовать это изображение, которое я скачал с Adobe Stock:

Исходное изображение. Предоставлено: Adobe Stock.

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

Эффект границы фотографии.

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

Как создать фоторамку в фотошопе

Шаг 1: уменьшите масштаб, чтобы освободить место для границы

Чтобы создать рамку для фото, мы добавим больше пространства вокруг изображения. Так что давайте дадим себе больше возможностей для работы, уменьшив масштаб. Чтобы уменьшить масштаб с клавиатуры, нажмите и удерживайте клавишу Ctrl на ПК с Windows или клавишу « Command» на Mac и нажмите клавишу « минус» . Это дает нам больше места, чтобы увидеть границу:

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

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

Если мы посмотрим на панель «Слои» , то увидим изображение на фоновом слое :

Панель «Слои», отображающая изображение на фоновом слое.

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

Разблокировка фонового слоя.

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

Чтобы добавить больше пространства холста вокруг изображения, перейдите в меню « Изображение» в строке меню и выберите « Размер холста» :

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

Шаг 4: Добавьте больше холста вокруг фотографии

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

Убедитесь, что выбран Относительный и центральный квадрат.

Затем введите нужный размер рамки для фотографий в поля Ширина и Высота . Имейте в виду, что введенное вами значение будет разделено поровну между обеими сторонами. И это верно как для ширины, так и для высоты. Так что, если вы хотите, чтобы вокруг изображения была граница в четверть дюйма, вы на самом деле хотите ввести 0,5 дюйма для ширины и высоты. Для 1-дюймовой границы вам нужно будет ввести 2 дюйма. Другими словами, какой бы размер вам ни понадобился, введите двойную сумму.

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

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

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

Новое пространство холста, которое станет рамкой для фото.

Как отменить размер холста и повторить попытку

Если вы выбрали неправильный размер для своей рамки, вы можете отменить его, зайдя в меню « Правка» и выбрав « Отменить размер холста» . Затем снова откройте диалоговое окно «Размер холста» (выберите «Изображение»> «Размер холста») и повторите попытку:

Собираемся Править> Отменить размер холста.

Шаг 5: Добавьте сплошной цвет заливки

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

Нажав на значок «Новый слой заливки» или «Корректирующий слой».

А затем выберите Сплошной цвет из списка:

Добавление сплошного цвета заливки.

Шаг 6: Выберите белый цвет для границы фотографии

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

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

Нажмите OK, когда закончите, чтобы закрыть палитру цветов. А Photoshop временно заполняет весь документ белым, блокируя изображение из вида:

Заполняющий слой блокирует изображение из поля зрения.

Шаг 7: перетащите слой заливки под изображение

Чтобы это исправить, вернитесь на панель «Слои», нажмите и перетащите слой заливки под изображение:

Перетаскивая заливочный слой ниже «Слоя 0».

И теперь цвет от слоя заливки появляется только внутри границы:

Первоначальный эффект фото границы.

Шаг 8: Измените цвет границы (необязательно)

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

Дважды щелкните образец цвета на панели «Слои».

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

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

Тогда моя граница мгновенно меняется на черную:

Та же самая граница, теперь в черном цвете.

Как выбрать цвет рамки с картинки

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

Выбор цвета рамки фотографии из изображения.

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

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

Добавление меньшей границы внутри основной границы

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

Шаг 9: выберите «Слой 0»

На панели «Слои» выберите изображение «Слой 0»:

Нажав на слой изображения, чтобы выбрать его.

Шаг 10: Добавьте стиль слоя Stroke

Затем щелкните значок « Стили слоя» (значок «fx»):

Щелкнув по значку «fx» на панели «Слои».

И выберите Stroke из списка:

Выбор эффекта слоя обводки.

В диалоговом окне Layer Style, оставьте обводки цвета установлен в черный на данный момент, и убедитесь , что позиция устанавливается на внутреннюю часть . Затем увеличьте ширину обводки, перетащив ползунок « Размер» :

Варианты инсульта.

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

Штрих появляется между фотографией и границей.

Шаг 11: Измените цвет обводки (необязательно)

Если вам не нужен черный цвет в качестве обводки, вы можете изменить его, щелкнув образец цвета :

Нажав на образец цвета обводки.

Затем в палитре цветов выберите другой цвет. Или, как мы сделали для основной рамки, вы можете выбрать цвет прямо из вашего изображения. Я нажму на цвет фона:

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

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

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

Шаг 12: отрегулируйте размер обводки

Наконец, я закончу эффект, настроив ползунок «Размер», чтобы точно настроить толщину обводки. Я использую довольно большое изображение здесь, поэтому я буду использовать размер около 32 пикселей. Затем, чтобы принять его, я нажму OK, чтобы закрыть диалоговое окно Layer Style:

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

И вот мой окончательный результат:

Финальный эффект «фото границы».

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

Будьте первым, кто узнает, когда будут добавлены новые учебники!

Как сделать рамку в Adobe Photoshop? Как сделать рамку в фотошоп.

Обычная рамка с прямыми линиями

  1. Для начала нужно открыть фотографию в программе, вокруг которой мы хотим добавить рамку. После этого нажимаем сочетание клавиш Ctrl+A, чтобы выделить фото.
  2. Заходим в меню “Выделение”, в котором требуется выбрать инструмент “Граница” (группа “Модификация”).
  3. В открывшемся окне указываем желаемый размер рамки и жмем OK.
  4. На боковой панели инструментов выбираем “Прямоугольную область”.
  5. Щелкаем правой кнопкой мыши по выделенной области и в раскрывшемся контекстном меню останавливаемся на варианте “Выполнить обводку”.
  6. В окне обводки выполняем настройки на свое усмотрение и щелкаем OK.
  7. Рамка добавлена. Теперь выделение можно снять, нажав комбинацию Ctrl+D.

Рамка с закругленными углами

  1. Чтобы скруглить края фото, на боковой панели инструментов выбираем “Прямоугольник со скругленными углами”.
  2. В левой части верхней панели выбираем “Контур”.
  3. На той же панели инструментов справа выбираем радиус скругления.
  4. Создаем контур, после чего щелкаем внутри него правой кнопкой мыши и раскрывшемся меню выбираем выделение области.
  5. В значении радиуса растушевки ставим цифру 0 и жмем OK.
  6. Получаем следующий результат.
  7. Теперь нужно инвертировать выделенную область. Для этого нажимаем комбинацию клавиш Ctrl+Shift+I.
  8. Создаем новый слой в палитре.
  9. Выбираем инструмент “Заливка” и окрашиваем выделенную область с помощью него в любой понравившийся цвет.
  10. Снимаем выделение (Ctrl+D) и можем оценить полученный результат.

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

  1. Выполняем те же действия, что и при создании обычной рамки (шаги 1-3).
  2. Далее активируем режим быстрой маски нажатием клавиши Q (или можно нажать специальную кнопку внизу панели инструментов).
  3. Холст должен после этого выглядеть примерно так.
  4. Открываем меню “Фильтр”, где выбираем пункт “Галерея фильтров”.
  5. В группе “Штрихи” нам нужен фильтр под названием “Аэрограф”. Выставляем параметры (как нам нравится) и жмем OK.
  6. Должен получиться примерно следующий результат.
  7. Деактивируем режим маски (тем же способам, которым включили его).
  8. Не снимая выделение создаем новый слой.
  9. Выполняем заливку выделения любым цветом.
  10. Жмем Ctrl+D, чтобы снять выделение.

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

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

Делаем рамку в  Photoshop вокруг фотографии

Первый вариант самый простой. Рамок в интернете существует множество, скачиваем нужную, загружаем в программу и ставим в нее фото. Всё.

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

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

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

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

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

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

Все очень просто и быстро.

Как сделать круглую рамку для фотографии в Photoshop ?

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

Вставляем прозрачную рамку в фотошопе снаружи фотографии

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

Значение здесь большой роли не играет, ставим любое.

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

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

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

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

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

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

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

Делаем  в фотошопе размытую рамку вокруг фотографии

Еще один вариант создания красивой рамки. Некоторые особенности аналогичны предыдущим вариантам. Открываем фото. Выделим всё изображение, нажав Ctrl+A. Затем в меню «выделение» выбираем «модификация» — «граница» и ставим ширину в 40 пикселей.

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

Затем, нажав комбинацию клавиш Alt+Delete, заливаем выделение белым цветом.

Теперь идем  в «выделение» -«модификация»- «сжать» и ставим размер в 10 пикселей. Теперь рамка выделения несколько уменьшится.

После этого, нажатием клавиши Delete убираем белый цвет, а щелкнув курсором мышки в любом месте рабочего стола, снимаем и выделение. Получаем такую картинку:

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

Как в Photoshop сделать белую рамку вокруг фото без срезанных уголков

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

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

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

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

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

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

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

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

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

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

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

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

Результат:

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

Паспарту

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

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

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

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

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

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

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

Результат.

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

Первое и самое главное – рамки бывают двух видов – пустые и не пустые.

Пустая рамка – рисунок в формате png в виде контура. Если его наложить на фотографию, в центре будет видна фотография, а рамка по краям. Пустую рамку можно накладывать на фото.

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

Пример вставления фото в пустую рамку:

  • зайти в Гугл, в поисковой строке написать «Рамка для фотографии png»;
  • выбрать рамку и скачать;
  • открыть в фотошопе фото;
  • открыть в фотошопе рамку;
  • перетащить рамку на фотографию внутри редактора;
  • в режиме свободного трансформирование (меню Редактирование) подогнать рамку под размер, нажать Enter.

Пример вставления фото на рамку-рисунок:

  • отыскать в Гугле нужную рамку и скачать;
  • открыть рамку и фото в фотошопе;
  • перетащить фото на рамку;
  • в режиме свободного трансформирования уменьшить размер фотографии в соответствии с размерами рамки;
  • нажать Enter.

Важно! Сохранять готовое изображение в правильном формате. Рекомендуются следующие действия:

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

Источники

  • https://MyPhotoshop.ru/ramka-vokrug-fotografii/
  • 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/

Курсы Фотошопа рассмотрят инструмент рамка| АРТАКАДЕМИЯ Курсы рисования Киев

Инструмент «Рамка» на курсах Фотошопа

Инструмент «Рамка» используется для того чтобы кадрировать изображение, то есть удалить или спрятать ту его область, которая находится вне выделенного участка. В процессе кадрирования область вне рамки затемняется, маскируя «лишнюю» часть изображения, и благодаря этому легко понять, как изображение будет выглядеть после кадрирования. После этого вы можете использовать кнопки подтверждения или отмены в опциях «Рамки», чтобы сохранить изменения или вернуться к предварительному варианту. С этими же целями можно использовать клавиши Enter и Esc (на клавиатурах Mac и PC первая обычно расположена справа внизу, а вторая в самом верху слева) смотря какой компьютер курсы Фотошопа предоставят Вам.

Рисунок 1. На изображении слева инструмент «Рамка» активирован, кадрирование еще не произведено. На рисунке справа изображение кадрировано без подтверждения изменений.

Чтобы кадрировать изображение, выберите инструмент «Рамка» на панели инструментов. Обратите внимание на то, что, когда инструмент выбран, рамка кадрирования накладывается на все изображение (Рисунок 1), но становится видимой только после того как вы переведете курсор на нее. После этого вы можете перетягивать углы рамки или боковые «ручки», чтобы настроить размеры рамки. Также вы можете кликнуть где-либо на изображении и потянуть, чтобы выделить нужную вамобласть. В процессе кадрирования изображение вне рамки будет затемнено (Рисунок 1, справа).

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

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

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

Рисунок 2. На панели «Слоев» слева показано изображение в процессе кадрирования, с отдельным слоем превью. Если в настройках кадрирования выбрано удаление кадрированных пикселей, изначальный фоновый слой так и останется фоновым. Если же опция «Удалять кадрированные пиксели» не выбрана, фоновый слой станет Слоем 0.

Изменение единиц измерения

Вы можете задать определенный формат рамке кадрирования используя опцию «Ш xВx Разрешение» и введя там желаемые размеры и единицы измерения. Для обозначения последних используются следующие аббревиатуры: Пиксели (px), Дюймы (in), Сантиметры (см), Миллиметры (мм), Точки (pt), или Пики (pica).

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

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

Режимы пропорций кадрирования

Чтобы выбрать желаемые пропорции кадрирования, нужно перейти к меню «Пропорций кадрирования» (см. Рисунок 3). В PhotoshopCCубрали опцию«Произвольно», так что теперь стала более понятной разница между режимами «Пропорций» и «Ш xВxРазрешения». Для того, чтобы перейти к произвольному кадрированию, достаточно кликнуть кнопку «Очистить», что уберет из всех полей заданные до этого значения. Помимо этого, когда выбранаопция «Ш xВx Разрешения», окошко «Разрешение» появляется на панели опций (см. Рисунок 5), и последнее заданное значение запоминается каждый раз, когда вы выходите из инструмента кадрирования. Опция «Оригинальные пропорции» все еще доступна, но теперь располагается в списке вместе с другимистандартными предустановками (см. Рисунок 3).

Рисунок 3. Здесь в опциях инструмента «Рамка» показано меню режима пропорционального кадрирования. Вы можете выбрать «Пропорции», «Ш xВx Разрешения» или одну из предустановок пропорций. Если вы кликните «Новые установки кадрирования», ваши настройки сохранятся как новые предустановки в соответствующем меню на панели инструментов. Или же, если вы кадрируете изображение и после этого кликните на кнопку «Добавить новые установки», в качестве образца сохранится размер вашего текущего изображения.

Рисунок 4.Настройкиинструмента «Рамка».

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

Пейзажный и портретный режимы кадрирования

Возможно, вы обратили внимание на то, что в Photoshop СС исчезла кнопка «Повернуть рамку кадрирования». Теперь вместо нее в меню опций кнопка с двумя стрелками. Она существовала в ранних версиях программы, но была удалена в процессе реорганизации инструмента кадрирования в CS6. Сейчас же, когда вы работаете в режиме «Ш xВx Разрешения», значение, введенное в первое поле, всегда соответствует ширине, и второе – высоте. В любой момент вы можете кликнуть на двойную стрелку чтобы поменять местами эти значения. Теперь вы также кликаете на кнопку «поменять местами высоту/ширину», чтобы переключаться между портретным и пейзажным ориентациями, что поменяет форму вашей рамки кадрирования с горизонтальной на вертикальную и обратно (того же самого можно добиться клавишей x). Если вы меняете размер ограниченной определенными пропорциями рамки кадрирования, вы также можете переходить между пейзажной и портретной ориентациями, перетягивая уголок вашей рамки.

Предварительные установки инструмента «Рамка»

На Рисунке 5 показана панель опций в обычном режиме, до применения кадрирования. Здесь вы также можете увидеть меню предварительных установок кадрирования, которая содержит те же варианты настроек, которые можно найти и на панели предустановок самого инструмента. Это позволяет вам выбирать изсозданных заранее настроек кадрирования рамки с нужными вам пропорциями, под которые будет подогнан и изображения, и разрешение, так что их можно менять в одно действие. Также это позволяет сохранять пропорции, если вы меняете размер, перетягивая уголок рамки кадрирования. Если вы не видите этих опций на панели предустановок «Рамки», попробуйте клацнуть на панель предустановок инструмента и загрузить «Рамка» и Marquee.tpl.

Направляющие сетки «Рамки»

При предустановленных режимах кадрирования, у вас есть возможность выбрать разные варианты направляющих кадрирования (Рисунок 6). По умолчанию используется опция «Правило третей», показанная на Рисунке 1. При этом на изображение накладывается сетка 3×3, которая может быть полезна для определения композиции вашего изображения.

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

Рисунок 6. После того, как вы установили рамку кадрирования, но до того, как вы подтвердили его, меню опций изменится (как показано тут): чтобы применить кадрирование, вы можете клацнуть на соответствующую кнопку, кликнуть два раза внутри рамки кадрирования или нажать клавиши Enter или Return. Чтобы отменить кадрирование, кликните одноименную кнопку или же клавишу Esc.

Опции «Рамки»

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

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

Рисунок 7.Выпадающее меню опций кадрирования.

Кадрирование фронтального изображения

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

Выключитьпривязку краев

Привязка к краям изображения может несколько отвлекать во время работы с «Рамкой». Ее легко можно выключить, перейдя в меню «Просмотр àПривязать к…» и выбрав «Снять выделение» (или же с помощью горячих клавиш: Command+Shift+для Macи Control+Shift+ для PC).

Кадрирование на основе выделенной области

Чтобы кадрироватьвыделенную область, вам достаточно выбрать инструмент «Рамка» (С), и кадрирование автоматически будет применено к ней. Вы можете нажать Cmd/Ctrl и кликнуть определенный слой, чтобы потом обрезать только его (см. Рисунок 8 внизу).

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

Рисунок 8. Иногда легче и быстрее произвести кадрирование по выделенной области, вместо того чтобы точно выбирать размер и позицию «Рамки». Например, в случае с приведенным ниже изображением, самый быстрый способ кадрировать изображениие до прямоугольника с буквой D– нажать Cmd/Ctrl, кликнуть на нужный слой на панели слоев, и нажать обрезать (С) (или же Изображение à Обрезать).

Использования инструмента

«Рамка»

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

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

Иконки курсора при использовании инструмента «Рамка»

Когда «Рамка» активна, курсор будет выглядеть немного по-другому при наведении на разные участки рамки кадрирования. Обратитесь к Рисунку 9 за подробностями.

Иконки курсора

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

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

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

Обратите внимание: если вы зажмете клавишу Option/Alt во время перетягивания боковой границы или угловой«ручки», все изменения будут происходить вокруг определенной центральной точки рамки.

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

Дополнительные данные

Форматы PhotoshopPSD, PDFиTIFF все поддерживают «дополнительные данные». На деле это означает, что, если какая-либо область многослойного изображения находится вне рамок рабочего «холста», она все еще сохраняется как часть изображения, даже если она больше не видна. Если у вас есть слои или фрагменты изображения, которые выходят за размеры холста, вы можете расширить его, кликнув «Изображение à Показать все». Не забывайте, что использование дополнительных данных возможно только в том случае, если ваше изображение было сохранено в форматах PSD, PDFилиTIFF. Помимо этого, если вы кадрируете изображение, содержащее обычный, несведенный фоновый слой, и у вас не выбрана опция «Удалять кадрированные пиксели», Photoshop автоматически превратит фоновый слой в Слой 0 с сохранением всех дополнительных данных.

Рисунок 10.Кадрированная версия этого изображения содержит несколько слоев, которые можно увидеть, выбрав «Изображение à Показать все», после чего доступными станут все дополнительные данные, которые до этого выходили за пределы холста. До тех пор, пока опция «Удалять кадрированные пиксели» не выбрана, при применении кадрирования все пиксели, выходящие за выбранную область кадрирования, будут сохраняться и могут быть впоследствии восстановлены.

Тримминг изображения

Команда «Изображение àТримминг» может быть использована чтобы обрезать изображение на основе характеристик цвета пикселей. На Рисунке 11 показан пример того как команда «Тримминг» может быть использована для того чтобы обрезать изображение основываясь на его прозрачности.

Рисунок 11. Здесь команда «Тримминг изображение» используется для обрезания в зависимости от прозрачности. Photoshopобрезает все четыре стороны картинки, убирая только прозрачное содержимое.

Предварительные установки кадрирования

Мне кажется, очень полезно сохранять размеры рамки кадрирования, которые вы используете регулярно, в качестве предустановки на панель предустановок инструмента (Рисунок 12). Если предустановка содержит также настройки разрешения, кадрирование изменит размер изображения до подходящего разрешению (количество пикселей на дюйм) так же, как и размерам. Чтобы узнать больше о разрешении изображений, обратитесь к Главе 5.

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

Рисунок 12.Напанелипредустановокинструментаможноувидетьсписок предустановоккадрирования.

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

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

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

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

Выделяем фотографию Выделение
Все
(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-Файл-открыть. В окне слоев разблокировать слой, кликнуть по нему два раза и ok.

3- На клавиатуре нажать «Delete», фон в рамке исчезнет. Выделение не снимать.

4-Выделение- трансформировать выделенную область. И потянув за маячки расширить выделение на нужную Вам ширину. Нажать на галочку «применить».

5-Слой-новый-скопировать на новый слой.

На фото ничего не будет видно, но если отключить глазок в окне слоев на нижнем слое,

то увидите рамочку.

6-В окне слоев верхний слой активен, окрашен синим, глазок на нижнем слое включить.

7-Слой-стиль слоя-внутренняя тень, параметры такие.

На фотографии получилась рамочка.

Теперь нужно нанести на нее узор из фона.

8-Выбрать инструмент «прямоугольная область» и на фото выделить кусочек фона. Я взяла часть фона с цветком.

9-Редактирование-определить узор. В появившемся окне «ok».

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

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

Обрамление всего изображения

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

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

Ниже необходимо выбрать цвет будущей рамки и подтвердить действие.

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

Внутренняя рамка при помощи эффектов

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

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

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

Пример создания рамки при помощи эффекта

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

Если вы планируете затем возвращаться к редактированию рамки, файл нужно сохранить в том формате, который сохраняет слои — например, в формате psd.

Копирование рамки, созданной при помощи эффектов

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

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

Хранение созданных рамок для дальнейшего использования

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

Использование инструмента «Рамка»

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

Выберите инструмент «Рамка», поставьте мышь на область изображения, нажмите левую кнопку мыши, проведите диагональную линию и отпустите мышь. Фрагмент изображения будет выделен. Выделенную область можно редактировать — увеличивать, уменьшать, поворачивать (наведите указатель мыши на стороны прямоугольника и потяните в нужную сторону) и перемещать (поставьте указатель внутри выделенной области, нажмите левую кнопку и переместите область). Чтобы подтвердить команду вырезания, нажмите клавишу «Энтер» либо щелкните по галочке в правом верхнем углу панели инструментов. Чтобы отменить кадрирование, нажмите на значок перечеркнутого круга.

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

Круглые рамки

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

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

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

Рамка вокруг текста

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

Этот слой может быть как фрагментом изображения, на котором размещается текст, так и новым слоем, залитым определенным цветом (выделите область изображения, создать новый слой, залейте его инструментом «Заливка» или «Градиент», примените к нему эффекты, чтобы создать рамку).

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

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

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

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

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

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

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

Немного усидчивости — и вы сможете сделать рамку самостоятельно

Итоги

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

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

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

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

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

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

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

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

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

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

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

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

Результат:

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

Паспарту

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

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

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

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

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

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

Встречайте фрейм приложения — Photoshop CC: отсутствующее руководство, 2-е издание [Книга]

При первом запуске Photoshop CC вас встречает фрейм приложения , показанный на рис. 1-1. Эта рамка ограничивает все возможности Photoshop одним подвижным окном с изменяемым размером. Вы можете захватить весь беспорядок — документы, панели и все остальное — и перетащить его в одну сторону экрана (или, еще лучше, на другой монитор), чтобы не мешать. А если вы открываете несколько документов, они отображаются на удобных вкладках, которые можно переставлять перетаскиванием.

Скорее всего, вам либо понравится Application Frame, либо вы его возненавидите. Если вы работаете на компьютере под управлением Windows, вы привыкли, что программы выглядят и ведут себя именно так. Но если вы работаете на Mac и используете более старую версию Photoshop (например, CS3), такое расположение может показаться странным; в этом случае вы можете отключить фрейм, выбрав «Окно» → «Фрейм приложения», чтобы Photoshop переключился в режим плавающего окна, который использовался в более старых версиях программы. (Люди, работающие с ПК, застряли в рамке.)

Примечание

В Photoshop CC вы увидите специальную кнопку внизу каждого окна документа, которая выглядит как прямоугольник с изогнутой стрелкой внутри.При нажатии на нее текущий документ загружается на сайт сообщества Adobe для обмена портфолио Behance — отличный способ получить критические отзывы о проектах. Чтобы узнать больше о Behance, см. Раздел «Публикация изображений на Behance» и ознакомьтесь с электронной книгой вашего автора «The Skinny on Behance» на сайте www.theskinnybooks.com.

Рисунок 1-1. Вы можете открыть сразу несколько изображений; просто щелкните вкладку документа, чтобы вызвать его для редактирования. Photoshop хранит инструменты и настройки, которые вы будете чаще всего использовать, на панелях по бокам рамки приложения; полное введение в панели начинается на странице 3.(Рисунок 1-9 на странице 14 объясняет, как сделать панель инструментов двумя столбцами, как показано здесь.)

Примечание

Adobe уменьшила беспорядок в Photoshop CS6, удалив панель приложения, которая использовалась для размещения дополнительных функций, таких как направляющие. , сетки и линейки, а также несколько меню. Как вы узнаете из следующих нескольких страниц, эти элементы теперь разбросаны по панели «Инструменты», меню «Вид» и меню «Окно».

Кроме того, если вы используете Photoshop вместе с другими программами, поле Hiding vs.Завершение объясняет, как избавиться от Photoshop , не выходя из .

Над окном документа находится панель параметров (Рис. 1-2, вверху), которая позволяет настраивать поведение почти каждого элемента на панели «Инструменты». Эта панель автоматически изменяется и включает настройки, относящиеся к инструменту, который вы используете в данный момент. Панель параметров также включает меню рабочего пространства, которое позволяет вам изменить способ настройки среды Photoshop (вы узнаете о рабочих пространствах в разделе «Настройка рабочего пространства»).

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

Подсказка

Если всплывающие подсказки сводят вас с ума, вы можете скрыть их, выбрав Photoshop → Настройки → Интерфейс (Правка → Настройки → Интерфейс на ПК) и отключив параметр Показывать подсказки.

При первой установке Photoshop панель параметров находится в верхней части экрана, но не обязательно там оставаться. Если вы предпочитаете положить его в другое место, возьмите его за левый конец и перетащите в любое место, как показано на рис. 1-2, в середине. Если вы решите вернуть его позже (также называется стыковка ), просто перетащите его в верхнюю часть экрана и, когда вы увидите тонкую синюю линию (рис. 1-2, внизу), отпустите кнопку мыши.

Рисунок 1-2. Вверху: панель параметров — это центр настройки любого инструмента, который вы в настоящее время используете.Но он не обязательно должен находиться в верхней части экрана; вы можете отстыковать его, перетащив крошечные пунктирные линии, обведенные здесь. В центре: после того, как вы освободили панель параметров, вы можете перетащить ее в любое место, захватив темно-серую полосу в крайнем левом углу. Внизу: чтобы повторно закрепить панель параметров, перетащите ее в верхнюю часть экрана. Как только вы увидите тонкую синюю линию, подобную показанной здесь, отпустите кнопку мыши.

Подсказка

Если кажется, что инструмент работает некорректно, это, вероятно, связано с тем, что вы изменили одну из настроек панели параметров и забыли вернуть ее обратно.Эти настройки закреплены : после того, как вы их измените, они останутся такими же , пока вы не измените их обратно. На рис. 1-17 показано, как сбросить инструмент до заводских настроек.

Note

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

Photoshop включает три различных режима экрана для вашего удовольствия от просмотра документов.В зависимости от того, что вы делаете, один подойдет вам лучше, чем другие. Например, вы можете заставить изображение занимать весь экран (с меню и панелью параметров или без них), скрыть панели Photoshop и т. Д. (См. Рис. 1-3). Чтобы задействовать каждый режим, сначала нужно открыть изображение: выберите «Файл» → «Открыть», перейдите к месту, где находится изображение, а затем нажмите «Открыть».

Подсказка

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

Переключаться между режимами несложно. Просто нажимайте клавишу F несколько раз — если вы не в середине кадрирования изображения или не используете инструмент «Текст» (в таком случае вы набираете несколько букв F) — или используйте меню «Режимы экрана» в нижней части инструментов. панель (обведена на рис. 1-3, вверху).Это ваш выбор:

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

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

    Подсказка

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

  • Полноэкранный режим скрывает все меню и панели Photoshop, центрирует документ на экране и помещает его на черный фон. (Если у вас включены линейки, они все равно будут отображаться, хотя вы можете отключить их, нажав ⌘-R [Ctrl + R]). Этот режим отлично подходит для просмотра и оценки вашей работы или для редактирования без отвлекающих факторов.А черный фон действительно заставляет изображения выскакивать с экрана (хотя в следующем разделе показано, как изменить его на другой цвет).

Рисунок 1-3. Многообразие Photoshop: стандартный режим экрана (вверху), полноэкранный режим со строкой меню (внизу слева) и полноэкранный режим (внизу справа). Вы можете редактировать изображения в любом из этих режимов, хотя некоторые из них дают вам больше места на экране, чем другие. Меню «Режимы экрана» (обведено) находится в нижней части панели «Инструменты». На рис. 1-9 на стр. 14 показано, как переключиться на панель инструментов с двумя столбцами, подобную показанной здесь.

Изменение внешнего вида Photoshop

Хотя предполагается, что темно-серые цвета интерфейса, представленные в CS6, более приятны для глаз и помогают более точно видеть цвета на изображениях, вы можете не согласиться. Вы также можете увеличить размер текстовых меток на панели параметров и панелях. К счастью, вы можете изменить несколько аспектов внешнего вида программы, выбрав Photoshop → Настройки → Интерфейс (Правка → Настройки → Интерфейс на ПК), как показано на Рисунке 1-4.

В следующем разделе рассказывается, как настроить внешний вид Photoshop, даже или , открывая, закрывая, переставляя и изменяя размеры панелей.Читать дальше!

Рисунок 1-4. Не поклонник темно-серой цветовой темы? Используйте эти настройки, чтобы выбрать что-нибудь более светлое (светло-серый квадрат возвращается к цветовой теме CS5). Чтобы изменить цвет фона полноэкранного режима на другой, кроме черного, используйте раскрывающееся меню «Полноэкранный режим». В Photoshop также есть узкая панель параметров (обведена), что удобно для маленьких экранов. Если текстовые метки в программе заставляют вас прищуриться, увеличьте их с помощью меню «Размер шрифта пользовательского интерфейса», показанного здесь (затем закройте и перезапустите Photoshop, чтобы изменения вступили в силу).

Как установить набор кистей для рамок и границ Photoshop

Попробуйте перед покупкой. Загрузите любой продукт Adobe и получите бесплатную 30-дневную пробную версию.

Как установить и использовать набор бесплатных кистей Photoshop Frames & Borders
Загрузите бесплатный набор кистей Frames & Borders (zip / 6.5MB)

В этом руководстве вы узнаете, как установить и использовать Frames & Borders Бесплатный набор кистей (zip / 6,5 МБ) от Стефани из Obsidian Dawn.Он также включает в себя советы по использованию определенных кистей из набора, чтобы добиться наилучшего результата!

Вы найдете описание каждой из 28 кистей в конце этого урока.

Если вы уже знакомы с тем, как устанавливать и использовать кисти Photoshop, перейдите к разделу «Использование кистей».

Извлечение ZIP-файла
После загрузки набора кистей поместите ZIP-файл в любое место на компьютере, где его будет легко найти, например, на рабочий стол.Используя выбранную вами утилиту для извлечения (теперь она есть в Windows — просто дважды щелкните файл), извлеките файл SS-frames.abr в Program Files> Adobe> Photoshop (независимо от того, какую версию вы используете)> Presets> Brushes.

Загрузка набора кистей
Откройте Photoshop. Если вы уже открыли его только сейчас, кисти не будут отображаться автоматически, пока вы не закроете и не снова откроете программу, так что сделайте это сейчас. Чтобы убедиться, что ваша палитра инструментов видна, нажмите «Окно» в верхнем меню и убедитесь, что рядом с «Инструменты» стоит галочка.Если этого не произошло, щелкните по нему. В палитре инструментов щелкните инструмент «Кисть».

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

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

Теперь вы просматриваете, среди прочего, все наборы кистей, которые установлены на вашем компьютере. Они перечислены чуть ниже раздела, где вы можете «Сохранить кисти …» и «Заменить кисти …» и т. Д. Название этого набора кистей — «SS-frames», так что ищите его, затем выберите его нажав на нее. Photoshop спросит вас, хотите ли вы «Заменить текущие кисти на кисти из SS-frames.abr?»

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

Использование кистей
Использовать кисть Photoshop так же просто, как щелкнуть по холсту с выбранной кистью. Но они были созданы для обрамления изображений или фотографий, так что это еще не все. Начнем со свежего холста. В верхнем меню выберите «Файл»> «Создать».Сделайте ширину и высоту 800 пикселей, разрешение 72 пикселей / дюйм (должно быть по умолчанию), цветовой режим RGB и фоновое содержимое белым.

Нам нужно фото в рамку! Итак, в верхнем меню выберите «Файл»> «Открыть» и найдите фотографию, вокруг которой вы хотите поставить рамку. Когда найдете, выберите «ОК», чтобы открыть его в Photoshop. В верхнем меню выберите «Изображение»> «Размер изображения». Если ширина / высота ниже 600 пикселей или около того, ничего менять не нужно. Просто нажмите «Хорошо.«Если фотография больше этого размера, нам нужно немного уменьшить ее. Измените ширину (или высоту, в зависимости от того, что больше) на 600 пикселей и выберите« Хорошо ».

Теперь нажмите CTRL-A ( Mac: Cmd-A), чтобы «выбрать все», затем CTRL-C (Mac: Cmd-C) для копирования. Теперь нажмите CTRL-Tab (Mac: Cmd-Tab), чтобы вернуться к другому файлу, который мы только что создали, и CTRL-V (Mac: Cmd-V) для вставки. Это должно вставить вашу фотографию в середину белого холста, который мы создали.

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

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

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

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

Убедитесь, что на палитре инструментов выбран инструмент «Кисть». Щелкните маленькую стрелку справа от миниатюры кисти, расположенную под главным меню в верхней части окна Photoshop (точно так же, как мы делали это раньше, когда загружали кисти). Просмотрите кисти рамок и решите, какую из них вы хотите использовать.

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

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

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

После того, как вы выбрали размер кисти, вам нужно выбрать цвет. Для самой кисти мы будем использовать черный цвет. Почему? Что ж, у большинства кистей в этом пакете будет какая-то прозрачная область, если бы вы просто щелкнули один раз на холсте, чтобы обрамить фотографию. Однако нам не нужна прозрачность. Мы не хотим видеть части фотографии под кистью — во всяком случае, не в большинстве случаев!

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

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

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

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

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

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

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

В верхнем меню нажмите Select> Inverse. Или ярлык для этого — SHIFT-CTRL-I (Mac: Cmd-Shift-I). Теперь вместо того, чтобы выделить всю область за пределами кадра, у вас выделен сам кадр.

Тем не менее, мы хотим убедиться, что по краям кисти не выступает цвет, поэтому давайте нажмем Select> Modify> Contract в верхнем меню и выберем 1 пиксель. Нажмите «Хорошо». Это изменяет нашу область выделения так, чтобы она была меньше по всем краям на 1 пиксель.

На палитре инструментов выберите «Paint Bucket Tool». На палитре слоев щелкните слой «Фото». Снова нажмите кнопку «Создать новый слой» в нижней части палитры слоев, как мы это делали ранее.

Теперь щелкните этот слой правой кнопкой мыши и выберите «Свойства слоя» — назовите его «Цвет» и нажмите «ОК». Ваша палитра слоев должна теперь выглядеть примерно так, как на изображении справа.

Используя цвет по вашему выбору (в данном случае приятный средний коричневый), щелкните в выбранной области на холсте.Это должно заполнить область кисти цветом и убрать всю прозрачность, которая была ранее. CTRL-D (Mac: Cmd-D), чтобы отменить выделение области, которую вы ранее выбрали, чтобы вы могли лучше рассмотреть свою границу. У вас, скорее всего, останутся участки фотографии, которые выступают по краям кадра. Не волнуйтесь, мы исправим это дальше!

В палитре инструментов еще раз выберите «Magic Wand Tool». Убедившись, что слой «Цвета» активен (щелкните по нему в палитре слоев), щелкните один раз где-нибудь в середине области границы.Теперь у вас должно быть выделено все пространство в середине границы, где находится фотография.

В верхнем меню нажмите Select> Modify> Expand и выберите 1 пиксель. Теперь нажмите SHIFT-CTRL-I (Mac: Cmd-Shift-I), чтобы инвертировать выделение. В палитре слоев нажмите на свой слой «Фото», чтобы выбрать его. Нажмите УДАЛИТЬ, чтобы удалить края фотографии, которые выступают за рамку. CTRL-D (Mac: Cmd-D) для отмены выбора.

Вуаля! Теперь у вас есть рамка вокруг вашей фотографии.

Если вы хотите поиграть с тем, как выглядит граница, вы можете изменить непрозрачность слоя кисти (в палитре слоев, вверху справа) или изменить оттенок / насыщенность цветового слоя (Изображение> Коррекция> Цветовой тон / Насыщенность ).Вы также можете применять различные стили слоя, такие как тень, цветовой градиент или узор, к слою «Цвет» (в нижней части палитры слоев кнопка «Добавить стиль слоя» выглядит как «f» внутри темный кружок — вот где вы найдете все эти варианты).

Если ваш цвет все еще немного выступает из-под слоя «Кисть», выберите инструмент «Волшебная палочка» и щелкните на холсте где-нибудь в пределах самой цветной области. Щелкните SHIFT-CTRL-I (Mac: Cmd-Shift-I), чтобы инвертировать выделение.Выберите Select> Modify> Expand и выберите 1 пиксель. Затем нажмите УДАЛИТЬ. CTRL-D (Mac: Cmd-D), чтобы снять выделение и лучше рассмотреть его. Продолжайте делать это до тех пор, пока цвет больше не перестанет выступать, увеличиваясь каждый раз на 1 пиксель. Вам даже не нужно делать это один раз, но каждая кисть индивидуальна, и это объясняет, как исправить это «на всякий случай».

Граница, которую вы хотите использовать, выше, чем ее ширина, а ваша фотография прямо противоположна? Без проблем! Большинство этих бордюров можно вращать, и они все еще работают (кроме арки).Следуйте инструкциям в точности так, как они написаны выше, но сразу после того, как вы один раз щелкнете по холсту, чтобы использовать кисть, нажмите Edit> Transform> 90 ° CW. Затем продолжайте обучение.

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

Некоторые границы чисто черные, без градиентов серого на них.С этими границами вы можете свободно использовать кисть любого цвета, который вам нужен, без необходимости использовать слой «Color» под ней.

Кисти: декоративные1, декоративные3, декоративные5, диафильмы, гранж1, гранж2, штамп.

Вы можете увидеть пример справа. Это кисть «штамп».

Некоторые кисти — например, кельтская — имеют «дырочки» или прозрачные участки. Возможно, вам не захочется создавать сплошной цветной слой, так как он будет виден сквозь эти маленькие отверстия.Вместо того, чтобы использовать инструмент «ведро с краской», вы можете продублировать слой «Кисть» (щелкните правой кнопкой мыши слой «Кисть» и выберите «Дублировать слой»), CTRL-E (Mac: Cmd-E), чтобы объединить этот слой вниз. , а затем примените наложение цвета к этому слою (на палитре слоев нажмите кнопку «Добавить стиль слоя» — это выглядит как курсивная буква «f» внутри темного круга — а затем выберите «Наложение цвета»).

Еще одна идея, как обращаться с такими кистями: вы можете сделать так, чтобы фотография отображалась сквозь отверстия, а не через фон.Для этого вам нужно снова покончить со слоем «Color». Используйте кисть любого цвета вместо черного. Затем, когда придет время удалить края фотографии, вместо выбора внутренней части кадра используйте инструмент «волшебная палочка», чтобы выбрать внешнюю часть кадра. Увеличьте его на 1-2 пикселя, нажав Select> Modify> Expand. Затем выберите слой с фото и нажмите УДАЛИТЬ. У вас получится что-то вроде этого.

Кисти с прозрачностью / отверстиями: кельтские, декоративные1, декоративные2, декоративные3, декоративные4, декоративные4-инверсные, декоративные5, салфеточные.

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

Используйте инструмент «Прямоугольная область», чтобы выделить как можно ближе к середине гранжевой границы, как я сделал здесь. Создав прямоугольник, нажмите CTRL-SHIFT-I (Mac: Cmd-Shift-I), чтобы инвертировать выделение, а затем УДАЛИТЬ, чтобы удалить края фотографии.

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

Но если вы хотите, чтобы он был более подробным, точно следуйте курсу этого урока, но используйте кисть «Полароид — темный», чтобы создать границу. Затем на слое «Color» сделайте его белым. Видите уровень детализации границы?

Вот и все! Если у вас есть какие-либо вопросы об этом руководстве или о том, как использовать эти кисти, не стесняйтесь задавать их на странице отзывов и запросов Стефани.

Если вас интересует загрузка пакета изображений для этих кистей, а не самих кистей, вы можете найти пакет изображений Frames & Borders здесь.

И, конечно же, вот ссылка на набор кистей Frames & Borders Free Brush Set (zip / 6.5MB). Ниже приводится полное описание того, что вы найдете внутри. Повеселись!

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

Photoshop CS5 и Photoshop CS5 Extended — Новые кисти для рисования
Adobe Photoshop CS5 предоставляет революционные возможности, которые помогут вам создавать впечатляющие изображения. Уточните свой
изображения с помощью переработанных инструментов фотографии для удаления шума, добавления зернистости и создания высокодинамичных
диапазон (HDR) изображений. Получите точные результаты при выборе сложных элементов.Удалите любой элемент изображения и
увидеть, как пространство заполняется почти волшебным образом. Рисуйте мазками с естественной текстурой и реалистичными цветовыми переходами. Узнайте больше о Photoshop CS5.

Программа Adobe Photoshop CS5 Extended поможет вам создавать идеальные изображения
для печати, Интернета и видео. Наслаждайтесь всеми возможностями современного редактирования, композитинга,
и возможности рисования в стандартном Photoshop CS5, а также
высокая производительность благодаря кроссплатформенной поддержке 64-бит.Также создайте 3D-экструзии
для логотипов, графики и анимированной графики; редактировать 3D-объекты с помощью расширенных инструментов; а также создавать и улучшать контент, основанный на движении. Узнайте больше о Photoshop CS5 Extended.

Photoshop CS5 — Необычные эффекты рисования
С новой кистью Mixer Brush, функцией Bristle Tips и новым механизмом смешивания цветов Photoshop CS5 переопределяет способ рисования. Вы можете воспользоваться более естественными и реалистичными эффектами рисования, что позволит легко использовать ваши образы и проекты в новых художественных направлениях.

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

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

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

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

Вы можете перейти с любого Suite на любой Suite, так как больше нет ограничений. Клиенты могут перейти на комплекты CS5 с 3 версий назад. Клиенты могут даже уйти в отставку; перейти из Photoshop Extended в Photoshop или из Master Collection в другой Suite. Чтобы узнать о ценах на полное обновление отдельных продуктов CS5, посетите Adobe Store. Ознакомьтесь с ценами на CS5 в британской валюте в магазине Adobe UK Store. Посетите страницу специальных предложений Adobe, чтобы найти предложения.Сэкономьте 80% на Adobe Student Editions. Попробуйте перед покупкой — загрузите бесплатную пробную версию Photoshop CS5.

Набор бесплатных кистей Frames & Borders Free Brush Set — Описание кистей

Внутри набора Free Brush Set Frames & Borders (zip / 6,5 МБ) вы найдете 28 рамок и границ различной ширины и отношения высоты, которые подходят для большинства стандартных размеры фото. Некоторые из кистей предназначены для пейзажных фотографий (шире, чем они высокие), а другие кисти предназначены для портретных фотографий (выше их ширины).Все они (кроме кисти «арка») можно вращать. Это оригинальные кисти Стефани из Obsidian Dawn, разрешенные для коммерческого использования. Вот полный список бесплатных кистей в наборе:

Арка : каменная арка
Бамбук : бамбуковые палочки в форме рамки
Кельтский : бордюр из кельтских узлов
Декоративный 1 : декоративный бордюр с петлями и точками
Декоративный 2 : бордюр с перекрещивающимися лентами
Декоративный 3 : бордюр с линиями и завитками по краям
Декоративный 4 : завитки и флер-де-лис составляют это бордюр
Декоративный 4-инверсный : это то же самое, что «Декоративный4», но с инвертированными цветами
Декоративный 5 : обрамление в классическом стиле с закругленными внутренними краями
Бриллианты : бордюр из ромбов
Салфетка : это только внешняя бахрома кружевной салфетки
Ткань : ткань, разрезанная зигзагообразными ножницами и сшитая вместе толстой нитью
Диафильм : a пленки граница поездки, чтобы фотографии выглядели как кинопленка или негатив
Frame1 : деревянная рамка с металлическими шипами — текстурированная и шероховатая
Frame2 : простая деревянная рамка
Frame3 : декоративный металл ( или дерево) фоторамка
Гранж1 : шероховатая рамка, довольно однородная
Гранж2 : шероховатая граница, которая как бы повсюду
Гранж-квадраты : граница, составленная из шероховатых квадратов
Листья1 : обычная скошенная рамка, но с участком листьев в верхнем левом углу
Leaves2 : граница из виноградных лоз и листьев
Polaroid-dark : для использования с кистью темного цвета на белом фоне
Polaroid-white : более простая окантовка, предназначенная для использования с белой кистью
Ric-rac : окантовка, сделанная из ric-rac, кайма типа ткани, используемая при шитье
Веревка-круг : веревка i n в форме круга, который можно использовать в качестве границы
Квадрат из веревки : граница из веревки в форме квадрата
Блестки : граница из перекрывающихся блесток
Штамп : обрамление выполнено чтобы ваша фотография выглядела как штамп

Obsidian Dawn: Free Brushes by Stephanie Shimerdla
Здесь можно найти восхитительную коллекцию кистей для спецэффектов.Реалистичные изображения молний, ​​пламени, пятен крови и многого другого.
Обсидиановый рассвет: бесплатные кисти Стефани Шимердла

Как создать рамку в Photoshop? — MVOrganizing

Как создать рамку в Photoshop?

Создание границы или рамки вокруг изображения

  1. Откройте фотографию в Photoshop и посмотрите на панель «Слои».
  2. Выберите «Слой»> «Создать»> «Слой из фона» и в появившемся диалоговом окне нажмите «ОК».
  3. Выберите «Изображение»> «Размер холста», убедитесь, что установлен флажок «Относительный», и введите количество пикселей, добавляемых вокруг изображения.

Как создать рамку в Photoshop CC?

Создайте рамку для вашей фотографии в Photoshop CC

  1. Откройте новый документ в Adobe Photoshop CC.
  2. Вставьте фотографию по вашему выбору.
  3. Разместите фотографию на странице.
  4. Когда фотография будет выглядеть так, как вам нравится, щелкните инструмент COMMIT на панели параметров (он выглядит как галочка).
  5. Создайте новый слой.
  6. Дважды щелкните новый слой и переименуйте его в Frame.

Как использовать инструмент «Рамка» в Photoshop 2020?

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

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

Как создавать рамки в слоях Photoshop?

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

Что такое смарт-объект в фотошопе?

Смарт-объекты

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

В чем разница между смарт-объектом и смарт-фильтром?

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

Как сделать смарт-объект доступным для редактирования в Photoshop?

Для редактирования содержимого смарт-объекта выполните следующие действия:

  1. В своем документе выберите слой смарт-объекта на панели «Слои».
  2. Выберите «Слой» → «Смарт-объекты» → «Редактировать содержимое».
  3. Щелкните OK, чтобы закрыть диалоговое окно.
  4. Отредактируйте файл до тошноты.
  5. Выберите «Файл» → «Сохранить», чтобы внести изменения.
  6. Закройте исходный файл.

Почему мы конвертируем в смарт-объект в Photoshop?

Как повторно связать смарт-объект в Photoshop?

Исправить неработающий связанный смарт-объект

  1. Щелкните смарт-объект правой кнопкой мыши и выберите «Вернуть ссылку на файл»;
  2. Перейдите в новое расположение исходного файла;
  3. Нажмите «Поместить», чтобы исправить неработающую ссылку.

Как создать мокап смарт-объекта в фотошопе?

Простой способ создания макетов продуктов в Photoshop

  1. Загрузите фоновое изображение и откройте его в Adobe Photoshop.
  2. Шаг второй: нарисуйте свою форму.
  3. Шаг третий: преобразуйте вашу форму в смарт-объект.
  4. Шаг четвертый: Настройте перспективу.
  5. Шаг пятый: Добавьте свое изображение.
  6. Шаг шестой: Вуаля!

Как сделать свой собственный макет?

Вот 4 лучших способа создания мокапов:

  1. Создайте собственный макет с нуля.
  2. Создание многоразовых шаблонов макетов.
  3. Используйте веб-сайт генератора мокапов.
  4. Используйте плагин для создания мокапов.

Что такое мокап в фотошопе?

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

Как сделать мокап без фотошопа?

КАК ДОБАВИТЬ ИЗОБРАЖЕНИЕ В МАКЕТ (БЕЗ ФОТОШОПА)

  1. ВЫБЕРИТЕ РАЗМЕР ИЗОБРАЖЕНИЯ.Вы можете выбрать готовый шаблон или использовать свои собственные размеры.
  2. ЗАГРУЗИТЕ ИЗОБРАЖЕНИЯ. Загрузите в Canva свой макет + изображение, которое хотите поместить внутрь.
  3. ВЫБЕРИТЕ СЕТКУ + РАЗМЕСТИТЕ ЕЕ НА ЭКРАНЕ.
  4. НАСТРОИТЕСЬ, ПОКА ОНА НАСЛОЕТСЯ ИДЕАЛЬНО.

Как сделать бесплатный мокап?

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

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

Как получить бесплатные мокапы?

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

  1. Iconfinder.
  2. Futuramo.
  3. Placeit.
  4. FreePik.
  5. Designmoo.
  6. Pixeden.
  7. Графический бургер.
  8. Mockplus.

Как сделать бесплатный мокап?

Вот 5 лучших веб-сайтов, на которых можно найти бесплатные макеты.

  1. Pixeden. Pixeden — лучшее место для поиска премиальных и бесплатных шаблонов макетов psd, он предоставляет качественные бесплатные веб-ресурсы и шаблоны графического дизайна.
  2. Графический бургер.
  3. Behance.
  4. Медиа-лут.
  5. Freebiesbug.

Что такое макет пользовательского интерфейса?

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

Фильтр фоторамки в Photoshop учебное пособие —- практическое руководство / обучение / объяснение

graphicxtras> Уроки Adobe Photoshop> Уроки

Автор: Andrew Buckle, дата обновления: 2021 г.

Пожалуйста, посетите наш канал на YouTube, где вы найдете тысячи видеоуроков / онлайн-классов, связанных с графикой,

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

1. Где находится фильтр рамки изображения?

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

Лично я всегда применяю его к новому слою (чтобы была прозрачность и рамка изображения)

2.Панель фоторамки для Photoshop

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

3. Рамки, такие как галочки и т. Д.

Есть 32 различных типа фреймов. Вы можете изменить поля, размер и расположение

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

4.Фоторамка цветы

Вы можете добавлять разные цветы, хотя есть ограничение на размер (100 пикселей). Вы также можете установить значение «Нет», если вам не нужны цветы. Всего существует 22 вида цветов. Вы также можете изменить цвет. Обрамляйте цветы в виде кружков.

5. Оставляет для фильтра рамки изображения

Некоторые рамы для картин также поддерживают листья (установка листьев), и существует 23 различных типа листьев, некоторые из которых похожи на звезды и т. Д.Вы можете установить размер и цвет листа, например зеленый, синий, черный и даже белый, чтобы создать призрачные листья

6. Рамки изображений на слоях и добавление стилей слоев

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

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

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

8. Смарт-объекты и рамки изображений в Photoshop

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

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

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

Как добавить границу с помощью экшенов Photoshop

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

Скачать бесплатную электронную книгу: 25 техник, которые должны освоить все фотографы

Создание границы в Photoshop

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

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

+80 Экшены Photoshop для
ФОТОГРАФИИ ПРИРОДЫ

  • 8 дополнительных действий по изменению размера и резкости в Интернете
  • Работает в Photoshop CC (Win / Mac)

__CONFIG_colors_palette «active_colors» : 0, «config»: {«colors»: {«62516»: {«name»: «Main Accent», «parent»: — 1}}, «gradient»: []}, «palettes»: [{ «Name»: «Палитра по умолчанию», «значение»: {«colors»: {«62516»: {«val»: »var (–tcb-color-4)», «hsl»: {«h»: 46 , ”S”: 0.8692, «l»: 0,01}}}, «gradient»: []}}]} __ CONFIG_colors_palette__

СКАЧАТЬ СЕЙЧАС!

Подготовка экшена Photoshop для записи процесса создания границы

Прежде чем мы начнем создавать границу, позвольте нам подготовить Экшен Photoshop, чтобы вы могли легко создать границу, аналогичную другим фотографиям, не повторяя каждый шаг. Прежде всего, убедитесь, что панель действий Photoshop видна. Если нет, вы можете включить его, выбрав меню: Окно> Действия.

Используйте кнопки в нижней части панели «Действия» для создания наборов действий (значок папки) и для создания новых действий Photoshop (значок нового документа).

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

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

Как только вы нажмете кнопку Record , экшен Photoshop начнет записывать все, что вы делаете в Photoshop, пока вы не нажмете кнопку остановки в нижней части панели действий.

Простые шаги по созданию рамки в Photoshop

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

1. Переименуйте фоновый слой

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

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

2. Увеличьте размер холста

Следующий шаг — увеличить размер холста изображения, чтобы освободить место для новой границы, которую вы хотите добавить к фотографии.Перейдите в меню Image -> Canvas Size . В окне «Размер холста» установите флажок « Относительный » и выберите желаемые единицы измерения. Теперь вам просто нужно отобразить ширину и высоту границы.

Положение привязки сообщает Photoshop, в каком направлении следует увеличивать размер холста. Убедитесь, что «точка» находится посередине. Когда якорь находится в центральном положении, вы говорите Photoshop добавить, то есть по 2 сантиметра в каждом направлении как по вертикали (вверх + вниз), так и по горизонтали (влево + вправо).

Когда закончите, просто нажмите кнопку ОК.

3. Создайте слой сплошной заливки

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

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

В появившемся окне «Палитра цветов» просто выберите цвет границы.Я выберу белый цвет. Щелкните ОК, чтобы закрыть окно.

Теперь все ваше изображение будет покрыто белым, но не волнуйтесь. Следующий шаг — переместить слой Solid Color Fill под изображение. Это даст вам красивую белую рамку или эффект границы вокруг вашего изображения. Однако мы еще не совсем закончили, но почти закончили.

4. Добавьте тонкую обводку вокруг слоя изображения

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

Чтобы добавить тонкую линию, просто дважды щелкните миниатюру слоя изображения или щелкните правой кнопкой мыши и выберите Параметры наложения . В появившемся окне перейдите на вкладку «Обводка» (1) в списке слева с различными вариантами наложения стилей слоя. Затем измените размер линии обводки, которую вы хотите добавить (2). Я предлагаю вам держать его довольно тонким. Однако его размер зависит от общего размера вашего изображения.Не забудьте установить Position как Outside (3). Различие между внешней и внутренней стороной здесь заключается в том, должна ли обводка отбирать пиксели изнутри слоя изображения (что может «обрезать» элементы около края с широкой линией обводки), или вы хотите разместить линию обводки на за пределами слоя изображения. Выбор снаружи только «украдет» пиксели только что созданной белой границы, что лучше, чем брать их с изображения. Убедитесь, что цвет черный (4), прежде чем нажимать кнопку ОК.

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

Это был последний шаг в создании элегантной рамки Photoshop для вашего изображения. Прежде чем делать что-либо еще, вы должны нажать кнопку остановки на панели действий Photoshop, чтобы закончить запись всего, что вы делаете.Вы можете нажать кнопку Play / Run Action, чтобы проверить, все ли работает должным образом.

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

Как применить эффект границы Photoshop Action к нескольким изображениям?

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

Выберите «Файл»> «Автоматизировать»> «Пакетная обработка»…

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

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

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

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

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

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

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

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

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

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

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

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

Заключительные слова

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

Надеюсь, вы нашли это полезным.

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

Вы используете границы для изображений? Поделитесь своим опытом и методами добавления границ Photoshop к вашим изображениям ниже.

Привет, я Питер. Я владелец и редактор Photography-RAW.Я позабочусь о том, чтобы вы получали самые лучшие статьи о фотографии. Лично я предпочитаю снимать пейзажи, природу и макросъемку.
Надеюсь, вам понравится этот сайт 🙂

Добавление рамки к фотографии с помощью Photoshop Action

Узнайте, как добавить рамку к фотографии в Photoshop с помощью Action. Мы можем использовать предварительно загруженные Photoshop Actions для создания фоторамки.

С помощью Экшенов Photoshop мы можем мгновенно создать фоторамку.

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

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

Из этого туториала Вы узнаете, как сделать угловую фоторамку.

После применения действия «Уголки фото» он автоматически сформирует слои.

Затем мы можем отредактировать кадр по своему желанию.

Приступим!

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

Видео: добавление рамки к фотографии с помощью экшена Photoshop.
Посмотрите видео с подробными инструкциями и воспользуйтесь письменными инструкциями для быстрого ознакомления. Если вам понравилось это видео, я настоятельно рекомендую вам подписаться на мой канал Youtube — PhotoEffect .

1. Откройте фото.

Выберите «Файл»> «Открыть» или нажмите сочетание клавиш Ctrl + O.

Откроется окно.

Найдите место с фотографией, щелкните фотографию, а затем нажмите кнопку «Открыть».

Выберите «Файл»> «Открыть», чтобы открыть изображение.


2. Действие нагрузки.

Выберите меню «Окно»> «Действия» или просто нажмите клавиши клавиатуры Alt + F9.

Появится окно «Действия» с действиями по умолчанию.

Загрузить действие, нажав Alt + F9.


3. Действия загрузки для фрейма.

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

Загрузить действие для фреймов.


4. Щелкните Уголки фотографий, затем щелкните Воспроизвести.

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

Я бы выбрал уголки фоторамки.

Щелкните углы фотографий, а затем нажмите кнопку «Воспроизвести» в нижней части панели «Действия».

Действие Уголки фото будет выполнено в Photoshop.

Всего за несколько секунд у вас будет фоторамка.

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


5. Отредактируйте результат.

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

В этом примере сформированы слой Photo Corners и новый фоновый слой.

Чтобы изменить цвет фона, щелкните новый фоновый слой и выберите «Правка»> «Заливка».

В раскрывающемся меню выберите цвет, затем выберите желаемый цвет.

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

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


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

Добавление рамки к фотографии с помощью Photoshop Action.

Подробнее об уроках Photoshop:

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

FrameShop Script v1.0.0 для Photoshop CC и CS6

FrameShop — это сценарий для Adobe Photoshop, разработанный, чтобы дать фотографу / художнику различные стили матов и рамок для отображения цифровых изображений в Интернете.Предыдущая версия скрипта FrameShop (v0.9.7) была подробно описана в более ранней публикации в этом блоге. Эта новая версия (v1.0.0) работает в Photoshop CC и CS6 и имеет новые функции и улучшения:

  • Пакетный режим
  • Методы повышения резкости Smart Sharpen и Unsharp Mask
  • Тег EXIF ​​«Фокусное расстояние в 35-мм пленке»
  • Четыре формата даты для «Даты съемки»
  • Выбор по умолчанию полей заголовка IPTC, заголовка и уведомления об авторских правах
  • Упрощенные варианты сохранения

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

Диалоговое окно отображается в цветовой теме по умолчанию для Adobe Photoshop CC, выбранной в меню Adobe Photoshop Preferences / Interface… . Вот пример того, что может делать скрипт, демонстрирующий различные элементы FrameShop, на которые есть ссылки в этом руководстве.

Для тех, кто знаком с Adobe Photoshop и использует сценарии, или для тех, кто использовал более ранние версии сценария FrameShop, следующее подробное руководство по параметрам FrameShop можно пропустить или полностью пропустить.Скрипт прост в использовании, а с настройками / параметрами легко «поиграть», не повредив ни одного пикселя. Если вы не знакомы с использованием скриптов в Adobe Photoshop, прочтите следующее руководство, и вы будете в пути. Основные изменения по сравнению с предыдущей версией выделены зеленым.

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

Сначала откройте одно из изображений из целевой папки в Adobe Photoshop. Хотя вы можете открыть любое изображение, лучше всего открыть одно из целевых изображений, чтобы убедиться, что настройки (особенно настройки панели EXIF ​​ и Metadata ) в порядке. Затем вызовите сценарий из меню Adobe Photoshop File / Scripts или перейдя ( File / Scripts / Browse… ) к месту расположения сценария.Снимите флажок FrameShop Использовать открытые изображения .

Нажмите кнопку Выбрать папку… . Выберите папку, используя всплывающее окно обозревателя файлов для вашей системы Windows или Mac OS.

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

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

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

Размер и резкость
Сценарий изменит размер окончательного кадрированного изображения так, чтобы он соответствовал максимальным размерам ширины и высоты, заданным пользователем, точно так же, как функция меню Adobe Photoshop File / Automate / Fit Image… . Изображение не будет искажено, чтобы соответствовать размерам, но будет пропорционально размеру, затем матировано и обрамлено, чтобы соответствовать указанным максимальным размерам.

Доступны два метода повышения резкости — Smart Sharpen и Unsharp Mask .В более ранних версиях для выбора Smart Sharpen был предусмотрен только флажок, что ограничивало полезность этой функции. В этой версии параметры Amount , Radius и Reduce Noise могут быть установлены для Smart Sharpen, а параметры Amount , Radius и Threshold могут быть установлены для Unsharp Mask. Или вы можете выбрать «Нет», чтобы полностью пропустить этап повышения резкости. Повышение резкости применяется к изображению после изменения его размера, но до добавления мата и рамки.

Коврики
Несколько матов Стили доступны, как показано здесь:

Стиль Overlay не добавляет мат. Вместо этого он преобразует внешний край изображения (размер установлен с помощью параметра mat Size ) в черно-белый. Непрозрачность Overlay определяется настройкой Opacity . Обводка может быть добавлена ​​к изображению для выбранных матов Drop Shadow и Plain .Коврик можно настроить так, чтобы он имел одинаковые размеры со всех четырех сторон (настройка коврика , равная ), или настройте нижнюю границу, которая в два раза превышает размер других сторон (настройка коврика Gallery ).

Frame
В дополнение к выбору цвета кадра с помощью Adobe Color Picker и установке размера кадра (в пикселях) вы можете добавить внутреннюю тень , установить размер этой тени и выбрать Bevel , края рамки.

EXIF ​​
Текст EXIF ​​по умолчанию располагается слева внизу мата, но его можно расположить как слева, так и по центру, или справа.Его горизонтальное и вертикальное положение также можно отрегулировать с помощью полей H смещение и V смещение . В раскрывающемся меню Font отображаются все шрифты, установленные в хост-системе. Дата может отображаться в одном из четырех популярных форматов, как показано ниже. Дополнительная информация о съемке можно добавить к тексту EXIF. Этот дополнительный текст можно использовать для документирования использованного оборудования («штатив Gitzo»), условий съемки («Дождь кошек и собак») или любой другой информации, относящейся к изображению («С рук»).

EXIF ​​может быть отформатирован в однострочном формате :

Или на несколько линий ( Multiline ):

Метаданные
FrameShop определяет на основе метаданных EXIF ​​файла, какая информация доступна, и показывает эти метаданные рядом с отдельными флажками на вкладке Метаданные . Дата съемки , отображаемая на вкладке Метаданные , будет отформатирована в соответствии с настройкой на вкладке EXIF.В данном случае было выбрано Месяц ДД, ГГГГ . Пункт EXIF ​​ Фокусное расстояние в 35 мм был добавлен и особенно полезен для фотографов, которые используют форматы камеры, отличные от полнокадровых 35 мм (например, APS-C, Micro 4 / 3rds, средний формат).

Если элемент EXIF ​​недоступен, сценарий отобразит его как N / A (например, Latitude N / A ). FrameShop отображает следующие метаданные EXIF:

  • Имя файла
  • Дата съемки (в одном из четырех форматов)
  • Марка камеры
  • Модель камеры
  • Объектив
  • Фокусное расстояние
  • Фокусное расстояние, 35 мм
  • Выдержка
  • Диафрагма
  • ISO
  • GPS широта
  • GPS долгота
  • GPS высота

Совет : Если вы не уверены, какая информация доступна для Adobe Photoshop в метаданных EXIF, вы можете просмотреть информацию в меню Adobe Photoshop File / File Info… .

Заголовок
Если информация заголовка была сохранена в поле метаданных заголовка IPTC исходного изображения (с помощью Lightroom, Bridge, Photoshop или другого процессора изображений), сценарий покажет этот текст на вкладке Заголовок после Использовать метаданные Заголовок . Если заголовок метаданных отсутствует, на панели отображается сообщение Нет заголовка метаданных . Если нажата кнопка New Title , любой текст, введенный в текстовое поле (ниже New Title ), появится на изображении в рамке в месте, выбранном параметром Alignment , H смещение и V смещение .Текст Title по умолчанию располагается в центре в нижней части мата, но может располагаться слева, по центру или справа. Его положение по горизонтали и вертикали можно отрегулировать с помощью полей H смещение и V смещение .

Caption
Если информация о подписи была сохранена в поле метаданных IPTC Caption исходного изображения (с помощью Lightroom, Bridge, Photoshop или другого процессора изображений), сценарий покажет этот текст на вкладке Caption после Use metadata Caption .Если заголовок метаданных отсутствует, на панели отображается сообщение Нет заголовка метаданных . Если выбрана кнопка New Caption , любой текст, введенный в текстовое поле (ниже New Caption ), появится на изображении в рамке в месте, выбранном параметром Alignment , H смещение и V смещение . Текст Caption по умолчанию располагается непосредственно под заголовком Title . Его положение по горизонтали и вертикали можно отрегулировать с помощью полей H смещение и V смещение .

Вкладка Заголовок доступна, только если включена вкладка Заголовок .

Подпись
Если информация об уведомлении об авторских правах была сохранена в поле метаданных IPTC Copyright Notice исходного изображения (с использованием Lightroom, Bridge, Photoshop или другого процессора изображений), сценарий отобразит этот текст на вкладке Подпись после Использовать метаданные Подпись . Если уведомление об авторских правах метаданных отсутствует, на панели отображается сообщение Метаданные отсутствуют. Подпись доступна .Если выбрана кнопка Новая подпись , любой текст, введенный в текстовое поле (ниже Новая подпись ), появится на изображении в рамке в месте, выбранном параметром Alignment , H смещение и V смещение . Подпись Текст по умолчанию располагается справа внизу мата, но может располагаться слева, по центру или справа. Его горизонтальное и вертикальное положение можно отрегулировать с помощью полей H смещение и V смещения .

Сохранить
Параметры панели Сохранить были упрощены, чтобы лучше соответствовать параметрам Adobe Photoshop Сохранить как для каждого типа файлов. После установки других параметров вы можете либо запустить скрипт (щелкнув Run ), который сохраняет обработанное изображение как JPEG, TIFF, PSD или PNG, либо запустить скрипт и оставить изображение в рамке открытым в Adobe. Фотошоп.

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

Совет : запуск сценария без установки флажка Сохранить как полезен при определении того, как установить параметры, особенно смещения текста, или когда вы хотите вручную настроить слои в Photoshop. Например, открыв панель «Слои» в Photoshop, вы можете редактировать текстовые слои ( EXIF ​​, Title , Caption , Signature ), устанавливать цвета для слоев Mat и Frame и / или настройте эффекты слоя.

При нажатии Отмена закрывает диалоговое окно и возвращает вас к открытому (неизмененному) исходному файлу.

Загрузка и установка
Загрузите файл .zip и после распаковки скопируйте или переместите сценарий (с именем FrameShopv1.0.0.jsx ) в папку Adobe Photoshop Scripts ( Adobe Photoshop CC 201x / Presets / Scripts) или Adobe Photoshop CS6 / Presets / Scripts ). Имя сценария будет отображаться в меню Adobe Photoshop File / Scripts при следующем запуске Adobe Photoshop.Сценарии, добавленные в папку Scripts во время работы Adobe Photoshop, не появятся в меню Scripts до следующего запуска приложения. Вы также можете запустить сценарий, используя пункт меню Adobe Photoshop File / Scripts / Browse… . С помощью обозревателя файлов, который отображается в вашей операционной системе, перейдите к месту расположения сценария и выберите его.

Для работы скрипта требуется Adobe Photoshop CC или CS6, и он будет работать на ПК (Windows 7 или 10) или Mac (OS X).Эта версия (v1.0.0) не будет работать в Adobe Photoshop CS5, более ранних версиях Adobe Photoshop или Adobe Photoshop Elements. Он может не работать в локализованных версиях Adobe Photoshop.

Под капотом
При первом запуске скрипта создается файл настроек FrameShop.xml в папке Adobe Photoshop CC или CS6 Settings . Если вы столкнулись с проблемами при использовании сценария, попробуйте удалить этот файл и повторно запустить сценарий.Причиной может быть поврежденный файл настроек. Файл FrameShop.xml , в котором сохраняются настройки скрипта, находится по адресу:

.

Mac OS X
Photoshop CC: Users / [имя пользователя] / Library / Preferences / Adobe Photoshop CC 2017 Settings

Photoshop CS6: Users / [имя пользователя] / Library / Preferences / Adobe Photoshop CC6 Settings

Windows 7 и 10
Photoshop CC: Users / [имя пользователя] / AppData / Roaming / Adobe / Adobe Photoshop CC 2017 / Adobe Photoshop CC 2017 Settings

Photoshop CS6: Пользователи / [имя пользователя] / AppData / Roaming / Adobe / Adobe Photoshop CS6 / Настройки Adobe Photoshop CC6

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

  • Операционная система (Windows или Mac OS)
  • Adobe Photoshop версии
  • Получено сообщение об ошибке, если оно есть
  • Тип обрабатываемого изображения (JPEG, TIFF, NEF и т. Д.)

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


Adobe и Photoshop являются зарегистрированными товарными знаками или товарными знаками Adobe Systems Incorporated в США и / или других странах.

.

Добавить комментарий

Ваш адрес email не будет опубликован. Обязательные поля помечены *