Как конвертировать круглые иконки в Photoshop?

Question

[np_1_1]

Привет! Скажите,пожалуйста, как конвертировать круглые иконки(apple,android итд) в данном макете в PNG(пробовал sclice tool и save for web, но они только квадратные получаются,а нужны круглые PNG)?
)

Comments

[Ankhena]

Судя по макету, вам еще нужно, чтобы фон менялся у иконок при наведении.
Разумнее из фотошопа получать только сами иконки (то, что белое).
А а фон задавать с помощью css. Сначала полупрозрачный в формате rgba, потом, при наведении, зеленый.

Answer 1

[Руслан Галиев]

В списке слоев кликаем правой кнопкой мыши на слой с иконкой и выбираем экспорт в PNG

Comments

[np_1_1]

Вот что получается

[Руслан Галиев]

np_1_1: кликайте на папку с иконкой и контейнером, и экспортируйте ее в PNG

Answer 2

[Артём Ведищев]

А если фон в html задать
div {
width: 50px;
height: 50px;
background-color: green;
border-radius: 50%;
}
А иконку в блок вставить