Найти в Дзене

Как сделать круглую аватарку в Photoshop?

Хочу рассказать, как обрезать изображение по кругу с помощью графического редактора Photoshop.
Данная манипуляция может пригодится для создания аватарок для социальных сетей, дизайна сайтов или других творческих проектов.
Так как работаю в английской версии программы и в версии для Mac OS то скриншоты и горячие клавиши тоже будут под эту связку Photoshop + Mac OS.
Первым делом откроем необходимую

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

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

Так как работаю в английской версии программы и в версии для Mac OS то скриншоты и горячие клавиши тоже будут под эту связку Photoshop + Mac OS.

Первым делом откроем необходимую фотографию.

Photoshop с открытой фотографией
Photoshop с открытой фотографией

Теперь выбираем Elliptical Marquee Tool. Если на панели инструментов слева нет его, то нажмите левой кнопкой мышки на Rectangular Marquee Tool и откроется подменю, где можно выбрать необходимый нам инструмент.

Выбираем Elliptical Marquee Tool
Выбираем Elliptical Marquee Tool
Дополнительное меню Marquee Tool
Дополнительное меню Marquee Tool
Так выглядит Elliptical Marquee tool на панели инструментов
Так выглядит Elliptical Marquee tool на панели инструментов

Теперь зажимаем левый Shift и выделяем необходимую область. Зажатый Shift необходим для сохранения соотношения сторон выделения.

Выделяем необходимую область
Выделяем необходимую область

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

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

Двигаем выделение пока не получим необходимый результат
Двигаем выделение пока не получим необходимый результат

Теперь копируем содержимое выделения в буфер обмена — нажимаем Command+C на Windows Ctrl+C.

Создаем новый слой.

Жмём кнопку с плюсиком
Жмём кнопку с плюсиком
Получаем новый слой
Получаем новый слой

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

Теперь вставляем содержимое выделения на новый слой. Нажимаем Command+V на Windows Ctrl+V.

Новый слой со вставленным выделением
Новый слой со вставленным выделением

Делаем нижний слой невидимым. Нажимаем на глаз слева.

Отключаем видимость нижнего слоя
Отключаем видимость нижнего слоя

Получим следующий результат.

Результат
Результат
бело-серые квадраты это прозрачность
бело-серые квадраты это прозрачность

Теперь осталось кадрировать изображение и сохранить его. Для кадрирования выбираем Crop tool.

Выбираем инструмент кадрирования
Выбираем инструмент кадрирования

Смещаем края инструмента к краям нашего изображения. Для удобства можно поставить галочку Content-Aware тогда инструмент будет прилипать к краям изображения, что сделает процесс удобнее.

Данная галочка находится вверху на панели настройки инструмента.

Кадрируем изображение
Кадрируем изображение

Всё готово. Результат на скриншоте ниже.

Итог
Итог

Теперь необходимо сохранить наше изображение и сделать это необходимо в формате PNG так как он поддерживает прозрачность.

Процесс сохранения покажу на скриншоте.

Выбираем «Экспортировать как»
Выбираем «Экспортировать как»

Удостоверимся, что выбран формат PNG и включена прозрачность. Если всё хорошо, то нажимаем «экспорт» и сохраняем в необходимую папку.

Сохраняем в PNG
Сохраняем в PNG

На этом всё. Всего хорошего!