Witamy, Gość. Zaloguj się lub zarejestruj.
Czy dotarł do Ciebie email aktywacyjny?


Zaloguj się podając nazwę użytkownika, hasło i długość sesji

Polskie Forum Użytkowników GIMP-aTutorialePropozycje i prośby o tutorialeGotowe tutoriale (Moderator: davlasq)Wątek: [Poprawa] [Inkscape] Kula w stylu CristalSVG
Strony: [1]
DrukujPobierz PDF
Autor Wątek: [Poprawa] [Inkscape] Kula w stylu CristalSVG  (Przeczytany 9144 razy)
0 użytkowników i 1 Gość przegląda ten wątek.
Ryychuu
Użytkownik

Reputacja: -1 Offline Offline

Płeć: Mężczyzna
GIMP: 2.8
JID: thomsson@jid.dug.net.pl
Licencja: CC-BY-SA
Wiadomości: 449
Galeria Użytkownika


Ostatni ISOs


Zobacz profil
« : 17.01.2013, 20:35:26 »

Kula w stylu CristalSVG
Tutorial

Opracowanie: wojtasin (poprawa Ryychuu)
Poziom trudności: bardzo łatwy





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ć.



Lime Point Zaczynamy

Lime Point 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.



Lime Point 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.



Lime Point 3. Pierwszy kolor (to ten w środku okręgu) wybieramy jaśniejszy, drugi natomiast wybieramy ciemniejszy, żeby wyszło nam coś takiego:



Jeśli zewnętrzny kolor nie będzie widoczny, to trzeba przesunąć suwak w kanale oznaczonym literą "A" w edycji gradientu.

Lime Point 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.



Lime Point 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.



(możemy to jeszcze delikatnie rozmyć suwakiem "Rozmycie" w panelu Wypełnienie i kontur)

Lime Point 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.



Lime Point 7. Suwakiem Rozmycie ustawiamy rozmycie na 30, a przezroczystość suwakiem Krycie na 70%. I przenosimy nasz cień na sam spód.





Lime Point Koniec


Gratulacje właśnie stworzyłeś w Inkscape-ie Kulę w stylu CristalSVG. Miłego INKowania Duży uśmiech

Edyta: Nazwy uzupełnione, miniatura dodana


« Ostatnia zmiana: 03.05.2013, 12:37:00 wysłane przez Ryychuu » Zapisane

Jeśli trzeba może pomóc przy Linuxach (coś może o tym wiedzieć)
davlasq
Moderator

Reputacja: 4 Offline Offline

Płeć: Mężczyzna
GIMP: 2.8
Licencja: Copyright
Wiadomości: 1 119
Galeria Użytkownika



Zobacz profil
« Odpowiedz #1 : 21.01.2013, 17:55:07 »

Niech ktoś poda te polskie nazwy, ja z Inka nie korzystam.
Zapisane

Projektujesz strony i chcesz się dowiedzieć, w jaki sposób są one realizowane? Zapraszam na mojego bloga o webdevie i nie tylko!
Danyeru
Korektor

Reputacja: 24 Offline Offline

Płeć: Mężczyzna
GIMP: 2.6
Licencja: Copyright
Wiadomości: 1 673
Galeria Użytkownika


Honorowy Dawca Krwi


Zobacz profil WWW
« Odpowiedz #2 : 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, %


Zapisane

I zapłoną piekielnym ogniem Wasze serwery, gdyż zabezpieczenia ich wątłe, a podatność na buffer overflowy ogromna.
I zaprzestaną działania Wasze routery, a Wasze niewiasty nosić będą pakiety w kubłach, a tam będzie płacz, zgrzytanie zębów, 404 i request timeout.


Cytat: Terrqge
to przez INSEKT'a Danyeru jest taki straszny
Ryychuu
Użytkownik

Reputacja: -1 Offline Offline

Płeć: Mężczyzna
GIMP: 2.8
JID: thomsson@jid.dug.net.pl
Licencja: CC-BY-SA
Wiadomości: 449
Galeria Użytkownika


Ostatni ISOs


Zobacz profil
« Odpowiedz #3 : 03.02.2013, 19:13:02 »

Dzięki Danyeru, zaraz uzupełnie i dodam miniature

Edyta: Gotowe, jakieś uwagi?
« Ostatnia zmiana: 03.02.2013, 19:30:20 wysłane przez Ryychuu » Zapisane

Jeśli trzeba może pomóc przy Linuxach (coś może o tym wiedzieć)
davlasq
Moderator

Reputacja: 4 Offline Offline

Płeć: Mężczyzna
GIMP: 2.8
Licencja: Copyright
Wiadomości: 1 119
Galeria Użytkownika



Zobacz profil
« Odpowiedz #4 : 03.02.2013, 19:57:22 »

Błędy ortograficzne, brak pogrubień i niektóre nawiasy okrągłe, gdzie powinny być kwadratowe.
Zapisane

Projektujesz strony i chcesz się dowiedzieć, w jaki sposób są one realizowane? Zapraszam na mojego bloga o webdevie i nie tylko!
Ryychuu
Użytkownik

Reputacja: -1 Offline Offline

Płeć: Mężczyzna
GIMP: 2.8
JID: thomsson@jid.dug.net.pl
Licencja: CC-BY-SA
Wiadomości: 449
Galeria Użytkownika


Ostatni ISOs


Zobacz profil
« Odpowiedz #5 : 03.05.2013, 12:38:06 »

Edytowałem i poprawiłem parę rzeczy (nawiasy i pogrubienia) coś jeszcze jest czego nie dostrzegłem?
Zapisane

Jeśli trzeba może pomóc przy Linuxach (coś może o tym wiedzieć)
davlasq
Moderator

Reputacja: 4 Offline Offline

Płeć: Mężczyzna
GIMP: 2.8
Licencja: Copyright
Wiadomości: 1 119
Galeria Użytkownika



Zobacz profil
« Odpowiedz #6 : 03.05.2013, 16:43:01 »

Wygląda na to, że wszystko ok. Przenoszę do gotowych.
Zapisane

Projektujesz strony i chcesz się dowiedzieć, w jaki sposób są one realizowane? Zapraszam na mojego bloga o webdevie i nie tylko!
be@
Moderator globalny

Reputacja: 49 Offline Offline

Płeć: Kobieta
GIMP: 2.8
Licencja: CC-BY
Wiadomości: 7 400
Galeria Użytkownika



Zobacz profil
« Odpowiedz #7 : 25.02.2014, 19:36:16 »

Podmienione
Zapisane
Strony: [1]
DrukujPobierz PDF
Polskie Forum Użytkowników GIMP-aTutorialePropozycje i prośby o tutorialeGotowe tutoriale (Moderator: davlasq)Wątek: [Poprawa] [Inkscape] Kula w stylu CristalSVG
Skocz do: