|
Tytuł: [Poprawa] [Inkscape] Kula w stylu CristalSVG Wiadomość wysłana przez: Ryychuu on 17.01.2013, 20:35:26 Kula w stylu CristalSVG Tutorial Opracowanie: wojtasin (poprawa Ryychuu) Poziom trudności: bardzo łatwy (http://www.gimpuj.info/gallery/66993_17_01_13_6_00_36.png) (http://www.gimpuj.info/) To będzie prosty tutorial na temat tworzenia kuli w stylu CristalSVG w Inkscape. Tutorial napisany w wersji Inkscape 0.48.2. W innych wersjach nazwy narzędzi i pojęć mogą się różnić. [lp] Zaczynamy [lp] 1. Otwieramy sobie Inkscape-a i narzędziem Okrąg: Tworzenie okręgów, elips i łuków [F5] robimy sobie słusznych rozmiarów koło. (http://www.gimpuj.info/gallery/thumb_66993_17_01_13_7_42_18_0.png) (http://www.gimpuj.info/index.php?action=gallery;sa=view;id=90740) [lp] 2. Otwieramy panel Menu -> Obiekt -> Wypełnienie i kontur... [CTRL+SHIFT+F] i w zakładce Kontur klikamy krzyżyk, następnie przechodzimy do zakładki Wypełnienie wybieramy Gradient Radialny i klikamy Edytuj. (http://www.gimpuj.info/gallery/thumb_66993_17_01_13_7_42_19_1.png) (http://www.gimpuj.info/index.php?action=gallery;sa=view;id=90741) [lp] 3. Pierwszy kolor (to ten w środku okręgu) wybieramy jaśniejszy, drugi natomiast wybieramy ciemniejszy, żeby wyszło nam coś takiego: (http://www.gimpuj.info/gallery/thumb_66993_17_01_13_7_42_19_2.png) (http://www.gimpuj.info/index.php?action=gallery;sa=view;id=90742) Jeśli zewnętrzny kolor nie będzie widoczny, to trzeba przesunąć suwak w kanale oznaczonym literą "A" w edycji gradientu. [lp] 4. Tworzymy sobie teraz mniejszy okrąg, lekko spłaszczony, mniejsza elipsa również nie ma konturu (X w zakładce Kontur), natomiast jako wypełnienie ustawiamy sobie Gradient Liniowy. Gradient edytujemy i na oba kolory ustawiamy biały, lecz drugi kolor robimy przezroczysty (kanał alfa - "A"ma wartość 0). Dzięki temu wyjdzie nam przejście z białego w alfę bez takiego zacienienia. (http://www.gimpuj.info/gallery/thumb_66993_17_01_13_7_44_39_1.png) (http://www.gimpuj.info/index.php?action=gallery;sa=view;id=90746) [lp] 5. Wybieramy teraz narzędzie Gradient: Tworzenie i modyfikowanie gradientów [Ctrl+F1] i węzły ustawiamy tak by wyszło nam coś na wzór efektu szkła. (http://www.gimpuj.info/gallery/thumb_66993_17_01_13_7_44_40_2.png) (http://www.gimpuj.info/index.php?action=gallery;sa=view;id=90747) (możemy to jeszcze delikatnie rozmyć suwakiem "Rozmycie" w panelu Wypełnienie i kontur) [lp] 6. Teraz stworzymy cień. Narzędziem Okrąg: Tworzenie okręgów, elips i łuków [F5] tworzymy sobie elipsę i ustawiamy jej czarny kolor. (http://www.gimpuj.info/gallery/thumb_66993_17_01_13_7_42_19_3.png) (http://www.gimpuj.info/index.php?action=gallery;sa=view;id=90743) [lp] 7. Suwakiem Rozmycie ustawiamy rozmycie na 30, a przezroczystość suwakiem Krycie na 70%. I przenosimy nasz cień na sam spód. (http://www.gimpuj.info/gallery/thumb_66993_17_01_13_7_44_39_0.png) (http://www.gimpuj.info/index.php?action=gallery;sa=view;id=90745) (http://www.gimpuj.info/gallery/66993_17_01_13_6_00_36.png) (http://www.gimpuj.info/) [lp] Koniec Gratulacje właśnie stworzyłeś w Inkscape-ie Kulę w stylu CristalSVG. Miłego INKowania ;D Edyta: Nazwy uzupełnione, miniatura dodana (http://www.gimpuj.info/gallery/66993_03_02_13_6_28_47_0.png) (http://www.gimpuj.info/) (http://www.gimpuj.info/gallery/66993_03_02_13_6_28_47_1.png) (http://www.gimpuj.info/) Tytuł: Odp: [Poprawa] [Inkscape] Kula w stylu CristalSVG Wiadomość wysłana przez: davlasq on 21.01.2013, 17:55:07 Niech ktoś poda te polskie nazwy, ja z Inka nie korzystam.
Tytuł: Odp: [Poprawa] [Inkscape] Kula w stylu CristalSVG Wiadomość wysłana przez: Danyeru on 26.01.2013, 09:40:15 Ad. 1:
Create circle elipses and arcs - Okrąg: Tworzenie okręgów, elips i łuĸów (F5) Ad. 2: "Object/Fill and Stroke" - Menu => Obiekt => Wypełnienie i kontur... [CTRL+SHIFT+F] Strok paint - Kontur, Fill - Wypełnienie, Radial gradient - Gradient radialny Ad. 4: (X w zakładce Stroke Color/Kolor konturu) - (X w zakładce Kontur) Linear Gradient - Gradient liniowy Ad. 5: Create and edit gradients - Gradient: Tworzenie i modyfikowanie gradientów (Ctrl+F1) Ad. 6: Create circle elipses and arcs - Okrąg: Tworzenie okręgów, elips i łuĸów (F5) Ad. 7: Blur - Rozmycie Opacity - Krycie, % Tytuł: Odp: [Poprawa] [Inkscape] Kula w stylu CristalSVG Wiadomość wysłana przez: Ryychuu on 03.02.2013, 19:13:02 Dzięki Danyeru, zaraz uzupełnie i dodam miniature
Edyta: Gotowe, jakieś uwagi? Tytuł: Odp: [Poprawa] [Inkscape] Kula w stylu CristalSVG Wiadomość wysłana przez: davlasq on 03.02.2013, 19:57:22 Błędy ortograficzne, brak pogrubień i niektóre nawiasy okrągłe, gdzie powinny być kwadratowe.
Tytuł: Odp: [Poprawa] [Inkscape] Kula w stylu CristalSVG Wiadomość wysłana przez: Ryychuu on 03.05.2013, 12:38:06 Edytowałem i poprawiłem parę rzeczy (nawiasy i pogrubienia) coś jeszcze jest czego nie dostrzegłem?
Tytuł: Odp: [Poprawa] [Inkscape] Kula w stylu CristalSVG Wiadomość wysłana przez: davlasq on 03.05.2013, 16:43:01 Wygląda na to, że wszystko ok. Przenoszę do gotowych.
Tytuł: Odp: [Poprawa] [Inkscape] Kula w stylu CristalSVG Wiadomość wysłana przez: be@ on 25.02.2014, 19:36:16 Podmienione
|