Tytuł: Kula w stylu CristalSVG Wiadomość wysłana przez: wojtasin on 09.03.2007, 00:19:42 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 Tytuł: Odp: Kula w stylu CristalSVG Wiadomość wysłana przez: dzialo9 on 28.06.2007, 17:50:20 A może tak byś to dokładniej opisał? Nie mam pojęcia jak to zrobić - utknęłam w punkcie z gradientem.
Tytuł: Odp: Kula w stylu CristalSVG Wiadomość wysłana przez: noss on 28.06.2007, 21:19:08 A może tak byś to dokładniej opisał? Nie mam pojęcia jak to zrobić - utknęłam w punkcie z gradientem. @dzialo9: Tutorial jest opisany szczegółowo, wykonywanie go jednak nie zwalnia od własnego myślenia. Tytuł: Odp: Kula w stylu CristalSVG Wiadomość wysłana przez: wojtasin on 05.07.2007, 22:31:54 Witam,
przepraszam za długą nieobecność, z nagła wywiało mnie do pracy poza granice Polski i w dodatku odcięło od internetu. Dość tłumaczeń. Prośba do dzialo9 - opisz dokładniej co sprawiło ci problem, postaram się to zmienić. Tytuł: Odp: Kula w stylu CristalSVG Wiadomość wysłana przez: skynet on 17.01.2008, 21:12:23 W tym tutku jest kilka błędów więc jako początkujący w inku musiałem pomyśleć
Pierwszy Poważny błąd jest przy tworzeniu tego odblasku, jest gradienk liniowy a nie kątowy. Drugi dłąd pod koniec trzeba wyrównać wszystko więc Ctrl+A dalej Ctrl+Shift+A dalej klikamy wyśrodkuj na osi pionowej względnie do rysunku|zaznaczenia. Ale tutek niezły (http://img229.imageshack.us/img229/904/rysunekqg6.png) Tytuł: Odp: Kula w stylu CristalSVG Wiadomość wysłana przez: Ravicious on 18.01.2008, 20:23:26 Bardziej podoba mi się ten tutorial (http://ryanler.wordpress.com/2007/02/16/simple-bubble-in-inkscape-orb-ball-bubble/), co nie znaczy, że ten jest zły.
Tytuł: Odp: Kula w stylu CristalSVG Wiadomość wysłana przez: Ivellios on 27.01.2008, 16:09:53 Znalazłem mały błąd:
2). Po wybraniu tego narzędzia klikamy prawym przyciskiem myszy w dowolnym punkcie naszego dokumentu i trzymając przycisk przeciągamy do chwili, w której okrąg osiągnie porządaną wielkość. Nie powinno być czasami "klikamy lewym przyciskiem myszy" ?? A poza tym kilka ortów jest :P, ale tutorial przyda sie. Tytuł: Odp: Kula w stylu CristalSVG Wiadomość wysłana przez: ƥevel on 01.02.2008, 22:34:05 Rezultat (http://www.gimpuj.info/index.php?action=gallery;sa=view;id=7681) w moim wykonaniu ;)
Tytuł: Odp: Kula w stylu CristalSVG Wiadomość wysłana przez: Bubblegum on 09.05.2010, 19:44:21 Dodawaj więcej fotek do tutków, bo nic nie kumam!
P.S.: Jestem początkująca ;) Po nicku widać :P |