Достаточно часто нужно нарисовать рамку вокруг фото, иконки, аватарки или любого другого рисунка, чтобы визуально отделить его от окружающего текста или других фото. Очертить картинку тонкой линией можно в любом графическом редакторе, например, в стандартном 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.

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

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

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

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

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

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

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

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

Итоги

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

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

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

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

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

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

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

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

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

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

• одна папка с файлами называется "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 скриншотов — это всё-таки перебор!
Если было полезно — тискаем кнопочки соц.сетей.

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

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

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

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

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

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

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

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

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

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

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

0 7 428 0

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

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

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

Если выбрать расположение обводки – снаружи, то тогда размер фото можно уменьшать при помощи команды «Свободное трансформирование» (комбинация клавиш Ctrl+T), а для того, чтобы сохранить пропорции, удерживая клавишу Shift.
Таким образом, прилагая минимальные усилия можно сделать фоторамку в фотошопе.

При помощи меню «Файл», «Создать», делаем новый документ с размерами, скажем, 10 на 15 см. Слой заливаем любым узором по собственному вкусу.
Готовую область выделяем, и очищаем содержимое при помощи клавиши Del. После этого снимаем выделение, дважды кликаем по этому слою, и выбираем любой понравившейся параметр наложения (обводка, тиснение, тень, и т.д.).

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

Нужный фрагмент выделяем. После этого меняем расположение слоев на панели, после чего, удерживая клавишу Alt, мышкой встаем между двумя слоями. Кликаем на значок, который появиться. После этого при помощи комбинации клавиш Ctrl+Eобъединяем слои, и в слое с фотографией или изображением добавляем эффекты наложения (также, как мы это делали в предыдущем способе). Нижний слой заливаем фоном переднего плана, и, как вариант, применяем фильтр «Эффекты освещения». На собственный вкус указываем прозрачность рамки, и любуемся результатом.