Photoshop Action для создания Ajax-иконки
Создал Action, который делает следующее:
- Проходит по восьми слоям и изменяет им прозрачность,
- Экспортирует картинку в gif,
- Повторяет действие восемь раз с изменёнными значениями прозрачности для каждого раза. В этоге экспортируется восемь картинок.
Что нужно сделать вам?
- Скачайть action-файл и psd-файл.
- Action-файл киньте в папку [Adobe Photoshop folder]/Presets/Photoshop Actions
- В psd-файле восемь слоёв обозначеных номерами. Нарисуйте на каждом слое фрагмент иконки.
- Запустите Action.
Важно: перед запуском action’a убедитесь, что у вас на диске C: есть папка ajax_icon. Именно в эту папку будут экспортироваться готовые картинки. Если папки не будет или она будет неправильно названа, то экспорт работать не будет.
В итоге будет создано восемь файлов с названиями a1.gif, a2.gif … a8.gif. Из этих картинок вы можете сделать анимированный gif вашим любимым способом, будь то ImageReady, Photoshop CS3 или какая-нибудь другая программа.
Тем, кто не умеет создавать анимации в программах могу посоветовать online-генератор gif-анимаций — Gifninja.
Каждую такую иконку я создаю с помощью моего Action’a за пару минут.
]]>Andrey Zhinzher]]>очень здорово, просто и эффективно.
»]]>sAmSon]]>Думал пригодится, но к сожалению не получается. Он когда начинает делать экспорт ищет папку C:\Documents and Settings\nselecki\Desktop\ajax_icon.
»То есть либо надо папку попроще куда-нибудь кидать, например просто на диск С:, либо каждому исправлять скрипт в том месте где начинается экспорт картинки.
]]>Никита]]>Исправил. Попробуйте сейчас.
»]]>sAmSon]]>Оперативно! :–)
»Все гуд. Большое спасибо.
————–
Попробовал на сайт http://www.gifninja.com закинуть, а он там черный фон подложкой кинул. Все гифы перевел в РГБ, сделал Flatten и в JPG — все стало отлично, прозрачность наверное не любит.
Если можно заодно вопрос, в фотошопе надо все 8 файлов открывать и из каждого копировать в один файл и там опять восемь слоев делать в Animation или можно как-то просто выделть 8 файлов и он сам их поочереди сделает? Спасибо.
]]>Никита]]>Мда, иконки с прозрачностью в gifninja не поддерживаются.
Честно говоря, я не знаю как можно сделать анимацию в фотошопе. С новой версией ещё мало работал.
В ImageReady CS2 делается очень легко:
»1. File -> Import -> Folder As Frames.
2. Выделяем все кадры, ставим Delay — 0.1 sec
3. File -> Save optimized as…
]]>sAmSon]]>Вот именно это (Folder As Frames) я и не могу най в Photoshop CS3, облазил все, походу они обрезали эту функцию. А ImageReady в 3-м пакете они и засунули в фотошоп. В любом случае, спасибо.
»]]>mirrik]]>.atn можно инсталлировать в PS просто ткнув в него два раза мышкой, то есть “запустив”.
»]]>Mr.SergE]]>CS3 versijā File->Place ir opcija Image Sequence. Pārslēdzamies Animation logā no Timeline uz Frames un sataisam skriptu, kas ievieto katrā jaunajā animācijas freimā jaunu bildi (paņēmienu ir daudz, domāju, ka nedaudz pačakarējoties, atkodīsiet). Tādā gadījumā būs daudz vieglāk realizēt augstāk minēto opciju un, kas svarīgākais, nebūs ierobežojums uz slāņu/animācijas kadru skaitu, kā tas ir pašreizējā skriptā.
»]]>zigmat]]>Очень полезно! Спасибо! Пора тебя добавить в Dmoz.
»]]>Никита]]>Перевод комментария Mr.SergE:
В версии CS3 в меню File->Place есть опция Image Sequence. В окне Animation переключаемся с Timeline на Frames и создаём скрипт, который помещает в каждый новый кадр анимации новую картинку (методов много, думаю, что найдёте, если немного поковыряетесь). В таком случае будет на много легче реализовать вышеупомянутую опцию, и что важно, не будет ограничений в количестве слоёв/анимационных кадров, как в данном скрипте.
»