Пхотосхоп Аниматион - Анимација графика
У овом Пхотосхоп уџбенику, наставићемо да градимо анимацију за наш Фацебоок образац видео омота. Анимираћемо другу фотографију на екрану.

У овом тренутку имамо прву фотографију на екрану, као и две линије текста. У сцени 2, преселићемо другу фотографију на екран. Како ће се ова слика налазити на слоју изнад прве фотографије, потпуно ће прекрити прву фотографију.

Једном када је прва фотографија покривена, више нам није потребна. Дакле, урезаћемо запис ове фотографије и стога уклонити фотографију са екрана. За крај овог призора изблиједит ћемо текст, припремајући се за стварање друге групе текста.

Сцена 2 Фраме би Фраме

Временски код (0: 00: 05: 00) У пет секунди на Временској линији, графикон другог места задржава се на екрану. (трајање: .5 сек)

Временски код (0: 00: 07: 00) У седам секунди на временској траци две линије текста ће избледети. (трајање: .5 сек)

Отворите свој пројект у Пхотосхопу и идите на Временска трака. Као што видите, графика другог резервираног места налази се на слоју изнад првог. У овом тренутку тракт продужава цело време трајања Временске линије. Али ова слика нам није потребна до пет секунди на Временској траци. Зато подесимо нумеру на Тимецоде-у (0: 00: 05: 00). Ово ће бити почетна позиција за слајд у анимацији.

  1. Ако је потребно, укључите видљивост [Позадинска слика овде - 2] слоја на плочи Слојеви.

  2. Померите Плаихеад на Тимецоде 0: 00: 05: 00 (погледајте снимак екрана).

  3. Кликните на леву ивицу графичког записа резервираног места и превуците удесно на пет секунди на Временској траци.

    Морамо да потпуно преместимо фотографију са десне ивице екрана. Ово ће бити почетна позиција за анимирање фотографије на екрану (погледајте снимак екрана).

  4. Да бисте графику преместили у почетни положај за анимацију, изаберите слој, кликните на дугме Уреди - Бесплатно преобликовање и превуците је док се потпуно не искључи са екрана.

  5. Прошири [Позадинска слика овде - 2] слоја и кликните на дугме Стоп Ватцх за својство Трансформ да бисте поставили кључни оквир почетног места (погледајте снимак екрана).

    Сада анимирајмо другу графику на екран.

  6. Померите Плаихеад на Тимецоде 0: 00: 05: 15. Вратите графику на екран, подударајући десне ивице.

    Требали бисте видети други кључни оквир додан у својину Трансформ.

  7. На крају, скратимо трајање записа оригинала [Позадина слике овде] Доњи слој. Превуците десну ивицу стазе до Тимецоде 0: 00: 07: 00.

    Ок, сад изблиједимо текст. У овом тренутку слојеви текста и даље завршавају на задатих пет секунди. Наш први корак је ширење стаза.

  8. Померите Плаихеад на временски код (0: 00: 07: 15), што је завршетак анимиране анимације (погледајте снимак екрана).

  9. Повуците десну ивицу сваке текстуалне нумере да бисте је проширили на Тимецоде (0: 00: 07: 15).

    Ово ће бити завршни оквир за фад оут анимацију. Али прво морамо да поставимо почетни оквир.

  10. Померите Плаихеад на Временски код (0: 00: 07: 00).

  11. Отворите листу Својства за Пословно име и Врста пословања слојеви текста.

  12. За оба слоја текста кликните икону Стоп Ватцх за својство Опацити да бисте поставили почетну непрозирност за анимацију, која је у овом тренутку 100% (погледајте снимак екрана).

  13. Померите главу репродукције на временски код (0: 00: 07: 15) и смањите непрозирност два слоја текста на плочи Слојеви на 0%.

    Требали бисте видети да два закључна оквира кључева додају временској траци (погледајте снимак екрана).

Тестирајте своју анимацију и сачувајте датотеку.

Назад | Следећи

Ауторска права 2018. Адобе Системс Инцорпоратед. Сва права задржана. Снимке екрана Адобе производа поново су штампане уз дозволу компаније Адобе Системс Инцорпоратед. Адобе, Пхотосхоп су или су регистровани заштитни знакови или заштитни знаци компаније Адобе Системс Инцорпоратед у Сједињеним Државама и / или другим земљама.


Видео Упутства: Анимация бега для игр в Фотошоп. Основы пиксель арт анимации для игр - by Artalasky (Може 2024).