ШаТиКа

Информация о пользователе

Привет, Гость! Войдите или зарегистрируйтесь.


Вы здесь » ШаТиКа » Уроки » Динамичная анимация


Динамичная анимация

Сообщений 1 страница 7 из 7

1

как сделать динамичную анимацию, с использованием эффекта размытия.[/b]

Что получится

http://s7.uploads.ru/CAM75.gif

Создайте новый документ с разрешением  400x125 px с прозрачным фоном. Создайте какой-нибудь простой фон. Найдите изображение, которое вам бы хотелось анимировать, как мое, представленное выше.
Я буду работать с этим изображением:

1

http://s6.uploads.ru/C6zHh.jpg

Для начала поместите это изображение на задний фон так, как вам понравится:

2

http://s7.uploads.ru/DgtTn.gif

Я изменил Blending mode (Параметры смешивания) изображения на Luminosity (Свечение). Я предварительно поиграл с параметрами смешивания, все варианты выглядят симпатично.

Итак, теперь вам нужно дублировать слой изображения, которое вы поместили, и зайти в меню Filter>Blur>Motion Blur (Фильтр > Размытие > Размытие в движении), установите параметр Distance (Смещение) на 25px.
Ваш дублированный слой должен выглядеть примерно так:

3

http://s7.uploads.ru/FmEP6.gif

На данный момент у вас должно быть три разных слоя:
Задний фон
Простое изображение
И размытое изображение

Итак, теперь мы готовы перейти в редактор Imageready.
Сейчас вам надо спрятать размытый слой:

4

http://s7.uploads.ru/CpzJ6.gif

Теперь вам нужно перейти к окну анимации и продублировать первую рамку:

5

http://s6.uploads.ru/ov5AG.gif

В то время, как вторая рамка анимации активна, спрячьте простое изображение, а размытое сделайте видимым:

6

http://s6.uploads.ru/A4Thv.gif

Теперь дублируйте вторую рамку и передвиньте размытый слой изображения примерно на четверть от одной стороны к другой:

7

http://s6.uploads.ru/Wpx9h.gif

Теперь повторяйте это действие, пока не передвинете размытое изображение на другую сторону:

8

http://s6.uploads.ru/SRw4k.gif

Теперь, нужно что-то поместить поверх размытого изображения. Дублируйте последнюю рамку в окне анимации, затем спрячьте размытый слой и сделайте видимым простое изображение, передвиньте его на левую сторону в то же место, где вы разместили размытое изображение:

9

http://s6.uploads.ru/rbwin.gif

Теперь вам надо будет повторить эти действия в обратном направлении . Когда вы закончите, у вас должно получиться что-то, похожее на это:

10

http://s7.uploads.ru/BqQaH.gif

Установите параметры задержки у двух рамок с обычным изображением на 2 секунды. Чтобы установить время паузы у рамки, кликните на кнопку под ней, где установлен параметр 0 секунд.
Надеюсь, этот урок помог вам и вы с ним справились.
http://s6.uploads.ru/AbOPG.gif

0

2

Denis написал(а):

Здравствуйте, посмотрели Ваш сайт. Много недоработок по SEO, он у Вас просто висит в интернете или все-таки делали для привлечения клиентов? Также рекомендую обновить оформление сайта, на более свежий дизайн.

Хотите получить рекомендации и расчет по развитию сайта? Отправьте слово "Цена "и укажите адрес вашего сайта "shatika.rusff.me" на почту freeauditsite@gmail.com

Форум закрыт!)))не удалён  по одной причине )ничего нового и.т.д.не будет!

0

3

Анна написал(а):

Добрый день. Нашли ваш сайт в Яндексе.
Обратили внимание, что ваш нынешний сайт достаточно устарел, поэтому могут быть проблемы с получением новых клиентов из-за высокой конкуренции и кризисных условий.
Мы профессионально занимаемся увеличением продаж в интернете, именно в вашей сфере, путём разработки правильных продающих сайтов.
Работаем быстро, главное для нас - решить вашу проблему как можно скорее. С удовольствием поможем!

Если предложение заинтересовало, то можете ответить на письмо.

  Наш форум не для продаж. В этой теме  вопросы не по теме не задают .  кроме того выше глав админ форума ответила

Подпись автора

::::::::http://imgs.su/users/69932/1493745902.png::::::::

0

4

Здравствуйте! Увеличиваю поток клиентов с онлайн карт!

Накрутка рейтинга на Авито/Яндекс/2гис/Маркетплейсы и др.

А так же:
- Удаление отзывов на Яндексе и Авито!
- Реклама в Яндекс/Гугл, ВК и Инстаграм.
- Создание и СЕО сайтов.
- Авито продвижение.

Если интересно, пишите мне в WhatsApp: +7(962) 546-38-36

0

5

Здравствуйте! Меня зовут Анастасия. Извините, что не совсем по теме)
Я не бот, просто листала ваш сайт и решила сделать до вас что-то хорошее)

Мы привозим автомобили из Германии в Россию. Завозим большими партиями, вот наш сайт – avtotrade-russia.ru

До 5% наших клиентов отказываются от авто по разным причинам, внеся до 50% стоимости. На такие авто мы оперативно ищем нового заказчика, цена получается невероятно выгодной! Раньше перепродавали кому-то из компании, сейчас объёмы выросли, ищем новых покупателей на такие авто.
Периодически публикуем варианты в отказе в нашем telegram. Там есть и мой контакт – t.me/avto_europe

0

6

Меня зовут Владислав из компании Web Hero. Мы обнаружили технические недочеты на вашем сайте, которые могут стать причиной ухода клиентов.
Наша команда готова оперативно устранить эти проблемы и гарантировать бесперебойную работу вашего сайта.

Давайте обсудим, как мы можем помочь. Оставьте заявку на нашем сайте: wbhr.ru или свяжитесь со мной по sale.tp1@wbhr.ru.

С уважением, Владислав.

0

7

Приветствую! Это Владислав из компании Web Hero.

Вы знали, что ошибки на сайте могут отпугнуть больше трети ваших потенциальных клиентов? Вот несколько фактов из исследований компаний:

1. Согласно исследованию компании Google, более 50% пользователей покидают сайт, если он загружается дольше, чем за 3 секунды. Медленная загрузка сайта часто связана с наличием технических ошибок.
2. Согласно исследованию компании Adobe, каждая ошибка на веб-сайте может стоить компании до 9% потерь в конверсии. Это подчеркивает важность минимизации ошибок на сайте для повышения доходности бизнеса.
3. Данные компании Akamai показывают, что даже короткие сбои в работе сайта могут привести к существенным финансовым потерям. Например, если сайт Amazon.com падает на 1 минуту, это может привести к потере доходов в размере до $220 000.

Мы предлагаем Вам профессиональную техподдержку для бесперебойной работы вашего веб-ресурса:

– Доработка функционала.
– Наполнение контентом.
– Адаптация под моб. устройства.
– Дизайн и проектирование.
– Обновление CMS и плагинов.
– Хостинг и домены.
– Интеграция с сервисами.
– Мониторинг и обслуживание.

Давайте обсудим, как усовершенствовать ваш сайт. Оставьте заявку на нашем сайте: wbhr.ru или свяжитесь со мной по email: sale.tp1@wbhr.ru.

Воспользуйтесь промокодом TPKOMPAS0224 и получите бесплатный тех. аудит вашего сайта.

0


Вы здесь » ШаТиКа » Уроки » Динамичная анимация


Рейтинг форумов | Создать форум бесплатно