Как рисовать рамку в фотошопе. Необычные края рамки. Как вставить фотографию в готовую рамку

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

Что понадобится

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

• Графический редактор GIMP. Нужно скачать GIMP для Windows и установить его.
• Скачать кисти для GIMP , они могут пригодиться.
• Могут понадобиться некоторые дополнения (инструкция как их устанавливать).
• Немного терпения.
• Хорошее настроение.

Поэтапный урок

Кстати, кроме этого урока советую обратить своё внимание на урок « ». Он поможет повысить ваше мастерсово или просто доставит немного удовольствия.

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

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

Мною этот урок взят из замечательной книги Сергея Тимофеева «Работа в графическом редакторе GIMP». Я лишь немного доработал урок, для того, чтобы его смогли выполнить новички.

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

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

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

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

В нём понадобятся параметры размера холста - Ширина и Высота. Первым делом нажмите на кнопку с изображением скрепки справа от этих параметров, чтобы получить возможность независимого редактирования ширины и высоты изображения. Теперь увеличьте значение параметров Ширина и Высота ровно на 100 пикселей каждый: например, значения параметров были 330×500 пикселей, а теперь задаём 430×600 пикселей. После этого необходимо нажать кнопку Отцентрировать, чтобы имеющееся изображение поместить в центр увеличенного холста. Нажимаем кнопку Изменить размер в нижней части окна - и получаем наше изображение на увеличенном холсте.

Подсказка. Вы понимаете, что, увеличивая длину и ширину холста на 100 пикселей, мы делаем толщину рамки равной 50 пикселям, так как в обоих направлениях существует две планки рамки. Если у вас крупное изображение (например, 2000×1500 пикселей) или вы просто хотите сделать рамку шире, следует увеличивать холст не на 100, а на 200 - 400 пикселей.

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

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

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

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

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

4. Теперь необходимо сформировать внешний вид рамки. На панели инструментов выберите инструмент Градиент. В качестве смешиваемых цветов градиента установите Цвет переднего плана на тёмно-серый, а Цвет фона на светло-серый. Для того, чтобы изменить цвет просто щёлкните по одному из квадратиков и в появившемся окне выберите нужный цвет (верхний квадратик - это цвет переднего плана, а нижний - это цвет фона). Нажмите ОК. Перейдите на панель Слои, поставьте тип градиента Основной в фоновый (RGB).

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

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

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

Снимите выделение (в выпадающем меню Выделение выберите пункт Снять), и удалите направляющую (выпадающем меню Изображение в подменю Направляющие выберите пункт Удалить направляющие).

5. Сделаем рамку фактурной. В выпадающем меню Фильтры подгруппы Имитация, выберите фильтр Холст со следующими параметрами:

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

6. Создадим лёгкий зрительный образ рамки. В выпадающем меню Фильтры в подгруппе Декорация, выберите пункт Добавить фаску. В появившемся окне настройки параметров фильтра для параметра Толщина задайте значение 14, а также уберите галочку опции Работать с копией (для того чтобы продолжать работать с основным изображением).

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

Закрываем изображение, экспортируем и сохраняем.

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

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

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

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

Рамка №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.

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

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

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

Открываем выбранную вами фотографию в Фотошопе. Подгоняем фотографию под нужный размер. Теперь нам нужно поменять цвет фона. В меню слева выбираем тот фон, который нам нужен - цвет рамки. Можно выбрать цвет на ваш вкус, какой хотите. Теперь нам нужно определить размер нашей будущей рамки. Идем в меню Image (Изображение), выбираем пункт Canvas Size (Размер холста). В зависимости от размера исходного файла, делаем размеры рамки. Для этого вводим в полях Width (Ширину) и Height (Высоту) нужные нам значения и нажимаем ок. Можно еще поиграть с настройкой слоев, нажимаем Background (Задний план), два раза кликаем, вводим настройки, определяя, что нам именно нужно, нажимаем ОК, затем вкладка Stroke (Обводка).

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

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

1. Чтобы нарисовать красивую рамку для начала нам понадобиться продублировать задний план (Background), можно воспользоваться комбинацией клавиш Ctrl+J. Получается новый слой - Layer 2 (Слой 2). Далее нажимаем клавишу D - сбрасываем палитру, то есть ставим по умолчанию настройки цвета - это, как правило, черный и белый цвета. Нажимаем сочетание клавиш Ctrl + Backspace ,для того чтобы залить белым цветом второй слой - Layer 2 .
2. Затем, в диалоговом окне, находим пункт размер холста - Canvas Size ,вызвать его можно с помощью меню Image (Изображение), и увеличиваем размер данного документа. Удерживая клавишу Ctrl , один раз кликаем по картинке с нашим 1 слоем - Layer 1, если не знаете где, то это в правом нижнем углу, панель инструментов Layers (Слои). Только что мы выделили весь наш слой. Если для вас это покажется много, то вы можете по ширине и длине уменьшить области выделений примерно на столько пикселей, сколько вам требуется. Для этого мы нажимаем Select (Выделение), затем Modify (Модификация) и Contract (Сжать), и выбираете то, что подойдет. Сейчас нам нужно добавить маску на первый слой - Layer 1 . Один раз кликаем по нашему слою в панели инструментов Layers (Слои), и нажимаем - Layer Mask (Добавить слой – маску). Для тех, кто не знает и для тех, кто забыл, напомним, в самом низу находится панель слоев.
3. Это самый последний шаг. И самый так скажем, творческий. Нам здесь помогут фильтры фотошопа, с маской первого слоя - Layer 1 . Фильтров много, поэтому и масок может быть много. В данном случае рассмотрим один вариант, при помощи которого в будущем вы сможете делать различные маски на ваш вкус.Для получения этой рамки нам необходимо кликнуть один раз по «маске» первого слоя - Layer 1 . Применяем фильтр Spatter (Разбрызгивание), это находится в меню Filter (Фильтр), затем Brush Strokes (Штрихи), теперь опять Spatter (Разбрызгивание), с нужными вам настойками. В том случае, если получившийся результат не понравится, его вы сможете отменить, простой командой клавиш Ctrl+Z. Если же всё хорошо, то нужно обязательно выполнить команду Trim (Тримминг), ее вызвать можно с помощью меню Image (Изображение), затем Trim (Тримминг), его, как правило, используют чтобы удалить лишнее белое пространство по краям фотографии (картинки, изображения). Вот и всё, рамка готова!

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

Шаг №1

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

Шаг №2

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

Шаг №3

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