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] 2  Wszystkie
DrukujPobierz PDF
Autor Wątek: Rysowanie budynków  (Przeczytany 64991 razy)
0 użytkowników i 1 Gość przegląda ten wątek.
Layane
Użytkownik

Reputacja: 2 Offline Offline

Płeć: Kobieta
GIMP: 2.6 + GAP
Licencja: CC-NC-BY-SA
Wiadomości: 32
Galeria Użytkownika


Żyję nie w tym świecie..


Zobacz profil
« : 20.09.2009, 11:36:09 »

Rysowanie budynków
Tutorial

Oryginał: Oryginalny tutorial
Tłumaczenie i dopracowanie: Layane
Poziom trudności: średni






W tym tutorialu nauczycie się tworzyć więzienie: rozpoczynając od czarno-białych konturów, przez dodawanie kilku małych szczegółów i zakończone kolorowaniem. Element jest tworzony z perspektywy lotu ptaka.
Pamiętaj, by na bieżąco zapisywać tworzone elementy pracy, gdyż nawet najlepszy program może się zaciąć w najmniej spodziewanym momencie Język a po co przez utratę dużej części pracy denerwować się i robić od nowa.

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



Lime Point Zaczynamy

Lime Point 1. Utwórz nowy obraz o dowolnych rozmiarach. Domyślną warstwę nazwij zarys - otwierasz okno warstw [Shift+Ctrl+L], klikasz 2 razy na nazwę warstwy, widzisz Layer1, po czym wpisujesz zarys i zatwierdzamy klawiszem [Enter].

Lime Point 2. Na kartce rysujemy za pomocą narzędzia Pióro [Shift+F6] podstawę budynku z wysokiej perspektywy. Do rysowania kształtów więzienia możesz używać pióra o szerokości konturu 4,5px (otwieramy okno Wypełnienie i kontur [Shift+Ctrl+F], wchodzimy w zakładkę Styl konturu i w miejscu szerokość wpisujemy 4,5). Warto też rysować wszystkie elementy mając zaznaczona tam opcję Połączenie: zaokrąglone oraz Zakończenie: Zaokrąglone.
Okno stylu konturu powinno więc wyglądać tak:



Wygładzi to krawędzie, przez co unikniemy niedoskonałości.

Narysowany czworokąt, jak również inne elementy, o których mowa będzie później, możemy poprawiać za pomocą narzędzia Edycja węzłów [F2].
Tak mniej więcej ma wyglądać nasza podstawa budynku:



Lime Point 3. Teraz tym samym narzędziem rysujemy ogólny kształt budynku.

     Orange Point Zacznij od postawienia sufitu. Możesz to zrobić duplikując podstawę i po linii pionowej umieścić ją nieco nad pierwszą.

     Orange Point Połącz krawężniki podstawy z krawężnikami sufitu za pomocą linii pionowych, otrzymasz w ten sposób sześciokąt.



     Orange Point Usuń niepotrzebne węzły, by twój sześciokąt wyglądał jak budynek. Usuń 2 tylne, dolne krawędzie podstawy oraz tylną krawędź ściany budynku.
         Sposób wykonania tych czynności przedstawiony został poniżej:



Lime Point 4. Narysuj drzwi z zagłębieniem do środka na wschodniej ścianie oraz okno na zachodniej. Dorysuj w oknie 2 prostokątne kraty.



Lime Point 5. Zaznacz wszytko [Ctrl+A] i przekształć na ścieżki Ścieżka -> Obiekt na ścieżkę lub [Shift+Ctrl+C].

Lime Point 6. Powiększ budynek tak, by ujrzeć wszystkie ścieżki okna dokładnie. Usuń niepotrzebne węzły powstałe przy rysowaniu. W tym celu po zaznaczeniu odpowiedniego węzła klikamy Usuń zaznaczone węzły . Dostosuj szerokość, wysokość i rozmieszczenie na ścianie każdej ścieżki okna.

      Orange Point Okno: Główne zarysy okna niech zostaną grubsze, natomiast szerokość konturu kraty zmniejsz do 2px.
          Zaokrąglanie krat: W tym celu zaznacz jedną z nich narzędziem Edycja węzłów, następnie ustaw kursor pomiędzy dwoma dolnymi węzłami (powinna pojawić się ręka) i przeciągnij w dół, uformuj w ten sposób półkole (przedstawia to animacja). Zrób to samo z drugą kratą. Wypełnij je białym kolorem, dzięki temu będą na wierzchu. Okno powinno wyglądać mniej więcej tak:



      Orange Point Drzwi: Usuń linie w dolnej krawędzi ściany, pod drzwiami, tak by drzwi były zagłębione. Sposób wykonania:



          Za pomocą pióra i edycji węzłów dodamy naszym drzwiom średniowiecznego wrażenia. Następnie narysuj deski na drzwiach tak. Do pionowych desek najlepiej użyć szerokości konturu o wartości 2,5px, do poziomych 3,5px oraz 2px dla ich zarysów głębokości.



Lime Point 7. Kontynuuj dodawanie szczegółów na całym budynku, dopóki nie będziesz zadowolony z wyniku.

      Orange Point Cegły na budynku: Wpierw narzędziem Kaligrafia [Ctrl+F6] narysuj część pęknięte, po czym stwórz jedną cegłę o równej wysokości, duplikuj ją tyle razy, by zapełnić część ściany i układaj cegły obok siebie utrzymując odstęp około 1px. Cegły, które wyjdą za linię kaligraficzną narzędziem Edycja węzłów skróć i dopasuj.



          Takie oskrobane części ściany możesz dodać również w innych miejscach, np. w lewym dolnym rogu budynku:



      Orange Point Pęknięcia: Piórem narysuj wielokąty tak, aby wyglądały jak kontury pęknięcia. Wypełnij je czarnym kolorem. Możesz je dodać w narożnikach okna, w rogach ściany bądź na dachu, według uznania. Przykładowe pęknięcia:





      Orange Point Zamek w drzwiach: Ostatnim elementem szkicowania całości będzie stworzenie zamku w drzwiach. Narzędziem Pióro rysujesz blaszkę i kłódkę z dziurką z pomocą poznanych wcześniej technik. Postaraj się, by twój zamek wyglądał mniej więcej tak:



          Powiększ kłódkę i usuń niepotrzebne węzły, by oczyścić i uprościć rysunek.

Lime Point 8. Zarys jest gotowy. Można go używać tak jak jest, czarno-biały, bądź przejść do następnych punktów i pokolorować go.
Ogólny wygląd więzienia w skali 70%:



Lime Point 9. Otwórz okno warstw [Shift+Ctrl+L] i zablokuj warstwę Zarys naciskając na otwartą kłódkę , zrobi się w ten sposób zamknięta.
Stwórz nową warstwę: Warstwa -> Nowa Warstwa i nazwij ją Kolor.



Lime Point 10. Przy pomocy narzędzia Pióro, najcieńszą jego szerokością (najlepiej 0,100px, po zakończeniu rysowania i poprawieniu możesz ustawić nawet na 0,000px) narysuj wielokąt zamknięty, który będzie otaczał ścianę zachodnią. Rysuj po wcześniej narysowanych zarysach budynku czarnym kolorem, tak aby nie było to widoczne. Narysuj teraz również obrys okna. Zaznacz oba wielokąty, po czym zróżnicuj: Ścieżka -> Różnica [Ctrl+-]. Uzyskasz dzięki temu jedną ścieżkę wyglądającą następująco:



Lime Point 11. Wypełnij tak powstałą ścieżkę gradientem liniowym, Wypełnienie i kontur [Shift+Ctrl+F] -> Wypełnienie -> Gradient liniowy kolorem RGBA:#00002338 - naciśnij przycisk Edytuj, w okienku edycji gradientu wpisz w miejsce kolor RGBA numer koloru, czyli wcześniej podany: #00002338 oraz ustaw krycie na 80%. Następnie ustaw linię gradientu narzędziem Gradient , tak jak przedstawia screen zaczynając od lewego dolnego narożnika okna, a kończąc nieco przed prawym dolnym rogiem budynku.



Lime Point 12. Powtórz ten proces dla pozostałych powierzchni, według własnego uznania.

      Orange Point Cegły: Można to zrobić na dwa sposoby, jednak szybciej będzie, jak przejdziemy z powrotem na warstwę zarys i ją odblokujemy, po czym zaznaczymy wszystkie cegły z jednego pęknięcia i skopiujemy. Wejdź ponownie na warstwę kolor blokowując warstwę zarys i wklej cegły na poprzednie w taki sposób, by je pokrywały, ustawiając szerokość konturu na 0px. Teraz możesz użyć narzędzia Gradient - pokoloruj wszystkie cegły na raz. Drugim sposobem byłoby obramowywanie i kolorowanie każdej cegły z osobna, jednak nie będziemy się w to bawić. Proponuję do cegieł użyć tego koloru RGBA: #AC3A21C8. Ustaw odpowiednie krycia dla koloru oraz kierunek gradientu.



Dzięki temu sposobowi kolorowania luki między cegłami pozostają białe. Powtórz to samo z pozostałymi zbiorami cegieł.

      Orange Point Okno: Wnętrze okna wypełnij kolorem: #5F4327FF, natomiast kraty: #282828FF.

      Orange Point Drzwi: Wszystkie deski możesz naraz pokolorować, użyj koloru: #5A3116FF.

      Orange Point Kłódka: Sama kłódka na złoto: #B19703FF, części metalowe natomiast kolorami: #676767FF i #5C4646FC.

Lime Point 13. Dodaj cień. Narysuj wielokąt na warstwie zarys, tak jak na rysunku i wypełnij go czarnym kolorem, usuń kontur. Zaznacz ten wielokąt i przesuń go na spód za pomocą przycisku , by był pod innymi ścieżkami.



Dodaj rozmycie o wartości 5.0 oraz krycie (przezroczystość) ustaw na 132.



Lime Point 14. Twój budynek jest już gotowy, poniżej efekt końcowy:



Można również usunąć krawędzie, wtedy nasz budynek będzie wyglądał następująco:



Jednak proponuję pozostawić w efekt końcowy pierwszej wersji.
Na koniec nie zostaje nam nic innego jak tylko cieszyć się z efektu po przerobieniu tego nie trudnego, ale wymagającego dużo pracy tutoriala.

      Orange Point Możemy zapisać naszą pracę w formacie PNG. Aby to uczynić, należy włączyć konwersację do formatu PNG [Ctrl+Shift+E], wpisujemy nawę pracy i zatwierdzamy.

Lime Point Koniec



Spróbujcie stworzyć inne budynki i elementy w stylu RPG. Miłego Inkscape'owania życzę i powodzenia w dalszych sukcesach Chichot
Zapraszam do obejrzenia innych prac w tym stylu.


« Ostatnia zmiana: 08.11.2010, 17:50:55 wysłane przez Layane » Zapisane


Et in Arcadia Ego..
Acta est fabula.


Mishell
Użytkownik

Reputacja: 0 Offline Offline

Płeć: Mężczyzna
GIMP: 2.4
Licencja: Copyright
Wiadomości: 68
Galeria Użytkownika

Mishell


Zobacz profil
« Odpowiedz #1 : 04.10.2009, 14:31:45 »

dzięki Qba_Angell.  Wszystko jasne Chichot fajnie, że można zaznaczać od razu grupy obiektów, bo jakby było więcej tych  cegieł to nie chciałoby mi się wszystkich zaznaczać osobno Język
[edit]
skończyłem Uśmiech  chyba wszystko dobrze wyszło:
Zapisane
ADii298
Użytkownik

Reputacja: 0 Offline Offline

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

ADii298

tAki sobie nooPek<--(^.-)-<<


Zobacz profil
« Odpowiedz #2 : 16.11.2009, 16:16:34 »

Świetny Tutorial, pięknie opisany i w ogóle wg mnie 10/10
Są to moje pierwsze kroki w inku a ty mi bardzo pomogłaś ThX!
Zapisane

]http://proxy.gimpuj.info/gallery/31564_06_03_10_10_48_01.png[/img]
Stach to nic złego...
Przeczytaj regulamin.
G@busia
Nowicjusz

Reputacja: 0 Offline Offline

Wiadomości: 7
Galeria Użytkownika

G@busia


Zobacz profil
« Odpowiedz #3 : 19.12.2009, 09:46:42 »

Sorry jeżeli ktoś już się o to pytał jak można usunąć tło z obrazka?  Buzia na kłódkę
Zapisane
Qba_
Emeryt

Reputacja: 20 Offline Offline

Płeć: Mężczyzna
GIMP: 2.6
JID: qba_@jid.pl
Licencja: Copyright
Wiadomości: 2 627
Galeria Użytkownika


jogurt rlz!


Zobacz profil WWW
« Odpowiedz #4 : 19.12.2009, 09:54:25 »

W Inkscape domyślnie tło jest przezroczyste, więc jak wyeksportujesz do PNG to tła mieć nie będziesz Uśmiech.
Zapisane

Filip93
Użytkownik

Reputacja: 0 Offline Offline

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



Zobacz profil
« Odpowiedz #5 : 25.12.2009, 00:16:45 »

Mam pytanie.. może głupie ale Inkscape mam dosłownie od godziny... więc chodzi o to, że za każdym razem gdy rysuję piórem nowy obiekt muszę od nowa ustawiać grubość konturu i trochę to kłopotliwe, da się to jakoś zmienić?
Zapisane

Myron
√ ι ק

Reputacja: 17 Offline Offline

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



Zobacz profil
« Odpowiedz #6 : 07.02.2010, 22:42:30 »

Mam pytanie.. może głupie ale Inkscape mam dosłownie od godziny... więc chodzi o to, że za każdym razem gdy rysuję piórem nowy obiekt muszę od nowa ustawiać grubość konturu i trochę to kłopotliwe, da się to jakoś zmienić?
Ależ oczywiście:
Plik -> Ustawienia Inkscape'a -> Pióro -> Twórz nowe obiekty stosując: ostatnio użyty styl.
Zapisane

kawc
Użytkownik

Reputacja: 0 Offline Offline

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



Zobacz profil
« Odpowiedz #7 : 17.02.2010, 18:17:18 »

nie za bardzo mi to wyszło:


jak tu wrzucam to coś nie tak z kolorami
Bo tu jest dobrze: http://www.gimpuj.info/replacement.png

Troche cegły mi nie wyszły
Zapisane


Myron
√ ι ק

Reputacja: 17 Offline Offline

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



Zobacz profil
« Odpowiedz #8 : 17.02.2010, 22:32:37 »

jak tu wrzucam to coś nie tak z kolorami
Bo tu jest dobrze: http://www.gimpuj.info/replacement.png

Masz ustawioną przezroczystość w jednym z punktów gradientu ścian. Ustaw punkty początkowe i końcowe ze 100%-owym kryciem. Będzie dobrze.
Zapisane

kawc
Użytkownik

Reputacja: 0 Offline Offline

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



Zobacz profil
« Odpowiedz #9 : 18.02.2010, 13:39:51 »

Jest to samo
Zapisane


Mich4all
Nowicjusz

Reputacja: 0 Offline Offline

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



Zobacz profil
« Odpowiedz #10 : 31.03.2010, 14:31:46 »

Smutny jak rysowac Sciezka?
Zapisane

kiuba22
Nowicjusz

Reputacja: 0 Offline Offline

Płeć: Mężczyzna
Wiadomości: 8
Galeria Użytkownika



Zobacz profil
« Odpowiedz #11 : 08.11.2010, 20:43:31 »

spodoboały mi się wasze prace czy mogę dostać od was link do tego programu?
Zapisane

=.=
JacobDonut
Użytkownik

Reputacja: 0 Offline Offline

Płeć: Mężczyzna
GIMP: 2.6
Licencja: CC-NC-BY-SA
Wiadomości: 178
Galeria Użytkownika


Oh Yeah!


Zobacz profil WWW
« Odpowiedz #12 : 08.11.2010, 21:05:45 »

O ile się nie mylę jest w downloadzie. Jeśli nie ma to polecam http://tinyurl.com/dbbd77
Zapisane
gimponator
Nowicjusz

Reputacja: 0 Offline Offline

Wiadomości: 1
Galeria Użytkownika

gimponator


Zobacz profil
« Odpowiedz #13 : 12.06.2012, 12:37:36 »

Witam, utknąłem w punkcie trzecim, gdy usuwam węzeł dolnego rombu powstaje takie coś:


Moja wersja Inkscape to 0.48.2
Zapisane
Strony: [1] 2  Wszystkie
DrukujPobierz PDF
Polskie Forum Użytkowników GIMP-aTutorialeTutorialeInkscapeWątek: Rysowanie budynków
Skocz do: