Нарисовать красивую рамку. Как нарисовать рамку от руки. Очень красивые рамки для новичков

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

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

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

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

Этап 1

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

Этап 2

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

Этап 3

В окошке параметров Word справа в меню под названием «Выбрать команды из», следует выбрать «Команды не на ленте».

Этап 5

Принимаем изменения, кликнув по кнопке «Ок».

Этап 6

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

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

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

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

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

Выполнить обводку

Проще всего воспользоваться прямым предложением программы, которое недвусмысленно намекает нам, как в "Фотошопе" сделать рамку. Это команда "Выполнить обводку", и вы найдете ее в меню "Редактирование", но прежде нужно, конечно, выделить свое изображение (Ctrl + A).

В диалоговом окне выбираем параметры (ширину, цвет, расположение, режим наложения, непрозрачность) и жмем OK. Рамка готова. Только если выберете "Снаружи", нужно прежде зайти в "Изображение" > "Размер холста", где увеличить документ с учетом желаемой толщины рамки или вызвать трансформацию (Ctrl + T) и уменьшить размеры самого изображения.

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

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

Обводка как стиль слоя

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

Используем готовые стили

Неплохая рамка для фото в "Фотошопе" может получиться, если воспользоваться стандартными предустановленными стилями ("Окно" > "Стили"), которые, кстати, можно создавать самому или скачивать в Сети.

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

Возможности фильтров

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

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

Затем инвертируем выделение ("Выделение" > "Инверсия") и включаем быструю маску, щелкнув по иконке с пунктирным колечком в самом низу панели слоев или выбрав команду "Редактировать в режиме быстрой маски" с меню "Выделение".

Теперь переходим в "Фильтр" > "Галерея фильтров" и подбираем какой-нибудь эффект, манипулируя его настройками и наблюдая за предварительным результатом в окне просмотра.

Нормально работает, например, эффект "Стекло" или "Океанские волны" в группе (папке) "Искажение"; эффекты "Разбрызгивание" и "Аэрограф" в группе "Штрихи"; "Рваные края" в группе "Эскиз".

Выбрав вариант по вкусу, выключаем маску повторным щелчком по ее кнопке, жмем Delete, снимаем выделение (Ctrl+D) и придирчиво смотрим на результат. Если с цветом что-то не так, открываем двойным щелчком по нижнему слою "Параметры наложения", и, выбрав "Наложение цвета", устанавливаем нужный тон.

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

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

Создаем пустую рамку с нуля

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

Документ создан. Выделяем его полностью (Ctrl + A), включаем инструмент выделения "Прямоугольная (или овальная) область", создаем внешний контур рамки. Затем на панели настроек вверху переключаемся на режим "Вычитание из выделенной области" и выделяем контур внутренней стороны рамки. Теперь инвертируем выделение ("Выделение" > "Инверсия") и жмем Delete.

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

Интересные результаты получаются при использовании предустановленных стилей ("Окно" > "Стили") групп "Эффекты для текста", "Кнопки", "Текстуры", "Web-стили".

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

Закругляем углы

Как в "Фотошопе" сделать рамку с закругленными краями? В принципе, все то же самое, что и в предыдущем шаге, только здесь мы создаем выделения для рамки из контуров фигур.

Включаем инструмент "Прямоугольник с закругленными углами", на панели настроек вверху слева переходим в режим "Контур", на той же панели задаем радиус закругления, растягиванием - оба контура рамки, переходим на вкладку "Контуры" ("Окно" > "Контуры"), жмем на иконку с пунктирным колечком ("Загрузить контур как выделенную область"), инвертируем выделение ("Выделение" > "Инверсия") и жмем Delete. А дальше действуем по аналогии с прямоугольной рамкой.

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

Может быть, для начала воспользуемся стандартным набором векторных фигур в "Фотошопе"?

Готовые варианты

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

Но и готовые фигуры рамок тоже неплохо смотрятся, тем более что в двухцветных вариантах к вашим услугам параметры "Заливка" и "Штрих", в каждом из которых можно изменять "Чистый цвет", "Градиент" или "Узор". Как видите, для творческих задач с тем, как в "Фотошопе" сделать рамку, нет пределов для фантазии.

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

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

Теперь фоновый слой можно удалить (или прикрыть ему глазик), и, перейдя в меню "Файл", "Сохранить для Web" c расширением PNG.

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

4 голоса

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

татьяна кербо

Здравствуйте, друзья. Многие сталкиваются с проблемой, как оформить уголок детского творчества. Хочу рассказать о простом и бюджетном способе изготовления рамочки для детских рисунков или фотографий . Я в своей группе сделала такие рамки двух форматов : для малышей А5 (на половину альбомного листа, для старших дошкольников А4 (альбомный или стандартный лист для ксерокса) Сразу на всю группу делать трудоёмко, поэтому советую привлечь родителей. Можно организовать совместный мастер - класс Детки будут рисовать, а родители делать рамочки для их рисунков !

Для работы понадобится : кусок обоев, картон, клей, большая линейка, ножницы.

Накладываем рисунок (лист бумаги требуемого формата) на обои

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

Убираем шаблон и прочерчиваем внутри прямоугольника еще один меньшего размера (отступаем от первоначального примерно 1 см, еще надо прочертить во внутреннем прямоугольнике диагонали

Затем надо разрезать обои по диагоналям от центра к углам (не доходя до большего прямоугольника) .

Затем отгибаем получившиеся треугольники

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

Осталось приклеить задник. Я использую картон от упаковок наборов цветной бумаги. Тогда в готовой рамочке, даже если она пустая, виден симпатичный рисунок . Можно использовать картон от обычных коробок. Тогда рамка будет очень жесткой .. Важно : Клей наносим с трех сторон, чтобы можно было менять работы. В центре вокруг отверстия для рисунка наносим полоски клея с длинной и короткой стороны. Они нужны, чтобы рисунок не "проваливался" внутри готовой рамки . Линии приклеивания я показала маркером. Если плохо видно, в центре на салфетке продублировала

IMG]/upload/blogs/6bc1a82914e9567de04fa91f93f407bb.jpg.jpg Все. Домик для вашего шедевра готов!

Можно сзади приклеить петельку из тесьмы и прикреплять рамку с рисунком прямо к обоям при помощи простой швейной булавки. У нас в раздевалке в качестве полочек используются потолочные пластиковые карнизы