Witamy, Gość. Zaloguj się lub zarejestruj.

Autor Wątek: Ruchoma ramka - animacja  (Przeczytany 3010 razy)

0 Użytkowników i 1 Gość przegląda ten wątek.

Abik

Ruchoma ramka - animacja
« dnia: Marzec 23, 2008, 00:45:27 »
1. Tworzymy nową sygnę (avka, logo, banera, buttona lub co tam jeszcze ten świat nie wymyślił:P) lub otwieramy wcześniej przygotowaną prackę.
2. Tworzymy nową warstwę.
3. Teraz z menu zaznaczenie wybieramy "wszystko" (CTRL + A)
Ten obrazek widoczny jest tylko dla zarejestrowanych użytkowników. Zarejestruj się lub zaloguj.
4. Z menu edycja wybieramy opcję "rysuj wzdłuż zaznaczenia"
Ten obrazek widoczny jest tylko dla zarejestrowanych użytkowników. Zarejestruj się lub zaloguj.
5. W menu, które się pojawiło zostawiamy wszystkie ustawienia domyślnie, zmieniamy tylko szerokość linii (szerokość naszej ramki)
Ten obrazek widoczny jest tylko dla zarejestrowanych użytkowników. Zarejestruj się lub zaloguj.
6.Teraz na warstwie z ramką w oknie warstw klikamy prawym przyciskiem myszy i wybieramy opcję "Kanał alfa na zaznaczenie" (znajduje się ona prawie na samym dole menu kontekstowego)
7.Teraz wybieramy dwa kolory (pierwszo- i drugoplanowy), które będą się składały na kolor naszej ramki.
8. Wybieramy narzędzie "gradient"
Ten obrazek widoczny jest tylko dla zarejestrowanych użytkowników. Zarejestruj się lub zaloguj.
9. Przejeżdżamy około 3 cm, mniej więcej tak jak na screenie.
Ten obrazek widoczny jest tylko dla zarejestrowanych użytkowników. Zarejestruj się lub zaloguj.
10.Teraz duplikujemy warstwę z ramką, ale przeciągamy gradientem o jakiś centymetr więcej i kawałek dalej
Ten obrazek widoczny jest tylko dla zarejestrowanych użytkowników. Zarejestruj się lub zaloguj.
11. I tak do skutku aż całe zaznaczenie będziemy mieli białe ;)
{OPCJONALNE}
12.Teraz możemy zrobić jeszcze ramkę, która będzie z białej z powrotem w czarną się zmieniała. Wystarczy po prostu gradient skierować w drugą stronę, albo zmienić kolejność koloru pierwszo- i drugoplanowego oraz powtórzyć kroki od 8 do 11. ;)

13.Sygnę (avatara, banera...) zapisujemy z rozszerzeniem .gif !



EFEKT(bez 12. kroku):
« Ostatnia zmiana: Styczeń 20, 2011, 21:02:33 wysłana przez Annoyer13 »

WhistleR

  • *
  • Podziękowania otrzymane: 0
    • Zobacz profil
Ruchoma rameczka ^^
« Odpowiedź #1 dnia: Marzec 31, 2008, 03:30:35 »
OK, dam m?j out:



Ha, zabawi?em si? w animacj? :P Jak to zrobi?em? Duplikacja warstw po zrobieniu ramki :P

DrthKwas

  • *
  • Podziękowania otrzymane: 0
    • Zobacz profil
    • http://game.unikod.com
Ruchoma rameczka ^^
« Odpowiedź #2 dnia: Kwiecień 02, 2008, 15:21:39 »
A jam tu takie 2 nietypowe out'y bo troche nie do tematu bo to nie ramka ale robione w gimpie na podstawie togo tuta:D (znaczy si? flaga by?a zrobiona nie przeze mnie ale jej ruchy troche zmieni?em bo mi sie nie podoba?y i usun??em bia?e t?o to prawie jak bym sam zrobi? a robi?em pod forum mojej kl:D)



i drugi

NIE CZYTAJ TEGO!!

Od Abika:



Abik

Ruchoma rameczka ^^
« Odpowiedź #3 dnia: Kwiecień 02, 2008, 15:24:54 »
no niez?e :P .. fajnie, ?e si? tutek przyda? :)
dzi?ki za uty i pozytywne opinie :*

DrthKwas

  • *
  • Podziękowania otrzymane: 0
    • Zobacz profil
    • http://game.unikod.com
Ruchoma rameczka ^^
« Odpowiedź #4 dnia: Kwiecień 02, 2008, 17:14:41 »
(ja ju? go rozpracowa?em na Visual Brush:D) ale nie zd??y?em tam napisa?:D
NIE CZYTAJ TEGO!!

Od Abika:



cztery

  • *
  • Podziękowania otrzymane: 0
    • Zobacz profil
Ruchoma rameczka ^^
« Odpowiedź #5 dnia: Kwiecień 03, 2008, 08:16:49 »
Cytat: "Abik"
Tym razem na zdecydowan? pro?b? kamikaze_pl


Dzieki :* Kiedy? mi sie to przydalo

TheFan

  • *
  • Podziękowania otrzymane: 0
    • Zobacz profil
Ruchoma rameczka ^^
« Odpowiedź #6 dnia: Maj 01, 2008, 18:54:38 »
super tutorial prosty,zrozumia?y wielkie dzieki!