Witamy, Gość. Zaloguj się lub zarejestruj.
Czy dotarł do Ciebie email aktywacyjny?


Zaloguj się podając nazwę użytkownika, hasło i długość sesji

 
Szukanie zaawansowane

77 519 wiadomości w 7 475 wątkach,
wysłane przez 13 326 użytkowników
Najnowszy użytkownik: roseMary

Praca dla Ciebie. Zarabiaj kilka tysięcy miesięcznie.
Strony: [1]
Drukuj
Autor Wątek: Aero w GIMPie  (Przeczytany 6585 razy)
0 użytkowników i 1 Gość przegląda ten wątek.
CorteZ
Opiekun tutoriali

Reputacja: 5 Offline Offline

Płeć: Mężczyzna
GIMP: 2.4 + GAP
Licencja: CC-NC-BY-SA
Wiadomości: 259
Galeria Użytkownika



Zobacz profil WWW
« : 21.02.2008, 23:41:27 »


Opracowanie: CorteZ
Poziom trudności: średni
Oryginał: Aero w Photoshopie





Nudząc się zajrzałem kilka dni temu na forum. W dziale "Prośby o tutoriale" znalazłem ciekawy temat założony przez Kapitana_hak1995. Dzięki pomocy Johny'ego, udało mi się stworzyć "efekt aero". Efekt taki doskonale znany jest już od bardzo dawna użytkownikom MacOS X oraz Linuksa. Pierwszym systemem jaki wprowadził taki efekt był MacOS X firmy Apple. W zakresie Linuksa Composite pojawiło sie w 2004 roku i pozwalało na podobne efekty okienek. Potem pojawiły się: XGL (2006) i AIGLX, gdzie działa to już stabilnie i bardzo przyjemnie.
Odsłona w Windowsie z podobnymi efektami ukazała się dopiero w Windowsie Vista.

Podziękowania dla:
Johny
Calii

Tutorial napisany w wersji GIMPa 2.4. W innych wersjach nazwy narzędzi i pojęć mogą się różnić.



Lime Point Zaczynamy

Lime Point 1. Otwieramy obrazek w GIMPie [Ctrl+O].



Lime Point 2. Tworzymy nową warstwę [Ctrl+Shift+N], nazywamy ją Inner Glow i ustawiamy ją nad warstwą Tło (w menu warstw [Ctrl+L]).



Lime Point 3. Tworzymy zaznaczenie prostokątne [R]  Zaznaczenie prostokątne o wielkości naszego przyszłego okna.



Lime Point 4. Wybieramy Zaznaczenie -> Zaokrąglenie. Promień ustawiamy na 5%.



Lime Point 5. Wypełniamy zaznaczenie kolorem czarnym (Wypełnienie kubełkiem [Shift+B]  Wypełnienie kubełkiem) i wybieramy Filtry -> Rozmycie -> Rozmycie Gaussa.... Wartość w obu polach ustawiamy na 500 px.



Lime Point 6. Zmieniamy krycie warstwy Inner Glow na 40.



Lime Point 7. Wybieramy Filtry -> Światło i Cień -> Rzucanie Cienia. Ustawiamy poniższe wartości:



Lime Point 8. Tworzymy nową warstwę [Ctrl+Shift+N] i nazywamy ją Stroke. Umieszczamy ją nad resztą warstw.



Lime Point 9. Wypełniamy warstwę Stroke za pomocą narzędzia Kubełek [Shift+B] kolorem białym (FFFFFF). Zmniejszamy zaznaczenie (Zaznaczenie -> Zmniejsz...) o 1 px i wciskamy [Delete]. Powiększamy zaznaczenie (Zaznaczenie -> Powiększ...) o 1 px.



Lime Point 10. Duplikujemy Duplikowanie warstwy warstwę Stroke. Na najwyższej warstwie (kopia: Stroke) wybieramy Połącz w dół. Następnie tryb warstwy Stroke zmieniamy na Pokrywanie.
Zauważ, że na poniższym screenie nie ma zaznaczenia. Ty jednak nie kasuj go. Ja jedynie je wyłączyłem, by pokazać efekt.



Lime Point 11. Przejdź na warstwę Tło.



Lime Point 12. Wybierz Filtry -> Rozmycie -> Rozmycie Gaussa... i obie wartości ustaw na 35.



Lime Point 13. Stwórz nową warstwę [Ctrl+Shift+N] i nazwij ją Obramowanie. Umieść ją nad wszystkimi innymi warstwami.



Lime Point 14. Zmniejsz zaznaczenie o 8 px. Na górnej krawędzi zmniejsz zaznaczenie o 30 px. Pomoże wam ten szkic:



Lime Point 15. Wypełnij zaznaczenie [Shift+B] kolorem czarnym. Zmniejsz zaznaczenie o 1 px i wyczyść zaznaczenie klawiszem [Delete]. Powiększ zaznaczenie o 1 px.
Zauważ, że na powyższym screenie nie ma zaznaczenia. Ty jednak nie kasuj go. Ja jedynie je wyłączyłem, by pokazać wam efekt.



Lime Point 16. Przybliż obraz do 100%.

Lime Point 17. Otwórz swoją przeglądarkę internetową. W naszym przypadku będzie to Mozilla Firefox.

Lime Point 18. Zminimalizuj swoje okno i ustaw jego wielkość tak, by całkowicie zasłaniało nasze "wirtualne okienko w GIMPie".



Lime Point 19. Wciśnij klawisz [Print Screen].

Lime Point 20. Wklej nasz zrzut ekranu [Ctrl+V]. Z jego warstwy (Wklejona warstwa) stwórz warstwę o nazwie Screen.



Lime Point 21. Przesuń warstwę Obramowanie na samą górę.



Lime Point 22. Przesuń naszego screena tak, by zawartość przeglądarki była w obramowaniu. Wybierz Warstwa -> Dopasuj wymiary warstwy do obrazu.



Lime Point 23. Wybierz jako aktywną warstwę Obramowanie.

Lime Point 24. Za pomocą narzędzia Zaznaczanie rozmyte Magiczna różdżka {U} zaznacz obszar w środku obramowania.



Lime Point 25. Odwróć zaznaczenie. W tym celu wybierz Zaznaczenie -> Odwróć lub wciśnij [Ctrl+I].

Lime Point 26. Przełącz aktywną warstwę na Screen. Wyczyść zaznaczenie (Edycja -> Wyczyść lub [Delete]).



Jeśli z jakichś powodów nie jesteś w stanie wykonać czynności z warstwą
screen, wklej:
Lime Point 27. Tworzymy nową warstwę i nazywamy ją Przyciski. Umieszczamy ją na samej górze.



Lime Point 28. Wklejamy [Ctrl+V] poniższy render i zakotwiczamy go [Ctrl+H].



Lime Point 29. Umieszczamy przyciski za pomocą narzędzia Przesunięcie [M]  Przesuwanie w ten sposób:



Lime Point 30. Przybliżamy sobie obraz do 400 %.



Lime Point 31. Zaznaczamy "ramkę" przycisków.



Lime Point 32. Wycinamy ją i wklejamy. Przesuwamy (Przesunięcie [M]) nowo wklejoną ramkę w miejsce poprzedniej. Nie zakotwiczamy.



Lime Point 33. Wchodzimy w menu warstw [Ctrl+L]. Widzimy tam warstwę Oderwane Zaznaczenie (Wklejona Warstwa). Zmieniamy jej nazwę na Przyciski2.



Lime Point 34. Zmieniamy tryb warstwy Przyciski2 na Pokrywanie.



Lime Point 35. Oddalamy obraz do 100% (u nas na screenach 67%).

Lime Point 36. Narzędziem tekstowym [T] Narzędzia tekstowe piszemy tekst, który wcześniej wyświetlał nam się w okienku. W naszym przypadku będzie to:
Cytuj
Polskie Forum Użytkowników GIMPa - Indeks - G...
.
Ustawienia tekstu to:




Lime Point 37. Duplikujemy [Ctrl+D] warstwę z napisem. Na dolnej warstwie zmieniamy kolor czcionki na biel (FFFFFF).



Lime Point 38. Na dolnej warstwie wybieramy Warstwa -> Dopasuj wymiary warstwy do obrazu. Następnie wybieramy Filtry -> Rozmycie -> Rozmycie Gaussa... o wartości 10.



Lime Point 39. Teraz musimy wkleić [Ctrl+V] Logo Firefoksa.

Lime Point 40. Po wklejeniu logo, zmień nazwę jego warstwy na Firefox.

Lime Point 41. Przesuń logo tam gdzie zazwyczaj one są (lewy górny róg wirtualnego okienka).



Lime Point 42. Wybierz Warstwa -> Skaluj warstwę i ustaw 20 px.



Lime Point 43. Utwórz nową warstwę [Ctrl+Shift+N] i nazwij ją Paski. Umieść ją pomiędzy warstwą Screen a warstwą Stroke.



Lime Point 44. Za pomocą narzędzia Ścieżki Ścieżki {B} utwórz "paski".



Lime Point 45. Z menu ścieżek wybieramy Selection from Path. Wypełniamy zaznaczenie kolorem białym. Wybieramy Zaznaczenie -> Nic [Ctrl+Shift+A].



Lime Point 46. Zmieniamy aktywną warstwę na Inner Glow. Wybieramy narzędzie Zaznaczanie rozmyte i klikamy w lewym górnym rogu. Przełączamy aktywną warstwę na Paski i wciskamy [Delete]. Wybieramy Zaznaczenie -> Nic [Ctrl+Shift+A].



Lime Point 47. Zmieniamy tryb warstwy na Pokrywanie, a krycie na 30%.



Lime Point Koniec



Miłego GIMPowania. Uśmiech




Możesz zarobić i spełnić swoje marzenia. Kliknij i zobacz.
« Ostatnia zmiana: 23.03.2008, 13:15:23 wysłane przez CorteZ » Zapisane


j1rka
Użytkownik

Reputacja: 2 Offline Offline

GIMP: 2.4 + GAP
Licencja: Copyright
Wiadomości: 17
Galeria Użytkownika

j1rka


Zobacz profil
« Odpowiedz #1 : 05.03.2008, 16:28:57 »

Fajny tutek!

moje prace:


1:1   http://i246.photobucket.com/albums/gg82/j1rka/Aerovgimpu2.png?t=1204730780
« Ostatnia zmiana: 05.03.2008, 19:48:48 wysłane przez j1rka » Zapisane

Tarzan
Nowicjusz

Reputacja: 2 Offline Offline

Płeć: Mężczyzna
GIMP: 2.0
Licencja: Copyright
Wiadomości: 7
Galeria Użytkownika


jajo.


Zobacz profil
« Odpowiedz #2 : 05.04.2008, 09:43:41 »

mi tak wyszło jak w załączniku.
tutek jest super.
Zapisane

qxz654
Gość
« Odpowiedz #3 : 08.04.2008, 19:28:09 »

moja pracka
http://www.gimpuj.info/gallery/8467_08_04_08_7_24_23.jpg
miałem małe problemy ze wstawieniem loga firefoxa i czcionką i nic nie wymyślłem
EDit
http://www.gimpuj.info/index.php?action=gallery;sa=view;id=13501
EDIT:http://www.gimpuj.info/index.php?action=gallery;sa=view;id=13649
« Ostatnia zmiana: 11.04.2008, 20:53:55 wysłane przez qxz654 » Zapisane
amator :-(
Nowicjusz

Reputacja: 2 Offline Offline

Wiadomości: 6
Galeria Użytkownika

amator :-(


Zobacz profil
« Odpowiedz #4 : 31.05.2008, 11:06:41 »

14. Zmniejsz zaznaczenie o 8 px. Na górnej krawędzi zmniejsz zaznaczenie o 30 px.

Jak to zrobić?
Zapisane
CorteZ
Opiekun tutoriali

Reputacja: 5 Offline Offline

Płeć: Mężczyzna
GIMP: 2.4 + GAP
Licencja: CC-NC-BY-SA
Wiadomości: 259
Galeria Użytkownika



Zobacz profil WWW
« Odpowiedz #5 : 31.05.2008, 12:39:15 »

14. Zmniejsz zaznaczenie o 8 px. Na górnej krawędzi zmniejsz zaznaczenie o 30 px.

Jak to zrobić?

Najlepiej zrobić to zaznaczeniem prostokątnym Zaznaczenie prostokątne,
ale jeśli nie potrafisz na to wpaść, to nie bierz się za poradniki o trudności: "Średnie"...

Pozdrawiam
Zapisane


Gawron
Nowicjusz

Reputacja: 2 Offline Offline

Wiadomości: 3
Galeria Użytkownika

Gawron


Zobacz profil
« Odpowiedz #6 : 11.06.2008, 23:16:38 »

a mi takie cos wyszlo:




A TUTEK Z******Y... :d POZDRO
Zapisane
Seba555
Użytkownik

Reputacja: 3 Offline Offline

Płeć: Mężczyzna
GIMP: 2.2
Licencja: Copyright
Wiadomości: 34
Galeria Użytkownika


I am Seba555


Zobacz profil WWW
« Odpowiedz #7 : 18.06.2008, 13:36:39 »

Ładny poradnik Uśmiech
Ale mi coś nie wyszło xD
Zapisane


Miałem za wysoki podpis.
Strony: [1]
Drukuj
Polskie Forum Użytkowników GIMP-aGIMPTutorialeFiltry i EfektyWątek: Aero w GIMPie
Skocz do:  


Kanał IRC #GIMP-PL
GIMP .Edu .pl
GIMP .Edu .pl
GIMP 
WIKI
dodajdo