Ludmiła Cybulska

Ludmiła Cybulska właścicielka,
Nesleen

Temat: problem z przezroczystością części animacji

Muszę stworzyć animację, która będzie odsłaniała część backgroundu, przesuwając się od lewej do prawej. Problem polega na tym, że pod spodem jest zdjęcie, które ma być widoczne. Chodzi dokładnie o odsłanianie elementów w miarę najechania na nich maski.
Link poniżej pokazuje ten efekt, ale z ostrym zakończeniem brzegów, a potrzebne mi jest łagodne pojawianie się tych elementów.
http://nesleen.com/movie.html

Dzięki z góry.
Pozdrawiam
Marcin Południkiewicz

Marcin Południkiewicz Gotowy na wszystko.

Temat: problem z przezroczystością części animacji

zmiękcz krawędzie
rozmyj
chyba da się tak z maską
:)
Ludmiła Cybulska

Ludmiła Cybulska właścicielka,
Nesleen

Temat: problem z przezroczystością części animacji

spróbuję :)
dzięki
Marcin Południkiewicz

Marcin Południkiewicz Gotowy na wszystko.

Temat: problem z przezroczystością części animacji

ps. nawet spray-em i odpowiednim poziomem przezroczystości można się pobawić
:)
Ludmiła Cybulska

Ludmiła Cybulska właścicielka,
Nesleen

Temat: problem z przezroczystością części animacji

nie wiem tylko jak zrobić przezroczyste tło pod spodem tak, żeby pojawiały się same elementy. Problem polega na tym, że pod spodem jest fotka.

Teraz bardziej to widać http://nesleen.com/movie.html
Marcin Południkiewicz

Marcin Południkiewicz Gotowy na wszystko.

Temat: problem z przezroczystością części animacji

W File > Publish Settings w zakładce HTML należy opcję Window Mode ustawić na Transparent Windowless.
UWAGA: przezroczyste tło spowalnia animacje.

hmmm
Ludmiła Cybulska

Ludmiła Cybulska właścicielka,
Nesleen

Temat: problem z przezroczystością części animacji

Transparentność tła jest ustawiona, chodzi krawędzie maski, które przechodzą w Alpha od 100% do 0% na 10% szerości z jednaj strony i na odwrót z drugiej.
Probowałam pędzlem, ale to jest od groma roboty.
Dlatego szukam jakiegoś innego rozwiązania
Marcin Południkiewicz

Marcin Południkiewicz Gotowy na wszystko.

Temat: problem z przezroczystością części animacji

hmm, w sumioe pędzlem i sprayem jest dosć podobnie..
gdyby można było dorysować przy krawędziach sześcian i zrobić gradient, który kończy się transparentnie przy tej krawędzi o którą chodzi..
tak jak w tym pasku

Obrazek
Piotr Rachtan

Piotr Rachtan Lead Flash Platform
Developer /
Shockwave Developer

Temat: problem z przezroczystością części animacji

Maska z alphą tylko z poziomu actionscript + cacheAsBitmap:

maskaZalpha.cacheAsBitmap = true;
doMaskowania.cacheAsBitmap = true;
doMaskowania.mask = maskaZalpha;
Jerzy Wierzchowski

Jerzy Wierzchowski Senior Software
Developer

Temat: problem z przezroczystością części animacji

Jw. Tylko za pomocą as da się to zrobić.
Joanna I.

Joanna I. graficzka

Temat: problem z przezroczystością części animacji

Piotr Rachtan:
Maska z alphą tylko z poziomu actionscript + cacheAsBitmap:
Jerzy Wierzchowski:
Jw. Tylko za pomocą as da się to zrobić.

Nieprawda, Panowie :)
Bez AS robi się to w sposób następujący:
1. tworzymy sobie jakiś MC, nazwijmy go ANIMA. w nim ustawiamy to co chcemy maskować (to może być cokolwiek, grafika, zdjęcie, tekst, inny mc)
2. Cały czas jesteśmy wewnątrz MC ANIMA. Tworzymy nową warstwę nad poprzednią i rysujemy na niej maskę w ten sposób, że im bardziej przezroczyste wypełnienie tym bardziej nasz obiekt będzie odsłonięty. I naszą maskę przerabiamy na MC i nadajemy mieszanie "Erase". Naszą maskę jak najbardziej można animować, skalować i robić z nią wszystko co można robić z movie clipem. Co ciekawe, warstwa z maską nie może być ustawiona jako maska ;) Wszystko załatwia blending mode.
3. Jak już wszystko ustawimy, to MC ANIMA ustawiamy na scenie i nadajemy mu mieszanie "layer".
4. Ctrl+Enter -> zachwycamy się jak pięknie wszystko działa :)
Jerzy Wierzchowski

Jerzy Wierzchowski Senior Software
Developer

Temat: problem z przezroczystością części animacji

Joanna I.:
Piotr Rachtan:
Maska z alphą tylko z poziomu actionscript + cacheAsBitmap:
Jerzy Wierzchowski:
Jw. Tylko za pomocą as da się to zrobić.

Nieprawda, Panowie :)
Bez AS robi się to w sposób następujący:
1. tworzymy sobie jakiś MC, nazwijmy go ANIMA. w nim ustawiamy to co chcemy maskować (to może być cokolwiek, grafika, zdjęcie, tekst, inny mc)
2. Cały czas jesteśmy wewnątrz MC ANIMA. Tworzymy nową warstwę nad poprzednią i rysujemy na niej maskę w ten sposób, że im bardziej przezroczyste wypełnienie tym bardziej nasz obiekt będzie odsłonięty. I naszą maskę przerabiamy na MC i nadajemy mieszanie "Erase". Naszą maskę jak najbardziej można animować, skalować i robić z nią wszystko co można robić z movie clipem. Co ciekawe, warstwa z maską nie może być ustawiona jako maska ;) Wszystko załatwia blending mode.
3. Jak już wszystko ustawimy, to MC ANIMA ustawiamy na scenie i nadajemy mu mieszanie "layer".
4. Ctrl+Enter -> zachwycamy się jak pięknie wszystko działa :)


Obrazek

Nieźle, nie wiedziałem tego:) Dzięki.Jerzy Wierzchowski edytował(a) ten post dnia 23.08.10 o godzinie 10:02
Joanna I.

Joanna I. graficzka

Temat: problem z przezroczystością części animacji

Jerzy Wierzchowski:
Nieźle, nie wiedziałem tego:) Dzięki.

Proszę bardzo. Ja też kiedyś nie wiedziałam ;)
Piotr Rachtan

Piotr Rachtan Lead Flash Platform
Developer /
Shockwave Developer

Temat: problem z przezroczystością części animacji

Każdy sposób jest dobry :)

Tego drugiego nie znałem, w sumie maski spięte z AS3 też można animować itp.

Tak na marginesie, może ktoś wie (lub ma czas na zrobienie kilku testów) która z metod jest bardziej wydajna? Nie znam algorytmu blendingu "erase", ale tak sobie myślę że metoda z .mask powinna być szybsza (mniej kosztowna obliczeniowo).
Joanna I.

Joanna I. graficzka

Temat: problem z przezroczystością części animacji

Ja raczej wybieram metodę (AS bądź bez AS) w zależności od rodzaju wykonywanego zlecenia i swojej wygody. Czasem wygodniej mi jest robić coś w kodzie, czasem nie.
Nie sądzę żeby różnica w obciążeniu procka była znacząca, choć... mogę się zdziwić ;)
Piotr Rachtan

Piotr Rachtan Lead Flash Platform
Developer /
Shockwave Developer

Temat: problem z przezroczystością części animacji

DUUŻY PLUSIK :)

Nadziałem się właśnie na idiotyczną sytuację :)

Jeśli nad obiektem maskowanym przez cacheAsBitmap pojawi się inny obiekt zawierajcy przeźroczystosć (rzucający cień itp jak wysuwane menu, czy graficzny kursor) niestety flash się krzaczy i to co pod spodem (maskowany obiekt) się tnie...

Wersja z blendingiem gdziała bez zarzutu :)

Dzięki!

Joanna I.:
Ja raczej wybieram metodę (AS bądź bez AS) w zależności od rodzaju wykonywanego zlecenia i swojej wygody. Czasem wygodniej mi jest robić coś w kodzie, czasem nie.
Nie sądzę żeby różnica w obciążeniu procka była znacząca, choć... mogę się zdziwić ;)
Jakub Netza

Jakub Netza Graphic Designer /
Motion Designer,
Freelancer

Temat: problem z przezroczystością części animacji

Jeżeli chodzi o te czarne krawędzie penga (i normalnie ich nie ma) to spróbuj color effect ustawić na advanced i do dodatkowego alpha odjąć mu tak 5 pkt.. powinno pomóc

Następna dyskusja:

(Flash CS5-5.5) Problem z p...




Wyślij zaproszenie do