Tytuł: Ikona Facebooka Wiadomość wysłana przez: FERNIV3 on 21.04.2012, 20:31:01 (http://desmond.imageshack.us/Himg42/scaled.php?server=42&filename=tytun.png&res=landing) Opracowanie: FERNIV3 Poziom trudności: Łatwy (http://desmond.imageshack.us/Himg69/scaled.php?server=69&filename=facebooksu.png&res=landing) Tutorial napisany w wersji GIMP 2.6.12 W innych wersjach nazwy narzędzi i pojęć mogą się różnić. Zaczynamy! (http://www.gimpuj.info/Smileys/sc_kwart/limegreen-1.png)1. Otwieramy nowe, przeźroczyste okno o wymiarach 300x300px i nadajemy nazwę "Tło". (http://www.gimpuj.info/Smileys/sc_kwart/limegreen-1.png)2. Wybieramy z narzędzi Zaznaczenie prostokątne (http://desmond.imageshack.us/Himg215/scaled.php?server=215&filename=zaznaczenieprostokontne.png&res=landing) i tworzymy kwadrat. (http://desmond.imageshack.us/Himg14/scaled.php?server=14&filename=zaznaczeniez.png&res=landing) (http://www.gimpuj.info/Smileys/sc_kwart/limegreen-1.png)3. Z górnego menu wybieramy Zaznaczenie >> Zaokrąglenie... i ustawiamy promień na 50. Powinno wyjść coś takiego: (http://desmond.imageshack.us/Himg20/scaled.php?server=20&filename=zaokrglenie.png&res=landing) (http://www.gimpuj.info/Smileys/sc_kwart/limegreen-1.png)4. Wybieramy kolor 37559b. Z narzędzi wybieramy Gardient (http://desmond.imageshack.us/Himg534/scaled.php?server=534&filename=gardient.png&res=landing), i w jego ustawieniach zaznaczamy opcje "Odwróć", a "Kształt"wybieramy "Promienisty". Tak jak na obrazku: (http://desmond.imageshack.us/Himg835/scaled.php?server=835&filename=ustawieniagardientu.png&res=landing) (http://www.gimpuj.info/Smileys/sc_kwart/limegreen-1.png)5. Teraz za pomocą gardientu kolorujemy naszą "ikonkę", w ten sposób: (http://desmond.imageshack.us/Himg850/scaled.php?server=850&filename=zaznaczeniegardientu.png&res=landing) (http://desmond.imageshack.us/Himg207/scaled.php?server=207&filename=pokolorowanygardient.png&res=landing) (http://www.gimpuj.info/Smileys/sc_kwart/limegreen-1.png)6. Następnie tworzymy nową, przeźroczystą warstwę i nazywamy ją "Ramka" (http://www.gimpuj.info/Smileys/sc_kwart/limegreen-1.png)7. Teraz tak... Klikamy na warstwę "Tło" PPM >> Kanał alfa na zaznaczenie po czym przechodzimy do warstwy "Ramka" i z górnego menu wybieramy Zaznaczenie >> Zmniejsz i w stopień zmniejszenia wpisujemy "12". (http://desmond.imageshack.us/Himg577/scaled.php?server=577&filename=zmniejszenie.png&res=landing) (http://www.gimpuj.info/Smileys/sc_kwart/limegreen-1.png)8. (Nadal pracujemy na warstwie "Ramka") Wybieramy kolor 7d95bb i wypełniamy nim zaznaczenie, po czym w górnym menu wchodzimy w Zaznaczenie >> Zmniejsz i promień zmniejszenia znów ustawiamy na "12", następnie klikamy Edycja >> Wyczyść. Wychodzi nam coś takiego (ładna i zgrabna ramka): (http://desmond.imageshack.us/Himg59/scaled.php?server=59&filename=ramkae.png&res=landing) (http://www.gimpuj.info/Smileys/sc_kwart/limegreen-1.png)9. Dalej... Z narzędzi wybieramy Tekst (http://desmond.imageshack.us/Himg11/scaled.php?server=11&filename=tekstb.png&res=landing) i za pomocą czcionki "Klavika-Medium" (do ściągnięcia w załączniku) piszemy na biało małą literkę "f" ustawiając ją tak jak tutaj: (http://desmond.imageshack.us/Himg856/scaled.php?server=856&filename=16042371.png&res=landing) (http://www.gimpuj.info/Smileys/sc_kwart/limegreen-1.png)10. Teraz klikamy na warstwę z tekstem PPM >> Połącz widoczne warstwy, a następnie na powstała warstwę PPM >> Kanał alfa na zaznaczenie po czym tworzymy kolejną przeźroczystą warstwę na której teraz będziemy pracować. (http://www.gimpuj.info/Smileys/sc_kwart/limegreen-1.png)11. Z narzędzi wybieramy Zaznaczenie eliptyczne (http://desmond.imageshack.us/Himg684/scaled.php?server=684&filename=zaznaczenieeliptyczne.png&res=landing) i w jego ustawianiach klikamy Część wspólna z bieżącym zaznaczeniem(http://desmond.imageshack.us/Himg641/scaled.php?server=641&filename=shiftctrl.png&res=landing). (http://www.gimpuj.info/Smileys/sc_kwart/limegreen-1.png)12. Teraz robimy zaznaczenie i kolorujemy je na biało, tak jak tutaj: (http://desmond.imageshack.us/Himg846/scaled.php?server=846&filename=zaznczanie.png&res=landing) (http://www.gimpuj.info/Smileys/sc_kwart/limegreen-1.png)13. Krycie warstwy z "białą plamą" nastawiamy na 20, a następnie klikamy na nią PPM >> Połącz widoczne warstwy. Wychodzi nam coś takiego: (http://desmond.imageshack.us/Himg338/scaled.php?server=338&filename=facebookya.png&res=landing) (http://www.gimpuj.info/Smileys/sc_kwart/limegreen-1.png)14. Teraz tylko klikamy na naszą warstwę (po połączeniu powinna zostać jedna) PPM >> Kanał alfa na zaznaczenie, a następnie w górnym menu klikamy Filtry >> Światło cień >> Rzucanie cienia... i domyślne wartości zmieniamy na takie jak tutaj: (http://desmond.imageshack.us/Himg820/scaled.php?server=820&filename=ustawieniatb.png&res=landing) (http://www.gimpuj.info/Smileys/sc_kwart/limegreen-1.png)15. Teraz już tylko zapisujemy naszą ikonkę w formacie .png I GOTOWE! (http://desmond.imageshack.us/Himg69/scaled.php?server=69&filename=facebooksu.png&res=landing) Jest to mój pierwszy tutorial, który piszę już od dobrych 3 godzin aby był w miarę zrozumiały i aby efekt otrzymany po jego przeczytaniu był w miarę satysfakcjonujący dlatego proszę o wyrozumiałość aczkolwiek jestem otwarty na wszelaką krytykę. Pozdrawiam FERNIV3 Tytuł: Odp: Ikona Facebooka Wiadomość wysłana przez: Ziomioslaw on 21.04.2012, 20:59:34 Nie lepiej zrobić ją w Inku? Tutorial nie wydaje się wymagać wiele przeróbek.
Tytuł: Odp: Ikona Facebooka Wiadomość wysłana przez: FERNIV3 on 21.04.2012, 21:04:07 a będzie to miało jakąś znacząca różnicę ? Przepraszam ale jestem początkującym użytkownikiem gimpa a z Inkscape nie maiłem styczności (mam zainstalowanego ale nic w nim nigdy nie robiłem)
Tytuł: Odp: Ikona Facebooka Wiadomość wysłana przez: Ryychuu on 21.04.2012, 21:05:28 Inkscape to program wektorowy i jak w nim zostanie zrobiona taka ikonka, to będzie ją można dowolnie przeskalowywać bez utraty jakości
Tytuł: Odp: Ikona Facebooka Wiadomość wysłana przez: Ziomioslaw on 21.04.2012, 21:54:40 Cytuj jestem początkującym użytkownikiem gimpa a z Inkscape nie maiłem styczności (mam zainstalowanego ale nic w nim nigdy nie robiłem) Okazja, żeby się poduczyć. Ryychuu dobrze gada:) |