Оформляем фотографии рамками в Фотошопе

Содержание

Создание фото-рамки со снежинками в Photoshop: оформляем зимние фотографии!

Оформляем фотографии рамками в Фотошопе

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

Вот как будет выглядеть итоговый результат:

Рамка со снежинками

Шаг 1: Создадим новый документ Photoshop

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

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

В первую очередь нам понадобится документ, в котором мы будем создавать эту кисть, так что в меню в верхней части экрана откройте File и выберите New:

Нажимаем File > New

Откроется диалоговое окно New Document, предназначенное для создания нового документа.

Задайте значения Width (Ширина) и Height(Высота) по 200 пикселей, а в опции Background Contents выберите White, после чего закройте диалоговое окно, нажав OK. Перед вами появится новый документ 200×200 пикселей залитый белым цветом:

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

Шаг 2: Выбираем инструмент Custom Shape

В панели инструментов выбираем Custom Shape Tool. По умолчанию он находится за инструментом Rectangle Tool, так что нажмите на него и удерживайте кнопку мыши до появления выпадающего меню, а потом в списке найдите Custom Shape Tool.

Выбираем инструмент Custom Shape Tool

Шаг 3: Загружаем набор фигур Nature

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

Выбрав инструмент Custom Shape Tool, при помощи щелчка правой кнопки мыши (Win) / щелчка с удержанием Control (Mac) в любой точке нового документа мы можем открыть панель с фигурами, после чего надо нажать на стрелочку в правом верхнем углу:

Нажимаем на треугольничек в правом верхнем углу панели с фигурами

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

Находим в меню набор фигур Nature

Photoshop спросит, следует ли заменить имеющийся набор фигур новым либо просто добавить его ниже. Нажимаем Append:

Выбираем Append, чтобы добавить набор фигур Nature к уже имеющимся

Шаг 4: Выбираем снежинку

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

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

Возьмите любую из трех снежинок, щелкнув по ее миниатюре

Шаг 5: Выбираем опцию Fill Pixels

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

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

Так что нажимаем на иконку Fill Pixels в панели опций (правая):

Перед вами три иконки, каждая из них соответствует своему типу фигур. Иконка «Fill Pixels» — самая правая

Шаг 6: Растягиваем снежинку

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

Затем щелкните внутри документа в районе верхнего левого угла и, удерживая Shift, начинайте растягивать снежинку. Благодаря клавише Shift будут сохраняться ее пропорции.

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

Черная фигура станет кистью. А белое будет оставаться прозрачным

Шаг 7: Делаем из фигуры кисть

В верхней части экрана найдите меню Edit, в нем выберите Define Brush Preset:

Открываем Edit > Define Brush Preset

Когда появится диалоговое окно Brush Name, дадим нашей кисти название — «Snowflake» («Снежинка»), а потом закроем его, нажав ОК. Теперь можно закрыть и документ со снежинкой, он нам уже не нужен (если Photoshop предложит сохранить его, делать это не обязательно):

Назовем новую кисть «Snowflake»

Шаг 8: Открываем фотографию

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

Оригинальный снимок

Шаг 9: Добавим чистый слой

Нажмите на иконку New Layer, расположенную в нижней части панели слоев, чтобы добавить новый слой над существующим. Photoshop назовет его «Layer 1».

Над оригинальным слоем Background добавляется новый чистый слой «Layer 1»

Шаг 10: Заливка нового слоя белым цветом

В меню Edit в верхней части экрана выберите Fill:

Открываем Edit > Fill

Откроется диалоговое окно Fill. В опции Use выберем White и нажмем OK, после чего диалоговое окно закроется: Теперь документ стал белым:

Поставьте в опции Use цвет White (белый) и нажмите OК

Шаг 11: Выбираем участок, куда вставить фотографию

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

Выбираем Select > All

Теперь возвращаемся в меню Select и на этот раз выбираем Transform Selection:

Нажимаем Select > Transform Selection

Команда Transform Selection позволяет нам изменить размер или форму выделения, при этом то, что находится в его рамках, не меняется. Нажимаем на верхний манипулятор (квадратик), и, удерживая Alt (Win) / Option (Mac), смещаем его немного к центру, чтобы между контуром выделения и границей документа остался 1-1,5 см.

Если вы удерживаете Alt / Option, то вся зона выделения будет сдвигаться относительно центра, то есть, нижний манипулятор тоже будет перемещаться. Затем повторите процедуру с левым манипулятором — удерживая Alt (Win) / Option (Mac) сдвигайте его к центру, оставив такое же расстояние между контуром выделения и границей документа. Правый манипулятор тоже сместится пропорционально левому.

Закончив, нажмите Enter (Win) / Return (Mac), чтобы принять изменения:

Удерживая Alt (Win) / Option (Mac), смещаем верхний и левый манипуляторы к центру

Шаг 12: Удаляем содержимое зоны выделения

Чтобы удалить все то, что находится в рамках зоны выделения, нажмите Backspace (Win) / Delete (Mac), после чего проступит лежащая под этим слоем фотография. Контур выделения остается активным:

Удаляем все, что находится в зоне выделения, оставляя ее контур активным

Шаг 13: Расширяем выделение

Теперь нам надо расширить контур выделения. Можно снова воспользоваться командой Transform Selection, но есть способ еще проще. Возвращаемся в меню Select, выбираем Modify, затем Expand:

Открываем Select > Modify > Expand

Когда появится диалоговое окно Expand Selection, вводим значение около 20 пикселей и нажимаем ОК.

Увеличиваем выделение примерно на 20 пикселей

Рамка выделения сдвинется на 20 пикселей от центра. Обратите внимание, что углы рамки выделения из острых стали закругленными. В этом заключается недостаток команды Expand Selection, из-за которого она не всегда является идеальным инструментом для увеличения зоны выделения, но для нашего спецэффекта закругленные углы — не проблема:

Все границы выделения сдвинулись на 20 пикселей от центра

Шаг 14: Применяем фильтр Gaussian Blur

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

Откройте Filter > Blur > Gaussian Blur

Когда появится диалоговое окно Gaussian Blur, увеличьте значение Radius примерно на 8 пикселей, край рамки размоется, став мягким и красивым. Нажав ОК, закройте диалоговое окно.

Увеличиваем Radius на 8 пикселей и нажимаем ОК

Переход стал мягче. Контур выделения оставляем, он нам еще понадобится. По нему мы будем наносить снежинки:

Граница стала мягче

Шаг 15: Выбираем инструмент Brush Tool

Выбираем Brush Tool в панели инструментов.

Выбираем инструмент Brush Tool

Шаг 16: Выбираем кисть-снежинку

Выбрав инструмент Brush Tool, при помощи щелчка правой кнопки мыши (Win) / щелчка с удержанием Control (Mac) в любой точке документа мы можем открыть панель с кистями, в которой находим только что созданную кисть-снежинку. Она должна оказаться последней в списке. Выбираем ее и закрываем панель с кистями, нажав Enter (Win) / Return (Mac).

Щелкаем по миниатюре кисти-снежинки и нажимаем Enter (Win) / Return (Mac)

Шаг 17: Задаем динамические опции кисти

Чтобы быстро открыть полную панель кистей Photoshop, нажимаем F5, после чего в левом столбце выбираем Shape Dynamics. Щелкайте прямо по словам, а не в клеточке перед ними, иначе вы активируете динамические опции, не задав их.

Щелкаем по словам «Shape Dynamics», которые находятся в левом столбце панели кистей

Выбрав Shape Dynamics, задаем в опциях Size Jitter и Angle Jitter 100%, сделав размер и угол поворота снежинок совершенно непредсказуемым:

В опциях Size Jitter и Angle Jitter задаем значение 100%

Сделав это, щелкните по слову Scattering, которое также находится в левом столбце панели кистей, и увеличьте значение Scatter примерно до 250%, благодаря чему снежинки будут сыпаться хаотично, а не по прямой линии. Закончив, нажмите F5, чтобы закрыть панель кистей.

Щелкаем по опции Scattering и задаем значение Scatter около 250%

Шаг 18: Делаем из рамки выделения контур

Откроем панель контуров, которая находится там же, где и панели слоев и каналов (чтобы активировать панель, щелкните по ее названию). Затем нажмите на иконку Make Work Path From Selection, которая находится в нижней части панели контуров:

Щелкаем по иконке Make Work Path From Selection

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

В Photoshop временные контуры получают название «Work Path»

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

Появившаяся тонкая линия — это контур, по которому будут рассыпаны снежинки

Шаг 19: Выбираем белый в качестве цвета переднего плана и уменьшаем размер кисти

Чтобы обратить цвета переднего и заднего плана, установленные в Photoshop по умолчанию, нажмите кнопку X, и тогда передний план станет белым (это нужно потому, что Photoshop рисует тем цветом, который задан как цвет переднего плана).

Затем при помощи щелчка правой кнопки мыши (Win) / щелчка с удержанием Control (Mac) в любой точке документа снова откроем панель с кистями и уменьшим размер кисти примерно до 50 пикселей, поскольку размер кисти по умолчанию слишком велик для нашей рамки.

Закончив, нажмите Enter (Win) / Return (Mac), и панель кистей закроется:

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

Шаг 20: Проводим кистью-снежинкой по нарисованному контуру

И, наконец, нажимаем на иконку Stroke Path With Brush, которая находится в нижней части панели контуров:

Щелкаем по иконке Stroke Path With Brush — она вторая слева

По контуру появляются первые снежинки:

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

Возможно, вы поймете, что ошиблись с размером кисти. В таком случае можно отменить сделанное, нажав Ctrl+Z (Win) / Command+Z (Mac), после чего изменить размер кисти с помощью правой или левой скобки на клавиатуре.

Левая скобка ( [ ) уменьшает размер кисти, а правая ( ] ) – увеличивает. Отрегулировав размер кисти, снова нажмите на иконку Stroke Path With Brush.

Возможно, придется менять размер кисти несколько раз, прежде чем получится то, что нужно.

Когда будете довольны размером, еще несколько раз щелкните по иконке Stroke Path With Brush, чтобы снежинок стало еще больше. Когда будет достаточно, щелкните в любой точке серого пространства под Work Path в панели контуров, чтобы убрать контур из окна документа:

Щелкаем в пустом месте панели контуров, чтобы отключить контур

Обратите внимание на то, что теперь опция Stroke Path With Brush стала неактивной. Если вам захочется добавить еще снежинок, сначала придется вернуть контур, для чего необходимо щелкнуть по миниатюре Work Path в панели контуров:

Снова активизируем контур, щелкнув по его миниатюре. Обводить контур можно лишь когда он виден

Я добавлял снежинки, щелкнув по иконке Stroke Path With Brush три раза, и теперь доволен спецэффектом.

Рамка со снежинками готова

Вот и все!

Источник — photoshopessentials.com

Источник: https://rosphoto.com/photoshop/foto-ramka_so_snezhinkami-2427

Урок по созданию рамки в

Оформляем фотографии рамками в Фотошопе

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

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

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

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

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

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

Вставить фотографию в рамку в «Фотошопе»

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

Затем начинается основной процесс, нам необходимо в «Фотошопе» вставить рамку. Для этого перейдите к её изображению и нажмите сочетание клавиш «Ctrl+A», которое выделит весь объект. Также можно воспользоваться путем «Выделение>>Выделить всё». Выделенный объект скопируйте при помощи комбинации «Ctrl+C».

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

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

Где инструменты рамки в «Фотошопе»

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

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

Это зафиксирует текущие размеры рамки.

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

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

В «Фотошопе» данное изображение является двухслойным. Снимок располагается на нижнем слое под названием «Фон». Щелкните по нему левой кнопкой мыши в панели «Слои».

Как делать рамки в «Фотошопе»

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

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

Как в «Фотошопе» наложить рамку

На этом создание рамки в «Фотошопе» завершено. Если вы хотите не только наложить рамку в Photoshop, но и добавить какую-либо надпись, то воспользуйтесь инструментом «Текст». Надпись можно красиво оформить при помощи какого-нибудь шрифта и панели «Стили». Но это уже не тема данного урока. Когда закончите — останется только сохранить изображение в JPEG-формате.

Как в «Фотошопе» нарисовать рамку

Некоторые считают, что в Adobe Photoshop имеются идеальные условия для создания рамок. Это на самом деле так. Но воспользоваться этими условиями смогут только опытные пользователи данной программы. Новички же её откроют и не поймут: где в «Фотошопе» рамки? Дело в том, что инструмент «Рамка» в Photoshop отсутствует.

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

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

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

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

А этот урок по созданию рамки в «Фотошопе» можно считать законченным.

Мастер-классы, Уроки Фотошопа Мастер-классы, Уроки Фотошопа Мастер-классы, Уроки Фотошопа Мастер-классы, Уроки Фотошопа Мастер-классы, Уроки Фотошопа Мастер-классы, Уроки Фотошопа Мастер-классы, Уроки Фотошопа Мастер-классы, Уроки Фотошопа Мастер-классы, Уроки Фотошопа Мастер-классы, Уроки Фотошопа

Источник: https://fotografiya.info/?p=669

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

Оформляем фотографии рамками в Фотошопе

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

Теперь выбираем свободное трансформирование в категории «Редактирование» или нажимает CTRL+T.

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

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

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

Готово.

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

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

Создание стильных фигурных рамок

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

Или используя быструю кнопку в меню справа.

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

Откроется дополнительное меню со стилями. У меня их не много.

Если захотите добавить, то можно бесплатно скачать 900 штук на сайте photoshop-master.ru/adds/styles. Тут достаточно разных эффектов, а установить на свой фотошоп не составит никакого труда.

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

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

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

Кликните по заливке.

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

Источник: https://start-luck.ru/photoshop/kak-sdelat-ramku.html

Как в Фотошопе сделать рамку вокруг фотографии

Оформляем фотографии рамками в Фотошопе

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

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

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

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

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

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

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

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

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

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

Так, добавить рамке объём можно с помощью настроек 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/«Свободное трансформирование».

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

Источник: https://Prophotos.ru/lessons/19905-kak-sdelat-ramku

Как легко сделать рамку в фотошопе вокруг фотографии или вставить готовую

Оформляем фотографии рамками в Фотошопе

Всем привет, мои дорогие друзья.

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

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

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

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

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

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

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

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

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

Источник: https://koskomp.ru/adobe-photoshop/kak-vstavit-foto-v-ramku-v-fotoshope/

Поделиться:
Нет комментариев

    Добавить комментарий

    Ваш e-mail не будет опубликован. Все поля обязательны для заполнения.