Как сделать обрамление в фотошопе. Как сделать рамку в фотошопе. Экшен для рамок. Копирование рамки, созданной при помощи эффектов

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

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

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

Открываем фотографию в 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…/«Размер холста…» .

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

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

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

КАК СДЕЛАТЬ ОРИГИНАЛЬНУЮ РАМКУ ИЗ МАЗКОВ КИСТИ

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

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

Открываем фотографию, на которую будем накладывать рамку.

Создаем новый пустой слой: Layer - New - Layer (Ctrl + Shift + N).

Заливаем его белым цветом.

Быстрый способ это сделать. Нажать клавишу “D”, после этого нажимаем сочетание клавиш Ctrl + Del (залить цветом заднего плана)

Берем инструмент , кисть выбираем необычную, с рваным краем, напоминающим мазок. Размер ставим на ваше усмотрение. Например, вот эту - эта кисть есть в стандартной комплектации Фотошоп.

Кстати для этого вы можете использовать вот эти кисти:


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

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

Удачных работ.

Klid Fistof - "Курсы Фотошоп в Киеве"

*************************************************

Как сделать рамку с размытым краем или применяем Feather

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

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

Открываем снимок и инструментом (М) создаем прямоугольную рамку выделения.

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

Вот теперь мы применим растушевку выделения: Select(Выделение) - Modify (Модифицировать) - Feather (Растушевка) и у вас откроется окошко, в котором вы задаете радиус растушевки. Его вам нужно будет подбирать экспериментальным путем. Радиус будет зависеть от разрешения снимка и от того, насколько сильно у вас должен быть размыт край.

Углы рамки выделения после применения растушевки должна округлиться.

Если вы нарисовали овальную рамку, то рамка выделения не измениться.

Теперь нам нужно инвертировать выделение: Select (Выделение) - Inverse (Инвертировать). Теперь “Бегущие муравьи” или пунктирная линия выделения стала двойной. Одна осталось там же, и появилась вторая по периметру фотографии.

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

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

***************************************************

УРОКИ ПО СОЗДАНИЮ РАМОЧЕК ОТ Novichok56

ВАРИАНТ ПЕРВЫЙ

1. Загружаем картинку.

2. Снимаем замочек со слоя, перетаскиваем его в корзинку.

3.Зажав клавишу Ctrl, щелкаем по иконке картинки (картинка выделилась).

4. Активируем инструмент ВЫДЕЛЕНИЕ (щелкаем по нему):

5. Внутри картинки щелкаем правой кнопкой и, в появившемся окне, выбираем ТРАНСФОРМИРОВАТЬ ВЫДЕЛЕННУЮ ОБЛАСТЬ:

6. Зажав на клавиатуре одновременно Shift+Alt, хватаем за уголок сетки трансформирования и тянем внутрь на ширину рамочки:

7. Нажимаем Enter. Набираем комбинацию Ctrl+j (создаем новый слой):

8. Стоя на этом слое, заходим в СТИЛИ СЛОЯ fx:

9. Выбираем ТЕНЬ и ТИСНЕНИЕ. Я выбрала такие значения, вы можете поэкспериментировать и выставить свои значения:

Получаем такую рамочку:

ВАРИАНТ ВТОРОЙ

1.Загружаем картинку.

2. Активируем инструмент ПРЯМОУГОЛЬНОЕ ВЫДЕЛЕНИЕ и выделяем внутри рамку:

3. Идем ВЫДЕЛЕНИЕ/ИНВЕРСИЯ (рамка выделилась дважды):

4. Идем ФИЛЬТР/РАЗМЫТИЕ/РАЗМЫТИЕ ПО ГАУССУ, выставляем значение радиуса 25-30 пк.:

5. Не снимая выделения, снова идем ВЫДЕЛЕНИЕ/ИНВЕРСИЯ и затем нажимаем комбинацию клавиш Ctrl+j (создали новый слой). Вот такая у нас получилась размытая рамочка:

6. Чтобы сделать ее более выпуклой, идем в стили слоя:

Выбираем ТЕНЬ и ТИСНЕНИЕ с такими значениями:

Теперь рамочка получилась намного интересней:

На этом урок закончим. Удачи вам в вашем творчестве!

*********************************************************

Урок для Photoshop "Полутоновый бордюр"

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

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

1.Файл - Открыть

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

2. На панели инструментов установите основные цвета по умолчанию. Цвет переднего плана - черный, а цвет фона - белый. Быстро это сделать можно клавишей «D» с клавиатуры. (Внимание! Раскладка клавиатуры англ).

4. Теперь нам необходимо инвертировать выделение (поменять выделенную часть местами), чтобы выделен был именно бордюр.
Для этого идем во вкладку меню Выделение и выбираем пункт Инверсия .

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

5. Перед применением фильтра в панели инструментов кликаем по иконке "Быстрая маска" . Она находится в самом низу панели инструментов под переключателем цвета.

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

6.Создаем эффект "Полутоновый бордюр" . Идем в меню вкладка - Фильтр . Находим группу фильтров Оформление и в открывшемся списке выбираем фильтр Цветные полутона .

Щелкните по этой вкладке. Откроется диалоговое окно настроек фильтра.

Я взяла вот такие параметры. Вы можете поэкспериментировать. Скажу только, что чем больше по размеру изображение, тем больше можно взять радиус. Углы наклона растров тоже можно изменять. Будет изменяться наклон узора-выделения.

Нажимаем "ОК" и применяем фильтр. Получаем вот такой результат

7. Снова кликаем по иконке "Быстрая маска" в панели инструментов . Это будет означать, что мы вышли из режима редактирования и красный цвет в середине изображения должен исчезнуть. На изображении видим пунктирные дорожки выделения.

На клавиатуре нажимаем клавишу «Delete» и получаем результат

Выделение снимаем Выделение - Отменить выделение . Ваша работа готова. Можете оставить ее в таком виде и сохранить в формате JPG (Файл - Сохранить Как ) или в формате PNG-24 (Файл - Сохранить для Web и устройств )

Сохраненный результат в формате PNG-24 будет выглядеть так

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

Вот мои варианты

Novprospekt - novprospekt.ru/post202863990/?upd

**************************************

Рамочка с закруглёнными углами в ФОТОШОП CS5

1. Загружаем картинку:


2. Снимаем замочек со слоя, перетаскиваем его в корзинку:

3.Зажав клавишу Ctrl, щелкаем по иконке картинки:

Наша картинка выделилась:

4. Идем ВЫДЕЛЕНИЕ/МОДИФИКАЦИЯ/ГРАНИЦА:

В появившемся окне, выставляем ШИРИНА - 10пк., нажимаем ОК:


5.На картинке появилось двойное выделение:


6. Снова идем ВЫДЕЛЕНИЕ/МОДИФИКАЦИЯ/СГЛАДИТЬ:

В появившемся окне, выставляем ШИРИНА - 20пк., нажимаем ОК:

7. Углы выделения на картинке закруглились:

8. Идем РЕДАКТИРОВАНИЕ/ОЧИСТИТЬ, снимаем выделение Ctrl+D:

Вот такая получилась картинка:

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

Вставляем фотографию в готовую рамку

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


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

Вставка готовой рамки без прозрачного фона

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

  1. Откройте изображение с предполагаемой рамкой и выберите инструмент выделения. В данном случае можно взять прямоугольное выделение, но я все же предпочту использовать инструмент «Прямоугольное лассо». Ве таки у картинки могут быть погрешности.
  2. Далее, начинаем выделять место внутри рамки по периметру. У вас должны будут появиться пунктирные линии.
  3. После этого проверьте, стоит ли у вас на миниатюре слоя значок замочка. Если да. то нажмите на него, чтобы он исчез. После этого нажмите клавишу DELETE , после чего внутренность рамки станет прозрачной. Именно этого мы и добивались.
  4. Далее, открываем изображение девочки (ну или что там у вас) в этом же документе.
  5. Но опять же она у нас стоит первым слоем, поэтому нам ее нужно будет сместить. Идем в панель слоев, и уже также как в первом варианте переносим миниатюру слоя с девочкой ниже, чем слой рамки.
  6. Далее, останется только с помощью перемещения и трансформирования подвинуть и подогнать размер как надо. Также можете применить какой-нибудь стиль слоя, например внутреннюю тень. Будет смотреться реалистичнее.

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

Обтравочная маска

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

Делаем обрамление сами

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

  1. Идем в и берем «Прямоугольник» . После этого выставляем в свойствах цвет обводки (какой пожелаете), а цвет заливки ставьте любой от балды, так как потом он все равно уберется. Я поставлю желтый.
  2. Теперь, рисуем нужный нам прямоугольник на холсте. Можете зажать SHIFT , чтобы он получился квадратным. Если толщина не устраивает, то вы всегда сможете изменить ее в свойствах. Важно только, чтобы в этот момент был активирован инструмент «Фигура» .
  3. Если вы хотите, чтобы внешняя сторона обводки была закругленной или многоугольной, то можете выбрать этот параметр в свойствах.
  4. Также вы можете придать неких эффектов вашей рамке с помощью . Я, например, поставил тиснение и тень. Остальные свойства вряд ли особо повлияют на обводку, так как будут ориентированы на внутреннее содержимое.
  5. Теперь открываем изображение с девочкой (ну или кто там у вас). Оно, как вы уже поняли появится новым слоем поверх фигуры.
  6. Далее, жмем правой кнопкой мыши на миниатюру слоя с девочкой и выбираем пункт «Создать обтравочную маску» . Только перед эти убедитесь, что под миниатюрой с девочкой находится наш прямоугольник с обводкой.
  7. Как видите, теперь девочка оказалась внутри, словно в окне дома. Осталось только передвинуть ее с помощью « ». Также можете увеличить или уменьшить изображение, чтобы оно соответствовало вашему видению. Самое главное, что картинка не обрезалась, а просто ее края находятся за пределами видимости.

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

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

Обтравочкная маска для готовой рамки

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

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

Но есть идеальный выход — сделать обтравочную маску.

В принципе, тут всё очень просто.


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

Фотошоп онлайн

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

  1. Войдите в сервис online-fotoshop и откройте изображение с вашего компьютера, а именно ту самую рамку, в которое вы затем вставите свое фото.
  2. Далее, обязательно снимите замочек со слоя. Для этого нажмите на него левой кнопкуой мыши дважды. Это позволит нам удалить ненужную часть с картинки.
  3. Теперь, выбираем любой инструмент выделения. Правда в онлайн фотошопе особо выбирать не приходится, так как здесь есть только прямоугольное выделение и обычное лассо. Пожалуй, здесь будет удобно использовать именно прямоугольное выделение.
  4. А дальше, зажав левую кнопку мыши в одном углу углубления, протяните его в противоположный угол. Таким образом у вас должно будет выделено это самое углубление.
  5. После этого тут же нажмите кнопку DELETE , чтобы удалить сердцевину. Часть картинки в центре должна будет стать прозрачной.
  6. Теперь, выберите в меню «Файл» — «Открыть изображение» и найдите фото, которое вы хотите использовать внутри. Я возьму ту же самую девочку. Но только фотка откроется в другом документе. Чтобы перетащить ее на документ с рамкой зажмите левую кнопку мышки на миниатюре слоя с девочкой и просто перенесите на нужный нам слой, где мы уже поработали.
  7. Как видите, картинка перенеслась слишком уж маленькой. Чтобы увеличить ее, выберите в меню пункт «Редактировать» — «Free Transform» .
  8. Теперь, потяните ее за угол, чтобы увеличить фото в размерах. Только обязательно зажмите клавишу SHIFT , чтобы после увеличения сохранились все пропорции. Тяните до того момента, пока вам не будет достаточно, либо пока фото не будет перекрывать рамку.
  9. Последним штрихом нам нужно будет переместить миниатюру слоя с девочкой под слой с рамкой, чтобы она оказалась сзади и никакие края не мешали.

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

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

Ну а на этом у меня всё. Обязательно подписывайтесь на все мои паблики и канал на ютубе, чтобы всегда быть в курсе всего интересного. Жду вас снова. Удачи вам. Пока-пока!

С уважением, Дмитрий Костин

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

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

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


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

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



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

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


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


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

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

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


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


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


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


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

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

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