Как сделать в фотошоп градиенты, скругленные углы и другие фишки CSS3 читаемые в Avocode, Adobe Assets, CSS Hat?

Question

[xtala zen]

Все привет!
Вопрос к тем кто плотно занимается web дизайном и работает непосредственно с верстальщиками. Ребята, как вы делаете слои читаемыми для приведенных в топике программ? Ну то есть допустим, есть некий объект у него наложен градиент. Как сделать так чтобы этот градиент читался в Avocode и преобразовывался в CSS код?

Answer 1

[Алексей Сегодин]

Это делается через панели Properties и Layer Styles:
1. Сначала создайте прямоугольник


2. Потом откройте панель Properties (не знаю как называется в русской версии) и в ней выбирайте цвет или градиент. И там же работайте с обводкой и скруглением углов:


3. Тени делаются через стили слоя. Двойной клик по слою и откроется панель со стилями:


4. Чтобы проверить как будет генерироваться CSS можно нажать правую кнопку мыши на слое и выбрать Copy CSS. Тогда в буфер обмена скопируется CSS код со всеми примененными к нему стилями.


5. Если в Avocode (и прочих) не будет видно CSS стилей на элементе (например, градиента), то попробуйте наложить его через панель стилей:

Comments

[xtala zen]

Да, это и есть решение. Спасибо большое за хороший и развернутый ответ :) С новым годом!

[Алексей Сегодин]

спасибо :) И вас тоже!