Как сделать круглую рамку | СублиМастер
Сегодня я хочу рассказать вам о том, как самому сделать круглую рамочку для фотографий. Конечно, вы можете скачать бесплатные круглые рамки для тарелок, но иногда появляется необходимость создать что-нибудь особенное, авторское. В этом случае мой урок для вас будет как никогда кстати.
Как и для создания шаблона на кружку, мне понадобится для работы программа Photoshop и любой клипарт. Сейчас за окном январь — холодно и снежно. Так хочется чего-нибудь весеннего! Поэтому за основу круглой рамочки я возьму ветку сирени.
Давайте приступим. Photoshop у вас, наверняка, уже открыт. Теперь создадим новый слой — идем в меню Файл—Создать. В открывшемся окошке задаем параметры нашего слоя. Я возьму 20 х 20 см, 300 пикс/дюйм с прозрачным фоном. Жмем ОК.
Теперь откроем нашу ветку сирени — Файл—Открыть. Формат картинки должен быть PNG с прозрачным фоном. Для своей картинки я выбрал размер 5 х 5 см при том же расширении (300 пикс/дюйм).
Вы можете выбрать больший или меньший размер картинки, в зависимости от того, как много элементов (т.е. веточек) вы хотите видеть в своей рамке. Итак, картинка открыта, нужно перенести ее на наш прозрачный слой. Для этого захожу в меню Выделение—Все. Теперь иду в меню Редактирование—Скопировать, далее, открыв прозрачный слой, открываю меню Редактирование—Вставить.
Веточка сирени появилась на первоначальном прозрачном фоне и я размещаю ее у левого края примерно посередине.
Теперь нужно продублировать наше изображение. Для этого в окне Слои жмем по слою с сиренью правой кнопкой мыши и выбираем строку Создать дубликат слоя…
Копию слоя с помощью мыши сдвинуть влево и разместить рядом с первой веточкой. Повторить дублирование слоя еще два раза. В результате вы получите такую картину.
Теперь все четыре слоя с веточками нужно объединить в один. Для чего, удерживая нажатой кнопку Ctrl на клавиатуре, кликните по каждому слою в окне Слои.
На выделенных слоях нажмите правую кнопку и выберете строку Объединить слои.
Четыре веточки стали одним слоем. Теперь идем в меню Редактирование—Трансформирование—Масштабирование.
В параметрах впишите 33,33 по ширине, по длине оставьте 100%.
То есть мы сжали наше изображение по ширине ровно на треть. Нажмите Enter чтобы убрать выделение вокруг картинки и с помощью мыши снова придвиньте ее к левому краю.
Теперь уже сжатое изображение нужно продублировать два раза и объединить всё в один слой. Также, как мы это делали чуть ранее. В результате получим такую картину.
Ну и, в качестве заключительного аккорда, идете в меню Фильтр—Искажение—Полярные координаты…
Обязательно выберите пункт Прямоугольные в полярные и нажмите ОК.
И, о чудо, перед нами симпатичная круглая рамка!
Как вы понимаете, к полученной рамке можно добавить различные элементы, надписи, декор.
Можно изначально чередовать элементы — синяя, белая сирень и т.д. Все на ваше усмотрение.
Моя задача была показать вам, как самому в Фотошопе сделать круглую рамку для фотографий. Думаю, это у меня получилось!
Всем успехов!
Понравилась статья? Вы можете подписаться на новости и первыми узнавать о новых статьях и уроках сайта СублиМастер.
Статьи по теме:
Бесплатные клипарты
Векторные рисунки на футболку
Что такое термотрансфер
Круглая+рамка+с+логотипом Motion Graphics — Envato Elements
Уточнить
ОчиститьКатегории
Стоковые видеоматериалы
Анимированная графика
2,687
Категории Анимированная графика
Фоны
2,060
Ошибки
36
Элементы
312
Инфографика
2
Эффекты для интерфейса
14
Титры
69
Разное
31
Наложения
60
Вступление
15
Переходы
48
Resolution
720p (HD)
17
1080p (Full HD)
868
4K (UHD)
1,785
Частота кадров
23.
98 кадров/с24 кадров/с
115
25 кадров/с
437
29.97 кадров/с
474
30 кадров/с
1,465
50 кадров/с
26
60 кадров/с
152
Более 60 кадров/с
Длина
0:00Любые
Свойства
Альфа-канал
904
Зацикленный
1,373
Уточнить
ОчиститьКатегории
Стоковые видеоматериалы
Анимированная графика
2,687
Категории Анимированная графика
Фоны
2,060
Ошибки
36
Элементы
312
Инфографика
2
Эффекты для интерфейса
14
Титры
69
Разное
31
Наложения
60
Вступление
15
Переходы
48
Resolution
720p (HD)
17
1080p (Full HD)
868
4K (UHD)
1,785
Частота кадров
23.98 кадров/с
24 кадров/с
115
25 кадров/с
437
29.97 кадров/с
474
30 кадров/с
1,465
50 кадров/с
26
60 кадров/с
152
Более 60 кадров/с
Длина
0:00Любые
Свойства
Альфа-канал
904
Зацикленный
1,373
This video is currently unavailable
Круглая рамка для весеннего фона с альфой
От MekMotion
Добавить в коллекциюСкачатьThis video is currently unavailable
Желтые круглые рамки
От QA_Motion
Добавить в коллекциюСкачатьThis video is currently unavailable
Снежная круглая рама
От Rickyloca
Добавить в коллекциюСкачатьThis video is currently unavailable
Рамка с шестигранным Логотип
От MappingTheory
Добавить в коллекциюСкачатьThis video is currently unavailable
Абстрактная неоновая круглая рама
От dr911
Добавить в коллекциюСкачать
Придание фотографии закругленных углов в Photoshop
Автор сценария Стив Паттерсон.
В этом уроке Photoshop мы рассмотрим, как легко создать закругленных углов фотографии . Как и в большинстве вещей в Photoshop, существует около 17 различных способов создания закругленных углов, но мы собираемся сделать вещи интереснее, рассмотрев способ сделать это с помощью чего-то в Photoshop, о чем многие люди даже не знают — векторных масок. ! Что такое векторная маска? Что ж, если вы думаете, что маски слоя — это весело (вы действительно думаете, что маски слоя — это весело, верно?), вам понравятся векторные маски!
Любой графический дизайнер знает, что один из способов вызвать у людей определенные чувства при взгляде на дизайн — это использование форм. Различные формы по-разному влияют на нас. Одни формы кажутся теплыми, дружелюбными и веселыми, а другие кажутся холодными, жесткими и более серьезными. Вам не нужно быть экспертом по дизайну, чтобы испытать это на себе. Просто возьмите карандаш и лист бумаги, нарисуйте себе квадрат, затем круг и спросите себя, какой из них кажется вам более привлекательным.
Ладно, возможно, это немного преувеличение, но закругленные углы определенно кажутся нам более привлекательными, чем острые прямые углы. Немного жаль, что каждый раз, когда мы делаем фотографию, даже если это фотография детского дня рождения с воздушными шарами и праздничными шляпами, фотография все равно заканчивается острыми углами. Это может быть хорошо, если мы просто печатаем фотографии, но что, если мы хотим использовать фотографию в дизайне или коллаже? Как нам превратить эти острые углы в круглые?
закругленных углов, но и имеем полный контроль над тем, насколько они закруглены!
Вот изображение, которое я буду использовать для этого урока Photoshop:
Исходное изображение.
Посмотрим, как легко скруглить эти углы!
Этот урок из нашей серии фотоэффектов. Давайте начнем!
Шаг 1. Добавьте маску слоя
Я открыл новый пустой документ Photoshop
, залил слой Background черным цветом, чтобы нам было легче видеть, что происходит, а затем перетащил свою фотографию в новый документ. Здесь мы можем увидеть документ, показывающий фотографию на черном фоне:
Фотография на черном фоне.
И если мы посмотрим на палитру «Слои», то увидим, что фотография находится на собственном слое «Слой 1» над фоновым слоем :
Палитра «Слои» в Photoshop, показывающая фотографию на «Слое 1» над фоновым слоем, который заполнен черным цветом.
Выбрав «Слой 1» или любой другой слой, на котором находится ваша фотография, щелкните значок «Маска слоя» в нижней части палитры «Слои»:
Добавьте маску слоя в «Слой 1», щелкнув значок «Маска слоя».
Кажется, что в вашем документе ничего не произошло, но если мы посмотрим на слой в палитре слоев, мы увидим, что теперь у нас есть миниатюра маски слоя справа от миниатюры предварительного просмотра слоя:
После нажатия на значок «Маска слоя» миниатюра маски слоя появляется на «Слое 1».
Мы не будем рассматривать маски слоя в этом уроке, поскольку мы не будем их использовать, но если вы хотите узнать больше о масках слоя, обязательно ознакомьтесь с нашим полным руководством по маскам слоя в нашем разделе «Основы Photoshop».
Шаг 2. Добавьте векторную маску
Итак, если мы не собираемся использовать маску слоя, почему мы просто добавили ее? Ну, мы собираемся сделать то, что многие люди никогда не делают. Мы увидим то, что многие никогда не увидят. Почему? Потому что мы не «много людей». Мы отличаемся от них. Эти люди нажимают на значок один раз, смотрят, что он делает, а затем вздремнуть. Им никогда не приходит в голову, что, может быть, просто может быть, если они нажмут на тот же самый значок
Я знаю, это звучит безумно, но теперь, когда мы добавили нашу маску слоя, щелкните еще раз по тому же самому значку маски слоя:
Щелкните второй раз значок «Маска слоя» в нижней части палитры слоев.
Если вы включили «Показывать подсказки» в настройках Photoshop, вы, возможно, уже заметили что-то немного другое, когда навели указатель мыши на значок. Подсказка больше не говорит «Добавить маску слоя», как обычно. Вместо этого теперь написано «Добавить векторную маску», и как только мы щелкнем значок, если мы посмотрим на слой в палитре «Слои», мы получим то, что выглядит как миниатюра маски второго слоя справа от первого. . Разница в том, что это , а не миниатюра маски второго слоя. Миниатюра векторной маски:
Миниатюра «векторной маски» появляется справа от миниатюры маски слоя.
Миниатюра маски слоя слева и миниатюра векторной маски справа выглядят одинаково, но между маской слоя и векторной маской есть большая разница. Оба используются для отображения и скрытия разных частей слоя, но то, как они это делают, совершенно разные. С маской слоя мы рисуем на ней, обычно с помощью инструмента «Кисть», чтобы сделать разные части маски либо белыми, либо черными, либо каким-то промежуточным оттенком серого.
Белый делает эту часть слоя видимой, черный скрывает ее, а серый делает эту область частично видимой в зависимости от того, насколько светлым или темным является оттенок серого.
вообще не требуют рисования. На самом деле, вы не можете рисовать на них, потому что фотошоп вам не позволяет. Вместо этого мы используем фигуры, чтобы контролировать, какие части слоя видимы или скрыты. На самом деле, прямо сейчас мы собираемся использовать фигуру, чтобы создать наши закругленные углы!
Шаг 3. Выберите инструмент «Прямоугольник со скругленными углами»
Теперь, когда наша векторная маска добавлена, перейдите в палитру инструментов и выберите инструмент «Прямоугольник со скругленными углами». По умолчанию он вложен в обычный инструмент «Прямоугольник», поэтому щелкните инструмент «Прямоугольник» и удерживайте кнопку мыши в течение секунды или двух. Вы увидите всплывающее меню. Выберите инструмент «Прямоугольник со скругленными углами» из списка:
Нажмите и удерживайте кнопку мыши на «Инструменте «Прямоугольник»» в палитре «Инструменты», затем выберите «Инструмент «Прямоугольник со скругленными углами»» в появившемся всплывающем меню.
Не путайте эти инструменты с инструментами выделения в верхней части палитры инструментов, такими как прямоугольное выделение или эллиптическое выделение. Это инструменты выделения, и они используются для перетаскивания выделения. Инструменты, которые мы здесь выбираем, — это инструменты Shape, и они используются для рисования фигур.
Выбрав инструмент «Прямоугольник со скругленными углами», перейдите на панель параметров в верхней части экрана. Вы увидите группу из трех значков слева. Эти три значка определяют, как будет работать наш инструмент Shape. Мы хотим рисовать фигуры с помощью нашего инструмента «Фигура» (звучит довольно очевидно, не так ли?), поэтому щелкните значок слева, который является значком слоев «Фигура»:
Щелкните значок «Формирование слоев» на панели параметров.
Затем, если вы двинетесь дальше вправо, вы перейдете к опции Радиус. Этот параметр определяет, насколько закругленными будут наши углы. Чем выше число, тем более округлыми они будут.
Я уже экспериментировал с этим несколько раз, и я знаю, что значение Радиуса около 30 пикселей даст мне нужные мне углы, поэтому я собираюсь ввести «30 пикселей» («px» означает для «пикселей») в параметр «Радиус»:
Введите значение в параметре «Радиус», чтобы определить степень закругления углов.
Шаг 4. Выберите миниатюру векторной маски в палитре слоев
У нас выбран инструмент «Прямоугольник со скругленными углами», мы выбрали параметр «Формирование слоев» в палитре «Слои» и ввели значение «Радиус», которое будет определять, насколько закругленными будут наши углы. Мы готовы растянуть нашу форму. Однако сначала нам нужно убедиться, что векторная маска выбрана, поэтому вернитесь в палитру слоев и щелкните миниатюру векторной маски, чтобы выбрать ее. Вы увидите, что вокруг миниатюры появится белая рамка, которая сообщает нам, что выбрана векторная маска:
Щелкните миниатюру векторной маски в палитре слоев, чтобы выбрать ее. Вокруг миниатюры появится белая рамка выделения.
Шаг 5. Растяните фигуру
Все, что нам нужно сделать, это растянуть фигуру. Хотя это будет выглядеть так, как будто мы рисуем фигуру на самом изображении, на самом деле мы рисуем ее на векторной маске, и когда мы закончим, останется только часть нашей фотографии.
видимая область внутри фигуры. Все, что находится за пределами формы, будет скрыто. Идите вперед и перетащите форму прямоугольника со скругленными углами. Если вы хотите сохранить все на фотографии и просто закруглить углы, начните с верхнего левого угла фотографии и перетащите мышь вниз в правый нижний угол. Если вы предпочитаете использовать фигуру, чтобы обрезать часть фотографии, а также придать ей закругленные углы, просто перетащите фигуру вокруг области, которую вы хотите сохранить.
Если вам нужно изменить положение фигуры во время перетаскивания, удерживайте клавишу пробела, а затем перетащите фигуру на новое место. Отпустите пробел, когда закончите, и продолжайте перетаскивать фигуру.
Здесь я вытащил прямоугольник со скругленными углами прямо внутри краев фотографии. Вы можете видеть закругленные углы формы, которые через мгновение станут закругленными углами самой фотографии:
Нажмите и перетащите прямоугольник со скругленными углами внутри документа.
Любые области фотографии, выходящие за пределы формы, будут скрыты векторной маской.
Отпустите кнопку мыши, когда вы будете довольны своей формой, и ваша фотография мгновенно «замаскируется» под форму благодаря векторной маске, а углы фотографии теперь закруглены:
Благодаря векторной маске фотография теперь маскируется формой прямоугольника со скругленными углами, а углы фотографии теперь выглядят закругленными.
Давайте закончим, добавив рамку к нашей фигуре.
Шаг 6. Добавьте белую обводку, чтобы создать фоторамку
То, что углы нашей фотографии теперь закруглены, не означает, что мы не можем добавить к ней рамку фотографии. Это просто означает, что углы границы также будут закруглены! Чтобы добавить границу, щелкните значок «Стили слоя» в нижней части палитры «Слои»:
Щелкните значок «Стили слоев» в нижней части палитры слоев.
Затем выберите «Обводка» в нижней части появившегося списка стилей слоя:
Выберите «Обводка» из списка стилей слоя.
Откроется диалоговое окно «Стиль слоя» Photoshop, в котором в средней колонке установлены параметры «Обводка». Я собираюсь увеличить размер обводки примерно до 16 пикселей. Вы можете установить другое значение в зависимости от размера и разрешения вашего изображения. Я оставлю для параметра «Положение» значение «Снаружи», что позволит разместить обводку полностью за пределами краев фигуры. Наконец, я собираюсь щелкнуть образец цвета для параметра «Цвет» внизу, который по умолчанию установлен на красный (потому что Adobe считает, что все, естественно, хотят красный цвет в качестве цвета обводки), и из появившейся палитры цветов, Я собираюсь выбрать белый цвет в качестве цвета обводки. Нажмите OK, чтобы выйти из палитры цветов после того, как вы выбрали белый:
Измените параметры обводки, обведенные красным выше.
Когда вы закончите, нажмите OK, чтобы выйти из диалогового окна Layer Style и применить обводку! Вот мой конечный результат после применения обводки для создания границы фотографии:
.
Окончательный результат «скругления углов».
И вот оно! Вот как невероятно легко придать фотографии скругленные углы в Photoshop с помощью векторной маски и инструмента «Прямоугольник со скругленными углами»! Посетите наш раздел «Фотоэффекты» для получения дополнительных руководств по эффектам Photoshop!
Получите все наши уроки Photoshop в формате PDF! Загрузите их сегодня!
Простые круглые рамки 9-дюймовая круглая рамка для клипа Digital
Цифровая загрузка
Тип(ы) цифровых файлов: 1 ZIP
20 круглых рамок, круглые рамки
>>>Полный комплект круговых рамок можно найти здесь:
https://www.etsy.com/listing/680731998/
Детали:
• Файлы PNG
• Кисти ABR Photoshop
• 9•10 дюймов
— ———————
ВАЖНАЯ ИНФОРМАЦИЯ О ЗАГРУЗКАХ CSA:
• Вы НЕ получите изображение для предварительного просмотра; это всего лишь представление отдельных изображений клип-арта.
(Мне часто задают этот вопрос)
• Цифровая бумага ВСЕ 12×12 дюймов, формат JPG и неповторяющаяся, если не указано иное.
• Каждое изображение клипарта сохраняется в отдельном файле PNG на прозрачном фоне.
• Мои загрузки находятся в папке .ZIP (иногда в нескольких). Для использования их необходимо разархивировать.
• Изображения имеют качество печати 300 dpi.
• Вы сможете скачать сразу после покупки.
• Разрешено личное и ограниченное коммерческое использование! (При использовании в коммерческих целях вам необходимо прочитать мои условия использования.)
• ВСЕ товары в моем магазине являются цифровыми загрузками, вы ничего не получите по почте!
• В мои загрузки не входят инструкции по программному обеспечению,
———————
Copyright 2022 ©Carrie Stephens | Все права защищены.
Найдите БЕСПЛАТНЫЕ РАСПЕЧАТКИ и вдохновение для творчества на моем веб-сайте Inspirational Zest.
https://www.Inspirationalzest.com
В настоящее время я не могу создавать пользовательские наборы картинок или фоновой бумаги, но я с радостью принимаю запросы или идеи «без гарантии» для возможных будущих дополнений к моему магазину.
📣Свяжитесь со мной, если у вас есть дополнительные вопросы или проблемы, отправив мне сообщение здесь, на Etsy или свяжитесь по 📧электронной почте [email protected]
⏩Вы также можете найти меня по адресу:
♥Мой сайт: Inspirational Zest
https://www.Inspirationalzest.com
Страница Facebook: Carrie Stephens Art
https://www.facebook.com/CarrieStephensArt/
Группа Facebook: Create with Carrie
https://www.facebook.com /groups/Создать вместе с Кэрри Стефенс
Инструкции по загрузке
После того, как ваш платеж будет очищен, эти предметы будут мгновенно доступны в вашей учетной записи Etsy.
Чтобы получить доступ к своим файлам из вашей учетной записи:
1️⃣ Войдите на Etsy.com и перейдите в Личный кабинет.
2️⃣ Перейти в Покупки и отзывы.
3️⃣ Рядом с заказом выберите Скачать файлы.
Вы перейдете на страницу «Загрузки» для всех файлов, прикрепленных к вашему заказу.
Если вы используете мобильное устройство, вам может потребоваться загрузить файлы с помощью веб-браузера (Safari, Chrome и т. д.), а не с помощью приложения Etsy.
Официальная инструкция от Etsy — https://www.etsy.com/help/article/3949
Вы распаковали папку .zip?
Мои цифровые файлы хранятся в папке .zip. Это означает, что все они сжаты и упакованы в небольшой пакет. После загрузки файлы необходимо распаковать.
Как разархивировать:
ПК с Windows: щелкните правой кнопкой мыши и выберите «извлечь все», использовать содержимое вновь созданной папки и удалить исходный zip-архив.
Я не предлагаю возмещение, если:
⭕ вы случайно купили один и тот же продукт несколько раз
⭕ Файлы не были загружены, потому что возникло непонимание того, что такое продукт
.
(Да, я могу сказать, скачали ли вы.)
😊Я стараюсь, чтобы мои клиенты были довольны.
Я исправлю проблемы с файлами, если это сам файл неисправен, но не для точности цветопередачи, см. следующий ? для получения подробной информации о цвете.
✋РЕДАКТИРОВАНИЕ: Я не делаю настройки цвета, редактирую текст после покупки файла. Эти файлы покупаются как есть, я не могу продать файл всего за пару долларов 💲, но потратить час на его модификацию для каждого клиента. Я бы с удовольствием!
Я тестирую свои файлы, НО, цвета, которые вы видите на своем экране💻, не будут коррелировать с результатом, который вы получите от своего принтера🖨 на 100%.
Если требуется высокий уровень точности цветопередачи WSIWG, вам необходимо согласовать с Pantone и печатать на печатной машине CMYK, но давайте будем реалистами, если важна точность цветопередачи, лучше не покупать цифровые файлы для печати дома . Они не оправдают ваших ожиданий!
Вместо этого сдайте внаем собственный матч.
