Достаточно часто нужно нарисовать рамку вокруг фото, иконки, аватарки или любого другого рисунка, чтобы визуально отделить его от окружающего текста или других фото. Очертить картинку тонкой линией можно в любом графическом редакторе, например, в стандартном Paint . Но лучше Фотошопа с обработкой фото пока никакая другая программа не справляется. Подходит Photoshop и для рисования рамок, причем способов ее нарисовать я насчитал около десятка. В этом уроке, подготовленном для новичков в Photoshop , я расскажу о двух наиболее простых способах.
Способ 1: Рамка вокруг рисунка в Photoshop как эффект фонового слоя
Допустим, у нас есть картинка, вокруг которой мы бы хотели видеть рамку толщиной в 2 пикселя. Самый простой способ сделать это – воспользоваться эффектом для фонового слоя, который рисует рамку нужного цвета и толщины. Если у картинки один слой (обычное фото или рисунок, которые не обрабатывались только что в Фотошопе), то он же и является фоновым. Для этого:
1. Открываем окно со слоями рисунка ( – F7 ) и кликаем дважды по фоновому (единственному) слою в этом окне:
По названию слоя (у нас – «клубника») кликать не нужно, если только мы не собираемся переименовывать слой.
2. Откроется окно Layer Style , в котором можно менять многие свойства текущего слоя. Нас интересует закладка Stroke окна Layer Style , с помощью которой мы сделаем рамку зеленого цвета толщиной в 2 пикселя:
Обратите внимание на поле Position , значение которого нужно установить в Inside (рамка показывается внутри рисунка, а не очерчивает его, как установлено по умолчанию). Чтобы сменить цвет рамки, кликните на прямоугольник возле поля Color и выберите нужный цвет в открывшемся окне.
3. Собственно, все. Осталось только нажать кнопку OK в правом верхнем углу окна Layer Style и сохранить рисунок в нужном формате.
Для того чтобы сменить цвет, толщину, прозрачность и другие характеристики нарисованной в Фотошопе рамки, повторите заново пункты 1 и 2 этого урока. Чтобы удалить рамку кликните правой кнопкой на слое в окне Layers и из появившегося контекстного меню выберите Clear Layer Style .
Способ 2: Рисуем рамку карандашом в Фотошопе
Чтобы нарисовать произвольную рамку, например, вокруг фрагмента рисунка или разной толщины и цвета с каждой стороны фотографии, можно воспользоваться инструментом Photoshop под названием Pensil Tool (горячая клавиша — B ). С помощью мыши нарисовать карандашом прямую линию сложно, но если удерживать нажатой клавишу Shift на клавиатуре, карандаш в Фотошопе рисует только прямую линию. Инструкция в данном случае очень простая, хоть и подробная, и не требует иллюстраций.
1. Выбираем инструмент карандаш (Pensil Tool ), нажав на клавиатуре латинскую букву B .
2. В появившемся сразу под главным меню Фотошопа списке свойств карандаша указываем нужную толщину рамки, которую вы планируете рисовать. Цветом линии будет активный цвет Фотошопа (верхний из цветных квадратиков в панели инструментов Photoshop ).
3. Создаем новый слой (Ctrl+Shift+N ), в котором будем рисовать рамку. Можно новый слой не создавать, но так мы рискуем испортить слой с основным рисунком и придется все начинать сначала.
4. Кликаем карандашом в том месте картинки, где будет начинаться рамка, затем нажимаем Shift и, не отпуская зажатую левую кнопку мыши, тянем курсор в нужную сторону.
5. Отпускаем левую кнопку мыши, но не отпускаем клавишу Shift . Теперь нужно покликать там, где должны быть оставшиеся углы рамки рисунка. Поскольку рамка нестандартная, углов может быть сколько угодно. Экспериментируйте, отменяя неудачные ходы с помощью крайне CTRL+Z и CTRL+ALT+Z.
В простейшем случае, когда нужно нарисовать прямоугольную рамку вокруг рисунка, картинка на вид не будет отличаться от той, которую мы получили первым способом этого урока:
татьяна кербо
Здравствуйте, друзья. Многие сталкиваются с проблемой, как оформить уголок детского творчества. Хочу рассказать о простом и бюджетном способе изготовления рамочки для детских рисунков или фотографий . Я в своей группе сделала такие рамки двух форматов : для малышей А5 (на половину альбомного листа, для старших дошкольников А4 (альбомный или стандартный лист для ксерокса) Сразу на всю группу делать трудоёмко, поэтому советую привлечь родителей. Можно организовать совместный мастер - класс Детки будут рисовать, а родители делать рамочки для их рисунков !
Для работы понадобится : кусок обоев, картон, клей, большая линейка, ножницы.
Накладываем рисунок (лист бумаги требуемого формата) на обои
Обводим по контуру карандашом или фломастером . Если делаете большое количество рамочек, можно использовать лист картона, тогда можно отчертить лист без линейки.
Убираем шаблон и прочерчиваем внутри прямоугольника еще один меньшего размера (отступаем от первоначального примерно 1 см, еще надо прочертить во внутреннем прямоугольнике диагонали
Затем надо разрезать обои по диагоналям от центра к углам (не доходя до большего прямоугольника) .
Затем отгибаем получившиеся треугольники
Загибаем внешнюю часть обоев, стараясь, чтобы получившиеся стороны рамочки были одинаковыми по ширине, и приклеиваем.
Осталось приклеить задник. Я использую картон от упаковок наборов цветной бумаги. Тогда в готовой рамочке, даже если она пустая, виден симпатичный рисунок . Можно использовать картон от обычных коробок. Тогда рамка будет очень жесткой .. Важно : Клей наносим с трех сторон, чтобы можно было менять работы. В центре вокруг отверстия для рисунка наносим полоски клея с длинной и короткой стороны. Они нужны, чтобы рисунок не "проваливался" внутри готовой рамки . Линии приклеивания я показала маркером. Если плохо видно, в центре на салфетке продублировала
IMG]/upload/blogs/6bc1a82914e9567de04fa91f93f407bb.jpg.jpg Все. Домик для вашего шедевра готов!
Можно сзади приклеить петельку из тесьмы и прикреплять рамку с рисунком прямо к обоям при помощи простой швейной булавки. У нас в раздевалке в качестве полочек используются потолочные пластиковые карнизы
С помощью этого урока вы научитесь создавать несложные рамки для своих фотографий.
Я покажу вам несколько способов создания различных рамок, поэтому можно считать, что в одном этом большом уроке собраны несколько по одной теме.
Рамка №1. Простая рамка-полоска.
Несмотря на свою простоту, данная рамка улучшает восприятие и придает работе законченный вид.
Шаг 1. Открываем наше изображение. Выделяем все изображение, нажав CTRL+A.
Вокруг изображения появится рамка выделения.
Шаг 2. Выбираем в меню Выделение - Модификация - Сжать (Selection - Modify - Contract). В диалоговом окне выбираем величину отступа в пикселях.
Применяем команду.
Шаг 3. Нажимаем ПКМ, удерживая курсор внутри выделенной области, и в появившемся меню выбираем Выполнить обводку .
В появившемся диалоговом окне настраиваем цвет и ширину нашей полоски.
Шаг 4. Применяем команду и получаем результат.
Не забудьте снять выделение, нажав CTRL+D.
Рамка№2. Рамка со скругленными углами внутри .
Шаг 1. На панели инструментов выберем инструмент Прямоугольник со скругленными углами.
Переключимся в режим создания контура (на верхней панели настроек инструмента)
Шаг 2. Введем необходимый радиус закругления углов.
Шаг 3. Создадим контур с нужными отступами от краев.
Шаг 4. Преобразуем контур в выделение. Нажимаем ПКМ, удерживая курсор внутри контура, и в появившемся меню выбираем Образовать выделенную область .
Шаг 5. Инвертируем выделение комбинацией клавиш SHIFT+CTRL+I и нажимаем CTRL+DEL, чтобы залить выделение цветом переднего плана или ALT+DEL для цвета заднего плана. Снимаем выделение, нажав CTRL+D.
Рамка №3 . Неровные края .
Шаг 1 . Выполняем шаги 1 и 2 Рамка №1.
Шаг 2. Быстрой маски (Quick Mask).
Шаг 3 . Применяем Фильтр - Штрихи - Аэрограф (Filter - Brush Strokes - Sprayed Strokes). Параметры настройки фильтра подбираются индивидуально, в зависимости от изображения.
Шаг 4. (необязательный). Применяем Фильтр - Искажение - Волна (Filter - Distort - Wave) Параметры также подбираются опытным путем.
Шаг 5. Выходим из режима Быстрой маски, нажав Q. Теперь у нас появилось выделение.
Шаг 6. Инвертируем выделение комбинацией клавиш SHIFT+CTRL+I и нажимаем CTRL+DEL, чтобы залить выделение цветом заднего плана (по умолчанию белый) или ALT+DEL для цвета переднего плана (по умолчанию черный). Снимаем выделение, нажав CTRL+D.
Рамка № 4. Ступенчатая
Шаг 1. Выполняем шаги 1 и 2 Рамка №1.
Шаг 2. Нажимаем Q, чтобы перейти в режим Быстрой маски (Quick Mask).
Шаг 3. Применяем Фильтр - Оформление - Фрагмент (Filter - Pixelate - Fragment).
Шаг 4. Применяем фильтр несколько раз, нажимая CTRL+F. Обычно для картинки размером 900х600 пикселей достаточно 4-5 раз.
Шаг 5. Повторяем шаги 5 и 6 Предыдущего раздела. Получаем результат. В этом случае я использовал цвет переднего плана по умолчанию - черный.
Желаю всем творческого вдохновения и успехов!
Автор
: Евгений Карташов.
Довольно часто возникает необходимость визуально отделить изображение от окружающего его текста на сайте, украсить свадебные фотографии.
На просторах интернета есть множество приложений для создания рамок, однако сделать её можно и в практически любом графическом редакторе. Как сделать рамку в фотошопе?
Рассмотрим несколько простейших способов.
Способы создания рамки в 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
В окне «Слои » поместите слой с рамкой выше, чем слой с фотографией, как показано на рисунке.
Это средний по сложности урок. Повторить этот урок может быть затруднительно и взрослым, поэтому не рекомендую рисовать рамку по этому уроку маленьким детям, но если есть большое желание — то можно и попробовать. Также хочу отметить урок « » — обязательно попробуйте повторить его, если у вас останется время и желание рисовать сегодня.
Что понадобится
Для того, чтобы нарисовать рамку нам может понадобиться:
- Графический редактор GIMP. Нужно скачать GIMP для Windows и установить его.
- Скачать кисти для GIMP , они могут пригодиться.
- Могут понадобиться некоторые дополнения (инструкция как их устанавливать).
- Немного терпения.
- Хорошее настроение.
Поэтапный урок
Кстати, кроме этого урока советую обратить своё внимание на урок « ». Он поможет повысить ваше мастерсово или просто доставит немного удовольствия.
Совет: выполняйте разные действия на разных слоях. Чем больше слоёв вы сделаете — тем проще вам будет управляться с рисунком. Так набросок можно сделать на нижнем слое, а беловой вариант на верхнем и когда набросок будет не нужен, то можно будет просто отключить видимость этого слоя.
При выполнении урока учтите, что из-за различий в версиях программ некоторые пункты меню и инструменты могут называться иначе или отсутствовать вовсе. Это может немного затруднить выполнение урока, но я думаю, что вы справитесь.
Мною этот урок взят из замечательной книги Сергея Тимофеева «Работа в графическом редакторе GIMP». Я лишь немного доработал урок, для того, чтобы его смогли выполнить новички.
В данном уроке мы научимся красиво обрамлять изображение. Мы рассмотрим общий порядок создания рамки на конкретном примере, и в дальнейшем вы сможете рисовать самостоятельно. Напомню, что среди фильтров GIMP присутствует фильтр Добавить рамку.
Он позволяет автоматически добавлять рамку изображению, но только строго определённую, несложную рамку. Мы же научимся рисовать красивые рамки вручную. Вот как это делается.
1. Откройте фотографию, для которой хотите нарисовать рамку. Для этого в выпадающем меню Файл выберите пункт Открыть. В появившемся окне открываем нужную папку и выделяем файл, содержащий необходимую фотографию. Далее нажимаем на кнопку Открыть.
2. Открыв изображение, мы должны увеличить размер холста. Дело в том, что для создания рамки требуется дополнительная область, иначе рамка перекроет само изображение. В выпадающем меню Изображение выберите пункт Размер холста.
В нём понадобятся параметры размера холста - Ширина и Высота. Первым делом нажмите на кнопку с изображением скрепки справа от этих параметров, чтобы получить возможность независимого редактирования ширины и высоты изображения. Теперь увеличьте значение параметров Ширина и Высота ровно на 100 пикселей каждый: например, значения параметров были 330×500 пикселей, а теперь задаём 430×600 пикселей. После этого необходимо нажать кнопку Отцентрировать, чтобы имеющееся изображение поместить в центр увеличенного холста. Нажимаем кнопку Изменить размер в нижней части окна - и получаем наше изображение на увеличенном холсте.
Подсказка. Вы понимаете, что, увеличивая длину и ширину холста на 100 пикселей, мы делаем толщину рамки равной 50 пикселям, так как в обоих направлениях существует две планки рамки. Если у вас крупное изображение (например, 2000×1500 пикселей) или вы просто хотите сделать рамку шире, следует увеличивать холст не на 100, а на 200 - 400 пикселей.
3. Мы получили дополнительную область, позволяющую создать в её пределах рамку. На панели Слои создайте новый слой со стандартными параметрами (для этого необходимо нажать кнопку Создать новый слой и добавить его в изображение, а затем в появившемся окне параметров нового слоя просто нажмите кнопку ОК).
Переходим к редактированию вновь созданного слоя, выберите инструмент Прямоугольное выделение и аккуратно выделите контуры исходного изображения (подчеркну, что необходимо выделить не весь холст, а лишь контуры исходного изображения в центре холста).
Для аккуратного выделения надо увеличить изображение. Сделать это можно при помощи Списка выбора масштаба изображения, который находиться в нижней области главного окна. Для передвижения по увеличенному изображению воспользуйтесь значком Панели навигации расположенном в нижним правом углу. Наведите курсор мыши на её значок, нажмите и удерживайте левую кнопку мыши, затем передвиньте изображение в нужную сторону. Отредактируйте границы выделения.
Совет. Для редактирования выделения попробуйте использовать возможности самой Панели навигации, которая управляет масштабом и перемещением по изображению. Для этого её можно добавить в Окно диалоговых панелей. Делается это нажатием на кнопку Настроить эту вкладку, найти пункт Добавить вкладку и из выпадающего списка выбрать Навигация.
После этого в выпадающем меню Выделение выберите пункт Инвертировать (он позволяет обратить выделение, сделать невыделенные области выделенными и наоборот). Таким образом, мы выделили область рамки, не затрагивая само изображение.
4. Теперь необходимо сформировать внешний вид рамки. На панели инструментов выберите инструмент Градиент. В качестве смешиваемых цветов градиента установите Цвет переднего плана на тёмно-серый, а Цвет фона на светло-серый. Для того, чтобы изменить цвет просто щёлкните по одному из квадратиков и в появившемся окне выберите нужный цвет (верхний квадратик - это цвет переднего плана, а нижний - это цвет фона). Нажмите ОК. Перейдите на панель Слои, поставьте тип градиента Основной в фоновый (RGB).
Проведите вертикальную линию снизу вверх, во всю высоту изображения - чтобы градиент имел вертикальный вид и растягивался по всей картинке.
Для удобства и для того, чтобы линия была ровная можно добавить Вертикальную направляющую. В выпадающем меню Изображение выберите подменю Направляющие, а далее пункт Направляющая (в %). Проведите линию градиента вдоль направляющей. Линия будет прилипать к ней, и не будет искривляться.
Если в пункте 3 вы всё сделали правильно, то градиент должен отобразиться лишь на рамке изображения, а сама фотография им покрываться не должна. В результате изображение должно выглядеть так:
Снимите выделение (в выпадающем меню Выделение выберите пункт Снять), и удалите направляющую (выпадающем меню Изображение в подменю Направляющие выберите пункт Удалить направляющие).
5. Сделаем рамку фактурной. В выпадающем меню Фильтры подгруппы Имитация, выберите фильтр Холст со следующими параметрами:
Задав необходимые параметры, нажимаем кнопку ОК и получаем изображение, как на рисунке.
6. Создадим лёгкий зрительный образ рамки. В выпадающем меню Фильтры в подгруппе Декорация, выберите пункт Добавить фаску. В появившемся окне настройки параметров фильтра для параметра Толщина задайте значение 14, а также уберите галочку опции Работать с копией (для того чтобы продолжать работать с основным изображением).
7. После выполнения вышеперечисленных шагов мы получаем изображение в красивой рамке.
Закрываем изображение, экспортируем и сохраняем.
По аналогии создавайте свои собственные рамки, применяя разнообразные фильтры. Например, на нижнем рисунке показана рамка с использованием фильтра Плетение вместо фильтра Холст.
Вот вы и узнали как нарисовать рамки и надеюсь, что вы смогли повторить урок. Теперь можете обратить внимание на урок « » - он такой же интересный и увлекательный. Делитесь с друзьями этим уроком в соц. сетях.
