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

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

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

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

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

Это совсем другая ситуация, когда возникает необходимость в использовании окантовок из линий, различные орнаменты или вовсе аппликации вокруг картины. Таким образом многие украшают свои фотографии для семейного альбома или размещения их в социальных сетях. Представление каких-либо товаров и услуг может также сопровождаться дополнительным украшением демонстрируемых изображений. Где взять готовые шаблоны? А вы спросите об этом у поисковой системы и она выдаст огромное множество ответов. Вот, чем порадовала строка поиска "художественная рамка":

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

Но как быть, если возникла необходимость поместить тот же логотип компании или вэб-сайта в таблицу Excel или документ Word. При этом хотелось отделить их рамкой от всего вокруг. Нет ничего проще! С нашим примером поступаем так - сначала делаем скриншот экрана, копируем его в окно предварительно открытого графического редактора и производим кадрирование с целью выделения только нужной части. Допустим, что у нас получились размеры пятьсот на пятьсот пикселей. Выбираем цвет - пипеткой тыкаем в то место на логотипе, цвет которого встречается на нём чаще других. Либо определите сами, какой подойдёт больше, но лучше всё-таки выбирать из присутствующих на изображении. Это всё равно что для комнаты выбирать плинтуса - по ламинату или дверям, по обоям или мебели, по каким-то ещё критериям. Так и здесь был выбран цвет самых больших букв "Otzyvy".

Что потом? Определяем ширину самой рамки. Допустим, нас устроит пять пикселей и тогда мы поступаем следующим образом:
- уменьшаем габариты, нажимая Ctrl-Alt-I - подставляем новые значения 490*490 пикселей;
- выделяем всё (Ctrl-A);
- удаляем с поля (CTRL-X);
- вновь восстанавливаем прежние размеры картинки - 500*500 px;
- вставляем изображение из буфера обмена (Ctrl-V);
- объединяем видимые слои (Shift-Ctrl-E).

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

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

Можно долго производить теоретические изыскания на ту или иную тему, но окончательное понимание придёт только при изучении наглядных примеров из жизни. Вы ведь тоже захотите спросить - куда девать эти логотипы в одноцветных квадратах? Поверьте, случаев их применения вполне достаточно. Так недавно удалось обнаружить один из них на корпоративном сайте моих хороших знакомых - магазина "МинистрПол", что располагается на Новорижском шоссе. Они применяют аналогичный метод для обозначения производителей той или иной продукции:

Посудите сами, без квадратика название торговой марки "Moduleo" выглядело бы нелепо, а так оно подчёркнуто и достойно занимает своё место. Точно также на других страницах этого продавца напольных покрытий показаны и другие изготовители ламината, паркетных и инженерных досок, виниловых и пробковых полов. Их там довольно много и всех здесь перечислять нет смысла. Если вам интересно, загляните к ним сами и оцените другие виды.

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

Аналогичным способом окаймляются и изображения товаров. Кстати, многие интернет-воришки чужого контента наивно полагают, что это поможет им скрыть факт воровства изображений. Не стоит надеяться на простоту поисковиков типа Яндекс и Гугль - они способны расшифровать столь примитивные корректировки, не существенно изменяющие содержимое графических файлов. Не помогают ни кадрирования, ни перевороты имеджей на девяносто или сто восемьдесят градусов, ни редактирование уровней. Они все эти хитрости вычисляют на раз и потом выдают в результатах поиска, относя к дублям. Такое отнесение не добавит вашему сайту ИКС-ов (ТИЦ по-старому), потому что высоко ценятся разработки лишь с уникальным контентом. Можно сделать аппликацию - на одном месте сгруппировать три-четыре разных изображения (фон, сам товар, аксессуары). Но это довольно трудоёмкий процесс и к нему стоит прибегать, если вы не имеете ограничений по времени. Лучше использовать фотографии и иллюстрации собственного изготовления, защищая себя авторским правом на последующие времена.

Но всё только что сказанное никак не повлияет на необходимость в некоторых случаях обязательного использования рамок для рисункво и фоток. Попробуйте сами - у вас всё получится ;)

Видео обзор

Рисовач#1/КАК НАРИСОВАТЬ 3D РАМКУ

3D Pen RP200A: Рисуем рамку для фото.

Прерывистая прямоугольная рамка в фотошоп

как рисовать рамку из косички

Как сделать прикольную фото рамку своими руками за 5 минут.