435: Jak Border. robi ramki?
Pierwszy artykuł Border., która niedawno dołączyła do Ekipy iNightwood :)
Słowo wstępu:
Wiele osób pytało, jak
robię ramki. Na każde zadane na ten temat oytanie odpowiadałam, że nie zamierzam
wytłumaczyć komuś (załóżmy w godzinę) tego, czego uczyłam się ponad dwa
lata. Jednak ktoś mnie
przekonał. W jaki sposób? To nie ważne, macie mój tutorial. Tylko nie
zapomnijcie podziękować, jeśli się wam przyda. Chyba nic do powiedzenia już
nie mam... więc
zacznijmy!
Po pierwsze - włączcie
jakąś zajebistą muzykę. Mówię wam całkiem szczerze, że wtedy ma się większą
wenę. Byle nie za głośno, bo sąsiedzi przyjdą w widłami i pochodniami. Teraz
możecie uruchomić Gimpa (wersja do wyboru).
Tworzycie nowy obraz o
wymiarach 550x500 (mogą być inne, ale w takich są standardowe ramki).
Wchodzicie w ramkę
smoka, dla którego tworzycie tło. Wariant wyglądu, rozmiar i czcionka powinny
być ustawione. Pstrykacie screena. Wklejacie screen w utworzony
wcześniej obraz i
dopasowujecie go tak, żeby krawędzie tła z screena stykały się z naszym nowym
tłem. Nie zaczepiacie nigdzie screena. Dajcie wtedy Warsta => Do nowej
warstwy. W ten sposób
uzyskacie nową warstwę ze screenem, który pokaże nam, w którym miejscu
siedzi/leży/kąpie się w w Nutelli smok.
Teraz zapisujecie gif
smoka, dajecie Plik => Otwórz jako warstwy - znajdźcie lokalizację gifu i
otwórzcie.
Utworzy się nowa
warstwa z gifem smoka. Przesuńcie ją tak, żeby pokrywała się się gifem smoka na
screenie.
W końcu możecie wybrać
obrazek, którego użyjecie przy tworzeniu tła. Ja wybiorę ten
Dajcie "kopiuj
grafikę" czy jak tam macie w swojej przeglądarce i wklejcie do Gimpa.
Postąpcie podobnie jak przy screenie - zróbcie z niego nową warstwę i umieśćcie
go nad warstwą
"Tło". Ukryjcie warstwę ze screenem. Widać, gdzie obecnie w ramce
jest smok. Tło możecie dowolnie przesunąć, aby zmieniła się sceneria.
Czas na
przekolorowanie. Pobieracie ze smoka kolory (Pobieranie kolorów, O). U mnie
będą to najjaśniejszy i najciemniejszy punkt na ciele bestii. Po ich wybraniu
wybieracie
opcję Gradient (L). Z
trybu zwykły przestawiacie na kolor i przejeżdżacie nim, dopóki nie osiągniecie
zadowalającego was efektu. Obecnie ramka wygląda tak:
Teraz czas na pasek
menu! Włączcie widoczność warstwy ze screenem, wybierzcie opcję Zaznaczanie
prostokątne (R) i zaznaczcie, gdzie będzie się znajdował. Możecie już
wyłączyć widoczność
tej warstwy. Dajcie Zaznaczenie => Obramuj... => wpiszcie 1. Kliknijcie
OK.
Wybierzcie opcję
Rozjaśnianie/przyciemnianie (Shift+D) i ustawcie
rozjaśnianie i
światła. Przejedźcie parę razy, dopóki pasek nie będzie dobrze wyglądał. Od was
zależy, jak dalej postąpicie. Ja to zrobię po swojemu i pasek będzie
wyglądał tak:
Może jakaś tekstura?
Koniecznie! Poszukajcie czegoś porządnego jak to:
Otwórzcie jako nową
warstwę, jak w przypadku otwierania gifa smoka. Ustawcie nad warstwą
"Tło". Zalecam przekolorować jak wtedy, gdy robiliśmy to z tłem.
Teraz w oknie
"Warstwy -
Pędzle" ustawcie tryb warstwy na pokrywanie. Możecie zmienić krycie, jeśli
tekstura wydaje wam się zbyt mocna.
Imię smoka w ramce nie
jest koniecznie, ale jeśli wydaje się potrzebne, wybierzcie fajną czcionkę i po
prostu je postawcie. W moim przypadku napiszę je ręcznie i
umiejscowię na pasku.
To jest już koniec - możemy usunąć warstwę z gifem smoka i screenem, a
następnie zapisać plik i świętować zwycięstwo. Jak wygląda skończona ramka?
Ja jeszcze troszkę
pobawiłam się dodatkami i oto, co wyszło.
Chwalcie się swoimi
tłami – jestem ciekawa, jak wam wyszły.
Pozdrawiam,
Link do tekstur jest zepsuty. Nie idzie dostać się za kliknięciem normalnym, trzeba kopiowac. Niby nic takiego, ale perfekcjonizm jest taaaaki fajny.
OdpowiedzUsuńSuper poradnik! A oto moja pierwsza ramka (wiem nie jest cudna, ale to dopiero początek:) :
OdpowiedzUsuńhttp://img832.imageshack.us/img832/3371/ramkacarlosa.jpg
http://smoki.nightwood.net/smoki.php?smok=2052868
Link poprawiony :)
OdpowiedzUsuńTaka pierwsza ramka...
OdpowiedzUsuńhttp://vlep.pl/qxoafs.png
Super poradnik ale mam pytanko czy na PW byś powiedziała jak dokładniej robisz takie paski na menu jak tu i poświatę? Nick: XxGracjanxX
To drugie tło:
OdpowiedzUsuńhttp://img40.imageshack.us/img40/9691/ramkai3.jpg
Yh, link do tekstur mi nie działa.
OdpowiedzUsuńMoja pierwsza ramka wygląda tak:
OdpowiedzUsuńhttp://i.imgur.com/zOEtyL0.png
Wydaje mi się, że dobrze wyszła jak na pierwszą :>
Moja druga ramka wyszła tak:
OdpowiedzUsuńhttp://i.imgur.com/Y82XD4p.png
Zalinkowałam dodatkowo tą teksturę na naszym koncie na bloggerze: http://1.bp.blogspot.com/-zHbUnE1vPs4/UP5Dp_JIwII/AAAAAAAAEvI/a0hkvWuwByg/s1600/tekstura.jpg
OdpowiedzUsuńMam nadzieję, że teraz będziecie mogli się w końcu do niej dostać.
Moi drodzy, bardzo cieszę się, że piszecie.
OdpowiedzUsuńNajprawdopodobniej w marcu opublikuję artykuł o tym, jak wykonać fajne dodatki - wspaniały pasek menu, dobrze wyglądające imię smoka i genialna poświata, dzięki której bestia będzie zarąbiście wyglądać.
Oczekujcie mnie wkrótce!
Nie wiem czemu ale te rozjaśnianie mi nie działa. Zamiast robić przezroczystej ramki robi mi... W sumie nic nie robi. Czekam na odpowiedź tutaj lub na Nightwood, mój nick to Sheanetrei, z góry dziękuję.
OdpowiedzUsuńShae, problem może tkwić w tym, że robisz to na innej warstwie niż powinna być. Ewentualnie dlatego, że krycie jest zmniejszone/słabo się rozjaśnia i już.
OdpowiedzUsuńDziękuję za poradnik :).
OdpowiedzUsuńhttp://w502.wrzuta.pl/obraz/9699NCFHPNK/tlo
Moje pierwsze tło. Mam wrażenie, że coś mi nie wyszło z paskiem na menu. Wszystko jest ok?
Mam pytanie. Skąd bierzecie obrazki na tło ?
OdpowiedzUsuńNajczęściej stąd: http://www.deviantart.com/
OdpowiedzUsuńDeviantart. I inne serwisy obrazkowe, jakie są w sieci, z tapetami również. Poszukaj. Cierpliwość jest cnotą ;)
OdpowiedzUsuńMam jeden problem, gdy używam gradienta, to zamiast kolorować tło, zamazuje mi całe. Niezbyt wiem, co mam robić :X
OdpowiedzUsuńŚwietny poradnik :D
OdpowiedzUsuńZrobiłam coś takiego : http://vlep.pl/1qysm2.png
Poradnik genialny :) Mi wyszło takie coś: http://smoki.nightwood.net/smoki.php?smok=3365404
OdpowiedzUsuńhttp://s7.postimg.org/bq7h4dr6j/Acnologia_sko_czona.png Proszę oceńcie jakoś :) Dzięki temu poradnikowi zrobiłem to cudo :)
OdpowiedzUsuń