Jestem po prosbie wielkiej!!:)

[babowa]

prosze poratujcie ociemniała babowa
musze zrobic ruchomy napis, taki jak do baneru
1) napis ma skladac sie z 4,5 wyrazow ukazujacych sie po sobie w okreslonym czasie i w całosci zdanie ma byc wyswietlone 1min
i tu ok
2) ale potem to zdanie ma sie elegancko przesunac w lewo lub prawo w czasie 1 min az do znikniecia
i tu doopa
no nie wiem jak
pomozcie prosze

[bogatka1]

Jeśli problemem jest znikanie napisu, to jest kilka sposobów, znikanie najlepiej zrobić:

- Zmniejszając Krycie warstwy napisu.
- Można także użyć maski gradientowej, jeśli chcesz, aby to znikanie było częściowe, takie "idące".
- Można użyć na warstwie napisu filtru Rozmycie.

Napisz, w jakim programie graficznym robisz te animacje.

[babowa]

bogatko, interesuje mnie gimp
w nim robie ten baner, napis ma znikac w sensie przesuwania sie warstw z napisami
nie umiem tego ogarnac
wiem, ze kazdy wyraz musze umiescic w oddzielnej warstwie, połaczyc ja z tłem, nadac pewna predkosc przesuwania i dopisac replace
ale gubie sie w tych warstwach, gdzies robie bład
chce zrobic napis- UDANEGO NOWEGO ROKU !
nie wiem tez, o ile mam przesuwac kazda warstwe z wyrazem, by ruch zdania był plynny
pewnie opisałam zawile ale meczy mnie to bardzo
pomoz prosze i miej do mnie cierpliwosc

[bogatka1]

> wiem, ze kazdy wyraz musze umiescic w oddzielnej warstwie, połaczyc ja z tłem,
> nadac pewna predkosc przesuwania i...

A czemu każdy wyraz? Można duplikować cały napis,
umieścić prawie poza obszarem roboczym, aby tylko początek wystawał, by było za co złapać, aby go przesunąć.

Najpierw ustawiasz prowadnice, którymi dzielisz obszar roboczy np. na 20 części pionowo i jeszcze jedna poziomica pozioma. To daje komfort, że tekst będziesz prosto przesuwała.
- Duplikujesz warstwę tekstową, przesuwasz do pierwszej prowadnicy od prawej strony,
- Duplikujesz warstwę tekstową, przesuwasz do drugiej prowadnicy od prawej strony,
i dalej, podobnie, jak na screenie, aż ostatnia warstwa tekstowa schowa się za lewą stroną obszaru roboczego.



Potem duplikujesz tło do każdej warstwy tekstu i łączysz parami.
Sprawdzasz w Animacji > Odtwórz, czy jest dobrze.

Klikasz Filtry > Animacja > Optymalizuj do formatu gif... i masz już wpisany czas i replace.

I jeszcze trzeba uważać przy zapisywaniu, wpisujesz rozszerzenie .gif
i w następnym okienku zapisu, zaznaczyć Zapisz jako animację.

Można prowadnice rozstawić rzadziej, ale im więcej klatek, tym płynniejsza animacja.
Prowadnice to te ruchome czarne punkty na miarce, wyciąga się je wskaźnikiem myszki,
a usuwa Obraz > Usuń prowadnice.

Taką animacją można świetnie bawić się, bo nie musi być to tylko taki przemieszczający się napis, ale też można poszczególne warstwy lub ich część np. nieco powiększać, wyginać i zmieniać kolory.
Ciekawa jestem Twojej pracy, na pewno się uda, i niech ten 2013 będzie udany!

[babowa]

zrobiłam ten baner sama i w koncu sie udało
ale z tych nerwow dałam napis - dupa
wkleje, najwyej skasujecie

ale dalej wiem, ze mało wiem
moim zadaniem jest zrobic baner
1) mam napisac kilku wyrazowe zdanie
2) poszczegolne wyrazy maja sie wyswietlic co 200ms a całosc zdania ma byc widoczna 1 min
3) potem to zdanie ma plynnie sie przesunac w ciagu 1 sek
4) i ma sie pojawic kolejny wyraz i potem wsio od poczatku

umiem napisac to zdanie zgodnie z czasem i td
umiem zrobic przesuwanie jednego wyrazu
teraz nie wiem jak to zestawic?
no i bede sie dzis meczyc z przesuwaniem zdania, bo mysle ze zajmie to sporo czasy by wszystko rowno przesunac
podpowiedz, prosze, dalej jak zrobic?

[babowa]

taaa, ale nie wiem jak wkleic
takam mondra

[bogatka1]

Jak wkleić obrazek na forum: forum.gazeta.pl/forum/w,48033,106405143,,Witam_Agas301.html?v=2
oraz forum.gazeta.pl/forum/w,48033,84909491,,Watek_testujacy_BBcode.html?v=2
a ćwiczyć można tutaj: forum.gazeta.pl/forum/w,48033,116715960,,Testuj_BBcode.html?v=2

Czy to mają być dwie animacje w jednej?

> 3) potem to zdanie ma plynnie sie przesunac w ciagu 1 sek
> 4) i ma sie pojawic kolejny wyraz i potem wsio od poczatku

[babowa]

oj, bogatko
cienizna ze mnie;/
nie umiem tego polaczyc
gdzies, cos zle robie

wyswietlaja mi sie kolejno warstwy -
-udanego
- nowego
- roku
- !!
teraz to całe zdanie powinno mi sie przesunac az do znikniecia z ekranu( czas znikniecia okreslony jest na 1min)
i nie wiem, no
siedze i kombinuje ale naklada mi sie to wszystko i tyle
oddzielnie jest ok, razem cos psuje
czy to zdanie, złozone z warstw z kazdym wyrazem oddzielnie, moge duplikowac jako całosc?
bo to by ułatwiło to przesuwanie zdania
bo , kurcze
kazdy wyraz to jedna klatka
trzeba kazdy przesunac o pewna wartosc i potem dodac jeszcze do kazdej kopii kopie tła??
umre juz przez to niedługo

[bogatka1]

> czy to zdanie, złożone z warstw z każdym wyrazem oddzielnie, mogę duplikować jako całość?

Oczywiście.

> trzeba kazdy przesunac o pewna wartosc i potem dodac jeszcze do kazdej kopii kopie tła??

Tak.
Po połączeniu każdej klatki wyrazu z każdym duplikowanym tłem,
robisz Optymalizację dla gif.
Po tym można modyfikować czas każdej klatki.

> teraz to całe zdanie powinno mi sie przesunac az do znikniecia z ekranu( czas
> znikniecia okreslony jest na 1 min)

Przesunięcie takiego krótkiego zdania to sekundy,
więc żeby było płynnie w czasie jednej minuty, to tych klatek trzeba setki. Czemu 1 min?
Zapisz na dysk moją animację tekstu zrobioną w Photoshopie, i otwórz ją w Gimpie - to będziesz miała orientację, jak są ułożone klatki.

Umiesz już wklejać obrazki?

[babowa]

[img]https://[/img]

[babowa]

bogatko, wstyd mi wielki i trace wiare w swa inteligencje
raz, ze nie umiem wkleic
dwa, ze nie umiem zduplikowac tych oddzielnych warstw w jedna
musze tak zrobic jak Ty, ze plynnie napis sie przesuwa
a mnie przesuwaja sie po kolei poszczegolne wyrazy
prosze, wez oddech i sproboj mnie poratowac ostatni raz

[bogatka1]

babowa napisała:

> URL=http://wstaw.org/w/1Bxx/
[ IMG ]http : // wstaw.org/m/2013/01/11/bbaner_2_gif_300x300_q85.jpg[ /IMG ]

z tego kodu potrzebujesz tylko tyle: [ IMG ] http : // wstaw.org/m/2013/01/11/bbaner_2_gif_300x300_q85.jpg [ /IMG ] oczywiście bez spacji, które dodałam, aby był widoczny kod i adres obrazka.

Oczywiście, jeśli korzystasz z kliknięcia w przycisk IMG nad ramką Odpowiedzi,
to w ramce IMG usuwasz człon h ttp : //, bo ten człon już jest w adresie obrazka,
skopiowanym ze strony hostingowej.

Reszta niepotrzebna, to adres strony hostingu, która wyświetli się po kliknięciu w obrazek.
A jeśli chcesz wkleić obrazek z linkiem strony hostingu,
to bez tych początkowych [ img ] i końcowych [ / img ]

Teraz, gdy już umiesz wklejać grafikę, wklej swoją animację,
pamiętaj o wpisaniu po nazwie .gif i zaznacz Zapisz jako animację
bo wtedy będę wiedziała, o co konkretnie chodzi.

[babowa]

[babowa]

nie rozumiem dlaczego nie widac tu animacji, bo mam zapisane jako gif i u mnie wszystko działa
co robie nie tak?

[babowa]

[babowa]

a teraz nastepne dziwo. napis jest widoczny ale tez sie nie przesuwa
i co ze mna pani bogatko zrobisz?

[bogatka1]

No widzisz, dzięki temu, że wkleiłaś pracę,
od razu wyjaśniło się, ze zapisałaś tą grafikę jako .jpg i warstwy są spłaszczone,
czyli, jest to tylko jedna warstwa.

a powinnaś zapisać jako.gif i wtedy warstwy byłyby oddzielne, a napis byłby ruchomy.
np.: animacja udanego.gif
i według takiego rozszerzenia, po wklejeniu linku z hostingu, napis będzie przesuwał się.

Umiesz zrobić zrzut ekranu?
Pokaż, jak wyglądają warstwy z tym napisem po lewej stronie w palecie warstw,
po zapisaniu animacji.

[babowa]

ja wiem, ze mało wiem ale ja to to mam w dokumentach jak gif zapisane, i wszystko mi sie rusza
a tu po wklejeniu na strone , okazuje sie to jpg
umre i tyle

[bogatka1]

Gdzieś zrobiłaś błąd, może w czasie zapisywania,
wygląda mi na to, że zapisałaś tak: animacja gif,
a powinno być bez spacji, i z kropką, tak: animacja.gif
może w drugim okienku zapisywania nie zaznaczyłaś Zapisz jako animację?

Spróbuj jeszcze raz, aż do skutku.

[babowa]

bogatko, a jak polaczyc te wszystkie warstwy by je zduplikowac jako całosc?
by potem łatwiej utworzyc ten przesuwajacy sie napis?

[bogatka1]

Rozumiem, że chcesz zduplikować animację, w której jest animowany napis w warstwach?

Nie łączysz warstw, no chyba, że każdą warstwę napisu z duplikowanym tłem,
ale jeśli połączysz z tłem, to nie będziesz mogła użyć tego napisu na innym tle.

Klikasz na górze Obraz > Duplikuj, i masz te same warstwy napisu w nowym pliku animacji.
Tło możesz dodać to samo lub inne.

[babowa]

no, ok
tak zrobiłam
i teraz dalej co?
edycja kopiuj, wklej?
skopiowałam te nowo utworzona animacje i wkleiłam do starej jako oddzielna warstwe i
bo po takim działaniu to mi sie wkleiło tylko tło, bez zdania

miej cierpliwosc jeszcze

[bogatka1]

babowa napisała:
> edycja kopiuj, wklej? - Co chcesz wkleić?

> skopiowałam te nowo utworzona animacje i wkleiłam do starej jako oddzielna warstwe
- To powinno być wiele warstw, a nie jedna warstwa.

> bo po takim działaniu to mi sie wkleiło tylko tło, bez zdania
- A co się stało z warstwami tekstu?

> miej cierpliwosc jeszcze - Cierpliwości u mnie dostatek

Koniecznie naucz się robić screen - zrzut ekranu.
Zajrzyj do wątku poniżej Zrzut ekranu,
Będziesz zdziwiona, że to takie łatwe
Gdy będę widziała, jakie masz warstwy w animacji, łatwiej będzie mi pomóc,
bo teraz tylko zgaduję.

[babowa]

nie wiem, czy nie za mały ten zrzut?
no nic, w tobie moja nadzieja

[bogatka1]

Podwójne brawo, bo nie tylko umiesz wkleić zdjęcie na forum,
także potrafisz zrobić screen, tylko czemu taki mały?

Trudno dojrzeć, co jest na warstwach. Dodaj wykadrowaną tylko paletę warstw.
Wygląda na to, że są to oddzielne wyrazy zdania Oby do przodu Hej!

No to idziemy dalej,
Hej! ma tło. A reszta wyrazów też ma już dołączone tło?

Jeśli chcesz, aby przesuwały się wyrazy oddzielnie,
ale wyglądało to na jednoczesne przesuwanie, i znikanie po lewej stronie,
to wyrazy trzeba poprzesuwać przed połączeniem z tłem.

Każdy wyraz to około 20 klatek. I do każdej klatki wyrazu duplikować tło i połączyć.
Cztery wyrazy to około 80 klatek i 80 razy duplikowane tło.

Może na początek zrób przesuwanie całego zdania, będzie mniej klatek, a zatem łatwiej.
Mam nadzieję, że teraz zobaczę Twoją pierwszą próbę animacji, dasz radę!

[babowa]

bogatko, ja tak robie, czyli duplikuje poszczegolne warstwy z kazdym wyrazem i przesuwam az do znikniecia, potem łacze w tłem
i potem ładnie wyraz po wyrazie zjezdza zdanie a ja chce by odjechało całe zdanie i nie wiem jak to zrobic

wyraz "hej" ma tło, juz polaczyłam
to "hej" pojawia sie jako kolejna klatka po zjechaniu zdania i tez wisi 1000sm

i nie wiem, czemu ten screen wyszedł taki mały, to juz złosliwosc losu

[bogatka1]

To teraz zapisz jako animację tak, jak jest, z tymi warstwami, które pokazałaś na screenie,
wklej tutaj tę animację tekstu,
tak łatwiej znaleźć błąd, gdy widać, co jest zrobione, będę wiedziała, co dalej.
Potem tę animację usuniesz, albo nadpiszesz po poprawieniu.

Twój screen powiększa się po kliknięciu w niego, ale i tak nie widać pozycji wyrazów, i czy mają tło.
Tutaj można wklejać grafikę bez ograniczenia wielkości, ale lepiej nie przekraczać szerokości 1024 pikseli.

[babowa]

bogatko, juz nie mam siły to te proby wklejania
podesłałam Ci moje wypociny na poczte gazetowa
mam nadzieje, ze w koncu dowiem sie gdzie babola strzelam

[bogatka1]

Gratulacje, świetnie tą animację zrobiłaś,
błąd polegał tylko na tym, ze nie połączyłaś parami tła z wyrazami,
i na samym dole brakowało kilka warstw tła.
Na samym dole dałam czas 4 x 250 = 1000.

We wstaw.org kopiuj link ostatni, potem na forum klikasz w przycisk IMG,
usuwasz ten człon http : // , wklejasz ten link skopiowany, w którym już jest http i OK.
Jeśli skopiujesz link z członem Url ze Wstaw, to animacja nie będzie aktywna.

[babowa]

cudna pani bogatko
ja wiem, ze nie polaczyłam warstw z tłami
ale nie o taki efekt mi chodzi
gdy to całe zdanie zawisnie na chwile, po jako całosc powinno przesunac sie w jedna strone
a i u mnie i u ciebie odplywaja kolejne wyrazy
jestem Cio winna butle wina, i to dobrego za ten czas i cierpliwosc

[bogatka1]

Zrozumiałam tak:
Gdy to pierwsze zdanie już pokaże się w całości, to ma być dłużej widoczne na tle?
- To PPM > Modyfikacja i wpisujesz dłuższy czas.

Ma się potem przesunąć to pierwsze zdanie?
- To kopiujesz wyrazy zdania na jedną warstwę, przesuwasz całe zdanie, tak, jak poprzednio poszczególne wyrazy, i do każdego przesunięcia zdania dodajesz tło.

[babowa]

tak, to zdanie ma potem w całosci odjechac

i teraz smiech na sali, nastepne moje pytanie- jak skopiowac te wyrazy?
mnie kopiuje sie tylko tło

tworze nowa warstwe i co dalej?

[bogatka1]

> jak skopiowac te wyrazy?

- Zaznaczasz warstwę pierwszego wyrazu,
ma być podświetlana na niebiesko PPM > Duplikuj warstwę
Tworzy się nowa warstwa z jednym wyrazem,

duplikujesz drugi wyraz, przenosisz warstwę drugiego wyrazu koło pierwszego wyrazu,
PPM > Połącz w dół
i tak dalej, aż będzie całe zdanie na jednej warstwie.

Przesuwasz napis w poziomie, duplikujesz go, przesuwasz, duplikujesz...
itd. te dwie operacje, aż do zniknięcia zdania.

Potem dodajesz tło do każdej warstwy z przesuniętym zdaniem,
i łączysz parami każdą warstwę przesuniętego zdania z tłem.

[babowa]

[babowa]

dobra
dziekuje piekna, miła pani
poszło, baner zrobiony, wysłany ale wkleic nie umiem, bo mi tu w zapisie wychodzi zapisany jako jpg
ale dlaczego to nie wiem

chyba jeszcze na forum nie było tak opornej kursantki, co?
dziekuje baaaardzo

[bogatka1]

Zapisało się tylko tło, jako .jpg i ma tylko 1,7 KB
Zapisz jeszcze raz
Wyeksportuj, nazwa.gif
Wyeksportuj, zaznacz Jako animacja

Reszta z wklejaniem na forum jest OK, tylko jeszcze raz nadaj link tej poprawionej animacji.

[babowa]

bogatko, doopa
to ja pewnie tez i zle wysłałam
oczywiscie zapisałam jako gif i zrobiłam tak jak piszesz
nie mam juz tej pracy na xcf, tylko ten nieszczesny gif wpisałam

no ale dlaczego w swoich dokumentach mam wpisane jako gif i na podgladzie wszystko mi sie rusza tak jak powinno?

[bogatka1]

A pisałam, że trzeba pobrać ostatni link na dole we Wstaw
- Bezpośredni adres obrazka, ten czwarty link (pod ikonkami, jest mało widoczny przez te ikonki).
Jest OK, Gratulacje Babowa!

[babowa]

no i co tu mozna o mnie madrego napisac?
jak ja do 4 liczyc nie umiem
dziekujee bardzo, baaardzo cudna bogatko
poswieciłas mi tyle czasu, mam dług u Ciebie
dziekuje raz jeszcze

[bogatka1]

Na zdrowie!
To przede wszystkim Twoja cierpliwość i wytrwałość sprawiły, że osiągnęłaś cel.
Wielkie gratulacje Babowa, bo jesteś do przodu!

[bogatka1]

Tak z ciekawości, dla porównania, zrobiłam animację napisu w PS CS5:





1. Otworzyłam wcześniej przygotowany dokument z tłem i dwoma napisami, jeden w kolorze zielonym, drugi w kolorze żółtym., zapisany w .psd
2. Właściwości warstwy > nazwanie każdej z warstw.
3. Style > Faseta i płaskorzeźba - rozmiar 5, kolor podcienia pomarańczowy dla żółtego napisu.
4. Powieliłam żółtą warstwę 4 razy,
5. Zaznaczenie w żółtej warstwie wszystkiego, poza wykrzyknikiem i wycięcie.
w następnej żółtej warstwie zaznaczenie i wycięcie wszystkiego poza słowem ROKU itd.
i tak powstały 4 warstwy żółtego napisu z każdym słowem oddzielnie.

W panelu animacji:
- zamknąć oko tła,
- otwarte oko zielonego napisu
- klik w ikonkę Powiel warstwę
- usunąć klatkę tła
- i warstwę z zielonym napisem powieliłam w panelu animacji 30 razy
- Menu animacji ooo >Zaznacz klatki
- i w panelu warstw zaznaczyć wszystkie warstwy z zielonym napisem: kliknąć na górną warstwę napisu zielonego, potem przytrzymując SHIFT, kliknąć na dolną warstwę napisu zielonego - wszystkie 30 warstw w animacji iw warstwach ma być podświetlone na niebiesko
- PPM na jednej z warstw > Konwertuj na obiekt inteligentny
- PPM > konwertuj na oś czasu
- Menu si czasu >Ustaw ustawienia osi czasu dokumentu: 0:00:04.00

- Przesunąć napis zielony na prawo, aż poza obszar roboczy.
- Przesunąć wskaźnik osi czasu na O
- klik po prawej przy nazwie green na mały trójkącik, otworzy się linia Położenie
- klik w znaczek Położenie, jest romb na linii wskaźnika.
- Przesunąć wskaźnik osi czasu na prawo do końca 04:00
- Przesunąć napis zielony w lewo, aż poza obszar roboczy, za pomocą strzałki i SHIFT
- włączyć przycisk uruchamiający animację. Napis zielony przesuwa się z prawej do lewej.

- Otworzyć oko napisu żółtego yellow1 "UDANEGO"
- Przesunąć Udanego za obszar roboczy po prawej
- Ustawić wskaźnik osi czasu na 0:15
- klik po prawej przy nazwie yellow1 na mały trójkącik, otworzy się linia Położenie
- klik w znaczek Położenie, jest romb na linii wskaźnika.
- Przesunąć wskaźnik osi czasu na 01:15
- Przesunąć warstwę yellow1 w lewo, do lewej strony (tutaj nie poza lewy brzeg), za pomocą strzałki i SHIFT

- Otworzyć oko napisu żółtego yellow2 "NOWEGO"
- Przesunąć NOWEGO za obszar roboczy po prawej
- Ustawić wskaźnik osi czasu na 1:20
- klik po prawej przy nazwie yellow2 na mały trójkącik, otworzy się linia Położenie
- klik w znaczek Położenie, jest romb na linii wskaźnika.
- Przesunąć wskaźnik osi czasu na 02:15
- Przesunąć warstwę yellow2 NOWEGO do UDANEGO (nie poza lewy brzeg), za pomocą strzałki i SHIFT

- Otworzyć oko napisu żółtego yellow2 "ROKU"
- Przesunąć ROKU za obszar roboczy po prawej
- Ustawić wskaźnik osi czasu na 2:20
- klik po prawej przy nazwie yellow2 na mały trójkącik, otworzy się linia Położenie
- klik w znaczek Położenie, jest romb na linii wskaźnika.
- Przesunąć wskaźnik osi czasu na 03:10
- Przesunąć warstwę yellow3 ROKU do NOWEGO (nie poza lewy brzeg), za pomocą strzałki i SHIFT

Z wykrzyknikiem tak samo, pozycje wskaźnika 03:15 i następnie 04:00
- włączyć przycisk uruchamiający animację. Napis zielony przesuwa się z prawej do lewej, a żółte po kolei dołączają.
- Zapisz do Internetu i urządzeń... jako .gif