Создание красивой рамки в фотошопе: разбираемся в вопросе

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

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

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

Блок: 1/3 | Кол-во символов: 456
Источник: https://www.internet-technologies.ru/articles/kak-sdelat-ramku-v-adobe-photoshop.html

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

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

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

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

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

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

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

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

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

Блок: 2/6 | Кол-во символов: 1306
Источник: http://start-luck.ru/photoshop/kak-sdelat-ramku.html

Немного об Adobe Photoshop


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

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

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

Блок: 2/5 | Кол-во символов: 827
Источник: http://NastroyVse.ru/programs/review/kak-sdelat-ramku-v-fotoshope.html

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

Блок: 2/3 | Кол-во символов: 2635
Источник: https://www.internet-technologies.ru/articles/kak-sdelat-ramku-v-adobe-photoshop.html

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

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

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

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

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

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

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

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

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

Готово.

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

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

Блок: 3/6 | Кол-во символов: 1600
Источник: http://start-luck.ru/photoshop/kak-sdelat-ramku.html

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


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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

Блок: 4/6 | Кол-во символов: 1922
Источник: http://start-luck.ru/photoshop/kak-sdelat-ramku.html

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

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

  1. Для начала, всё в том же браузере, найдите текстуру, которая вам по душе и которая стилистически подойдёт к вашему фото.
  2. Затем так же, как и в предыдущей инструкции, добавьте её в новую вкладку Фотошопа.
  3. Теперь начинается самое интересное! Вы можете попробовать вырезать рамку сами, а можете воспользоваться вспомогательными инструментами. Они расположены на панели слева, внизу, под чёрной стрелочкой. По умолчанию там изображён прямоугольник. Кликните на него правой кнопкой мыши и выберите фигуру, которая в дальнейшем будет трафаретом.
  4. Далее нарисуйте эту фигуру путём зажатия левой кнопки мыши на текстуре и переноса её в другой конец картинки.
  5. Размер этой фигуры также можно изменять, как и в предыдущем примере (пункт 8).
  6. Для того, чтобы подогнать размер рамки, вы должны понять, что пространство, которое заполняет фигура, в дальнейшем есть ничто иное, как ваша фотография (пункт 1). И то, что вы оставите из текстуры вокруг этой фигуру и есть будущая рамка.
  7. После того, как вы подогнали размер два раза быстро кликните на фигуру (будто вы открываете папку на компьютере). Справа внизу во вкладке «Слои» вы увидите, что на данный момент вы находитесь на слое фигуры. Нажмите на этот слой правой кнопкой мыши и выберите пункт «Растрировать слой».
  8. Далее, на левой панели найдите инструмент «быстрое выделение». Нажмите на него правой кнопкой мыши и выберите «Волшебная палочка».
  9. Теперь левой кнопкой мыши нажмите на фигуру.
  10. Во вкладке слои перейдите на слой текстуры (нажмите на него левой клавишей мышки) и нажмите клавишу Delete. В появившемся окне в поле «Использовать» выберите пункт «Основой цвет» и нажмите ОК. Затем в той же левой панели найдите инструмент «Ластик» и правой клавишей мыши выберите «Волшебный ластик» и нажмите левой кнопкой мыши на фон фигуры.
  11. Теперь удалите слой с фигурой. Если вы всё сделали правильно, то на фоне фигуры будет шахматная текстура. Это означает, что в этом месте прозрачный фон.

    Вырезка рамки с текстуры

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

  12. Готово! Вы смогли нарисовать свою рамку и теперь вы можете добавить её на любую фотографию по принципу, изложенному в предыдущей инструкции. Осталось лишь сохранить плоды ваших трудов.
  13. Кликаем «Файл», затем «Сохранить как…», после чего выбираем папку, а в поле формат следует взять .png. Нажимаем ОК.

Фото в рамке

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

Блок: 4/5 | Кол-во символов: 2801
Источник: http://NastroyVse.ru/programs/review/kak-sdelat-ramku-v-fotoshope.html

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

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

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

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

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

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

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

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

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

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

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

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

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

Блок: 5/6 | Кол-во символов: 1262
Источник: http://start-luck.ru/photoshop/kak-sdelat-ramku.html

Итоги


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

Блок: 5/5 | Кол-во символов: 254
Источник: http://NastroyVse.ru/programs/review/kak-sdelat-ramku-v-fotoshope.html

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

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

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

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

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

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

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

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

Блок: 6/6 | Кол-во символов: 1040
Источник: http://start-luck.ru/photoshop/kak-sdelat-ramku.html

Кол-во блоков: 10 | Общее кол-во символов: 14103
Количество использованных доноров: 3
Информация по каждому донору:

  1. http://start-luck.ru/photoshop/kak-sdelat-ramku.html: использовано 5 блоков из 6, кол-во символов 7130 (51%)
  2. http://NastroyVse.ru/programs/review/kak-sdelat-ramku-v-fotoshope.html: использовано 3 блоков из 5, кол-во символов 3882 (28%)
  3. https://www.internet-technologies.ru/articles/kak-sdelat-ramku-v-adobe-photoshop.html: использовано 2 блоков из 3, кол-во символов 3091 (22%)


Поделитесь в соц.сетях:

Оцените статью:

1 Звезда2 Звезды3 Звезды4 Звезды5 Звезд (Пока оценок нет)
Загрузка...

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

Ваш e-mail не будет опубликован.