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

Strony: [1]
DrukujPobierz PDF
Autor Wątek: Metalowe kulki  (Przeczytany 48240 razy)
0 użytkowników i 1 Gość przegląda ten wątek.
Kifer71
Gość
« : 24.02.2008, 22:06:23 »

Metalowe kulki
Tutorial

Oryginał: Simple metal orb using Inkscape
Autor: Chris
Opracowanie i tłumaczenie: Kifer
Poziom trudności: łatwy






Niniejszy poradnik nie należy do zbyt skomplikowanych. Cały efekt został uzyskany przy pomocy edycji gradientów na dwóch obiektach (kołach), dodaniu „poświaty” na dole kuli i cienia pod nią.

Tutorial napisany w wersji Inkscape 0.45. W innych wersjach nazwy narzędzi i pojęć mogą się różnić.



Lime Point Zaczynamy

Część pierwsza – rysujemy kulę

Lime Point 1. Otwórz nowy dokument w Inkscape.
Lime Point 2. Z menu Plik wybierz Ustawienia dokumentu (Shift + Ctrl + D).
Lime Point 3. W oknie dialogowym ustaw Szerokość i Wysokość na 300 pikseli.
Lime Point 4. Zamknij okno ustawień.
Lime Point 5. W Pasku poleceń kliknij ikonę Dopasowuje rozmiar całej strony do okna
Lime Point 6. Z narzędziówki po lewej stronie okna programu wybierz narzędzie Tworzenie okręgów, elips i łuków (F5).
Lime Point 7. Przytrzymując klawisz Ctrl narysuj koło mniej więcej o średnicy 140 pikseli. Pomocne może tu być użycie widoku siatki i zastosowanie prowadnic.



Lime Point 8. Z menu Obiekt wybierz Wyrównaj i rozłóż (Shift + Ctrl + A).
Lime Point 9. W oknie dialogowym wyrównania w sekcji Wyrównaj z rozwijanego menu Względem wybierz Strona.



Lime Point 10. W tej samej sekcji kliknij ikony Wyśrodkuj na osi pionowej i Wyśrodkuj na osi poziomej .
Lime Point 11. Zamknij okno wyrównania.
Lime Point 12. Z narzędziówki po lewej stronie okna programu wybierz narzędzie Tworzenie i modyfikowanie gradientów (Ctrl + F1).
Lime Point 13. W pasku opcji narzędzia kliknij ikonę Utwórz gradient koncentryczny .
Lime Point 14. Rozpocznij przeciąganie gradientu z punktu o współrzędnych około X = 137, Y = 164. Współrzędne położenia kursora wyświetlane są w prawym dolnym rogu okna programu.
Lime Point 15. Poustawiaj węzły gradientu jak na poniższym rysunku. Położenie górnego węzła to X = 134, Y = 253, prawego X = 231, Y = 166.



Kolejne kroki będą wymagały trochę większego skupienia się na tutorialu.

Lime Point 16. W pasku Opcje narzędzia kliknij przycisk Edytuj. Otworzy się okno dialogowe Edytor gradientu.

Teraz krótko omówię to okienko. Na górze okna widać obecny gradient, a pod nim rozwijane menu punktów gradientu. Obecnie są tam dwa punkty. Pierwszy czarny, drugi półprzezczysto-czarny. Kliknij a się przekonasz. Naszym celem jest pięć punktów w gradiencie. Dodaje się je w bardzo prosty sposób. Wracajmy jednak do poradnika.



Lime Point 17. W oknie Edytor gradientu kliknij trzykrotnie na przycisk Dodaj punkt. Masz teraz pięć punktów gradientu. Sprawdź to.



Lime Point 18. Wybierz pierwszy punkt gradientu.
Lime Point 19. W sekcji Kolor w punkcie kliknij zakładkę HSL.
Lime Point 20. Suwak Jasność (L) przesuń maksymalnie w prawo, czyli na 255.
Lime Point 21. Wybierz drugi punkt gradientu.
Lime Point 22. Jasność jak poprzednio na 255.
Lime Point 23. Suwak Alfa (A także na 255.
Lime Point 24. W oknie edytora jest jeszcze suwaczek Przesunięcie. Ustaw go na 0,49.



Lime Point 25. Wybierz trzeci punkt gradientu.
Lime Point 26. Ustaw Jasność na 186.
Lime Point 27. Alfa na 255.
Lime Point 28. Przesunięcie na 0,62.
Lime Point 29. Wybierz czwarty punkt gradientu.
Lime Point 30. Ustaw Jasność na 0.
Lime Point 31. Alfa na 255.
Lime Point 32. Przesunięcie na 0,75.
Lime Point 33. Wybierz piąty punkt gradientu.
Lime Point 34. Ustaw Jasność na 255.
Lime Point 35. Alfa na 255.
Lime Point 36. Zamknij okno edycji gradientu.
Lime Point 37. Z menu Obiekt wybierz Wypełnienie i kontur... (Shift + Ctrl + F). Opcja jest też dostępna spod PPM. Otworzy się okno dialogowe Wypełnienie i kontur.
Lime Point 38. W oknie Wypełnienie i kontur kliknij w zakładkę Kontur.
Lime Point 39. Kliknij w ikonę Jednolity kolor .
Lime Point 40. Ustaw suwak Jasność na 176.
Lime Point 41. Zamknij okno wypełnienia i konturu.



Mamy gotowy pierwszy obiekt naszej kuli. Przyszedł czas na stworzenie drugiego obiektu i edycje jego gradientu.

Lime Point 42. PPM kliknij w obiekt i z rozwiniętego menu wybierz Duplikuj (Ctrl + D). Możesz też to zrobić poprzez menu Edycja.
Lime Point 43. Mimo iż będziesz widział na powielonym obiekcie gradient, przeciągnij na nim nowy jak na poniższym obrazku.



Lime Point 44. Centralny węzeł gradientu (to ten romb) wylądował w środku drugiego obiektu. X = 150, Y = 150.
Lime Point 45. Górny węzeł na współrzędnych X = 150, Y = 248.
Lime Point 46. Prawy węzeł gradientu na współrzędnych X = 243, Y = 150.
Lime Point 47. W pasku Opcje narzędzia kliknij przycisk Duplikuj. Zapobiegnie to edycji gradientu na pierwszym obiekcie. Nowy gradient będzie miał wyższy nr . Oba gradienty są widoczne na pasku opcji narzędzia w rozwijanym menu. Upewnij się, że masz zaznaczony ten z wyższym numerem.
Lime Point 48. W pasku Opcje narzędzia kliknij przycisk Edytuj. Otworzy się znane ci już okno dialogowe Edytor gradientu.

Nie będę się teraz rozpisywał krok po kroku nad edycją gradientu. Podam tylko te jego parametry które należy zmienić.

     Orange Point 1 punkt gradientu
  • Alfa 0

     Orange Point 2 punkt gradientu
  • Przesunięcie 0,62
  • Jasność 108
  • Alfa 0

     Orange Point 3 punkt gradientu
  • Przesunięcie 0,70
  • Jasność 52

     Orange Point 4 punkt gradientu
  • Przesunięcie 0,82
  • Jasność 255
  • Alfa 0

     Orange Point 5 punkt gradientu
  • Alfa 0


Lime Point 49. Zamknij okno edycji gradientu.
Lime Point 50. Z menu Obiekt wybierz Wypełnienie i kontur... .
Lime Point 51. Kliknij w zakładkę Kontur.
Lime Point 52. W oknie Wypełnienie i kontur kliknij w ikonę Jednolity kolor .
Lime Point 53. Ustaw suwak Jasność na 93. Kulka powinna wyglądać tak:



Pozostało dodać „poświatę” na dolnej części kuli i cień pod nią.

Lime Point 54. Zamknij okno wypełnienia i konturu.
Lime Point 55. W znany ci już sposób duplikuj drugi obiekt.
Lime Point 56. Z menu Obiekt wybierz Wypełnienie i kontur... .
Lime Point 57. W oknie Wypełnienie i kontur  kliknij w ikonę Jednolity kolor .
Lime Point 58. Ustaw Jasność na 255.
Lime Point 59. Ustaw Alfę na 51.
Lime Point 60. Przejdź do zakładki Kontur.
Lime Point 61. Kliknij w ikonę Bez rysowania .
Lime Point 62. Zamknij okno wypełnienia i konturu.
Lime Point 63. Z narzędziówki po lewej stronie okna programu wybierz narzędzie Tworzenie okręgów, elips i łuków .
Lime Point 64. Narysuj elipsę tak jak na poniższym obrazie. Twoja będzie mniej widoczna niż ta na poniższym obrazie, gdyż przejmie alfę z trzeciego obiektu. Możesz podobnie jak ja edytować jej przezroczystość w oknie Wypełnienie i kontur.



Lime Point 65. Przytrzymaj klawisz Shift[/] i kliknij LPM na kulę. Powinieneś mieć zaznaczoną liniami przerywanymi elipsę i kulę.


Lime Point 66. Z menu Ścieżki wybierz Różnica (Ctrl + -).



Ostatni etap – dodawanie cienia.

Lime Point 67. Z narzędziówki po lewej stronie okna programu wybierz narzędzie Tworzenie okręgów, elips i łuków
Lime Point 68. Narysuj elipsę tak jak na poniższym obrazie.



Lime Point 69. Jeśli twoja elipsa cienia nie jest czarna to z menu Obiekt wybierz Wypełnienie i kontur... .
Lime Point 70. Ustawienia jak na rysunku poniżej.



Lime Point 71. Z narzędziówki po lewej stronie okna programu wybierz narzędzie Tworzenie i modyfikowanie gradientów .
Lime Point 72. Zrób dwu klik na elipsie LPM.
Lime Point 73. Z menu Obiekt wybierz Przenieś pod spód (End).

Kulka gotowa.





Część druga – zmiana kolorów kuli

Nie będę tu opisywał całego procesu tworzenia kuli o innym kolorze. Podam tylko dane gradientów dla pierwszego i drugiego obiektu, oraz dane konturu dla drugiego obiektu. Podane poniżej parametry dotyczą zakładki HSL w oknie edytora gradientu i konturu.

Legenda:
Prz – Przesunięcie
H – Odcień
S – Nasycenie
L – Jasność
A - Alfa

Orange Point złota kula

gradient obiektu pierwszego

| Prz | H   | S | L | A     |
| |   41 | 255 | 233 | 255 |
| 0,49 |   32 | 255 | 184 | 255 |
| 0,62 |   38 | 255 | 182 | 255 |
| 0,75 |   27 | 255 |  36 | 255 |
| |   34 | 255 | 164 | 255 |

         
gradient obiektu drugiego

| Prz | H   | S | L | A     |
| |     0|     0 | 255 |     0 |
| 0,62 |   34 | 255 | 108 |     0 |
| 0,70 |   33 | 255 |  42 | 255 |
| 0,82 |   28 | 255 | 239 |     0 |
| |   33 | 255 | 235 |     0 |

         
kontur obiektu drugiego

| H   | S | L | A     |
|    31| 127 |   66 | 255 |



Orange Point brązowa kula

gradient obiektu pierwszego

| Prz | H   | S | L | A     |
| |   21 | 255 | 233 | 255 |
| 0,49 |   20 | 255 | 184 | 255 |
| 0,62 |   20 | 194 | 172 | 255 |
| 0,75 |   17 | 255 |  36 | 255 |
| |   17 | 255 | 164 | 255 |

         
gradient obiektu drugiego

| Prz | H   | S | L | A     |
| |     0|     0 | 255 |     0 |
| 0,62 |   17 | 193 | 144 |     0 |
| 0,70 |   16 | 255 |  42 | 255 |
| 0,82 |   17 | 255 | 239 |     0 |
| |   33 | 255 | 235 |     0 |

         
kontur obiektu drugiego

| H   | S | L | A     |
|    16| 127 |   66 | 255 |



Lime Point Koniec



Miłej zabawy z Inkscape.



K71



« Ostatnia zmiana: 24.12.2009, 16:47:34 wysłane przez INSEKT » Zapisane
Natexx
Nowicjusz

Reputacja: 2 Offline Offline

Płeć: Kobieta
GIMP: 1
Licencja: Copyright
Wiadomości: 12
Galeria Użytkownika


Nieobeznana... -.-


Zobacz profil
« Odpowiedz #1 : 30.04.2008, 15:09:32 »

Świetny Tutek, bardzo bym chciała umieś robić takie kulki, ale w połowie pracy wychodzi mi takie coś:
Oto screen:
http://eexd.patrz.pl
Czemu? x/
Zapisane
Yumi-chan
Użytkownik

Reputacja: 3 Offline Offline

Płeć: Kobieta
GIMP: 2.6
Licencja: Copyright
Wiadomości: 43
Galeria Użytkownika



Zobacz profil
« Odpowiedz #2 : 05.05.2008, 16:58:02 »

Świetny tutorial Uśmiech tylko miałam problem z ustawieniami gradientu w drugiej części ale jakoś się udało,
to moja pierwsza praca w Inkscape
i druga z innym kolorem
« Ostatnia zmiana: 06.05.2008, 12:17:36 wysłane przez Yumi-chan » Zapisane
leo_sm
Nowicjusz

Reputacja: 1 Offline Offline

Płeć: Mężczyzna
GIMP: 2.6 + GAP
Licencja: CC-BY
Wiadomości: 8
Galeria Użytkownika

leo_sm


Zobacz profil
« Odpowiedz #3 : 03.04.2012, 12:04:09 »

Świetny tutorial. Dobrze opisany. Napotkałem jednak problem. W punkcie 47 jest polecenie by zrobić duplikat gradientu, jednak w Inkscape 0.48.2 nie mam takiej możliwości w opcjach narzędzi. Mogę tylko zduplikować cały obiekt. Czy wie ktoś może jak w tej wersji programu to zrobić?
Poradziłem sobie korzystając z warstw, ale duplikowanie gradientu było by prostsze.
Zapisane
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 #4 : 03.04.2012, 16:10:35 »

Świetny tutorial. Dobrze opisany. Napotkałem jednak problem. W punkcie 47 jest polecenie by zrobić duplikat gradientu, jednak w Inkscape 0.48.2 nie mam takiej możliwości w opcjach narzędzi. Mogę tylko zduplikować cały obiekt. Czy wie ktoś może jak w tej wersji programu to zrobić?
Poradziłem sobie korzystając z warstw, ale duplikowanie gradientu było by prostsze.
IMO myślenie nie boli Chichot nie ma przycisku "Duplikuj" ale jest przycisk "Powiel"
Zapisane

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

Reputacja: 1 Offline Offline

Płeć: Mężczyzna
GIMP: 2.6 + GAP
Licencja: CC-BY
Wiadomości: 8
Galeria Użytkownika

leo_sm


Zobacz profil
« Odpowiedz #5 : 03.04.2012, 19:06:00 »

IMO myślenie nie boli Chichot nie ma przycisku "Duplikuj" ale jest przycisk "Powiel"
Moim zdaniem ludzie piszący wstęp w podobnym stylu mają problem z poczuciem własnej wartości i próbują się dowartościować na forum, niby że to oni są lepsi w myśleniu.   Niezdecydowany Dodaje w załączniku zrzut z dostępnymi opcjami i nie ma tam ani duplikuj, ani powiel, chyba że coś przeoczyłem. Może jest jakieś inne dojście do tej opcji w jakimś menu?


* dostepne_opcje.png (46.35 KB, 846x618 - wyświetlony 1499 razy.)
Zapisane
Silterss
Emeryt

Reputacja: 4 Offline Offline

Płeć: Mężczyzna
GIMP: 2.8 + GAP
JID: silterss@jabbim.com
Licencja: CC-NC-BY-SA
Wiadomości: 654
Galeria Użytkownika



Zobacz profil
« Odpowiedz #6 : 03.04.2012, 19:37:21 »

Ctrl+Shift+F i otworzy się karta Wypełnienie i kontur, i w zakładce Wypełnienie jest guzik Powiel.
Zapisane

leo_sm
Nowicjusz

Reputacja: 1 Offline Offline

Płeć: Mężczyzna
GIMP: 2.6 + GAP
Licencja: CC-BY
Wiadomości: 8
Galeria Użytkownika

leo_sm


Zobacz profil
« Odpowiedz #7 : 04.04.2012, 07:18:10 »

Dziękuję bardzo  Uśmiech .
Zapisane
Grafik_adept
Użytkownik

Reputacja: 0 Offline Offline

Wiadomości: 23
Galeria Użytkownika

Grafik_adept


Zobacz profil
« Odpowiedz #8 : 24.01.2013, 14:23:31 »

Wiem, że temat jest odgrzebywany, ale nie będe przecież tworzył nowego, żeby zadać pytanie bezpośrednio do tego tutoriala.

Pytanie:
Czy tworząc kolor do tych kul posługujemy się jakimś schematem czy metodą prób i błędów, żeby ładnie wyszło?

Pozdrawiam
Zapisane
Danyeru
Użytkownik

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 #9 : 24.01.2013, 14:41:09 »

Metoda prób i błędów. ;-)
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
Strony: [1]
DrukujPobierz PDF
Polskie Forum Użytkowników GIMP-aTutorialeTutorialeInkscapeWątek: Metalowe kulki
Skocz do: