Как сверстать такое?(3)

[Flexible Curd]

Собственно творение:

 

Проблема: все это один слой(в фотошопе).

Задача: разьеденить товарищей в кружочках от их кружочков

 

Идея с тупо вырезать изображанияи, и на :hover такие же, с голубым фоном как то не превлекательна!

Edited April 9, 2015 by Flexible Curd

[Vlad02]

Есть иконочные шрифты, здесь можно посмотреть, а кружки через boder-radius.

[SelenIT]

А слой уже растеризованный? Может, там векторные формы невзначай сохранились?

[Flexible Curd]

Растрированный. Просто если допущена такая ошибка у дизайнера, как то можно это поправить или только вырезать изображения придется?(фон то в принципе однородный, небольшая градация по краям у центральных изображений правда, но цвет то один просто немного светлее). Можно ли как-то методами фотошопа разделить центральные изображения от фона?)

Edited April 9, 2015 by Flexible Curd

[Q4Dizzy]

https://icomoon.io

 

кружки через background-color + border-radius.

[Int]

Переведи в индексные цвета, поставь их два штуки, останется только чёрный и синий. Синий сделай альфаканалом. Это я дл GIMP, в фотошопе не знаю как это всё проделывается.