Вставить красивую рамку в фото: Фото в рамку — Вставить фото в рамку онлайн!

Содержание

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

Из этого урока вы узнаете, как вставить фотографию в рамку в редакторе GIMP. Это простое задание, с которым справятся даже начинающие пользователи программы. Всё, что вам понадобится для урока – это любимая фотография и красивая рамка в формате PNG или JPEG.

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

Пример работы:

Превращаем рамку JPEG в рамку формата PNG

Не всегда вам будут попадаться красивые рамки для фотографий в формате PNG, у которых имеется прозрачная область для вставки изображений. Поэтому, в данном уроке мы рассмотрим “тяжёлый случай”, когда вы скачали рамку в формате JPG, у которой область для фото залита белым цветом.

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

Шаг 1

Загрузите рамку JPG в GIMP.

Шаг 2

В диалоговом окне Слои сделайте ПКМ (правый клик мышью) на слое, и в контекстном меню выберите Добавить альфа-канал, если он отсутствует у вашей фоторамки.

Шаг 3

Возьмите инструмент Прямоугольное выделение. Выделите центральную часть рамки белого цвета.

Для точности выделения, увеличивайте изображение в рабочей области редактора.

Шаг 4

Нажмите клавишу Delete. Центральная область станет прозрачной.

Шаг 5

Снимите выделение через меню Правка – Снять выделение (Ctrl+Shift+A).

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

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

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

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

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

Шаг 1

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

Шаг 2

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

Стопка слоёв будет выглядеть так. Слой с картинкой активен.

Шаг 3

Возьмите инструмент Масштаб.

а) Сделайте клик на фотографии в рабочей области редактора.

б) В окошке параметров замкните звенья пропорциональной цепочки.

в) Курсором измените масштаб фотографии, захватывая масштабную решётку за углы с разных сторон.

г) Перемещайте изображение, захватываясь курсором за центр решётки. [Здесь необязательно сразу выставлять фотографию в нужное местоположение].

д) Подогнав приблизительно размер фотографии к размеру внутренних границ рамки, нажмите кнопку Изменить.

Полезные советы:

  1. Для удобства масштабирования крупных изображений, уменьшайте/увеличивайте их отображение в рабочем окне редактора, чтобы было проще захватывать края масштабной сетки.
  2. Оставьте слой с фотографией чуть большего размера, чтобы на внутренней границе между рамкой и снимком не осталось прозрачных областей.
  3. ВАЖНЫЙ ПУНКТ. В случае, если ваша фотография изначально меньше самой рамки, тогда все советы по масштабированию нужно применить к слою с рамкой.

Шаг 4

Возьмите инструмент Перемещение и позиционируйте слой с фотографией, как вам нравится.

На заметку. Если нужно подкорректировать размер фото, возьмите снова инструмент Масштаб и повторите все действия из Шага 3. А затем повторно позиционируйте снимок под слоем с рамкой.

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

Добавляем рамке тень для придания реалистичности

Чтобы добавить реалистичности эффекту фотографии, вставленной в рамку, добавим ей объёма с помощью теней. Сначала создадим общую внутреннюю тень, а затем добавим тень от предполагаемого бокового источника света.

Шаг 1

Активируйте слой с рамкой в диалоговом окне Слои. Сделайте ПКМ на слое и выберите пункт Альфа-канал в выделение.

Шаг 2

Выберите в меню Фильтры – Свет и тень – Отбрасываемая тень. В настройках фильтра установите следующие параметры:

  • Смещение по X – 0 px;
  • Смещение по Y – 0 px;
  • Радиус размывания – 26 px;
  • Цвет – Чёрный;
  • Непрозрачность – 60 px;
  • Позволить изменение размера – Снять галочку в чекбоксе.

Нажмите ОК.

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

Шаг 3

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

  • Смещение по X – -8 px;
  • Смещение по Y – 12 px;
  • Радиус размывания – 26 px;
  • Цвет – Чёрный;
  • Непрозрачность – 60 px;
  • Позволить изменение размера – Снять галочку в чекбоксе.

Нажмите ОК.

Шаг 4

Выберите в меню Выделение – Снять выделение.

Теперь рамка с фотографией, благодаря созданию имитации объёма тенями, выглядит более естественно.

Производим цветокоррекцию рамки и фотографии (по желанию)

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

Шаг 1

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

Шаг 2

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

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

Шаг 3

В завершении, выберите в меню Изображение – Свести изображение.

Готовый результат:

На этом урок закончен. Теперь вы знаете, как просто вставить фотографию в рамку JPG или PNG в программе GIMP.

Предлагаем вам также освоить урок «Эффект разбитого стекла в GIMP на фотографии в рамке».

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

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

Но для начала определитесь с рисунком: будет ли это рисунок из файла, например, фотография, либо это будет стандартная картинка из коллекции Microsoft.

Если это будет рисунок из файла, то в меню Вставка выберите команду Рисунок, а затем вложенную команду Из файла. Откроется стандартное диалоговое окно

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

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

Далее:

1 способ

  • Щелкните правой кнопкой мыши на вашем рисунке и из контекстного меню выберите команду Границы и Заливка. Откроется диалоговое окно Границы:
  • На вкладке Границы выберите тип границы: рамка, тень, объемная или другая.
  • В центральном поле Тип из списка возможных границ выберите подходящий вам тип.
  • В поле Цвет можно соответственно задать цвет границы.
  • В поле Ширина выберите необходимый вам параметр.
  • В поле Образец вы можете видеть применяемые вами параметры, а также убрать границу с какой-либо стороны рисунка.
  • В поле Применить к оставьте стандартный выбор рисунку и нажмите ОК.

2 способ

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

  • Щелкните правой кнопкой мыши на вашем рисунке и из контекстного меню выберите команду Формат рисунка. Откроется одноименное диалоговое окно:
  • Перейдите на вкладку Положение и в поле Обтекание выберите необходимое вам расположение рисунка относительно текста, например, по контуру. Если оставить тип обтекания
    В тексте
    , то рамку будет нельзя применить к рисунку данным способом.
  • Щелкните ОК и окно закроется.
  • Вновь вызовите команду Формат рисунка и перейдите на вкладку Цвета и линии.
  • В группе Линии выберите подходящий вам цвет линии и задайте остальные параметры.
  • Нажмите ОК.

Спасибо за совет и идею Руслану Юлдашеву.

Обрамление абзаца позволяет выделить важную мысль, а рамка вокруг страницы украшает или бывает нужна по требованиям к оформлению некоторых видов документов. Расскажем, как сделать рамку в Ворде – для фрагмента текста или для всех листов, включая обрамление со штампом по ГОСТу.

Обрамление текста

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

Обычной рамкой

Как сделать рамку в Ворде вокруг текста:

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

Чтобы изменить внешний вид линий или обрамить текст, откройте последний пункт подменю «Границы и заливка». Поменяйте тип, цвет и ширину границ. В окошке «Образец» настройте, с каких сторон поставить линии. Если вы хотите нарисовать рамочки для каждой взятой строки, в пункте «Применить к» выберите «Тексту» – строчки будут обрамлены по-отдельности. Во вкладке «Заливка» настройте цвет и узор фона.

Фигурой

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

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

Обрамление страницы

Разберемся, как вставить базовую рамку в Ворде. Нам потребуется инструмент «Границы страниц», в зависимости от версии программы он располагается во вкладке:

  • 2016: «Конструктор»;
  • 2013: «Дизайн»;
  • 2010 и в Ворде 2007: «Разметка страницы»;
  • чтобы создать рамку в Ворде 2003, выберите одноименный пункт в меню «Формат».

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

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

Использование шаблонов

Для оформления документов по ГОСТу используйте специальные шаблоны рамок, которые бесплатно можно скачать в интернете. Шаблон – это файл формата «.dot». После скачивания откройте его, как обычный документ. Появится сообщение системы безопасности о запуске макросов – разрешите включить содержимое. На панели инструментов появится новая вкладка «Надстройки».

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

Заключение

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

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

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

Как сделать рамку в Word 2007 и 2010

Если вы используете Word 2007 и 2010, то для того чтобы сделать рамку вам нужно открыть вкладку «Разметка страницы» и нажать на кнопку «Границы страниц». Если у вас Word 2016, то кнопку «Границы страниц» нужно искать на вкладке «Дизайн».

После этого появится окно «Границы и заливка». Здесь нужно выбрать рамку и нажать на кнопку «Ok». После этого каждая страница документа будет обрамлена рамкой.

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

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

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

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

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

Быстрый способ сделать рамку вокруг текста

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

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

Как сделать рамку в Word 2013 и 2016

Если у вас Word 2013 и 2016, то рамка добавляется точно таким же способом, как описано выше. Единственное исключение, кнопка «Границы страниц» будет находиться не на вкладке «Разметка страницы», а на вкладке «Дизайн».

В остальном процесс создания рамки точно такой же, как в Word 2007 и 2010.

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

Инструкция

  1. Сначала необходимо кликнуть дважды левой клавишей мыши по вкладке «Разметка страницы», расположенной в верхней панели.
  2. Далее, вверху, примерно в центре окна программы нужно найти изображение листика с отогнутым углом и надписью «Границы страниц».
  3. Затем необходимо кликнуть по этой картинке. В открывшемся окне вы сможете выбрать параметры рамок.
  4. При желании, вы сможете подобрать также и цвет рамки, и толщину линии. Однако для того, чтобы сделать простейшую черную рамку, достаточно нажать «ОК».

Получаем вот такой результат.

Теперь вы знаете, что в Ворде некоторые проблемы решаются очень просто. Удачной работы!

Комментарии

The database is currently locked for routine database maintenance, after which it will be back to normal. Please check back later!

Как вставить фото в рамку в Фотошопе (Adobe Photoshop)

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

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

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

В изображении в формате .jpg, вместо прозрачного фона будет фон белым цветом.

Итак, приступим к вставке нашей фотографии в красивую новогоднюю рамку в формате .psd.

1. Для начала открываем Adobe Photoshop. Далее открываем изображение выбранной рамки (Меню Файл -> Открыть…) или при помощи сочетания клавиш Ctrl+O:

В центре открывшейся рамки мы видим область (обозначается белыми и серыми квадратиками) для вставки фотографии.

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

На панели слоев (в правой части окна программы) мы видим, что рамка в формате .psd состоит из нескольких слоев — в этом особенность изображений в формате .psd.

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

Побаловались? Идем дальше.

2. Так же открываем фотографию, которую собираемся вставить в рамку.

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

3. Мы видим, что фотография наложилась на рамку и нам нужно ее опустить.

Для этого переходим к панели слоев. Видим, что к слоям рамки добавился еще один слой «Слой 1» — слой с фотографией.

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

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

Для начала убедимся, что слой с фотографией активен (т.е. выделен). После этого сочетанием клавиш Ctrl+T или через меню (Редактирование -> Свободное трансформирование) вызываем «Свободное трансформирование». После этого вокруг фотографии появится вот такая рамка:

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

После того как фото подогнали под размеры рамки делаем двойной клик левой кнопкой мыши или нажимаем клавишу Enter. Рамка редактирования вокруг фото исчезнет:

5. Теперь сохраняем нашу фотографию с рамкой, для этого выбираем меню (Файл -> Сохранить как…):

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

6. После нажатия на кнопку «Сохранить» появится вот такое окошко с настройками сохранения:

Здесь в поле «Качество» ставим цифру «8» — высокое качество изображения. Обычно “восьмерки” хватает для сохранения изображения в хорошем качестве.

Вот на этом вставка фото в рамку завершена. Мы получили вот такую новогоднюю фотографию:

Теперь рассмотрим вставку фото в рамку форматом .png.

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

1. Точно так же открываем рамку в формате .png.

На панели слоев мы видим, что данная рамка имеет всего один слой.

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

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

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

3. Точно также добавляем и подгоняем вторую фотографию.

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

5. Я подогнал по размерам фотографию, но все равно в одном из углов фото выходит за пределы области. Нужно это исправить. Для этого выбираем инструмент «Прямоугольная область выделения» и выделяем выпирающую часть фотографии:

Нажимаем клавишу Delete и выпирающая часть фото удаляется. Для снятия выделения нажимаем сочетание клавиш Ctrl+D.

6. Вот и все. Теперь повторяем шаги 5 и 6 с предыдущего примера вставки фото в рамку, для сохранения нашей новогодней фотографии.

В итоге мы получили вот такую фотографию:

Если у вас не установлен Фотошоп, то пробную версию вы можете скачать с нашего сайта — Adobe Photoshop.

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

Фото-идея – онлайн рамки для фото без регистрации

Новые поступления

Фоторамка — Осень наступила

Потрясающая осенняя рамка онлайн для фото, которое можно вставить на фоне осеннего пейзажа в окружении капель дождя

Рамка — Осенний урожай

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

Детская рамка — Сказочная ночь

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

Женская рамка — Духи от Dior

Здесь вы сможете вставить фото в женственную рамку онлайн среди шелковистых цветов и рядос с духами от Dior

Рамка для фото — Осенний закат

Осенняя рамка онлайн для фото на фоне красивого осеннего пейзажа и в окружении пожелтевшей листвы

Рамка с животными – Охота

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

Фотоэффект — Пламя любви

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

Рамка — Ну погоди

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

Фотоэффект — Супер стиль

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

Расписание уроков с Машей

Сделать школьное расписание уроков онлайн и со своей фотографией на фоне зеленой полянки рядом с Машей и медведем

Фотоэффект — Фантастические строения

На фоне этого фотоэффекта онлайн изображены летающие корабли и необычные строения, а на фон свитка можно вставить фото

Рамка детская – Утята

Здесь детское фото вы сможете вставить в рамку онлайн, которая находится на фоне красивой природы у пруда с утятами

Детская рамка — Чип и Дейл

Создать детскую рамку онлайн с диснеевскими героями Чипом и Дейлом, а так же с их друзьями Гаечкой, Рокфором и Вжиком

Рамка осенняя на свитке

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

Рамка – Губная помада

Красивая женская рамка онлайн с цветами, губной помадой и косметичкой на первом плане

Рамка — Осенний пейзаж

Осенняя рамка онлайн в виде коллажа с яркой и красочной осенней природой, среди которой вы сможете вставить свое фото

Фото-рамка — Учебные дни

Эта школьная рамка онлайн сделана в виде раскрытой старинной книги, где на одной странице вы сможете вставить фото

Фотоэффект — Осенняя сказка

Очень красивый фотоэффект онлайн в виде коллажа для фото, которое будет вставлено на фоне осенней природы

Страницы: 1…132133134135136137138…217

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

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

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

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

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

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

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


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


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

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

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

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

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

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


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

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

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

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


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


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

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

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


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

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

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

Шаг №1

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

Шаг №2

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

Шаг №3

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


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

Шаг №4

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


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


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


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

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

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

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

  1. Открываем обе фотографии в фотошопе в одном документе. Не страшно, что одно изображение налезет на другое.
  2. Зажмите левой кнопкой мыши на миниатюре с девочкой, после чего перетащите ее прямо под слой с рамкой.
  3. При необходимости берем инструмент перемещение и с помощью левой кнопки мыши двигаем фотографию девочки так, чтобы она хорошо смотрелась.
  4. Также, при необходимости, вы сможете нажать комбинацию клавиш CTRL+T, чтобы перейти в режим трансформирования. Иногда необходимо уменьшить или увеличить фото, чтобы оно смотрелось как надо.

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

  1. Для начала убедитесь, что слой с фотографией (у меня девочка) расположен под миниатюрой рамки.
  2. Теперь, берем инструмент «Фигура» и выбираем «Прямоугольник» . После этого рисуем прямоугольник так, чтобы его края нахлестывали на все 4 стороны рамки.
  3. После этого, прячьте фигуру под миниатюру с девочкой. После этого ваш прямоугольник исчезнет с ваших глаз. Но это нормально.
  4. Далее, нажимаем на слое с девочкой правой кнопкой мыши и выбираем пункт «Создать обтравочную маску» .

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

  • Size/«Размер» — толщина обводки в пикселях. Чем больше разрешение фотографии, тем больше должно быть это значение для заметного эффекта.
  • Position/«Положение» — положение обводки. Возможны варианты расположения внутри, снаружи и по центру. У нас обводка по краю кадра, а значит все варианты, кроме расположения внутри (Ins >

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

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

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

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

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

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

В появившемся диалоговом окне нужно будет ввести отступ в пикселях от края кадра, на котором должна находится рамка. Отступ будет сделан внутрь. Значение отступа зависит как от того, насколько далеко от края вы хотите сделать рамку на фотографии, так и от разрешения исходного снимка. Не забудьте поставить галочку Apply effect at canvas bounds/«Применить эффект на границах холста», которая указывает на то, что отступ нужно делать от границы.

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

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

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

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

А вот и результат.

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

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

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

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

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

Чтобы получить нужный эффект, нам потребуются фильтры из блока Brush Strokes/«Штрихи». Выбираем подходящий на свой вкус и задаём ему параметры. Чем больше разрешение фотографии, тем больше должны быть значения параметров, иначе эффект не будет заметен.

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

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

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

Паспарту

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

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

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

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

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

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

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

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

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

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

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

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

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

Как в фотошопе вставить фото в рамку. Как вставить фото в рамку в Фотошопе (Adobe Photoshop) Как работать с готовыми рамками в фотошопе

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

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

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

В изображении в формате.jpg, вместо прозрачного фона будет фон белым цветом.

Итак, приступим к вставке нашей фотографии в красивую новогоднюю рамку в формате.psd.

1. Для начала открываем Adobe Photoshop. Далее открываем изображение выбранной рамки (Меню Файл -> Открыть… ) или при помощи сочетания клавиш Ctrl+O :

В центре открывшейся рамки мы видим область (обозначается белыми и серыми квадратиками) для вставки фотографии.

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

На панели слоев (в правой части окна программы) мы видим, что рамка в формате.psd состоит из нескольких слоев — в этом особенность изображений в формате.psd.

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

2. Так же открываем фотографию, которую собираемся вставить в рамку.

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

3. Мы видим, что фотография наложилась на рамку и нам нужно ее опустить.

Для этого переходим к панели слоев. Видим, что к слоям рамки добавился еще один слой «Слой 1» — слой с фотографией.

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

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

Для начала убедимся, что слой с фотографией активен (т.е. выделен). После этого сочетанием клавиш Ctrl+T или через меню (Редактирование -> Свободное трансформирование ) вызываем . После этого вокруг фотографии появится вот такая рамка:

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

После того как фото подогнали под размеры рамки делаем двойной клик левой кнопкой мыши или нажимаем клавишу Enter . Рамка редактирования вокруг фото исчезнет:

5. Теперь сохраняем нашу фотографию с рамкой, для этого выбираем меню (Файл -> Сохранить как… ):

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

Здесь в поле «Качество» ставим цифру «8» — высокое качество изображения. Обычно “восьмерки” хватает для сохранения изображения в хорошем качестве.

Вот на этом вставка фото в рамку завершена. Мы получили вот такую новогоднюю фотографию:

Теперь рассмотрим вставку фото в рамку форматом.png.

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

1. Точно так же открываем рамку в формате.png.

На панели слоев мы видим, что данная рамка имеет всего один слой.

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

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

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

3. Точно также добавляем и подгоняем вторую фотографию.

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

5. Я подогнал по размерам фотографию, но все равно в одном из углов фото выходит за пределы области. Нужно это исправить. Для этого выбираем инструмент «Прямоугольная область выделения» и выделяем выпирающую часть фотографии:

Нажимаем клавишу Delete и выпирающая часть фото удаляется. Для снятия выделения нажимаем сочетание клавиш Ctrl+D .

6. Вот и все. Теперь повторяем шаги 5 и 6 с предыдущего примера вставки фото в рамку, для сохранения нашей новогодней фотографии.

В итоге мы получили вот такую фотографию:

Если у вас не установлен Фотошоп, то пробную версию вы можете скачать с нашего сайта — Adobe Photoshop .

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

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

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

Достаточно и минимальных знаний фотошопа.

Итак, начинаем от простого к более сложному.

Способ 1 выполнить обводку .

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

Если необходимо сделать рамку для всего изображения, то лучше всего использовать сочетание клавиш CTRL+A, если же необходимо выделить часть изображения используем инструменты выделения.

После того, как выделение готово, идем в –

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

Если же будет выбрано расположение обводки –снаружи-, то тогда размер изображения можно уменьшить воспользовавшись командой –Свободное трансформирование – сочетание клавиш CTRL+T, удерживая клавишу Shift для сохранения пропорций.

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

Из вышесказанного вытекает способ 2 : с использованием подлежащего слоя :

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

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

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

Способ 3. Используем стили.

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

Выделяем, допустим, овальную область, ощищаем ее – нажимая клавишу Del.

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

Можно добавить текст, также применив к нему стиль.

Способ 4. Используем параметры наложения – стили слоя .

Создаем новый документ, допустим 10 см х15 см.

Заливаем слой понравившемся узором.

Выделяем область, ощищаем содержимое – клавиша Del

Снимаем выделение, Ctrl+D.

Дважды кликаем по слою, или же вызываем параметры наложения, кликнув по значку:

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

Под полученный слой помещаем изображение.

Способ 5. в фотошоп.

Открываем изображение, добавляем новый слой.

На новом слое создаем быструю маску – клавиша Q.

Затем свободная трансформация – уменьшаем маску в размере.

Идем в Фильтр –Штрихи- Аэрограф.

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

Выходим из быстрой маски: еще раз нажимаем клавишу Q

Получили выделение:

Инвертируем выделение

Заливаем выделенную область (слой 1) цветом или градиентом.

Снимаем выделение.

Способ 6. Используем растровые фигуры.

Открываем изображение, разблокируем фоновый слой.

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

Выделяем нужный фрагмент

Меняем расположение слоев, и нажав клавишу Alt встаем мышкой между слоями.

Появится значок – кликаем.

Затем можно объединить слои Ctrl+E

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

В слое с изображением добавить эффекты наложения

Нижний слой залить , и можно применить фильтр .

Или любой другой, поиграться – что больше всего будет по душе.

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

Способ 7. Делаем прозрачную рамку в фотошоп.

Открываем изображение, дублируем три раза фоновый слой – нажимая три раза сочетания клавиш Ctrl+J

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

Находясь на слое 1 идем в —.

Размываем изображение

Добавим шум. Идем в —

Теперь проделаем ту же операцию с помощью другой популярной программы — Photoshop.

У меня на компьютере установлена старая версия — Adobe Photoshop CS2. И она меня всем устраивает. Если у вас стоит другая версия, возможно, что некоторые моменты работы с программой будут отличаться от показанных, но в целом алгоритм будет таким же.

Открываем программу Adobe Photoshop. Заходим Файл — Открыть



и в открывшемся окошке выбираем наш шаблон из папки, где он находится. Теперь наш шаблон появился в окне программы:

Теперь нам нужно открыть фотографию нашей морячки. Снова идем в меню Файл — Открыть и находим наш портрет на компьютере. Наша морячка появилась в окне программы поверх нашего шаблона.

Все свои шаблоны я сохраняю с разрешением 300 точек/на дюйм и размером 200 х 90 мм. Поэтому, после открытия фотографии девушки, я подгоняю ее (фотографию) под размер шаблона. Иначе фото и шаблон могут очень сильно различаться. Для этого в меню программы идем Изображение — Размер изображения… и в появившемся окошке выставляю то же разрешение, что и у шаблона, а так же высоту, примерно равную высоте шаблона:

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

Теперь нам нужно переместить нашу морячку на шаблон. Для начала активируем Инструмент «Перемещение»

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

Некоторые версии Фотошопа не поддерживают прямого перетаскивания мышью. В этом случае мы поступим по другому: на вкладке с фотографией морячки идем Выделить — Все (наше фото выделилось), затем Редактирование — Скопировать . Теперь переходим на вкладку с шаблоном (рамкой) и нажимаем Редактирование — Вклеить.

Если выскочит такое окошко, жмем Преобразовать :

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

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

Слои поменялись местами и, наша морячка «спряталась» за рамку:

Хочется немного увеличить размер нашей фотографии. Убедившись, что в окне Слои активен именно слой с нашей фотографией, идем в меню Редактирование — Свободное трансформирование :

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

Изменив размер и подогнав фотографию в окошке шаблона, жмем Enter и рамка вокруг фотографии исчезнет. Остался пустяк — сохранить для сублимации наш шаблон в «зеркале». Заходим в меню Изображение — Повернуть холст — Отразить холст по горизонтали:

Наш шаблон готов!

Ну и для закрепления посмотрите этот видеоурок:

vYUDIdl4L6o

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

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

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


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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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


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

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

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

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

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

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

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

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

На любой вкус, но все они имеют разные форматы – Png, Jpeg, PSD.

Как вставить рамку в Фотошопе: формат Jpeg


  1. Прежде всего, откройте исходное изображение.

  2. Основной слой нужно . Для этого щелкните два раза левой кнопкой мыши по пиктограмме слоя. Когда откроется окно «Новый слой», просто нажмите «Да». Слой получит имя «Слой 0».

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

  4. Нажмите Delete. Шахматный узор, который появится в выделенной области, означает, что образовалась прозрачная область. Теперь следует нажать Ctrl+D и снять выделение.

  5. Откройте фотографию, которую хотите поместить в , а затем выберете инструмент «Перемещение» и перетащите фото на рамочку. Если оно больше , нажмите Ctrl+T.

  6. Щелкните по любому угловому маркеру, удерживая Shift, и тяните его внутрь фото. Изображение необходимо расположить над рамочкой, оно должно быть чуть больше ее размера. Нажмите Enter.

  7. Последний шаг – поменять слои . Осталось слить слои с помощью сочетания клавиш Shift+Ctrl+E, и фото готово.

Как правильно вставить рамку в Фотошопе: формат PNG


  1. Откройте исходное изображение в формате PNG и фотографию, которую будете вставлять в рамку.

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

  3. Фото нужно расположить над рамкой.

  4. Теперь поменяйте местами слои.

  5. Разместите фото так, как вам нравится, нажав Ctrl+T и удерживая Shift. Слейте слои с помощью сочетания Shift+Ctrl+E.

  6. Hажмите клавиши Shift+Ctrl+S и введите в появившемся окне сохранения имя файла и тип – jpeg, затем нажмите «Сохранить».

Как вставить рамку в Фотошопе: формат PSD

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


  1. Откройте исходное изображение и фотографию.

  2. С помощью инструмента «Перемещение» перетащите фото на изображение с рамкой.

  3. На палитре «Слои» будет множество слоев, а не один, как в случаях с другими форматами. Найдите слой с рамкой и расположите под ним фото.

  4. Нажмите Ctrl+T и, удерживая Shift, уменьшите фотографию до нужного размера. Расположите ее в рамке так, как вам нравится. Нажмите Enter.

  5. В данном случае множество слоев дает простор для творчества – многие элементы, которые составляют рамку, находятся на отдельных слоях. Если вам что-то не нравится, вы можете отключить или удалить этот элемент.

  6. Нажмите Shift+Ctrl+S и сохраните фото в формате PSD или Jpeg, если хотите распечатать фотографию в рамочке.

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

Как сделать рамки для фотографий

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

Шаг 1. Начинаем работу

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

Шаг 2. Добавляем рамки

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

Выберите красивую рамку

Шаг 3. Другие способы оформления фотографии

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

Оформление фото масками

Шаг 4. Улучшение фото

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

Улучшите качество изображения

Шаг 5. Печать и сохранение

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

Печатаем готовое фото

Вот и все! Теперь знаете о том, как сделать рамки для фотографий с помощью «Домашней Фотостудии». Установите на компьютер редактор и примерьте красивые рамки на своих любимых фотографиях. Готовые работы станут креативным сюрпризом для ваших друзей и близких, а также полноценным украшением для стен офиса и дома.

Как добавить границы к фотографиям: 10 простых методов

Есть бесчисленное множество способов добавить границы к фотографиям. От онлайн-инструментов до мобильных приложений и программ для ПК — каждый найдет что-то на свой вкус.

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

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

Веб-приложения, которые добавляют границы к фотографиям

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

1. Canva

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

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

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

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

Существует множество бесплатных рамок на выбор, но Canva также предлагает дополнительные платные рамки или рамки, доступные только для премиум-пользователей.

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

2. BeFunky

Редактор фотографий BeFunky включает в себя способ добавления рамок к вашим фотографиям — и вам не нужно регистрироваться, чтобы использовать его.Существует небольшой выбор бесплатных фреймов (по одному на категорию), но обновление за 5 долларов в месяц дает вам гораздо больше возможностей.

При первой загрузке BeFunky выберите Photo Editor .Затем вы можете загрузить свое изображение и щелкнуть Frames в меню. BeFunky предлагает широкий выбор рамок, включая ArtDeco, Rustic и Lace. А его категория «Мгновенное» предлагает пользователям простой способ создания цифрового дизайна Polaroid.

3.Пизап

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

Чтобы добавить рамку к вашему изображению, нажмите кнопку Edit a Photo на главной странице.Вариант Borders имеет более 13 категорий, большинство из которых посвящены особым случаям, таким как Рождество, Хэллоуин и дни рождения. В каждой из категорий есть бесплатные опции, которые вы можете использовать, а также дизайн, предназначенный для премиум-пользователей.

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

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

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

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

4. InFrame (Android и iOS)

Закрывать

Изображение 1 из 3

Изображение 2 из 3

Изображение 3 из 3

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

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

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

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

Загрузить: InFrame для Android | iOS (бесплатно)

5.Апрель (Android и iOS)

Закрывать

Изображение 1 из 3

Изображение 2 из 3

Изображение 3 из 3

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

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

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

Вы можете выбрать «Макет» для основных рамок или «Плакат» для более сложных вариантов.В разделе «Плакат» вы найдете различные варианты в зависимости от категории (Украшение, Еда, Ежедневно) и того, сколько фотографий вы выбрали для использования.

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

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

Скачать: Апрель для Android | iOS (бесплатно)

6.Instasize (Android и iOS)

Закрывать

Изображение 1 из 3

Изображение 2 из 3

Изображение 3 из 3

Instasize предлагает множество отличных рамок для добавления к вашим изображениям, которые идеально подходят для публикации в социальных сетях.В открытом приложении коснитесь значка плюс внизу. Затем вы должны выбрать, где будет храниться ваше изображение (например, Cloud или Camera ).

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

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

Скачать: Instasize для Android | iOS (доступны бесплатные покупки в приложении)

7.ShakeItPhoto (iOS)

изображение галерея (2 изображения) Закрывать

Изображение 1 из 2

Изображение 2 из 2

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

Так что, если все, что вам нужно, это простой способ добавить рамку Polaroid к вашим фотографиям iOS, вам действительно не нужно искать дальше этого приложения.

Вы можете сделать снимок прямо в ShakeItPhoto или вытащить фотографию из фотопленки.

Скачать: ShakeItPhoto для iOS (бесплатно)

Настольные приложения, которые добавляют границы к фотографиям

Наконец, есть пара настольных приложений, которые также могут выполнять свою работу.

8. Photoshop

Photoshop может похвастаться множеством функций, одна из которых — возможность добавить рамку к любой фотографии.А если у вас уже есть доступ к Adobe Creative Cloud, использование Photoshop дает вам полный контроль над конечным продуктом.

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

Когда дело доходит до создания границ в Photoshop, удобно использовать функцию обтравочной маски:

  1. После того, как вы создали рамку, добавьте рамку или прямоугольник, указывающие, где именно будет размещаться фотография.
  2. Добавьте фотографию в качестве дополнительного слоя в свой дизайн.
  3. Расположите слой с фотографией над формой, на которой вы хотите разместить фотографию , щелкните правой кнопкой мыши слой изображения и выберите Создать обтравочную маску .
  4. Как только вы это сделаете, изображение будет ограничено прямоугольником или формой, к которой вы его прикрепили.Вы можете перемещать изображение в пределах этой формы с помощью инструмента Move (сочетание клавиш V).
  5. Вы можете изменить его размер, выбрав инструмент «Прямоугольная область» (сочетание клавиш M), щелкнув изображение правой кнопкой мыши и выбрав Free Transform . Удерживая нажатой кнопку Shift, с помощью мыши захватите один из углов изображения и перетащите его, чтобы изменить размер.

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

Для тех из вас, кто не хочет тратить деньги на Creative Cloud, GIMP предлагает функции, аналогичные Photoshop, и его также стоит изучить.

9. Microsoft Paint

Если все, что вам нужно, это простая цветная рамка и у вас есть компьютер под управлением Windows, Paint отлично справится с этой задачей.

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

Если вы хотите немного настроить его, используйте раскрывающийся список Outline , чтобы переключаться между такими параметрами, как Solid color и Felt tip .Кроме того, раскрывающийся список Размер изменит толщину, а раздел Цвета позволяет изменить цвет границы.

10.Microsoft Word

Если ничего не помогает, можно использовать только продукты Microsoft Office для добавления базовой рамки или границы к вашему изображению.Основные функции редактирования изображений Microsoft Word включают возможность добавления рамки к изображению. Подобные функции можно найти в PowerPoint и даже Excel.

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

Если вам нужна простая рамка, щелкните значок «Заливка» (ведро) и выберите «Линия »> «Сплошная линия ».Вы можете изменить цвет, тип линии, ширину и многое другое.

От простых рамок для фотографий до винтажных рамок

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

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

Как проверить состояние вашего ПК или ноутбука с Windows 10

Используйте эти отчеты о работоспособности Windows 10, чтобы увидеть, как работает ваше оборудование, и выявить любые проблемы.

Читать далее

Об авторе Джо Кили (Опубликовано 611 статей)

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

Более От Джо Кили
Подпишитесь на нашу рассылку новостей

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

Еще один шаг…!

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

Рамка для фотоколлажа — Framify в App Store

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

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

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

Поделиться в Facebook, Instagram, Whatsapp, Mail, Photo Library и многих других установленных приложениях.

ОСОБЕННОСТИ:
• Доступно более 2700+ рамок для изображений
• 40+ эффектов фотофильтров
• Приложение для обрезки фотографий
• Быстрый редактор фоторамок
• Изменение цвета фоторамок
• Добавление текста в рамки изображений

КАТЕГОРИИ: —
Редактор детских фоторамок, Дети, Дети, День отца, День матери, Серебро, Золото, Щиты, Рекламные щиты, Праздник, Лето, Пляж, Смешно, Эффекты Пипа, Женский день, День святого Валентина, День розы, День Тедди, Сердечки, Любовные рамки , Предложить день, Хэллоуин, Шоколадное фото в рамки, Праздничная рамка из фото, Создано, Мечтательное, Цветы, Дружба, Блеск и блестки, Романтическое, Натуральное, Домашнее животное, Реалистичные фоторамки, Королевские фото для рамок, День рождения, Страна, Поддельные журналы, Санкт-ПетербургДень Святого Патрика, редактор деревянных рамок, свадебные рамки для картин, рождественские рамки, новогодние рамки, рамки Naturals, золотые рамки для картин, рамки с бриллиантами для фотографий и винтажные рамки, рамки для фотографий дружбы, осень, зима, весна.

Несколько слов от пользователей:
Наконец-то приложение с красивыми традиционными пользовательскими рамками для фотографий. Я так устал получать только простые современные оправы в качестве единственного выбора. Спасибо за большое разнообразие для всех нас. Отличное приложение

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

Действительно проста в использовании и много красивых рамок для картинок на выбор. Люблю это до сих пор. Это удобно для тех, кто не слишком разбирается в технологиях. Если я могу использовать, то может. Так много нестандартных рамок для картин на выбор, и они потрясающие. Я использую это приложение, когда делаю слайд-шоу.Я использовал Framify для фото многих моих друзей, которые просто не делают таких вещей, и они в восторге.

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

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

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

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

PicFrame в App Store

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

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

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

Основные характеристики
— 77 полностью настраиваемых рамок (изменение размера каждой области кадра для неограниченной настройки)
— 32 забавных угловых рамки
— Объедините до 10 фотографий или видео в один коллаж
— Напишите текстовые метки в рамку (выберите шрифт, квадратные, закругленные и рваные этикетки, настройте цвет текста, контура текста и метки)
— Добавьте наклейки в свой коллаж
— Создайте свои собственные комиксы с помощью комических наклеек, фотоэффектов и шрифтов
— Добавьте свою музыку в видеокадры
— Измените форму ваших фотографий и видео на круг, сердце, шестиугольник и т. Д.
— Закругленные углы на фотографиях и видео
— Применение эффектов к отдельным фотографиям
— Добавление тени к фотографиям и видео
— Простой выбор цвета для фон рамки
— Шаблоны для фона рамки
— Изменение ширины границы
— Квадратный формат, 3: 2, 2: 3, 4: 3, 3: 4, 4: 5, 5: 4 16: 9, 9: 16 и выберите собственное соотношение
— Масштабирование, панорамирование, поворот или зеркальное отображение каждой фотографии
— Выберите сразу несколько фотографий и видео
— Легко перемещайте фотографии и видео в разные области путем перетаскивания
— Высокое разрешение
— Используйте с Canon Selphy или другими принтерами для компоновки фотографий
— Делитесь через Instagram, Facebook, Twitter и многое другое!
— Отправить по электронной почте
— Отправить фото или видео в другое приложение e.грамм. Dropbox
— Поддержка iPhone и iPad

БОЛЬШОЕ ОБНОВЛЕНИЕ v13!
— PicFrame теперь имеет обновленный интерфейс, включая интуитивно понятный пользовательский интерфейс iPad, позволяющий перетаскивать фотографии в PicFrame из других приложений или напрямую при выборе фотографий в приложении!
— Рисуйте пальцем или Apple Pencil прямо на PicFrame!
— Пишите многострочные текстовые метки!
— Добавление обводки к тексту
— Пользовательский интерфейс был улучшен без потери функциональности
— Добавлен новый набор стикеров для путешествий
— Добавлен режим Dark / Light!

Популярность
— 5 лучших платных приложений для фотографий для iPhone
— 25 лучших платных приложений для iPhone в целом
— 10 лучших приложений для платных фотографий для iPad
— PicFrame получил 9 из 10 в Руководстве по проводным приложениям

Следите за PicFrame в Twitter @PicFrameApp и Instagram @davidboyes.

Условия использования: https://boyes.nz/terms-conditions/

Легко создавать кадры Instagram за секунды

Добавьте фото в рамку

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

Сделайте это особенным

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

Шаблоны рамок Instagram идеально подходят для компаний, которые хотят продвигать бренд или событие в социальных сетях.Прямые линии делают представление любой ключевой информации, такой как дата, время и входные билеты, очень простым.

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

Измените свой профиль

Если вы решите изменить цветовые схемы любого из шаблонов, вы можете легко это сделать, используя нашу настраиваемую цветовую палитру. Сохраните цвет и настройте его так, как вы хотите, чтобы он отображался в вашем дизайне.Может быть, вы хотите использовать фото для Facebook или Twitter? Все, что требуется, — это быстрый щелчок по волшебной кнопке изменения размера, и изображение может быть подготовлено для различных целей. Имея более 100 шрифтов на выбор, нет недостатка в шрифтах, с которыми можно поиграть. Вы можете быстро изменить размер и стиль выбранного шрифта и выровнять его по левому, центру или правому краю изображения.

Как создать рамки для Instagram за 4 простых шага

1. Выберите свои рамки для Instagram из более чем 17.000 готовых шаблонов.

2. Выберите одно из более чем 1 200 000 изображений или загрузите собственное изображение.

3. Измените цвет и текст на собственное фирменное сообщение, используя более 100 свежих шрифтов.

4. Поделитесь или загрузите свои собственные новые рамки Instagram.

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

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

Эта функция работает одинаково во всех современных версиях Microsoft Word: 2010, 2013 и 2016.

  1. Выберите изображение, щелкнув по нему.
  2. На вкладке Работа с рисунками Формат в группе Стили рисунков щелкните Граница рисунка .

  3. Выберите цвет, щелкнув по нему.

  4. Снова щелкните Граница изображения и наведите указатель мыши на Толщина или Штрихи , чтобы задать ширину и стиль линии границы.

Видео по теме

Автор: Дэйв Данн

Дэйв Данн, генеральный директор Webucator, присоединился к Webucator в 2009 году после того, как работал финансовым директором и операционным директором в многочисленных малых и средних компаниях, включая Summit Software Company, Insight Research Group, Avalon Consulting и HealthcareOne.Дэйв получил степень бакалавра искусств в Гамильтон-колледже и степень магистра делового администрирования в Сиракузском университете. Он занимал пост председателя правления Монтессори-школы Сиракуз с 2001 года.

О Webucator

Webucator проводит обучение под руководством инструктора для студентов из США и Канады. Мы обучили более 90 000 студентов из более чем 16 000 организаций таким технологиям, как Microsoft ASP.NET, Microsoft Office, Azure, Windows, Java, Adobe, Python, SQL, JavaScript, Angular и многие другие. Ознакомьтесь с нашим полным каталогом курсов.

Как добавить рамку вокруг изображения

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

Вы можете создать простую рамку вокруг изображения, используя свойства CSS border, padding и background.

Создать HTML¶

  • Создайте элемент
    с именем класса «frame».
  • Определите тег в элементе
    .
  • Установите атрибут alt для изображения.
  

  
     Название документа 
  
  
    
 Природа
Попробуйте сами »

Добавить CSS¶

  • Установите высоту и ширину рамки.
  • Укажите стиль, ширину и цвет границы с помощью сокращенного свойства границы.
  • Установите цвет фона.
  • Установите для поля значение «auto» и два значения заполнения. Первое значение устанавливает верхнюю и нижнюю стороны, а второе — правую и левую стороны.
  • Установите ширину и высоту изображения на 100%.
  .frame {
  ширина: 300 пикселей;
  высота: 250 пикселей;
  граница: 3px сплошная #ccc;
  фон: #eee;
  маржа: авто;
  отступ: 15 пикселей 10 пикселей;
}

img {
  ширина: 100%;
  высота: 100%;
}  

Теперь вы можете увидеть пример полностью.

Пример добавления рамки вокруг изображения: ¶

  

  
     Название документа 
    <стиль>
      .Рамка {
        ширина: 300 пикселей;
        высота: 250 пикселей;
        граница: 3px сплошная #ccc;
        фон: #eee;
        маржа: авто;
        отступ: 15 пикселей 10 пикселей;
      }
      img {
        ширина: 100%;
        высота: 100%;
      }
    
  
  
    
Природа
Попробуйте сами »

Результат: ¶

Если вы хотите сделать рамку круга границей для вашего изображения, вам необходимо установить радиус границы равным 50% для всех сторон границы.Установите свойства border-color, border-style, border-width в соответствии с вашими требованиями. Не забудьте установить свойство переполнения на «скрытый», чтобы остальная часть изображения была невидимой.

Пример добавления круглой рамки вокруг изображения: ¶

  

  
     Название документа 
    <стиль>
      .круг {
        цвет границы: # 666 # 1c87c9;
        граница-изображение: нет;
        радиус границы: 50% 50% 50% 50%;
        стиль границы: сплошной;
        ширина границы: 25 пикселей;
        высота: 200 пикселей;
        ширина: 200 пикселей;
        переполнение: скрыто;
      }
      img {
        высота: 100%;
        ширина: 100%;
      }
    
  
  
    
 Природа
Попробуйте сами »

Вы можете получить разные результаты, изменив свойства border-radius и border-color. Например, если вы хотите иметь квадратную рамку , вам просто нужно установить радиус границы равным 0 для всех сторон.

Пример добавления квадратной рамки вокруг изображения: ¶

  

  
     Название документа 
    <стиль>
      .квадратный {
        высота: 200 пикселей;
        ширина: 200 пикселей;
        цвет границы: # 666 # 1c87c9;
        граница-изображение: нет;
        граничный радиус: 0 0 0 0;
        стиль границы: сплошной;
        ширина границы: 30 пикселей;
      }
      img {
        высота: 100%;
        ширина: 100%;
      }
    
  
  
    
 Природа
Попробуйте сами »

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

Пример добавления рамки со скругленными углами: ¶

  

  
     Название документа 
    <стиль>
      .округлые-границы {
        высота: 200 пикселей;
        ширина: 300 пикселей;
        цвет границы: # 666 # 8ebf42;
        граница-изображение: нет;
        радиус границы: 50 пикселей 0 50 пикселей 0;
        стиль границы: сплошной;
        ширина границы: 20 пикселей;
      }
      img {
        высота: 100%;
        ширина: 100%;
      }
    
  
  
    
 Природа
Попробуйте сами »

Как добавить рамку изображения с рамкой к изображению¶

Также можно добавить изображение в качестве рамки. Для этой цели в CSS есть свойство border-image, которое позволяет указать изображение в качестве границы вокруг элемента.

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

  • stretch — изображение растягивается, чтобы заполнить область (это значение по умолчанию),
  • repeat — изображение повторяется для заполнения области,
  • round — изображение повторяется, чтобы заполнить область, (если оно не заполняет область целым числом плиток, изображение масштабируется, чтобы оно соответствовало),
  • space — изображение повторяется для заполнения области (если оно не заполняет область целым числом плиток, лишнее пространство распределяется вокруг плиток).

Пример добавления рамки изображения рамки: ¶

  

  
     Название документа 
    <стиль>
      div {
        ширина: 80%;
        высота: 300 пикселей;
        нижнее поле: 20 пикселей;
        фон: url ("/ uploads / media / default / 0001/01 / b408569013c0bb32b2afb0f0d45e93e982347951.jpeg") no-repeat;
        размер фона: обложка;
      }
      img {
        ширина: 30%;
        высота: 30%;
      }
      .border-one {
        граница: сплошная прозрачная 20 пикселей;
        border-image: url ("/ uploads / media / default / 0001/01 / 812bf6a749522b8185c1beee20dd99dd6c6c87da.jpeg") 50 раунд;
      }
      .border-two {
        граница: сплошная прозрачная 20 пикселей;
        border-image: url ("/ uploads / media / default / 0001/01 / 812bf6a749522b8185c1beee20dd99dd6c6c87da.jpeg") 35% round;
      }
      .border-three {
        граница: сплошная прозрачная 20 пикселей;
        border-image: url ("/ uploads / media / default / 0001/01 / 812bf6a749522b8185c1beee20dd99dd6c6c87da.jpeg ") 100% круглый;
      }
      .border-four {
        граница: сплошная прозрачная 20 пикселей;
        border-image: url ("/ uploads / media / default / 0001/01 / 812bf6a749522b8185c1beee20dd99dd6c6c87da.jpeg") 20 stretch;
      }
    
  
  
    

Вот исходное изображение:

 Граница
Попробуйте сами »

Как добавить белую рамку к фотографии в Instagram: 5 простых способов

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

Как добавить белую рамку к фотографии в Instagram

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

1. Добавьте белую рамку в приложение Instagram.

Самый быстрый способ добавить белую рамку к фотографии в Instagram — это добавить ее в самом приложении.Вот как это сделать:

  1. Откройте приложение Instagram.
  2. Нажмите + внизу по центру экрана.
  3. Перейдите к фотографии, которую хотите использовать.
  4. Нажмите Далее в правом верхнем углу экрана.
  5. Прокрутите до нужного фильтра.
  6. Дважды постучите по фильтру.
  7. Нажмите значок квадратной рамки рядом с ползунком интенсивности.
  8. Нажмите Готово.
  9. Выполните дополнительные действия, чтобы опубликовать фотографию в ленте.

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

2. Получите белую рамку на фотографии с помощью VSCO

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

Вот как получить белую рамку с помощью VSCO:

  1. Откройте приложение VSCO.
  2. Нажмите + в правом верхнем углу экрана.
  3. Перейдите к фотографии, которую хотите использовать.
  4. Нажмите «Импорт» внизу экрана.
  5. Выберите фотографию, которую вы импортировали.
  6. Нажмите «Изменить» в нижнем левом углу экрана.
  7. Снова коснитесь значка «Изменить».
  8. Прокрутите вправо, пока не увидите значок «Границы».
  9. Нажмите Границы.
  10. Выберите белый цвет.
  11. Используйте ползунок, чтобы выбрать размер границы.
  12. Нажмите Далее в правом верхнем углу экрана.
  13. Нажмите Сохранить.

Это позволит сохранить новую версию вашей фотографии в альбоме «Фотопленка», откуда вы сможете загрузить ее в Instagram, как обычно.

3. Добавьте белую рамку к своей фотографии в Instagram с помощью Whitagram

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

Вот как добавить белую рамку с помощью Whitagram:

  1. Откройте приложение Whiteagram.
  2. Выберите библиотеку.
  3. Перейдите к фотографии, которую хотите использовать, и выберите ее.
  4. Нажмите квадратный значок внизу в центре экрана.
  5. Используйте ползунок, чтобы отрегулировать размер границы.
  6. Нажмите «Сохранить» в правом верхнем углу экрана.
  7. Выберите «Фотопленка».

После сохранения отредактированной фотографии вы можете загрузить ее в Instagram.

4. Добавьте белые рамки с помощью Preview

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

Вот как им пользоваться:

  1. Откройте приложение «Предварительный просмотр».
  2. Нажмите значок + в правом верхнем углу экрана.
  3. Пресс-библиотека.
  4. Перейдите к фотографии, которую хотите использовать.
  5. Нажмите Готово.
  6. Выберите фотографию еще раз.
  7. Нажмите кнопку редактирования внизу по центру экрана.
  8. Нажмите кнопку настройки фоторедактора в верхнем левом углу экрана.
  9. Выберите «Рамки».
  10. Выберите белую рамку по своему выбору.
  11. Нажмите Готово в правом верхнем углу экрана.
  12. Выберите фотографию.
  13. Нажмите кнопку «Поделиться» в правом нижнем углу экрана.
  14. Выберите Опубликовать в Instagram.

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

5. Обведите фотографию в белую рамку с помощью Instfit

.

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

Вот как добавить белую рамку с помощью Instfit:

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

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

Следует ли использовать белые рамки в Instagram?

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

Профи

Вот плюсы добавления белой рамки к вашим фотографиям в Instagram:

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

Минусы

Вот минусы добавления белой рамки к вашим фотографиям в Instagram:

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

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

Leave a Reply

Ваш адрес email не будет опубликован. Обязательные поля помечены *