Перейти к содержимому


Фотография
- - - - -

Статья по простой анимации для ZISMO с помощью обтравочной маски. Часть 3.

Форум ZiSMO.biz
8
Сообщений в теме: 8

OFFLINE Отправлено

Евгений Суворов
группа пользователя
  • Онлайн:64д 14ч 23м
208

И снова здравствуйте, дорогие ZISMOвцы!

 

Данная статья написана только для начинающих в фотошопе, и не основана на профессионалов в дизайне,а так же "сверхюзеров в фотошопе".

 

Перед тем , как читать эту статью, советую прочитать две своих предыдущих статьи по простой анимации:

 

Небольшая статья для ZISMO по простой анимации объектов в фотошопе.

 

Статья для ZISMO по простой анимации объектов с помощь фильтра "Размытие в движении"

 

 

 

И так, приступим.

Сразу предупреждаю урок будет небольшим, а сделать такую анимацию очень легко даже для новичка!

 

 

Создадим фон, и добавим наш объект (у меня это снова текст).
Сделаем дубликат нашего основного слоя, и сменим цвет нашего объекта (текста) на цвет фона.


Итог должен получится таким:
041c73b5fe4e4c83b86888614b3b8d6b.jpeg

 

 

Отцентрируем наши объекты.

Для этого выделим на панели слоев наш белый текст, 

далее при помощи Инструмента "Прямоугольная область"

выделим весь наш фон.

Получится у Вас должно вот так:

9432ae2577e847e980f4f8d3c9ba73fb.jpeg

 

 

Далее выберем инструмент "Перемещение"

Отцентрируем наш белый текст по высоте, и ширине нажав кнопки, указанные на скриншоте.

(данный инструмент, помогает отцентрировать ваш объект по высоте/широте на ВЫДЕЛЕННОЙ ОБЛАСТИ)

0db7e07a50e344dda226d1f780c6335a.jpeg

 

 

Тоже самое проделаем и с "голубым" текстом!

Нажимаем Ctrl+D (чтобы снять выделение фона).

Выделяем слой с белым текст, нажимаем правой клавишей мыши, и жмем Растрировать текст

d178814c7ed94c63b5473e26061a9b41.jpeg

 

Выделяем фон и слой с белым текстом,  жмем правую кнопку мыши >  Объединить слои

 

f54e89890247402a8414b7e89f5ff3a8.jpeg

 

Получилось? Отлично!

Идем дальше!

Создадим любую белую фигуру (она должна быть чуть выше по высоте нашего текста).

Располагаем слой с фигурой между голубым текстом и нашим фоном.

Выйти у Вас должно вот так:
e74fda9a3882457f9cc6c4e4a85c00e4.jpeg

 

Жмем правой кнопкой по голубому тексту, и растрируем его (как это сделать смотрите выше)

Далее еще раз жмем правой кнопкой по слою с нашим уже растрированным текстом, и жмем

Создать обтравочную маску.

7e12b716cfcf4d0fb1487b1201eb5871.jpeg

Если у Вас получилось, то Вы должны увидеть примерно это:
2300ae42db4e43afa726f6a4e271bab5.jpeg

2fc850ff1f7e4936912c90e5e9c6f234.jpeg

 

Подготовка объектов для анимации закончена.

Переходим в Шкалу времени (как её найти смотрите ТУТ).

Меняем время проигрывания основного кадра на 0,03 секунды.

И создаем дубликат нашего кадра.

a1d0c3937bba4f63a0e6e222da8882b4.jpeg

Выберем 1 кадр.

Выделил слой с нашей белой фигурой, зажмем Shift и перенесем его за правую границу холста.

Получится должно так.

ea9055a32bde4d2cb48bc6c047542c0f.jpeg

 

Перейдем на второй кадр, проделаем все те же действия, только перенесем нашу фигуру за левую границу холста!

6cbd05ba3928444ebec56bfed96309b3.jpeg
 

Выделим оба кадра, и нажмем Создать промежуточные кадры.

Создадим 28 промежуточных кадров

8456f8dcf9a44deabe852f8c37956327.jpeg

 

Поздравляю! 
Вы сделали анимацию с помощью Обтравочной маски!

Итоговая анимация должна выглядеть вот так:


0642ab66e512.gif

 

 

Надеюсь данная статья была Вам полезна  :)

 

Моя работа при помощи этого способа:
ad0ca693760a.gif

 


Надеюсь дорогие друзья данный урок был Вам полезен!


Если комментарии будут положительные, то сделаю еще одну статью по созданию другого вида анимации в Photoshop!
 

 


Все добавления и замеченные в статье ошибки, будут исправлены , а авторы будут добавлены в тему!
 

 

 

Моя первая статья по анимации в Photoshop

Моя вторая статья по анимации в Photoshop

Моя тема с бесплатной графикой

Моя тема с платной графикой


Сообщение отредактировал Евгений Суворов: 22 11 2016 - 15:29




    • 2
  • Наверх
  • Ответить

Поделиться этим:

OFFLINE Отправлено

kirya2552
группа пользователя
  • Онлайн:141д 5ч 38м
672
Лайк за креативности
    • 0
  • Наверх
  • Ответить

OFFLINE Отправлено

Евгений Суворов
группа пользователя
  • Онлайн:64д 14ч 23м
208

лайк за креативности

Благодарю  :) 
Но важнее, чтобы это было полезно хоть кому-то)


    • 0
  • Наверх
  • Ответить

Рекламный пост

OFFLINE Отправлено

Rogozin
группа пользователя
  • Онлайн:216д 14ч 39м
237

*
Популярное сообщение!

Bigsmm.ru - Лучший сервис по накрутке подписчиков, лайков, просмотров instagram, Вконтакте, youtube, Telegram, Facebook

 

Наши популярные услуги:

Подписчики в Instagram от 18р за 1000 подписчиков,1000 лайков от 4р, 1000 просмотров от 0,15р! Самые низкие цены!

Подписчики в Youtube от 190р за 1000 подписчиков, высокая скорость, пожизненная гарантия, самая низкая цена на рынке! 

Просмотры Youtube от 68р за 1000 просмотров, скорость до 100 тысяч просмотров в сутки, пожизненная гарантия!

Подписчики в группу Вконтакте от 180р за 1000 подписчиков, хорошее качество, гарантия 30 дней!

О нас: Более 1000 отзывов на форумах, группа "Premium+", донат на форуме свыше 3500 рублей, отзывы - тут

На сайте также реализовано API для ресселеров и бонусы при пополнении!

Перейти на сайт - Bigsmm.ru


Сообщение отредактировал Rogozin: 05 09 2018 - 19:36

21749581.gif21749581.gif
    • 19
  • Наверх
  • Ответить

OFFLINE Отправлено

arter1
группа пользователя
  • Онлайн:49д 1ч 48м
27

Спасибо, полезно
Лайкусик)


    • 0
  • Наверх
  • Ответить

OFFLINE Отправлено

Евгений Суворов
группа пользователя
  • Онлайн:64д 14ч 23м
208

Спасибо, полезно
Лайкусик)

Благодарю)
Что бы в дальнейшем хотел увидеть?)


    • 0
  • Наверх
  • Ответить

OFFLINE Отправлено

arter1
группа пользователя
  • Онлайн:49д 1ч 48м
27

Благодарю)
Что бы в дальнейшем хотел увидеть?)

Так же, анимации в ФШ)
Потому что я анимации только в After Effects делаю, было бы интересно попробовать в ФШ)
Ну и просто какие-то уроки, или паки эффектов, стилей.


    • 0
  • Наверх
  • Ответить

OFFLINE Отправлено

Евгений Суворов
группа пользователя
  • Онлайн:64д 14ч 23м
208

Так же, анимации в ФШ)
Потому что я анимации только в After Effects делаю, было бы интересно попробовать в ФШ)
Ну и просто какие-то уроки, или паки эффектов, стилей.

Я бы сам почитал по анимации в After Effects.
То что делается в After Effects двумя нажатиями, в фотошопе ты делаешь около часа-двух :-(

Что-то придумаем)


    • 0
  • Наверх
  • Ответить

OFFLINE Отправлено

amzees
группа пользователя
  • Онлайн:323д 17ч 35м
2 001
Спасибо! Очень интересно:)
bPWcTsV.gifC4hlub8.gif
9ad979a3e9c4a86cec2f942d04762d7e.gif0c2669a17ca4.gif
    • 0
  • Наверх
  • Ответить

OFFLINE Отправлено

Евгений Суворов
группа пользователя
  • Онлайн:64д 14ч 23м
208

Спасибо! Очень интересно :)

Благодарю)
По теме - отпиши в ЛС, готов поработать)


    • 0
  • Наверх
  • Ответить



Напишите сообщение