Tytuł: Windows Vista Logo Wiadomość wysłana przez: CorteZ on 02.02.2008, 22:51:20 Windows Vista Logo Tutorial Opracowanie: CorteZ Poziom trudności: łatwy (http://www.gimpuj.info/gallery/6969_02_02_08_9_37_18.png) (http://www.gimpuj.info/) 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]) (http://www.gimpuj.info/gallery/6969_02_02_08_5_47_38_0.jpg) (http://www.gimpuj.info/) [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/) (http://www.gimpuj.info/gallery/6969_02_02_08_5_51_49.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ą.) (http://www.gimpuj.info/gallery/6969_02_02_08_6_00_00.jpg) (http://www.gimpuj.info/) [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. (http://www.gimpuj.info/gallery/6969_02_02_08_6_09_26.jpg) (http://www.gimpuj.info/) [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: (http://www.gimpuj.info/gallery/6969_02_02_08_6_14_07_0.jpg) (http://www.gimpuj.info/) [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) (http://www.gimpuj.info/gallery/6969_02_02_08_6_33_07.jpg) (http://www.gimpuj.info/) [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. (http://www.gimpuj.info/gallery/6969_02_02_08_6_37_23.jpg) (http://www.gimpuj.info/) [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: (http://www.gimpuj.info/gallery/6969_02_02_08_6_45_44.jpg) (http://www.gimpuj.info/) [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. (http://www.gimpuj.info/gallery/6969_02_02_08_8_37_45.jpg) (http://www.gimpuj.info/) [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. (http://www.gimpuj.info/gallery/6969_02_02_08_8_43_57.jpg) (http://www.gimpuj.info/) [lp] Na nowej warstwie narzędziem "Zaznaczanie eliptyczne" <zaznaczenie-eliptyczne> zaznacz całe logo "Windows Vista". (http://www.gimpuj.info/gallery/6969_02_02_08_8_49_08_0.jpg) (http://www.gimpuj.info/) Współrzędne zaznaczenia: (http://www.gimpuj.info/gallery/6969_02_02_08_8_49_08_1.jpg) (http://www.gimpuj.info/) [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" (http://www.gimpuj.info/gallery/6969_02_02_08_8_59_26.jpg) (http://www.gimpuj.info/) [lp] Teraz malujesz gradientem w ten sposób: (http://www.gimpuj.info/gallery/6969_02_02_08_9_05_05.jpg) (http://www.gimpuj.info/) [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: (http://www.gimpuj.info/gallery/6969_02_02_08_9_22_04.jpg) (http://www.gimpuj.info/) [lp] Teraz wybierz gradient "Kolor pierwszoplanowy na przezroczystość" i pociągnij go w ten sposób: (http://www.gimpuj.info/gallery/6969_02_02_08_9_24_50.jpg) (http://www.gimpuj.info/) [lp] Zmień krycie warstwy Windows-szkło na 50%. (http://www.gimpuj.info/gallery/6969_02_02_08_9_28_30.jpg) (http://www.gimpuj.info/) [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. (http://www.gimpuj.info/gallery/6969_02_02_08_9_31_41.jpg) (http://www.gimpuj.info/) [lp] Wybierz teraz Filtry->Światło i cień->Rzucanie Cienia. (http://www.gimpuj.info/gallery/6969_02_02_08_9_33_58.jpg) (http://www.gimpuj.info/) [lp] Zapisz jako logo.png [lp] GOTOWE (http://www.gimpuj.info/gallery/6969_02_02_08_9_37_18.png) (http://www.gimpuj.info/) 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 Tytuł: Odp: Logo Windows Vista Wiadomość wysłana przez: de3on on 08.04.2008, 16:34:08 Świetny tutek 5/5 ;)
...a oto mój rezultat - dodałem zmiękczenie o promieniu 10, pozdrawiam. (http://images32.fotosik.pl/209/6d00a1d4242896ef.png) Tytuł: Odp: Logo Windows Vista Wiadomość wysłana przez: Garazel on 22.08.2008, 18:58:16 moja praca
(http://images43.fotosik.pl/3/c521f9b25263a52f.png) (http://www.fotosik.pl) Tytuł: Odp: Logo Windows Vista Wiadomość wysłana przez: Heterometrus on 24.09.2008, 11:51:17 Moja Vista:
(http://images35.fotosik.pl/13/e8a724e40a921feb.jpg) Tytuł: Odp: Logo Windows Vista Wiadomość wysłana przez: kuzyn on 08.02.2009, 14:42:53 moja vista
(http://www.fototube.pl/pictures/vista.png) (http://www.fototube.pl) (chociaż nienawidzę visty) Tytuł: Odp: Logo Windows Vista Wiadomość wysłana przez: BigSzczur on 12.02.2009, 18:24:35 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ść... Tytuł: Odp: Logo Windows Vista Wiadomość wysłana przez: DanioVix on 22.02.2009, 23:54:37 @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) Tytuł: Odp: Windows Vista Logo Wiadomość wysłana przez: Qba_ on 08.03.2009, 09:53:07 Fajny tutek.
Moja praca: (http://iv.pl/images/53ngy28190s0vhxsay1e.png) Tytuł: Odp: Windows Vista Logo Wiadomość wysłana przez: Fistaszek on 04.09.2009, 13:37:44 Ja zrobilem zupelnie inaczej :)
(http://img2.vpx.pl/up/20090904/winlogo.png) Tytuł: Odp: Windows Vista Logo Wiadomość wysłana przez: Terrqge on 09.10.2009, 16:03:25 Fajny Tutek ;)
Mój efekt w załączniku... Tytuł: Odp: Windows Vista Logo Wiadomość wysłana przez: gimperek18 on 12.11.2009, 01:32:29 (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 :) Tytuł: Odp: Windows Vista Logo Wiadomość wysłana przez: apachex115 on 21.11.2009, 20:16:53 Tut 10/10 :)
(http://i49.tinypic.com/29cvpmp.png) Tytuł: Odp: Windows Vista Logo Wiadomość wysłana przez: OKTS'a on 15.02.2010, 21:09:18 (http://img168.imageshack.us/img168/8311/vista.png)
Tytuł: Odp: Windows Vista Logo Wiadomość wysłana przez: Nelgor on 29.09.2010, 20:08:23 Odkopię. ;)
(http://www.gimpuj.info/replacement.png) I element "patriotyczny": (http://www.gimpuj.info/replacement.png) Tytuł: Odp: Windows Vista Logo Wiadomość wysłana przez: Tawariel on 12.02.2012, 01:08:51 Doobre, takie realistyczne. 8-)
(http://30.media.tumblr.com/tumblr_lz8hf4UD2u1r569sno1_400.png) Tytuł: Odp: Windows Vista Logo Wiadomość wysłana przez: Copywriter on 07.08.2012, 13:49:32 jakies takie. Jak nie w temacie, możecie usunąć.
na szybko zrobiłem. |