Тёмный

Делаю молнию на Тильде с анимацией 

German Dolgin
Подписаться 33 тыс.
Просмотров 12 тыс.
50% 1

Страница из видео тут: dolginstudio.c...
Все для ФШ тут: photoshop-mast...
Бесплатные PNG-картинки тут: www.kisspng.com/
Хотите сайт на Тильде? Мы можем помочь: dolginstudio.com/
Мой обучающий курс по работе в Tilda dolginstudio.c...
Хотите поддержать проект или задать вопрос? donatty.com/do...
Хотите 1 месяц в подарок после первой оплаты за Тильду? Регистрируйтесь по ссылке tilda.cc/?r=14...
Хотите покупать фотографии со стоков дешево? Вам сюда: shopdiz.pro/r/...
В инстаграм посты выкладываю редко, и не про дизайн, но если интересно- / germandolgin
В этом ролике рассказываю о том как сделать анимированную молнию в зеро блоке на конструкторе Тильда

Опубликовано:

 

28 сен 2024

Поделиться:

Ссылка:

Скачать:

Готовим ссылку...

Добавить в:

Мой плейлист
Посмотреть позже
Комментарии : 48   
@ДмитрийКостенко-г1г
Осталось только гром добавить внезапно чтобы очень громко и с задержкой как в жизни, чтоб пользователь абделался)))) Круто круто! взял на заметку
@frame24novisadserbia95
@frame24novisadserbia95 Год назад
а как добавит гром
@museadvertsdmitryharper4902
@museadvertsdmitryharper4902 5 лет назад
Спасибо давайте больше примеров дизайна с Zero блокои
@theskastoshow3675
@theskastoshow3675 4 года назад
Круто! Годный контент.
@mr_mad_maks
@mr_mad_maks 4 года назад
У меня, возможно, глупый вопрос ...а во сколько Вам обходится использование Тильды? Ведь ресурс не бесплатный...
@germandolgin
@germandolgin 4 года назад
Также как и всем + идут продления от рефералов)
@АлексейГайдамак-п9ш
Привет! Классное видео, а как сделать во такую анимацию обложки toledo24.ru? Было бы классно использовать что-то подобное в автомобильной тематике с фарами, есть идея, но как это реализовать не знаю)
@merrowneverdie1428
@merrowneverdie1428 5 лет назад
Блин. Не хотела бы я попасть на такое ночью.)
@Deftmovies
@Deftmovies 4 года назад
Слабенькая анимация молний. и ease out на значении opacity забыл вродь. Более менее на молнию похожее можно сделать "маской" - блоком цвета фона раскрывать её с определенной скоростью. и собрать хотя бы 2-4 молнии рядом - моргать по очереди, чтобы эффект движения частиц в молнии создать. А пользоваться можно, например, сделав такой блок как маску для другого слоя, к примеру - с товарами. Делаешь на отдельном блоке эффект молнии, высоту контейнера убираешь в 0, overflow: show; и в html коде добавить Z index минусовой. Будет накладываться Zero block фоном на следующий блок, т.е. прозрачный фон делаешь - и сзади бьют молнии. Адаптив всегда был с помощью js (сейчас ессесно и так добавили возможность)
@iratewatcher
@iratewatcher 4 года назад
Как будто нижняя часть лица не родная верхней части лица. Типа с разных лиц скомбинированы, как в приложении типа swap face. Очень интересно, первый раз вижу такое
@ЛюдмилаРасова
@ЛюдмилаРасова 4 года назад
Спасибо. Можно использовать для автомобилей Тесла)
@ekaterinakilikeeva4036
@ekaterinakilikeeva4036 4 года назад
Ааааафигеть 😍 слов нет. Впечатлило, поразило.... пошла делать такую красоту.
@ЕвгенийЧепурнов-э3о
Занимаюсь озонированием. Так вот эти молнии, в обще в мою тему) ведь озон ( О3, O Three) образуется в момент разряда молнии.
@goncharovpro
@goncharovpro 4 года назад
Да, крутое применение, кстати
@elenavakk
@elenavakk 4 года назад
Ошибочка, полыхает все небо в первый момент, а не молнии и светятся они абсолютно белым, а уже потом по очереди , но тоже белым
@maxsushek5987
@maxsushek5987 4 года назад
А если делать такой же зеро блок под мобильный ? С меньшим разрешение экрана??? И отображение выбирать на устройствах до 980 и так далее
@АлисаКирия
@АлисаКирия 4 года назад
Подскажите пожалуйста, если ли бесплатные фотошопы на MacBook
@ВладиславДударев-и9н
Для строительных компаний подобное применение, думаю, прикольно зайдёт. Ещё идея, если развить мысль с молнией, сделать смену погоды в принципе. Солнце, дождь, снег и т.п.
@semeteyboronbaev6184
@semeteyboronbaev6184 4 года назад
Как сохранить молнию с фотошопа?
@MassEffecn
@MassEffecn 4 года назад
Пиздец! Мне, как программисту , больно смотреть на этот колхоз
@germandolgin
@germandolgin 4 года назад
В чем именно ?
@MassEffecn
@MassEffecn 4 года назад
@@germandolgin 1) эта анимация составлена из картинок, которые по хорошему должны быть предзагружены. Я запустил сайт на слабеньком интернете и увидел как анимируются части загружающихся изображений молний. Картинки весят от 50кб до 900кб, что весьма расточительно, и загрузить их на 3g это долго и дорого с точки зрения расхода трафика 2) Несколько лет назад ваша реализация развалилась бы на edge firefox safari, так как центр поворота фигур(transform-origin) считается по разному. но это так, для справки 3)Такие вещи лучше записывать в видео и крутить фоном, что является более кроссбраузерным решением и оптимальным по расходу трафика 4) а если совсем заморочиться и сделать правильно, то такое нужно делатьс использованием webgl технологий Ну и вернувшись к 1 пункту, скажу что вы в своем видео показываете подход к созданию анимаций, люди то нарисют картинки, перегонят их в png24 не оптимизируют и начнут городить тяжеловесные сайты, которые тормозят и жрут интернет трафик
@germandolgin
@germandolgin 4 года назад
MassEffecn ну как разраба я вашу точку зрения понимаю. Но я не учу людей кодить, я о тильде рассказываю. Про ее возможности и тд... да и это не готовый проект, это просто демонстрация того что можно сделать
@MassEffecn
@MassEffecn 4 года назад
@@germandolgin Вот именно! Это демонстрация того что можно сделать! Расскажите тогда о плюсах и минусах данного подхода, расскажите об альтернативных решениях. Ведь тильда это по сути черный ящик, она не лупит вас по рукам когда вы делаете что то не так. Я ужаснулся когда увидел что почти все сайты на тильде весят по 20мб!!! ДВАДЦАТЬ. Люди которые клепают тильдасайты не думают об оптимизации. Хотелось бы увидеть в ваших работах нечто большее, чем бездумное засовывание тяжеленных картинок в zero block. Мой посыл был даже не о коде, а о вариативности решения данной задачи))) Людей вы может быть и не учите тут, но ваши видео это пример для подражания. и хочется чтобы материал был более информативен и выходил за пределы расстановки таймингов в боковой панели))) Удачи вам в вашем деле)))
@germandolgin
@germandolgin 4 года назад
MassEffecn спасибо, но имхо, любой зеро блок -куча нестройного кода, так что тильда вообще не про оптимизацию)
@larisaantonova241
@larisaantonova241 3 года назад
Супер! Спасибо!
@АлександрСмирнов-ъ5м4м
Привет, подскажи как бургер меню зафиксировать для смартфонов?
@germandolgin
@germandolgin 5 лет назад
Используй 403 блок
@mariukas100
@mariukas100 5 лет назад
super
@sergeypetrovetsky3431
@sergeypetrovetsky3431 4 года назад
Как такая кастомизация влияет на скорость сайта?
@businessman386
@businessman386 3 года назад
незначительно и терпимо
@SmartichUA
@SmartichUA 5 лет назад
А как добавить звук грома? Это реально в Тильде?
@goncharovpro
@goncharovpro 4 года назад
В сайтостроении добавление звука считается моветоном, поэтому вряд ли это сделать в тильде
@dads_hand
@dads_hand 5 лет назад
Спасибо за видел. Можно же вставить блок с кодом html и с помощью специального кода, есть в гугле, сделать, что бы анимация работала на телефоне, планшете и тд
@marinal7237
@marinal7237 4 года назад
подробнее, где видел?
@dimazzzikkk
@dimazzzikkk 4 года назад
Marina l введи в гугле «Тильдошная» там много полезного, включая код для анимаций на смартфоне
@stasrorin8066
@stasrorin8066 5 лет назад
Уже есть адаптив для моб версии с анимацией. Но только для степ бай степ. Нужно скрипт в Т123 вписать
@mikhailgagarin1367
@mikhailgagarin1367 5 лет назад
Хм, что-то ничего не смог найти по этой теме, не могли бы вы поделиться инфой?
@nika7149
@nika7149 5 лет назад
Тоже пользуюсь их кодом!
@mikhailgagarin1367
@mikhailgagarin1367 5 лет назад
@@ДинарАбдуллин-м4ч Спасибо!
@topman9843
@topman9843 4 года назад
как вы вокруг молнии свет сделали?
@germandolgin
@germandolgin 4 года назад
Это такие кисти. Там сразу так было
@topman9843
@topman9843 4 года назад
@@germandolgin спасибо, а подскажите я вот создал сайт и у меня на предосмотре чёрный фон и нечего не показывает
@EvgeniyGolubRepresent
@EvgeniyGolubRepresent 4 года назад
Моя бабушка и то круче делает
Далее
Анимация в Тильде. Zero Block
5:07
Просмотров 6 тыс.
Плитки с анимацией в тильде
6:01
Триггерная анимация в Тильде
15:25
Пошаговая анимация в Tilda Publishing
11:45