Спрайт для счетчика для нестандартных цифр

[Zverushka]

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

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

Edited November 25, 2013 by Zverushka

[ESSqS]

Я считаю что все то что должно быть нарисовано должен сделать дизайнер. А склеивание в спрайт 10 цифр, это уже дело верстальщика. Но если все сводиться к простому изменению одной цифры, например если стили определены в layer style, то это может сделать верстальщик.

[hagb]

Всё надо делать самому.

[Zverushka]

Ну хоть для перелистывания спрайты должен дизайнер рисовать? Как листток падающий себя на каждом кадре ведет. ?

[npofopr]

Странные у вас вопросы. 

Умеете или хотите - делайте, не умете или не хотите - отдавайте дизайнеру.

 

Если в макете все есть, т.е. не придется самому браться за карандаш и что то рисовать, а требуется просто скомпоновать спрайт, то с этим и верстальщик справится. Вообще этот процесс давно автоматизирован, и есть куча сервисов, которым закидываются картинки и они делают спрайт вместе с css.

[Zverushka]

Я пытаюсь понять, где моя работа, а где уже не моя.
Что я должна делать, что нет.

Цифры - это не совсем привычные спрайты для верстальщика - так как там нужно вручную на 10 слоев нарезать ряд цифр, еще и центровать и сетку вручную создавать - никакой сервис автоматизированно это не сделает. @npofopr, вы занимались таким процессом с нестандартным счетчиком?

Ну а про перелистывание - когда дизайнер нарисовал, что листик якобы должен перелистываться и все. Далее уже, если я буду делать анимацию - мне придется во-первых каким-то образом рисовать все этапы падения листа. Потом его падение рисовать с написаннами цифрами (итого 10 раз).

[sigma77]

Анимация счетчиков обычно идет на css3-трансформациях или js-анимации. Так что рисовать ничего не надо.

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

[npofopr]

Вот вот. 

На http://codepen.io/ таких счетчиков куча. Даже вы вроде бы, не так давно выкладывали какой то счетчик.

 

Может и вырезал такие цифры, я плохо представляю о чем вы, и в каком виде ваш макет. Обычно это дело пары минут, если в макете все хорошо.

[Zverushka]

Ну изначально речь шла о таком спрайте

 

Очень много скриптов, да, но с перелистыванием на трансформациях только один (флип клок) - и он по-моему толи недоделанный, толи недодуманный, я не смогла там даже дату нормально настроить. Чтобы были дни или месяцы в таймеры - нужно создавать clock face, которые создаются на js и подключаются как внешние модули. Я так повтыкала полчасаи поняла, что мне без поллитра не разобраться в этом чуде. И также непонятно как стиль изменить допустим, если цифры картинкой вставлены.

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

[Justnewone]

Это флешка чистой воды

[mishka]

Вопрос не в том кто кому что должен. А в том кто что умеет. Если не получается самой нарисовать то проси дизайнера дать хотябы то с чем ты сможешь работать.

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

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

 

http://jquery-countdown.googlecode.com/svn/trunk/index.html один из таких счетчиков. Спрайты реализованны по-разному у подобных счетчиков.

 

Дизайнер может нарисовать отдельно циферки, а верстальщику потом можно будет просто в спрайт собрать.

Это флешка чистой воды

Флеш все реже встречается.

[Justnewone]

Может, и редко, я уже давненько "отошел от дел"

[npofopr]

Не нашла счетчика, случайно? :-)

[Zverushka]

Так вот же линканули http://jquery-countdown.googlecode.com/svn/trunk/index.html, пока не пришлось им воспользоваться и надеюсь не придется.. Я пока пользуюсь статичным счетчиком и все устраивает)

Edited December 9, 2013 by Zverushka

[npofopr]

Так вот же линканули http://jquery-countdown.googlecode.com/svn/trunk/index.html, пока не пришлось им воспользоваться и надеюсь не придется.. Я пока пользуюсь статичным счетчиком и все устраивает)

Да это я видел, пока просто не нашел спрайт цифр белый. Все черные.

[Zverushka]

Так  нужно свой спрайт вставить и все - из макета нарезать, сшить.. и будет хоть беленький, хоть красненький.

А ты ищешь именно с перелистыванием?

[npofopr]

Так  нужно свой спрайт вставить и все - из макета нарезать, сшить.. и будет хоть беленький, хоть красненький.

А ты ищешь именно с перелистыванием?

Просто весьма сложный там спрайт

Можно конечно и на css3

Но в случае картинок, наверняка большая поддержка версий браузеров :-)