Aero w GIMPie

Opracowanie: CorteZ

Poziom trudności: średni

Oryginał: Aero w Photoshopie

Podziękowania dla:

Johny

Calii

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

Zaczynamy

1. Otwieramy obrazek w GIMPie [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:

ten obrazek

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. :)

Tutorial pochodzi z Forum Gimpuj.info

Autor: CorteZ

Autor wyraził zgodę na publikację tutoriala na e-pomocnik.pl

Zaloguj się, aby móc dodawać komentarze.