Просмотр полной версии : нетривиальные визуальные эффекты
http://oz.udaff.com/music/600x90_djngrosso1[1].swf
вот баннер. хочу понять как сделан, какими методами-хитростями. с буквами вроде разобрался. это эффекты swish max. буду экспортировать во флэш (получится покадровая анимация), что уже не очень здорово для веса.
осталось разобраться с линиями на заднем фоне. никак не пойму как осуществить такой эффект (линии движущиеся, при этом по краям прозрачные)...
и как сделана рамка. вроде как это что-то напиханное в кучу, вертящееся.
поделитесь идеями и опытом пожалуйста.
p.s. испытываю острый голод по наглядным урокам визуальных эффектов. в рунете как таковых нет вообще, а в буржуйском одно и то же, при этом не очень чтоб впечетляющее.
thanx in advance!
Дежавю?
http://flasher.ru/forum/showthread.php?t=82802
2 ejected:
Буквы можно программно сделать.
Прозрачность такая делается с помощью стандартных инструментов.
По поводу рамки... Ну вы откройте баннер по ссылке прямой на него так, чтобы он развернулся на весь экран и увидите, что там ничего не крутится. Просто жвижутся 4 стенки отдельные.
2 ejected:
Буквы можно программно сделать.
не сомневался. получается еще кучу времени потратить на изучение? то есть такой эффект под илу только программисту? я не программист.
2 ejected:Прозрачность такая делается с помощью стандартных инструментов..
а конкретней? как сделать движущиеся линейки? ничего в голову не приходит.
2 ejected:По поводу рамки... Ну вы откройте баннер по ссылке прямой на него так, чтобы он развернулся на весь экран и увидите, что там ничего не крутится. Просто жвижутся 4 стенки отдельные.
ну это я умею. загвоздка в содержимом стенок.
2 ejected:
- Отрисовать буквы покадрово в какой-то программе специализированной.
- Есть полупрозрачные заливки во флеше... В Color Mixer'е можно задвать не только цвета ключей в градиенте, но и прозрачность заливки для этих ключей.
- Движущиеся стенки лучше программно сделать. Тут, на форуме, недавно была тема про глобус. Также на сайте Silin'а есть исходник бесконечной ленты мувиклипов.
- А что там с содержимым стенок?
Не морочьте человеку голову, всё там ручками сделано, совершенно тривиальные эффекты - в каждом втором банере такие. При чем тут "бесконечные ленты мувиклипов", покадровая прорисовка букв и т.д.? Вы, ребята-программисты, привыкли что идеальная флэшка - один слой, на котором один пустой кадр со скриптом и библиотека проидентифицированных клипов для аттача. Вы бы и мультик так же "рисовали". Не один год, я думаю. А человеку нужен совершенно тупой банер, тут полчаса возни отсилы, около двадцати слоев с моушентвинами для буковок и всех-то делов.
oz.udaff.com/music/600x90_djngrosso1[1].swf
осталось разобраться с линиями на заднем фоне. никак не пойму как осуществить такой эффект (линии движущиеся, при этом по краям прозрачные)...
и как сделана рамка. вроде как это что-то напиханное в кучу, вертящееся.
поделитесь идеями и опытом пожалуйста.
Линии - 4рёхкадровый клип с моушн твин
Линии не прозрачные, просто поверх слоя, на котором лежит клип с линиями, лежит прямоугольник с градиентом (тип - Radial) от прозрачного черного в центре к непрозрачному по краям. И никакого, блин, программирования.
Рамка - покадровый клип из повторяющихся 4 кадров, куда уж проще???
Кроме того, использованы маски: в логотипе F из прямоугольничков, в появлении логотипа Миллер и, конечно, в очках.
2 Wolsh:
Я хочу напомнить вам, что в баннерных сетях существует ограничение на размер баннера... Или вы забыли? Ваши замечательные сделанные руками беннеры просто не поместятся в установленные килобайты. И, кстати, при чём тут год? Вы противоречите себе. Если мы - программисты и привыкли делать это программно, значит какое-то умение у нас есть, не так ли? ^_^
К тому же, запрограмированные баннеры легче настраивать. Вот скажет вам клиент, чтобы вы увеличили скорость движения тех же рамок... И вы будете менять положение ключевых кадров для каждой из четырёх границ. (А в каждой по 2 мувиклипа)
А мне достаточно будет поменять одно число в коде.
Хемуль, баннер, который в теме — не имеет ни одной строчки кода, кроме стандартного getURL
Чтобы сделать эффект слетающихся в слово букв -
1. Создай новый клип и открой его
2. Напиши нужное тебе слово нужного размера нужным шрифтом
3. Разбей его (CTRL + B)
4. Разнеси буквы по слоям - на одном слое только один объект может двигаться. Для этого кликни на кадре в таймлайн и правой - на выделенных буквах, выбери Distribute to layers. Удали пустой слой.
5. Разбей все буквы (необязательно)( CTRL + A CTRL + B )
6. Добавь в таймлайн необходимое количество кадров (можешь сначала сделать 20, это потом всегда можно сжать или растянуть) на всех слоях
7. Выдели все первые кадры (протащи по ним нажатую мышку) и выбери Create Motion Tween
8. Выдели все последние кадры и выбери Insert Keyframe
9. А теперь - творчество! Переведи линейку на первый кадр, хватай понравившуюся букву и тащи куда-нибудь за край видимой области.
Увеличь её раза в три-четыре. Поверни почти на 90 градусов. В инспекторе свойств (обычно внизу страницы :) ) выбери Alpha и поставь ноль. Теперь можешь подвигать линейку и насладиться летающей буквой.
Сделай тоже самое со всеми, и будет тебе счастье.
2 __etc:
Да я догадываюсь. ^_^ Я ж и не писал обратного. Я предлагаю программные методы реализации.
2 Wolsh:
Вот скажет вам клиент, чтобы вы увеличили скорость движения тех же рамок... И вы будете менять положение ключевых кадров для каждой из четырёх границ. (А в каждой по 2 мувиклипа)
А мне достаточно будет поменять одно число в коде.
А ты конечно не заметил, что каждая граница - один и тот же мувик, повернутый на нужный градус? Или для драматизма так написал
Вы, ребята-программисты, привыкли что идеальная флэшка - один слой, на котором один пустой кадр со скриптом и библиотека проидентифицированных клипов для аттача. Вы бы и мультик так же "рисовали". Не один год, я думаю.
воооо брат по разуму. респект :bye: :drinks: :D
pelipas: :victory:
Конечно, каждый делает как привык. Но мне вы напоминаете льва - лев с одинаковой силой бъёт лапой и мышку и зебру. Но кушает только в последнем случае :) Надо выбирать средства по задачам. А если вы имеете только одно средство, то придется выбирать задачи по средствам, и кушать раз в полгода.
А ты конечно не заметил, что каждая граница - один и тот же мувик, повернутый на нужный градус? Или для драматизма так написал
А вы, конечно же, не знаете, что для реализации такой вот анимации вам придётся класть этот мувиклип в виде 4 экземпляров на сцену... По 1 на каждую сторону. А чтобы непрерывное движение было, в каждый из четырёх нужно положить их по 2... Хотя, если он где-то повторяется, можно обойтись одним. Но, опять же, как только встанет вопрос о скорости движения, эта затея лопнет, как мыльный пузырь. По-моему проще сделать программно.
Ладно, что-то тут опять разгораются какие-то споры... Я спорить больше ни с кем тут не буду. На вкус и цвет... Мне нравятся скрипты, кому-то анимация покадровая...
Вы, ребята-программисты, привыкли что идеальная флэшка - один слой, на котором один пустой кадр со скриптом и библиотека проидентифицированных клипов для аттача.
Да! Да! Да! Просто кайф! Идеальная флэшка. :D
Вы бы и мультик так же "рисовали". Не один год, я думаю.
Не, быстрее. Ведь уже известны стандартные приемы, код подходящий для разных случаев тоже готов. Так что не очень медленно.
... около двадцати слоев с моушентвинами для буковок и всех-то делов.
:eek:
Хемуль, такие баннеры програмно не делаются.
для информации:
по моему они (pelipas, хемуль) по работе в основном дизайнеры...
могу ошибаться!
А вы, конечно же, не знаете, что для реализации такой вот анимации вам придётся класть этот мувиклип в виде 4 экземпляров на сцену... По 1 на каждую сторону. А чтобы непрерывное движение было, в каждый из четырёх нужно положить их по 2... Хотя, если он где-то повторяется, можно обойтись одним. Но, опять же, как только встанет вопрос о скорости движения, эта затея лопнет, как мыльный пузырь. По-моему проще сделать программно.
Я спорить больше ни с кем тут не буду...
Жалко, мне как раз не спится :)
Хемуль, мне очень импонирует Ваше восхищение программированием. Я и сам грешен. Но всё что Вы написали в этом топике про анимацию - абсолютно ОШИБОЧНО и преисполнено самых дремучих заблуждений. Я бы посоветовал Вам с осторожностью говорить где-либо, что Вы знаете Флэш. Вы, возможно, знаете AS. И только.
1. Неважно, сколько экземпляров я положу - на весе никак не отразится. Если этот символ аттачить из библиотеки - весить будет ровно столько же.
2. Непрерывное движение значит два клипа???? Ужас. Не понял что Вы имеете в виду. Мне всегда хватало одного.
3. Чтобы изменить скорость, мне достаточно двойного клика на экземпляре и движения мышкой для растаскивания кадров. Я сделаю это одной рукой примерно за две секунды. Сколько времени и движений понадобится Вам, чтобы найти свою переменную в коде, выделить её и вписать новое значение? Не думаю что меньше.
Хочу заметить, что я не злой. Просто мне не нравится, что новичков запугивают созданиями новых классов AS3 там, где надо нарисовать квадратик и то что новички ищут на этом форуме ответы, а большинство топиков заканчиваются бредовыми советами. А потом этих же новичков отсылают к поиску. Правильный ответ - лучший способ показаться крутым.
Хочу заметить, что я не злой. Просто мне не нравится, что новичков запугивают созданиями новых классов AS3 там, где надо нарисовать квадратик и то что новички ищут на этом форуме ответы, а большинство топиков заканчиваются бредовыми советами. А потом этих же новичков отсылают к поиску.
Не совсем верно. Кто-то дает ответ с точки зрения AS, кто-то с точки зрения "сделать руками". Новички пускай сравнивают и сами делают выводы, что им удобнее использовать.
Программисты не обязательно все во флэше программируют. Те же самые мувиклипы в библиотеке можно подготовить средствами flash: то же не один слой, твины и т.д. А потом, как цельную единицу, вызвать на сцену и управлять кодом. Т.е подход получается универсальный. Если где-то оптимально сделать без AS - делают без него. Все заинтересованы в быстроте. Но и качество и удобство должны быть на высоте.
pkfun: Полностью согласен. (см #14)
2 iNils:
Вполне вероятно. Но рамку бы я повесил на скрипты. А то в таком количестве слоёв/мувиклипов только путаться...
2 ravenco:
Если честно, я по профессии что-то среднее между HTML-кодером, техническим дизайнером и flash-технологом. ^_^ Но я не дизайнер. В плане дизайна я и рядом не лежал с pelipas'ом.
2 Wolsh:
Я уже писал выше, что спорить не буду. Есть, что написать, но не буду. Как говорила моя учительница в школе, сколько учеников, столько решений. И если вы за вашу работу получаете деньги, то стоит ли мне пытаться вас убеждать в чём-то? Стоит ли вам пытаться убеждать меня в чём-то, если и я получаю деньги за свою работу? В итоге ведь правильный ответ - это тот, который приводит к решению, удовлетворяющему клиента. А реализация для клиента абсолютно не важна. Она важна для нас. Кому-то быстрее сделать всё руками, а кто-то напишет 1 раз заготовки для каких-то классических эффектов и будет их использовать в будущем. Это по сути не важно...
2 iNils:
В плане дизайна я и рядом не лежал с pelipas'ом.
:) Он у нас крутой - у него дизайн воруют!
И если вы за вашу работу получаете деньги, то стоит ли мне пытаться вас убеждать в чём-то? Стоит ли вам пытаться убеждать меня в чём-то, если и я получаю деньги за свою работу?
А я вообще энтузиаст-любитель. И за флэш денег не получаю. Просто нравится и все. Хобби. :D
для информации:
по моему они (pelipas, хемуль) по работе в основном дизайнеры...
могу ошибаться!
это позор, да?:quiet:
Не обижайся, Хемуль. Просто подумай, чем ты помог этому парню.
А я - спать. Всем удачи.
Чувствую, что вот-вот появится iNils и всем плюсов наставит. :quiet:
Ладно, заканчиваем флейм разводить, поспорили и хватит.
Для тех кто в танке: Это значит, что посты не по теме после моего, расцениваются как флейм и плюсуются.
Работает на vBulletin ® версия 3.7.3. Copyright ©2000-2026, Jelsoft Enterprises Ltd. Перевод: zCarot
Copyright © 1999-2008 Flasher.ru. All rights reserved.