Polskie Forum Użytkowników GIMP-a

Tutoriale => Gotowe tutoriale => Wątek zaczęty przez: Ryychuu on 17.01.2013, 20:35:26



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