Воскресенье, 20.07.2025, 13:43
Приветствую Вас Гость | RSS
Главная | Создание анимированного GIF баннера - Форум ::NDZ Pub Server CS1.6 | Регистрация | Вход
Форма входа
Поиск
Наш опрос
Ты креведко?
Всего ответов: 74
Мини-чат
Друзья сайта
  • Официальный блог
  • Сообщество uCoz
  • FAQ по системе
  • Инструкции для uCoz
  • Статистика
    ::NDZ Pub Server CS1.6
    [ Новые сообщения · Участники · Правила форума · Поиск · RSS ]
    • Страница 1 из 1
    • 1
    Создание анимированного GIF баннера
    NET_DOSTYPAДата: Понедельник, 04.08.2008, 13:19 | Сообщение # 1
    Админ в законе
    Администраторы
    Сообщений: 2137
    Репутация: 39
    Offline
    Весь процесс создание баннера можно условно разделить на несколько этапов:

    1. Проработка общей концепции (для чего он служит, что должно быть изображено, тексты и пр.)
    2. Подбор или создание клипарта (изображений, фотографий)
    3. Разработка баннера в Adobe Photoshop
    4. Анимация баннера в Adobe Image Ready
    Данная классификация этапов разработки достаточно условна и не претендует на полноту

    1. Запускаем Adobe Photoshop, создаем файл размером 468х60 (один из стандартных размеров баннеров)
    2. Вставляем на отдельном слое изображение, делаем на отдельном же слое рамочку
    3. Делаем на отдельном слое фон под изображение ...
    4. Делаем заготовки под анимацию руки персонажа. Смотрите на анимацию - выделяем части тела, режем, вставляем на отдельные слои, смещаем - короче военно-полевой госпиталь в действии! wink В итоге у нас будет два слоя - на одном рука смещена вправо-назад, что создает эффект ее движения - красит молчел валиком.
    5. Два этих слоя сложим в папку. Потом делаем ее копию и смещаем вправо. Операцию повторим еще раз. Таким образом готово три кадра под будущую анимацию! Ну теперь рисуем на отдельных слоях мазки валика, пишем текст. СОХРАНЯЕМ! В Adobe Photoshop ВСЕ!

    6. Теперь анимация в Adobe Image Ready. Поскольку основную работу по подготовке анимации мы провели в Adobe Photoshop то теперь вся анимация будет сводится к включению - выключению слоев! Ну и конечно нужно не позабыть сохранить результаты своей работы! smile Особо детально расписывать процесс анимации (а она совсем несложная ) не буду - смотрите картинку ниже.

    Для увеличения кликните Сюда

    Ну вот пожалуй и все! Вот наш готовый баннер.


    Если хочешь сказать спасибо жми к репутации
     
    • Страница 1 из 1
    • 1
    Поиск:

    Хостинг от uCozCopyright MyCorp © 2025