Строение
Научите делать анимационный текст
Тема в разделе "Веб-Дизайн", создана пользователем Дмитрий1995, 24 окт 2010.
  1. Дмитрий1995

    Дмитрий1995 Новичок

    Сообщения:
    14
    Симпатии:
    0
    Баллы:
    0
    У меня есть фотошоп CS4 Extended я хочу создать анимационный баннер на сайт с текстом который предвигается
     
  2. deFzone

    deFzone Новичок

    Сообщения:
    79
    Симпатии:
    37
    Баллы:
    0
    Я не думаю что у вас сразу получится хороший анимированный баннер для сайта.. Если вы совсем не умеете пользоватся фотошопом, то вам лучше начать с простых уроков...

    Ну анимацию движения текста сделать легче простого, напишите текст, откройте окно анимации: окно>>анимация, надеюсь в CS4 оно так, и создавайте кадры, в каждом кадре двигайте ваш текст в нужное направление (по чуть чуть, чтобы движение было плавным), кадро из 10, получится движение текста влево, и т.д. (После чего расставьте время задержки (тамже на панеле анимации).
     
  3. Sherri

    Sherri Новичок

    Сообщения:
    1.068
    Симпатии:
    2.469
    Баллы:
    0
    А можно не сдвигать текст. А на каждом кадре добавлять по букве. Тогда надпись будет как бы появляться побуквенно. Вот, как на этом примере:



    Отрегулировав время появления букв, можно изменить скорость написания надписи уже в готовом варианте.


     
  4. AlexCh

    AlexCh Новичок

    Сообщения:
    2.111
    Симпатии:
    1.262
    Баллы:
    0
    Интересно а по flash-анимации у нас спецы, готовые вести уроки есть?....было бы очень интересно...)
     
  5. deFzone

    deFzone Новичок

    Сообщения:
    79
    Симпатии:
    37
    Баллы:
    0
    Sherri, вот сделал анимации которые почти всегда использую :)
    Вообще анимацию, можно сделать используя почти любой фильтр...

    Вот примеры анимации:









    Вообще, я люблю фантазировать с анимацией в фотошопе, но щас привел самые обычные примеры анимации, которые удобно использовать в баннерах, (не привел пример появления-исчезания, т.к. самый простой).
     
    6 пользователям это понравилось.
  6. Sherri

    Sherri Новичок

    Сообщения:
    1.068
    Симпатии:
    2.469
    Баллы:
    0
    deFzone, ух, ты!!! Как классно-то!!! Красота!!! ))) :):):)

    Расскажи по-подробней, как делал?)
     
  7. deFzone

    deFzone Новичок

    Сообщения:
    79
    Симпатии:
    37
    Баллы:
    0
    Вроде бы обычные анимации :) А такой восторг :D

    Завтра, после завтра, напишу урок по всем анимациям которые знаю... :)

    Ну в кратце:

    1 Пример: радиально размытие..
    2. Фильтр ветер, и движение картинки. (часто использую для баннеров).
    3. Размытие в движение, под углом (так же слоями и кадрами).
    4. Самое что мне нравится, фильтр рябь.. (от маленького до большого %) и кадрами выстроил анимацию.
    На словах трудно обьяснить, на днях напишу урок в картинках. :D
     
  8. Sherri

    Sherri Новичок

    Сообщения:
    1.068
    Симпатии:
    2.469
    Баллы:
    0
    ой, deFzone, если бы ещё целый урок написал было бы вообще замечательно!:)

    Если будешь выкладывать урок, лучше открой сразу новую тему по этому уроку.
     
  9. sweih

    sweih Новичок

    Сообщения:
    497
    Симпатии:
    272
    Баллы:
    0
    deFzone, +100500 :) Очень, очень даже не плохо (т.е.- суппер!)
    И правда, начните новую тему - "фильтры в анимации". Думаю многим будет интересно.
     
  10. deFzone

    deFzone Новичок

    Сообщения:
    79
    Симпатии:
    37
    Баллы:
    0
    Про рябь уже сделал, буду создавать темы по наличию свободного времени. (напряженный график + медленный интернет).
     
  11. VALER

    VALER Новичок

    Сообщения:
    119
    Симпатии:
    3
    Баллы:
    0
    напишите еще, если кто знает, как сделать, чтобы буквы как бы ударялись одна в другую при появлении.. неважно в каком направлении..

    ---------- Сообщение добавленно в 23:17 ---------- Предыдущее сообщение было в 23:08 ----------

    у меня во всех кадрах одно и тоже, не пойму я...((
     
  12. Gydvin

    Gydvin Новичок

    Сообщения:
    3.204
    Симпатии:
    929
    Баллы:
    0
    Есть такая прога, Xara3D, любую анимацию с буквами может делать.
     
  13. VALER

    VALER Новичок

    Сообщения:
    119
    Симпатии:
    3
    Баллы:
    0
    спасибо, скачал, может быть разберусь))
    но еще хотелось бы это освоить и в фотошопе.. если там есть такие возможности конечно..
     
  14. SA93N

    SA93N Новичок

    Сообщения:
    52
    Симпатии:
    0
    Баллы:
    0
    Классно, ребята, но мне как-то легче все это делать во флеше или через гиф редакторы, но в фотошопе конечно очень круто получается, жаль что я сразу не попробовал через фотошоп, тогда может быть и полюбил бы его! Но фотошоп рулит!!
     
  15. adobphotoshop

    adobphotoshop Новичок

    Сообщения:
    93
    Симпатии:
    21
    Баллы:
    0
    как сделать анимированый текст

    Вот ребята урок для тех кто первый понедельник в фотошопе, пять минут свободного времени и самый самый простой баннер с анимированым текстом готов. более сложный выложу позже.
    создаем анимированный текст в баннере - YouTube
     
Показать ещё