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:
JohnyCaliiTutorial napisany w wersji GIMP 2.4. W innych wersjach nazwy narzędzi i pojęć mogą się różnić.
Zaczynamy 1. Otwieramy
obrazek w GIMP-ie
[Ctrl+O].
2. Tworzymy
nową warstwę [Ctrl+Shift+N], nazywamy ją
Inner Glow i ustawiamy ją nad warstwą
Tło (w menu warstw
[Ctrl+L]).
3. Tworzymy
zaznaczenie prostokątne [R] o wielkości naszego przyszłego okna.
4. Wybieramy
Zaznaczenie -> Zaokrąglenie. Promień ustawiamy na
5%.
5. Wypełniamy zaznaczenie kolorem czarnym (
Wypełnienie kubełkiem [Shift+B] ) i wybieramy
Filtry -> Rozmycie -> Rozmycie Gaussa.... Wartość w obu polach ustawiamy na
500 px.
6. Zmieniamy krycie warstwy
Inner Glow na
40.
7. Wybieramy
Filtry -> Światło i Cień -> Rzucanie Cienia. Ustawiamy poniższe wartości:
8. Tworzymy nową warstwę
[Ctrl+Shift+N] i nazywamy ją
Stroke. Umieszczamy ją
nad resztą warstw.
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.
10. Duplikujemy 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. 11. Przejdź na warstwę
Tło.
12. Wybierz
Filtry -> Rozmycie -> Rozmycie Gaussa... i obie wartości ustaw na
35.
13. Stwórz nową warstwę
[Ctrl+Shift+N] i nazwij ją
Obramowanie. Umieść ją nad wszystkimi innymi warstwami.
14. Zmniejsz zaznaczenie o
8 px. Na górnej krawędzi zmniejsz zaznaczenie o
30 px. Pomoże wam ten szkic:
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. 16. Przybliż obraz do
100%.
17. Otwórz swoją przeglądarkę internetową. W naszym przypadku będzie to Mozilla Firefox.
18. Zminimalizuj swoje okno i ustaw jego wielkość tak, by całkowicie zasłaniało nasze "wirtualne okienko w GIMPie".
19. Wciśnij klawisz
[Print Screen].
20. Wklej nasz zrzut ekranu
[Ctrl+V]. Z jego warstwy (
Wklejona warstwa) stwórz warstwę o nazwie
Screen.
21. Przesuń warstwę
Obramowanie na samą górę.
22. Przesuń naszego screena tak, by zawartość przeglądarki była w obramowaniu. Wybierz
Warstwa -> Dopasuj wymiary warstwy do obrazu.
23. Wybierz jako aktywną warstwę
Obramowanie.
24. Za pomocą narzędzia
Zaznaczanie rozmyte {U} zaznacz obszar w środku obramowania.
25. Odwróć zaznaczenie. W tym celu wybierz
Zaznaczenie -> Odwróć lub wciśnij
[Ctrl+I].
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:
27. Tworzymy nową warstwę i nazywamy ją
Przyciski. Umieszczamy ją na samej górze.
28. Wklejamy
[Ctrl+V] poniższy render i zakotwiczamy go
[Ctrl+H].
29. Umieszczamy przyciski za pomocą narzędzia
Przesunięcie [M] w ten sposób:
30. Przybliżamy sobie obraz do
400 %.
31. Zaznaczamy "ramkę" przycisków.
32. Wycinamy ją i wklejamy. Przesuwamy (
Przesunięcie [M]) nowo wklejoną ramkę w miejsce poprzedniej.
Nie zakotwiczamy. 33. Wchodzimy w menu warstw
[Ctrl+L]. Widzimy tam warstwę
Oderwane Zaznaczenie (Wklejona Warstwa). Zmieniamy jej nazwę na
Przyciski2.
34. Zmieniamy tryb warstwy
Przyciski2 na
Pokrywanie.
35. Oddalamy obraz do
100% (u nas na screenach
67%).
36. Narzędziem tekstowym [T] piszemy tekst, który wcześniej wyświetlał nam się w okienku. W naszym przypadku będzie to:
Polskie Forum Użytkowników GIMPa - Indeks - G...
.
Ustawienia tekstu to:
37. Duplikujemy
[Ctrl+D] warstwę z napisem. Na dolnej warstwie zmieniamy kolor czcionki na biel (FFFFFF).
38. Na dolnej warstwie wybieramy
Warstwa -> Dopasuj wymiary warstwy do obrazu. Następnie wybieramy
Filtry -> Rozmycie -> Rozmycie Gaussa... o wartości
10.
39. Teraz musimy wkleić
[Ctrl+V] Logo Firefoksa.
40. Po wklejeniu logo, zmień nazwę jego warstwy na
Firefox.
41. Przesuń logo tam gdzie zazwyczaj one są (lewy górny róg wirtualnego okienka).
42. Wybierz
Warstwa -> Skaluj warstwę i ustaw
20 px.
43. Utwórz nową warstwę
[Ctrl+Shift+N] i nazwij ją
Paski. Umieść ją pomiędzy warstwą
Screen a warstwą
Stroke.
44. Za pomocą narzędzia
Ścieżki {B} utwórz "paski".
45. Z menu ścieżek wybieramy
Selection from Path. Wypełniamy zaznaczenie kolorem białym. Wybieramy
Zaznaczenie -> Nic [Ctrl+Shift+A].
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].
47. Zmieniamy tryb warstwy na
Pokrywanie, a krycie na
30%.
Koniec
Miłego GIMPowania.