Polskie Forum Użytkowników GIMP-a

---

To jest mój pierwszy tutorial, więc proszę o wyrozumiałość... Wzorowałem sie na tym (http://www.adobetutorialz.com/articles/2818/1/Futuristic-Windows-Vista-Wallpaper),
lecz nie jest to tłumaczenie, gdyż wykorzystałem jedynie jeden aspekt z w/w tutka, a sposób wykonania, również jest inny.

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

---

 [op] Na początek kilka przydatnych linków:
Logo Windows Vista (http://www.digitaljournal.com/images/photo/logo_vista.gif)

Zaczynamy!

 [op] Na samym początku musimy przygotować potrzebne później gradienty.
 [op] Włączamy GIMPa
 [op] Otwieramy menu Gradientów. (W tym celu wciskamy kombinacje [CTRL + G])


 [op] W nowo otwartym oknie naciskamy przycisk [Nowy Gradient] (http://www.gimpuj.info/gallery/6969_02_02_08_5_47_38_1.jpg) (http://www.gimpuj.info/)


 [op] Teraz w okienku widzimy podgląd naszego gradientu. Nad podglądem jest nazwa Gradientu. Zmieniamy nazwę na "Windows Green"
 [op] Naciskamy małą strzałeczkę nad nazwą gradientu, co powoduje wyświetlenie menu.
 [op] W menu wybieramy opcje "Podziel segment w punkcie pośrednim".
 [op] Teraz musimy wybrać który segment chcemy edytować. Robimy to poprzez naciśnięcie któregoś z niebieskich pól. Nam chodzi o segment lewy więc naciskamy pole po lewej. (Aktywny segment ma barwę niebieską.)


 [op] Teraz klikamy gdziekolwiek na wybranym segmencie prawym przyciskiem myszy. Z menu wybieramy "Kolor lewego punktu końcowego"
 [op] Wybieramy kolor "C1E58A" i klikamy OK.
 [op] Na tym samym segmencie klikamy prawym przyciskiem myszy i wybieramy "Kolor prawego punktu końcowego".
 [op] Tym razem wybieramy kolor 57AD2F.
 [op] Teraz wybieramy drugi segment.


 [op] W tym segmencie "Kolor lewego punktu końcowego" ma byc taki sam jak kolor prawego w segmencie lewym.
 [op] "Kolor prawego punktu końcowego" w tym segmencie to: 005916
 [op] Teraz ustaw strzałki w segmencie w ten sposób:


 [op] Zapisz Gradient (http://www.gimpuj.info/gallery/thumb_6969_02_02_08_6_14_07_1.jpg) (http://www.gimpuj.info/index.php?action=gallery;sa=view;id=7782)
 [op] Następne gradienty wykonaj w analogiczny sposób. Podam jedynie kolory do gradientów:
[Nazwa]: [Kolor 1]->[Kolor 2]->[Kolor 3]
-Windows Yellow: ECEFA4->E6CD29->D37817
-Windows Red: D7D729->C7671E->AD2C16
-Windows Blue: C9D9EE->5C83BF->30448E
-Windows Tło: FFFFFF->628DB8->253159

---

 [lp] Zaczynamy po raz drugi! :P
 [lp] Tworzymy nowy obraz (Wymiary 260 x 260 px)


 [lp] Wklejamy w/w obrazek z logiem Visty, i zakotwiczamy warstwę.
 [lp] Przybliżamy obrazek do 300%
 [lp] Narzędziem "Ścieżki"  <sciezki> obrysowujemy zielony kwadracik.


 [lp] Tworzymy nową przezroczystą warstwę i nazywamy ją Green.
 [lp] Z menu ścieżek wybieramy "Selection from Path".
 [lp] Zaznaczenie wypełniamy gradientem liniowym "Windows Green" w ten sposób:


 [lp] Powtarzamy powyższe 5 punktów, do każdego kwadracika. Pamiętaj aby "gradientować" od środka i każdy kwadracik robić na oddzielnej warstwie.


 [lp] Utwórz nową przezroczystą warstwę. Nazwij ją Windows-Tło i przesuń ją pomiędzy warstwę z całym logiem, a warstwę z najniższym kwadracikiem.


 [lp] Na nowej warstwie narzędziem "Zaznaczanie eliptyczne" <zaznaczenie-eliptyczne> zaznacz całe logo "Windows Vista".


Współrzędne zaznaczenia:


 [lp] Teraz wypełnij zaznaczenie (narzędzie kubełek <wypelnienie>) kolorem 3a4d8c
 [lp] Dodaj nową przezroczystą warstwę i nazwij ją Windows-Tło2. Umieść ją nad warstwą "Windows-Tło"
 [lp] Zmniejsz zaznaczenie o 6px. (Zaznaczenie->Zmniejsz).
 [lp] Wybierz narzędzie "Gradient"  <gradient>.
 [lp] Ustaw kolor pierwszoplanowy na Biel (FFFFFF)
 [lp] Wybierz gradient "Kolor pierwszoplanowy na przezroczystość".
 [lp] Kształt gradientu wybierz: "Promienisty"


 [lp] Teraz malujesz gradientem w ten sposób:


[lp] W tym momencie możesz już skasować warstwę Tło
 [lp] Utwórz nową warstwę i nazwij ją Windows-szkło. Przesuń ją  na sam wierzch.
 [lp] Wybierz warstwę Windows-Tło. Z menu wybierz Warstwa->Przezroczystość->Kanał Alfa na zaznaczenie
 [lp] Wybierz warstwę Windows-szkło.
 [lp] Za pomocą narzędzia Zaznaczenie Eliptyczne. <zaznaczenie-eliptyczne> Odejmij od zaznaczenia (Przytrzymaj klawisz  [CTRL]), aby wyszedł taki kształt:


 [lp] Teraz wybierz gradient "Kolor pierwszoplanowy na przezroczystość" i pociągnij go w ten sposób:


 [lp] Zmień krycie warstwy Windows-szkło na 50%.


 [lp] Teraz połącz wszystkie warstwy z kwadracikami. Zmień nazwę połączonych warstw na Windows-Logo.
 [lp] Upewnij się, że zaznaczona jest warstwa Windows-Logo.


 [lp] Wybierz teraz Filtry->Światło i cień->Rzucanie Cienia.


 [lp] Zapisz jako logo.png

 [lp] GOTOWE

---

Logo Windows Vista należy do firmy Microsoft, i zostaje tu umieszczone jedynie w celach informacyjnych.

---

Dzięki jeśli wykonałeś tutka :) Miłego Gimpowania :P

Świetny tutek 5/5 ;)

...a oto mój rezultat - dodałem zmiękczenie o promieniu 10, pozdrawiam.

(http://images32.fotosik.pl/209/6d00a1d4242896ef.png)

moja praca
(http://images43.fotosik.pl/3/c521f9b25263a52f.png) (http://www.fotosik.pl)

Moja Vista:
(http://images35.fotosik.pl/13/e8a724e40a921feb.jpg)

moja vista

(http://www.fototube.pl/pictures/vista.png) (http://www.fototube.pl)

(chociaż nienawidzę visty)

Podobnie jak kolega, też nie przepadam za Vistą, ale obrazek zrobiłem:
Obrazek w załączniku, bo nie wiedziałem jak wrzucić go tutaj...
Jeśli ktoś wie proszę o wiadomość...

@BigSzczur
Polecam serwer Imageshack.us  Wystarczy zuploadować dany obrazek (przeglądaj --> 'wybierz obrazek, który chcesz wrzucić na serwer' --> OK). Dostaniesz linki, które wklejasz na forum w odpowiednich tagach - [img.]http://[/img.]  (bez kropek)



A tutaj moje logo, inaczej użyłem gradientów bo chciałem mieć jaśniejsze:
(http://www.gimpuj.info/replacement.png)

Fajny tutek.
Moja praca:
(http://iv.pl/images/53ngy28190s0vhxsay1e.png)

Ja zrobilem zupelnie inaczej :)
(http://img2.vpx.pl/up/20090904/winlogo.png)

Fajny Tutek ;)

Mój efekt w załączniku...

(http://www.imagehost.pl/images/11Vista_Logo_by_gimperek.png)

trochę złe pozaznaczałem i oto efekt kurcze aszkoda ale popraie pracke i bedziel epsza :)

Tut 10/10 :)

(http://i49.tinypic.com/29cvpmp.png)

(http://img168.imageshack.us/img168/8311/vista.png)

Odkopię. ;)

(http://www.gimpuj.info/replacement.png)

I element "patriotyczny":
(http://www.gimpuj.info/replacement.png)

Doobre, takie realistyczne.  8-)

(http://30.media.tumblr.com/tumblr_lz8hf4UD2u1r569sno1_400.png)

jakies takie. Jak nie w temacie, możecie usunąć.
na szybko zrobiłem.