Как сделать фон с кружочками

Обновлено: 07.07.2024

WEB-Инструмент для получения круглых изображений и аватарок онлайн.

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

Как сделать картинку круглой

Как создается круглое изображение

Сначала находится размер наименьшей стороны изображения.
Исходное изображение обрезается с двух сторон таким образом, чтобы его наибольшая сторона стала такой же как наименьшая (получаем квадрат), например если размеры картинки были 800x600px, то квадратная картинка получится размерами 600x600px. Т.е. мы откидываем слева 100px и справа 100px.
Далее получаем круглое изображение за счет того, что все что за пределами круга, становится прозрачным.

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

Исходное прямоугольное изображение Промежуточное квадратное изображение Итоговое круглое изображение

Автор: Ольга Максимчук (Princypessa). Дата публикации: 20 ноября 2020 . Категория: Рамки в фотошопе.

Сегодня мы будем создавать круглую рамку.

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

Сначала мы создадим новый документ, при помощи инструмента Эллипс нарисуем круг, поместим в работу изображение из папки с исходниками, изменим его размер и добавим обтравочную маску.

Затем создадим слой с обводкой, дублируем слой, применим к дубликату слоя стили слоя и увеличим слой.

Затем при помощи инструмента Кисть создадим ободок с кружочками, подкорректируем расположение и размер кружочков и изменим цвет слоя с кружочками.

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

Создаем в фотошоп (Ctrl+N) новый документ с параметрами, как на рисунке ниже.

Активируем Свободное трансформирование (Ctrl+T) и уже знакомым нам способом увеличиваем слой Обводка. Тянем за уголки рамки наружу, не забываем зажимать клавиши Shift и Alt.

Результат после применения стилей слоя.

Круглая рамка готова!

Результат в виде до и после.

И финальный результат. Урок "Как сделать круглую рамку в фотошопе" завершен.

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

А вдруг вы придумали классную идею для фотоколлажа с круглыми фотками или захотели нестандартную аватарку для социальной сети? Тогда точно нужно учиться превращать фото из прямоугольника в круг.

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

Начинаем

Для сохранности оригинала первым делом создаем копию фотографии с помощью сочетания клавиш Ctrl+J.

Выделяем область

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

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

Перемещаем, выравниваем и увеличиваем размер выделения. Чтобы размер изменялся со всех сторон пропорционально, так же, как и при создании выделения зажимаем клавишу Shift. После того как выделение заняло нужное нам место, нажимаем Enter.

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

Новый слой

Для того, чтобы нужная нам область оказалась на новом слое, мы, не снимая выделения, нажимаем Ctrl+J. Сразу после этого выделенная часть скопируется на созданный слой.

Всё, что нам осталось сделать – это скрыть слой с оригинальной фотографией.

Инверсия выделенной области

Теперь у нас выделилась вся часть вокруг нужной области. Чтобы её удалить, просто нажимаем клавишу Delete на клавиатуре. После удаления нажимаем сочетание клавиш Ctrl+D, для снятия выделения.

Далее кадрируем и сохраняем конечный результат. Если вы хотите, чтобы фотография была без фона, то при сохранении необходимо выбрать формат PNG. Так изображение будет идеально ровным круглым без всяких белых углов. Если нужно оставить рамку с фоном вокруг, то сохраните в стандартном формате JPG.

JPG/PNG

Инструмент Эллипс и слой-маска

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

Теперь перемещаем слой с фигурой под изображение. Вот так.

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

Теперь также можно кадрировать ненужные области и сохранить. Сохранив в формате png. у нас останется только цветная рамочка вокруг фигуры.

В заключении

С каждым пройденным уроком вы совершенствуетесь во владении фотошопом. Изучаете и пробуете новое. Я очень рад, что этот путь мы проходим все вместе! А на этом у меня всё, друзья.

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

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

Видели цветной кружок (круглую рамку) вокруг аватарки в Инстаграм, которая появляется, когда у вас есть Сторис? А хотите, чтобы ваши Сторис были заметнее, чем у других, и в ленте ваша аватарка была всегда с такой рамочкой, даже если нет Сторис? Конечно, хотите, за этим вы и открыли статью.

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

Скорее всего, такие цветные рамочки на фото — всего лишь временный тренд в Инстаграм. Но сейчас Сторис очень популярны (их смотрят чаще, чем ленту!). Рамочка создаёт видимость того, что у вас есть Сторис, а когда они у вас есть на самом деле, то вы выделяетесь в верхнем ряду Сторис, т.к. у вас двойная рамка.

Как сделать цветной кружок (круглую рамку) вокруг аватара в Инстаграм

Скриншот

Самый простой способ сделать себе рамку

делаете скриншот своей аватарки с цветным кружком после того, как опубликовали Сториз
вырезаете круглую аватарку из этого скриншота, приложение Creative Shape (для IPhone), Round Photo (для Андроид)
загружаете в аккаунт Инстаграм вместо старой аватарки.

Большой минус этого простого способа сделать цветную рамочку — получившаяся аватарка будет низкого качества. Когда вы вырежете аватарку из скриншота, то её придётся сильно растянуть (увеличить в размере), чтобы загрузить в Инстаграм. Из-за этого и потеряется качество. А ещё сама рамочка будет тонкой, что особенно заметно, когда у вас опубликованы Сторис. Потому что у Историй рамка будет шире, чем на аватарке, сделаной из скриншота.

Как сделать цветной кружок (круглую рамку) вокруг аватара в Инстаграм онлайн

Этот способ чуть посложнее и потратите больше времени, но итоговая аватарка будет лучшего качества и можно сделать рамочку (кружок) вокруг аватарки Инстаграм любой толщины. Пошаговая инструкция на видео. Обратите внимание, что в конце у вас будет квадратное изображение, которое вы будете загружать как фото профиля в Инстаграм. И уже во время загрузки Инстаграм сам его обрежет так, что вокруг фото у вас получится цветной кружок, как у Сторис.

Градиент для цветного кружка в Инстаграм — ссылка на изображение в полном размере

Читайте также: