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

Содержание

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

В разделе «Тиснение» поставьте галочки, руководствуясь своим вкусом и предпочтениями:

В результате у вас получится объёмное и реалистичное изображение в рамке.

Надеемся, что данный урок стал для вас полезен!

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

Доброго всем времени на fast-wolker.ru! Сегодня в обзоре возможностей такого замечательного редактора, как фотошоп, мы будем учиться делать на наших картинках рамку.

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

А на этом пока все, успехов в освоении фотошоп!

Автор публикации

Комментарии: 1Публикации: 179Регистрация: 02-12-2017

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

07.10.09 Уроки Photoshop

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

Способ 1: Рамка вокруг рисунка в Photoshop как эффект фонового слоя

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

1. Открываем окно со слоями рисунка (горячая клавиша – F7) и кликаем дважды по фоновому (единственному) слою в этом окне:

По названию слоя (у нас – «клубника») кликать не нужно, если только мы не собираемся переименовывать слой.

2. Откроется окно Layer Style, в котором можно менять многие свойства текущего слоя. Нас интересует закладка Stroke окна Layer Style, с помощью которой мы сделаем рамку зеленого цвета толщиной в 2 пикселя:

Обратите внимание на поле Position, значение которого нужно установить в Inside (рамка показывается внутри рисунка, а не очерчивает его, как установлено по умолчанию). Чтобы сменить цвет рамки, кликните на прямоугольник возле поля Color и выберите нужный цвет в открывшемся окне.

3. Собственно, все. Осталось только нажать кнопку OK в правом верхнем углу окна Layer Style и сохранить рисунок в нужном формате.

Для того чтобы сменить цвет, толщину, прозрачность и другие характеристики нарисованной в Фотошопе рамки, повторите заново пункты 1 и 2 этого урока. Чтобы удалить рамку кликните правой кнопкой на слое в окне Layers и из появившегося контекстного меню выберите Clear Layer Style.

Способ 2: Рисуем рамку карандашом в Фотошопе

Чтобы нарисовать произвольную рамку, например, вокруг фрагмента рисунка или разной толщины и цвета с каждой стороны фотографии, можно воспользоваться инструментом Photoshop под названием Pensil Tool (горячая клавиша — B). С помощью мыши нарисовать карандашом прямую линию сложно, но если удерживать нажатой клавишу Shift на клавиатуре, карандаш в Фотошопе рисует только прямую линию. Инструкция в данном случае очень простая, хоть и подробная, и не требует иллюстраций.

1. Выбираем инструмент карандаш (Pensil Tool), нажав на клавиатуре латинскую букву B.

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

3. Создаем новый слой (Ctrl+Shift+N), в котором будем рисовать рамку. Можно новый слой не создавать, но так мы рискуем испортить слой с основным рисунком и придется все начинать сначала.

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

5. Отпускаем левую кнопку мыши, но не отпускаем клавишу Shift. Теперь нужно покликать там, где должны быть оставшиеся углы рамки рисунка. Поскольку рамка нестандартная, углов может быть сколько угодно. Экспериментируйте, отменяя неудачные ходы с помощью крайне популярных комбинаций горячих клавиш CTRL+Z и CTRL+ALT+Z.

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

Читайте также:

Как сделать цветную рамку в фотошопе. Как сделать рамку в фотошопе. Экшен для рамок

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

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

Я предлагаю вам бесплатно два набора экшена для рамок:

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

Те, кто уже немного умеют работать в фотошопе — сразу переходят к просмотру видео.

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

Инструкция как сделать рамку в фотошопе, используя экшен

2. Переходим в фотошоп CS6 и находим значок панели «Операции», кликаем левой кнопкой мыши и откроется панель операций с нашими экшенами:

Если вдруг, вы такой значок не обнаружили на панели — переходим в верхнюю панель и кликаем на надпись «Окно». Выпадет длинный список. Находите в нём слово «Операции» и кликаете. То же самое можете сделать комбинацией клавиш Alt+F9.

3. В панели Операций находим надпись «Photographers Toolkit1» и кликаем по ней левой кнопкой мыши — она выделиться голубым цветом:

Рядом с папкой есть треугольник, кликнув на который (1), мы откроем наши экшены и будем с ними работать. Становимся на первый экшен, после того, как папка открылась и кликаем по нему левой кнопкой мыши(2):

Запускаем первый экшен, нажав на кнопку под цифрой 3.

4. У вас появится диалоговое окно:

Нажимаете на «Стоп». Идёте в панель слоёв, нажимаете значок «Добавить слой» (4) и добавляете его:

5. Опять нажимаете значок 3 — включаете работу экшена. Получаете картинку с чорной рамочкой рамочкой:

6.Делаем полупрозрачную рамку. Вы можете рамочку сделать не такой резкой, изменив прозрачность. Заходим в панель слоёв, становимся на первый слой сверху
и меняем прозрачность ползунком. При чёрной рамке стояла непрозрачность 100%, я её поменяла ползунком на 12:

В результате наша траурная рамка стала очень даже ничего:

7. Аналогичным образом вы работаете со всеми остальными экшенами в папке.

Как изменить цвет рамки в фотошопе

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

Обводим им изображение по внешнему краю. После этого нажимаем на значок «Вычитание из выделенной области» (7) и делаем внутреннюю обводку.

Дальше смотрим на скриншот:

Сначала необходимо выбрать цвет рамочки. Кликаем на верхний четырёхугольник, как показано на скриншоте выше. Появится панель Цветов. С помощью ползунков (8) выбираем цвет, кликаем на поле с цветом и нажимаем «ОК» (9).

Берём Инструмент «Заливка»:

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

Если, вдруг, при нажатии Инструмента Заливка цвет не поменялся — значит идём в панель слоёв, становимся на верхний слой и кликаем по нему правой кнопкой мыши. В появившемся окне нажимаем левой кнопкой мыши на надпись «Растрировать слой» и после этого ещё раз кликаем Инструментом Заливка на чёрную рамку. Всё получилось! Ура!

Теперь убираем выделение. Заходим в верхней панели фотошопа в «Выделение и кликаем „Отменить выделение“:

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

Подошёл к концу наш детальный урок, где вы научились:

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

Если возникли вопросы — задавайте их в комментариях, а я пошла кофе выпить — 15 скриншотов — это всё-таки перебор!
Если было полезно — тискаем кнопочки соц.сетей.

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

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

Скоро будут уроки по дизайну соц.сетей и оформлению страниц. А перед ними — создание логотипа. Так что можете подписаться — чтобы не пропустить пост. Если хотите…

Любимый экшен „Рамка с углублением“

Ладно, поделюсь своей любимой рамочкой

У вас тоже есть на неё экшен. Найдите папку „Рамки“. Откройте её (нажмите рядом треугольник). Откроются экшены. Кликните на надпись »Рамка с углублением».

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

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

Кстати, щенулька моя, настоящая! Уже пристроила в хорошие руки — оно с малолетства целоваться любит…

Вам нравится?

С уважением, Галина Нагорная

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

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

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

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

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

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

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

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

Создаем новый пустой слой: 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:

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

07.02.14

96.4K

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

Шаг №1

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

Шаг №2

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

Шаг №3

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

Как сделать в фотошопе рамку: быстро и просто

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

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

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

Я работаю в Adobe Photoshop CC. Типа очень современная программа для крутых дизайнеров. Если вы используете CS6 или CS5, то урок все равно вам подойдет. В супер-дополнения я не полезу, они тут не нужны, а дизайн программ в целом мало чем отличается.

Итак, открываем изображение.

Выделяем его при помощи клавиш CTRL+A, как в Word.

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

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

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

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

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

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

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

Теперь переходим в раздел «Слои» и делаем дубликат этого слоя.

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

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

Теперь выбираем свободное трансформирование в категории «Редактирование» или нажимает CTRL+T.

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

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

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

Готово.

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

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

Создание стильных фигурных рамок

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

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

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

Откроется дополнительное меню со стилями. У меня их не много.

Если захотите добавить, то можно бесплатно скачать 900 штук на сайте photoshop-master.ru/adds/styles. Тут достаточно разных эффектов, а установить на свой фотошоп не составит никакого труда.

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

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

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

Кликните по заливке.

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

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

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

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

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

Когда будете готовы нажмите Del.

Можно обрезать края.

Необычные края рамки

А сейчас давайте сделаем рамку с необычными внутренними краями. Сперва создаем новый слой. Это вы уже умеете.

Теперь на клавиатуре находим Q и нажимаем, чтобы перейти в режим быстрой маски.

Применяем свободное трансформирование, при помощи CTRL+T и уменьшаем размер.

В верхнем меню находим «Фильтры» — «Искажение». Можно применить Волну, дисторсию, искривление, полярные координаты, сферизацию. Мне нравится рябь.

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

Это пока еще не все. Нажимаем на Q.

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

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

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

Можно применить градиент.

Или один цвет.

Нажмите CTRL+D, чтобы избавиться от ползающих муравьев.

Очень красивые рамки для новичков

Я вам уже показывал сайт photoshop-master. Возможно, вы заметили, что тут есть раздел с бесплатными и очень красивыми рамками. Пользоваться ими может даже новичок. Все они – бесплатны.

Использовать их довольно просто, если посмотреть вот эту замечательную инструкцию.

Другие бесплатные видео уроки от основателей «Фотошоп-Мастер» вы можете найти вот по этой ссылке: www.photoshop-master.ru/lessons.

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

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

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

Успехов в ваших начинаниях и до новых встреч!

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

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

На практике подобные действия могут выражаться:

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

Круглая рамка с помощью Elliptical Marquee Tool

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

Запускаем программу, создаем новый проект – желательно на прозрачном фоне (Transparent).

После этого выбираем инструмент Elliptical Marquee Tool – в меню слева. Для этого, возможно, понадобится нажать правой кнопкой на соответствующую группу инструментов – чтобы указать нужный. Рисуем круг (для этого следует удерживать клавишу Shift) или овал.

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

Использование инструмента Elliptical Marquee Tool в сочетании с функцией Stroke (то есть обводки) имеет интересную особенность. Как только вышеуказанные операции по созданию рамки на фоне контура, приданию ей нужной толщины и окрашиванию данного элемента будут произведены, у пользователя появится возможность «разделить» получившуюся фигуру на 2 эллипса с одинаковой толщиной – с помощью инструмента Move Tool.

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

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

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

Получившуюся рамку можно различными методами видоизменять. Для этого надо кликнуть на ней правой кнопкой, опять же, при активном инструменте Elliptical Marquee Tool, и выбрать пункт Free Transform. После этого откроется целая группа опций для трансформирования соответствующего графического элемента.

Использование инструмента Elliptical Marquee Tool может осуществляться разными способами. Так, с помощью него вполне реально не только нарисовать рамку, но и, например, вставить в нее тот или иной рисунок.

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

Исходный рисунок, вероятно, будет открыт как фоновый слой – Background, поэтому его надо трансформировать в обычный – Layer. Для этого требуется щелкнуть по его названию мышкой два раза и нажать OK. После этого выделенную эллипсом область картинки можно будет копировать на новый слой – используя сочетания клавиш Ctrl и C, а также Ctrl и V.

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

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

Правда, в этом случае нужно выбирать соответствующую опцию в пункте Stroke окна Blending Options.

Другой способ рисования круглой рамки в фотошопе предполагает задействование инструмента Ellipse Tool.

к содержанию ↑

Как сделать рамку в фотошопе с помощью Ellipse Tool

Создаем новый проект с прозрачным слоем. После – выбираем соответствующий инструмент в панели слева, рисуем круг или эллипс. Его цвет изначально будет соответствовать системному, который установлен в палитре.

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

Во-первых, нажимаем правой кнопкой на слое, соответствующем эллипсу, и выбираем пункт Blending Options.

Во-вторых, переходим на вкладку Stroke – и устанавливаем, таким образом, рамку требуемой толщины и цвета.

В-третьих, переходим на вкладку Blending Options – она располагается выше всех остальных – и до предела уменьшаем значение в строке Fill Capacity. В результате та область эллипса, что находится внутри рамки, станет полностью прозрачной.

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

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

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

Итак, теперь мы знаем, как сделать круглую рамку в Photoshop, используя инструменты Elliptical Marquee Tool, а также Ellipse Tool. Но, как мы отметили в начале статьи, есть еще один вариант решения поставленной задачи. Он предполагает задействование опции Custom Shape Tool.

к содержанию ↑

Как сделать рамку в фотошопе с помощью Custom Shape Tool

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

Выбираем тот, что имеет форму круга, – и прорисовываем таковой (для этого нужно удерживать, как и в случае с использованием предыдущих инструментов, Shift) либо эллипс. Исходный цвет фигуры, как и при задействовании Ellipse Tool, будет соответствовать системному.

Инструмент Custom Shape Tool отличается, в частности, от Elliptical Marquee Tool тем, что с его помощью осуществляется не выделение какой-либо области на редактируемом изображении, а прорисовка самостоятельной круглой рамки.

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

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

Рамка вокруг изображений | htmlbook.ru

Рамка вокруг изображений | htmlbook.ru

Темы рецептов

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

На рис. 1 продемонстрирована фотография с паспарту.

Рис. 1. Пример паспарту

За изменение стиля элемента при наведении на него указателя мыши отвечает псевдокласс :hover. Для управления стилем ссылок этот псевдокласс добавляется к селектору A через двоеточие.

Рамка вокруг изображения появляется в том случае, когда к тегу <img> добавляется свойство border с ненулевым значением и при создании изображения-ссылки. При этом тег <img> хранится внутри контейнера <a>. Независимо от ситуации цвет рамки устанавливается автоматически, однако через стили можно задать любой желаемый цвет границы.

Когда рисунок помещается внутрь контейнера <a>, то он становится ссылкой
и вокруг него автоматически добавляется тонкая цветная рамка. Чтобы от нее
избавиться, добавьте свойство border со значением none к селектору
IMG, как показано в примере 1.

Для добавления рамки вокруг картинки применяется стилевое свойство border, которое следует добавлять к селектору IMG. В качестве значения одновременно указывается толщина границы, ее стиль и цвет. Например, для создания сплошной рамки толщиной два пиксела красного цвета необходимо записать IMG {border: 2px solid #ff0000;}.

О сайте

Помощь

Копирование материалов

Борьба с ошибками

Технологии

Поисковый плагин

Основные разделы

Статьи

Блог

Практикум

Цифровые книги

Форум

HTML

Самоучитель HTML

XHTML

Справочник по HTML

HTML5

CSS

Самоучитель CSS

Справочник по CSS

Рецепты CSS

CSS3

Сайт

Вёрстка

Макеты

Веб-сервер

htmlbook.ru использует хостинг timeweb

Подпишитесь на материалы сайта по RSS

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

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

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

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

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

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

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

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

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

Приступим!

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

Как создать рамку фотографии в Photoshop

В этом уроке я использую Photoshop CC, но подойдет любая последняя версия Photoshop. Вы также можете следить за моим видео этого урока на нашем канале YouTube.Или загрузите это руководство в виде готового к печати PDF-файла!

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

Идем в Edit> Undo Canvas Size.

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

Чтобы залить границу цветом, мы воспользуемся одним из слоев заливки Solid Color в Photoshop. На панели «Слои» щелкните значок New Fill или Adjustment Layer внизу:

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

Затем выберите Solid Color из списка:

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

Шаг 6: Выберите белый в качестве цвета границы фотографии

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

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

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

Слой заливки закрывает изображение.

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

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

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

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

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

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

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

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

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

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

Затем моя граница мгновенно становится черной:

Та же рамка, теперь черная.

Как выбрать цвет границы изображения

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

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

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

Граница фотографии теперь лучше сочетается с изображением.

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

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

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

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

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

Шаг 10: Добавьте стиль слоя «Обводка»

Затем щелкните значок Layer Styles (значок «FX»):

Щелкните значок «FX» на панели «Слои».

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

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

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

Параметры обводки.

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

Обводка появляется между фотографией и рамкой.

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

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

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

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

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

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

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

Шаг 12: Отрегулируйте размер штриха

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

Точная настройка размера штриха.

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

Последний эффект «фото границы».

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

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

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

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

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

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

1) Откройте изображение в Photoshop, на котором вы хотите добавить границу или рамку

2) Разблокировать фоновый слой

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

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

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

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

Перейдите в Изображение >> Размер холста или просто нажмите (Alt + Ctrl + c) , чтобы открыть диалоговое окно холста.

Убедитесь, что установлен флажок Относительный параметр , а также добавьте 1 дюйм к ширине и высоте и нажмите ОК.

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

4. Добавить пограничный слой

Добавьте новый слой (слой 1) и перетащите его под слой изображения (слой 0) , как показано на рисунке

5. Заливка сплошным цветом до границы.

Выберите Layer 1 и залейте любым цветом по мере необходимости,

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

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

Выберите слой 0 на панели слоев и щелкните значок стиля слоя и выберите обводку

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

Размер: 10px
Позиция: Внутри
Цвет: (любой цвет, подходящий к вашему изображению)

Окончательное изображение будет выглядеть так.

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

1) Создайте новый слой (слой 1) на панели слоев . Выберите Layer 1 , чтобы добавить в него узор.

2) Перейдите в Меню >> Paint Bucket tool или Нажмите (G) на клавиатуре, чтобы открыть инструмент Paint Bucket.

3) Измените свойство Paint Bucket Tool на Pattern

4) Теперь выберите любой узор для изображения и залейте его в рамку

5) Теперь ваше окончательное изображение готово с границей узора .

Создайте еще один слой (слой 3) и переместите этот новый слой в верхнюю часть слоев фотографий, как показано на изображении ниже

Теперь выберите Layer 3 и залейте его сплошным цветом с помощью инструмента Paint Bucket Tool

Затем щелкните значок Masking в нижней части панели Frame, чтобы добавить маску на Layer 3

Дважды щелкните значок Layer mask , чтобы открыть окно «Свойство» , затем выберите «Инвертировать» и нажмите «ОК»

'Layer Masking' на слое 3 будет выглядеть так

Теперь выберите инструмент 'Brush' из Tools Panel

Выберите размер кисти и введите кисти из окна «Свойство кисти»

Наконец, нанесите кисть на область границы вашей фоторамки

Видеоурок по созданию границы и рамки вокруг изображения в Photoshop

Как установить рамку или рамку вокруг фотографии в Photoshop

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

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

Важное примечание: Мы включили скриншоты последней версии Photoshop. Однако, если вы используете старую версию, вы все равно можете использовать те же функции.

Вторая важная вещь — граница сделает изображение немного больше. Например, если у вас есть изображение размером 600 × 300 пикселей и добавлена граница из 2 пикселей, конечное изображение будет 604 × 304 пикселей. Поэтому, если вы хотите сделать изображение 600 × 300 пикселей с границами, сделайте исходное изображение в разрешении 596 × 296 пикселей.

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

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

Откройте Photoshop на своем компьютере и откройте изображение.
Щелкните значок замка, чтобы разблокировать слой.
Перейдите к Изображение> Размер холста .
Установите флажок Relative .
Введите высоту и ширину границы.
Нажмите кнопку ОК .
Нажмите Ctrl + Shift + N , чтобы создать новый пустой слой.
Поместите под исходное изображение.
Выберите пустой слой и нажмите Shift + F5 .
Разверните список Содержание и выберите вариант Цвет .
Выберите цвет и нажмите кнопку OK .
Экспорт изображения из Photoshop с рамкой.

Давайте подробно рассмотрим эти шаги.

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

Поскольку мы собираемся использовать опцию Canvas Size , вам нужно открыть этот инструмент. Для этого вы можете перейти к Изображение> Размер холста или нажать Ctrl + Alt + C .

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

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

Прочтите : Как создать карусели в Photoshop.

Для этого нажмите Ctrl + Shift + N , чтобы создать новый пустой слой и разместить его под исходным изображением.

Теперь выберите новый пустой слой и нажмите Shift + F5 . Если вы не знаете, этот ярлык позволяет заполнить весь слой сплошным цветом в соответствии с вашим выбором.После открытия окна Fill разверните раскрывающийся список Contents и выберите в меню Color .

Вы также можете выбрать опцию Foreground Color или Background Color , если у вас уже есть цвет, выбранный и размещенный как Foreground Color или Background Color . Однако, если вы выберете опцию Color , вам нужно будет выбрать цвет вручную.

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

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

Наконец, вам нужно экспортировать изображение из Photoshop. Для этого вы можете использовать традиционный вариант или нажать Ctrl + Alt + Shift + S .

Вот и все! Надеюсь, это простое руководство поможет.

Как добавить границу к форме в Photoshop

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

Кредит изображения: Лена Гадански / iStock / GettyImages

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

Шаг 1. Создайте новый слой.

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

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

Выберите инструмент Rectangle Tool на панели инструментов, чтобы создать прямоугольную рамку. Если вы хотите, чтобы рамка была другой формы, нажмите и удерживайте инструмент Rectangle Tool и выберите другую форму.Например, чтобы добавить границу в Photoshop со скругленными углами, используйте инструмент Rounded Rectangle Tool . У вас даже может быть рамка в виде кролика или собаки, если вы щелкните инструмент Custom Shape Tool , а затем выберите форму на панели параметров.

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

Шаг 4: заполните форму

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

Шаг 5: отрегулируйте ширину обводки

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

Шаг 6: Создайте обтравочную маску

При желании используйте обтравочную маску для создания декоративной границы. Используйте без заливки и широкую ширину обводки, а затем вставьте фотографию прямо над слоем с фигурой. Убедитесь, что фотография полностью закрывает границу фигуры, а затем выберите Create Clipping Mask в меню «Слои».

Шаг 1. Расположите изображение

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

Шаг 2. Отрегулируйте размер холста

Щелкните меню Изображение и выберите Размер холста . Обратите внимание, что текущий размер холста отображается в верхней части окна «Размер холста». Убедитесь, что установлен флажок Relative , а затем введите желаемый размер кадра, умноженный на два.Например, если вам нужна рамка в 1 дюйм, увеличьте высоту и ширину на 20 пикселей. Щелкните меню Цвет расширения холста и выберите цвет рамки. Нажмите ОК .

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

Шаг 3: снова добавьте границу в Photoshop

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

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

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

Фотографии штриха

Самый простой способ создать рамку в Photoshop — использовать свойства слоя.

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

Для получения желаемого эффекта нам понадобятся фильтры из блока Brush Strokes / Strokes .Подбираем тот, который подходит вам по вкусу, и устанавливаем для него параметры. Чем выше разрешение фото, тем больше должны быть значения параметров, иначе эффект не будет заметен.

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

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

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

Паспарту

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

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

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

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

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

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

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

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

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

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

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

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

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

Photoshop — Границы — Изучите Photoshop 6 Stroke

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

Для практики откройте любое портретное или альбомное изображение. Ну начнем с портрета.

Подходит для обрамления

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

Чтобы создать видимую рамку, которая будет отображаться в печати или на веб-странице, вам нужно обвести одну границу.Для начала щелкните цветовую палитру переднего плана и выберите цвет. Стандартный выбор — черный, но рассмотрите возможность использования цвета, который дополняет или контрастирует с доминирующим цветом на изображении. В меню «Выбрать» выберите «Все». Затем в меню «Правка» выберите «Обводка».

Инсульт

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

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

Возможность установить режим смешивания цветов границы — это хорошо, но в 3-пиксельной линии различия между этими параметрами не так-то легко различить.Мы рекомендуем оставить режим на Нормальный и Непрозрачность на 100%.

Щелкните ОК. Нажмите CTRL-D, чтобы удалить линии выбора.

Другой ход

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

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

Вместо использования меню «Выделение» щелкните инструмент «Прямоугольная область». Используйте его, чтобы нарисовать прямоугольник на фото. Выберите «Обводка» в меню «Правка». Установите размер и цвет обводки. На этот раз, если хотите, вы можете установить местоположение за пределами выбора. Опять же, оставьте параметры наложения по умолчанию. Нажмите OK, затем CTRL-D, чтобы удалить линии выбора.

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

Обводка слоя

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

Если у вас нет под рукой многослойного изображения, вы можете попрактиковаться с одним из файлов примеров Photoshops, например Bear.psd. (В меню «Файл» выберите «Открыть» и перейдите к C: / ФАЙЛЫ ПРОГРАММЫ / ADOBE / PHOTOSHOP 6.0 / Образцы.) Обводка одного слоя изображения медведя приведет к появлению границы изображения, подобной той, что была в нашем первом примере.

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

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

Как поставить рамку вокруг изображения в Photoshop Урок Photoshop

www.psd-dude.com

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

Твитнуть

Добавьте свое изображение в новый файл PSD

Сначала вам нужно открыть изображение в новом файле PSD.

Изменить размер холста

Перейдите к Изображение> Размер холста и выберите пиксели из раскрывающегося списка.Также убедитесь, что вы отметили опцию Relative . Выберите толщину границы, указав одинаковый размер для Ширина и Высота .

добавить рамку к фото в фотошопе

Создайте новый слой и назовите его Граница 1 . Нажмите Shift-F5 от до Залейте слой любым серым цветом.

Установите Заливку слоя Граница 1 на 0%.

Добавьте стиль слоя Stroke , чтобы создать границу.Убедитесь, что вы выбрали Position Inside из списка. Выберите цвет; Я использую белый цвет для этой первой границы.

Чтобы добавить еще одну границу, нажмите Control-J , чтобы продублировать слой Border 1 . Переименуйте слой-копию Border 2 в .

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

Как добавить декоративные или причудливые границы в Photoshop

Если вы хотите создать более декоративные и творческие границы, вам необходимо преобразовать каждый слой Border в смарт-объект.Щелкните слой правой кнопкой мыши и выберите Преобразовать в смарт-объект .

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

Вы также можете использовать текстуры и стили слоев для рамок. Деревянные текстуры отлично подходят для рамок для картин. Добавьте текстуру поверх смарт-объекта Border , щелкните правой кнопкой мыши и выберите Create Clipping Mask .

Если вы хотите узнать, как добавить рамку в Photoshop, ознакомьтесь с этим кратким руководством для начинающих.

БОНУС: вы получите бесплатный экшен Photoshop frame , который включает 9 экшенов для кадрирования фотографий.

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

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

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

РУКОВОДСТВО: Итак, если вы хотите научиться вставлять фото в рамку онлайн, ознакомьтесь с этим кратким руководством. Добавить рамку к фото онлайн действительно просто. Вы можете сделать это за 3 простых шага без продвинутых навыков редактирования фотографий.