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

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

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

Несколько примеров размытых рамок, которые можно добавить на этом сайте к любой фотографии:

Первый пример размытой рамки по бокам (жёлтый огуречный цветок) был сделан с такими настройками:
Ширина рамки слева-справа — 48 %
Ширина рамки сверху-снизу — 0 %
Повысить насыщенность размытой рамки — включено (поставить галку)

Второй пример, с размытой рамкой вокруг фотографии розы, сделан при помощи настроек по умолчанию, кроме:
Добавить тень под фотографией — включено (поставить галку)

Третий пример, с белой окантовкой и размытой рамкой вокруг фото розы, сделан с такими настройками:
Ширина окантовки фотографии — 4 %
Добавить тень под фотографией — включено (поставить галку)

Исходное изображение никак не изменяется. Вам будет предоставлена другая обработанная картинка.

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

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

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

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

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

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

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

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

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

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

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

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

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

Читайте также:  Swa 9000 как регулировать

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

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

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

Теперь выбираем свободное трансформирование в категории «Редактирование» или нажимает 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 .

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

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

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

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

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

Категория: Эффекты

Версия Photoshop: Photoshop CC (2014)

Сложность: Низкая

Дата: 21.10.2011

Обновлено: 31.08.2017

Для примера используется следующее фото:

Фотография Йоркширского Терьера.

Это фото можно скачать тут — pixabay.com: Josch13 — 195877.

Первый способ: Edit — Stroke (Редактирование — Выполнить обводку)

1. Открываем изображение в Фотошопе, уменьшаем фотографию до нужного размера.

Для примера размер фото 650 x 400 px.

2. Выделяем все изображение нажав сочетание клавиш Ctrl+A (Select — All (Выделение — Все)).

3. Далее выбираем через меню Edit — Stroke (Редактирование — Выполнить обводку) и задаем для него цвет, ширину и расположение рамки.

Для примера параметры следующие:

Цвет: черный;

Ширина: 12 px;

Расположение: Inside (Внутри);

Читайте также:  Для чего нужно чистить кэш

Edit — Stroke (Редактирование — Выполнить обводку) Photoshop CC (2014)

4. Нажимаем Ок и получаем нашу рамку.

Изображение Йоркширского Терьера с черной рамкой в 12 px.

Второй способ: Layer Style — Stroke (Стиль слоя — Обводка)

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

1. Для примера опять использую то же фото, с размером 650 x 400.

2. Переходим в Blending Option (Параметры наложения) и выбираем пункт Stroke (Обводка).

Также можно перейти через меню Layer — Layer Style — Stroke (Слои — Стиль слоя — Обводка), но что бы функция была доступна, нужно разблокировать фоновый слой.

3. Различие заключается только в том что, используя стили слоя можно наглядно видеть результат наложения рамки поставив галочку на «Preview» (Просмотр).

Для примера подберем те же значения что и в первом способе.

Layer — Layer Style — Stroke (Слои — Стиль слоя — Обводка) Photoshop CC (2014)

4. Получаем тот же результат как и в первом способе.

Изображение Йоркширского Терьера с черной рамкой в 12 px.

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

Создавая рамку этими методами, мы отрезаем 12 px от краев нашей фотографии.

Далее мы посмотрим метод создания рамки, у которого нет подобного минуса.

Третий способ: Image — Canvas Size (Изображение — Размер холста)

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

Тем самым создадим рамку снаружи нашей фотографии.

1. Пример фотографии, с размером 650 x 400.

2. Переходим через меню Image — Canvas Size (Изображение — Размер холста / Сочетание клавиш Alt+Ctrl+C), далее добавляем к холсту размер нашей рамки, допустим в 12 px.

Можно поставить галочку над пунктом «Relative» (Относительная) и ввести размер рамки, умноженный на 2 (12×2=24 px) для высоты и ширины.

Image — Canvas Size (Изображение — Размер холста) Photoshop CC (2014)

3. Далее выбираем инструмент Paint Bucket Tool (Инструмент «Заливка» / Клавиша «G») и заливаем цветом новое пространство под рамку.

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

4. Получаем следующий результат:

Комбинирование рамок

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

Один пример:

1. Берем опять наше фото с размером 650 x 400.

2. Переходим в Image — Canvas Size (Изображение — Размер холста / Сочетание клавиш Alt+Ctrl+C) ставим галочку на «Relative» (Относительная) выставляем ширину и высоту в 24 px выбираем «Canvas extension color» (Цвет расширения холста): «Black» (Черный).

3. Нажимаем Ctrl+A и переходим через меню Edit — Stroke (Редактирование — Выполнить обводку) выбираем светлый цвет (в примере серый #f2f2f2), размер 1 px и Location (Расположение): Inside (Внутри).

4. Повторяем пункт 2, но расширяем относительную высоту и ширину на 12 px.

Получаем финальный результат.

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

Финальный результат

Ссылка на основную публикацию
Как сделать нумерацию страницы в ворде
Microsoft Word — одна из самых часто используемых программ для работы с текстовыми документами. Когда текст слишком большой, для комфортной...
Как сбросить графический ключ на xiaomi
Что такое графический пароль? Графический пароль – аналог обычного пароля, который был создан для удобства ввода на мобильных телефонах с...
Как сбросить защитный код на нокиа
Секретные коды Nokia для сброса, проверки и настроек. На этой странице собраны все полезные секретные и не секретные коды для...
Как сделать обратную матрицу в excel
Приложение Excel выполняет целый ряд вычислений, связанных с матричными данными. Программа обрабатывает их, как диапазон ячеек, применяя к ним формулы...
Adblock detector