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

  Pokaż wiadomości
Strony: [1]
1  Tutoriale / Inkscape / Krajobraz - burza : 05.02.2008, 14:00:40
Nocna burza - przekrój
Tutorial

Opracowanie: pathes
Poziom trudności: średni




Tutorial jak zrobić burzę, jak na rysunku.

Lime Point Zaczynamy

Lime Point 1. Rysujemy duży, czarny lub ciemnoszary (w RGBA np. 1a1a1aff) prostokąt, bez obramowań. Następnie duplikujemy go, a kopię zmniejszamy jego wysokość tak, by górne boki prostokątów przylegały do siebie. Następnie zmieniamy wypełnienie zmniejszonego prostokąta na gradient liniowy (Obiekt->Wypełnienie i kontur). Proponuję zrobić gradient od półprzezroczystego, ciemnoniebieskiego koloru (na przykład w RGBA: 1e5f6fff) do przezroczystości.

Lime Point 2. Za pomocą narzędzia "Tworzy i modyfikuje gradienty" obracamy gradient tak, by niebieski był na dole, a przezroczystość na górze.

Lime Point 3. Narzędziem "Rysuje krzywe Beziera i linie proste" narysujemy linię, która będzie pokrywać dolny brzeg zmniejszonego prostokąta. Rysujemy kilka segmentów z przyciśniętym klawiszem Ctrl. Kończymy tworzenie klawiszem Enter.

Lime Point 4. Zastosuj efekt Fractalize na tej linii. Ustaw odpowiednio dużą ilość Subdivisions, na przykład na 5 albo 6.

Lime Point 5. Usuń kontur i wypełnij powstały kształt ciemnoniebieskim kolorem - przykładowo kolor 006680ff w RGBA.

Lime Point 6. Zaznacz zmniejszony prostokąt i kształt (by dodawać do zaznaczenia wciśnij klawisz Shift). Kliknij na przycisk duplikacji, a następnie wybierz opcję Ścieżka->Część wspólna. Powstały kształt wypełnij szarozielonym (37483e) albo szarobrązowym kolorem - to będzie ląd. Upewnij się, że ląd znajduje się nad gradientem, żeby go nie pokrywał.

Lime Point 7. Pora na gwiazdy. Narzędziem "Tworzy gwiazdy i wielokąty" rysujemy gwiazdę. Ustawiamy ilość narożników na 4. Manipulujemy narzędziem "Pozwala edytować węzły i uchwyty sterujące ścieżek", by uzyskać efekt podobny do tego na screenie.

Lime Point 8. Teraz chmury. Chmurę robimy z elipsy, którą traktujemy efektem Fractalize. Chmury powinny mieć ciemny, półprzezroczysty, szarozielony kolor (na przykład 374845c2 w RGBA). Każda chmura może mieć trochę inny odcień koloru i inną wartość alfa.

Lime Point 9. Piorun - rysujemy białą, pionową linię, może być nachylona pod niewielkim kątem. Ustawiamy grubość konturu na 2 piksele. Dajemy Fractalize (jakże by inaczej).

Lime Point 10. Duplikujemy piorun, w "Wypełnienie i kontur" ustawiamy blur np. na 6, zmieniamy kolor duplikatu na jasnoniebieski.

Lime Point 11. Pod koniec dodajemy chmury z przodu, przed piorunem.

Lime Point 12. Dodatkowo, można dodać efekt trafienia piorunem tak jak na pierwszym obrazku - tworzy się go tak samo jak gwiazdy, tyle że błysk ma więcej ramion. Warto go trochę zmniejszyć w pionie by uzyskać efekt pewnej perspektywy.


Lime Point Efekt końcowy:




Lime Point Koniec


Uwagi:
  • Chmury mogą wychodzić poza obszar prostokąta - wtedy można wykadrować obraz i uzyskamy lepszy efekt.
  • Przy wprowadzaniu koloru w postaci RGBA nie można zapomnieć o ostatniej liczbie heksadecymalnej - zazwyczaj ff - w przeciwnym przypadku alfa automatycznie ustawi się na 0 i nie zobaczymy naszego kształtu.
  • Dodatkowo, można pozbyć się linii, która może powstać nad powierzchnią wody. Jeśli coś takiego Ci się pojawi, możesz zaznaczyć góry, dalej menu Ścieżka->Rozdziel, a potem można pozaznaczać linie nad wodą i usunąć je.




2  Ogólne dyskusje / Języki Internetu / Odp: Szukasz dobrego, darmowego serwera? Zajrzyj tutaj! : 04.02.2008, 11:14:26
można też założyc konto na 110mb.com - 100 mB i dają reklamy tylko na stronach błędów
3  Ogólne dyskusje / Języki Internetu / Odp: Jak podzielić strone nie używając ramek? : 04.02.2008, 10:28:01
Lepiej zmień style - umieść je w ten sposób:

<style type="text/css">
  div.foobar {
    border:2px solid blue;
  }
</style>
...
<div class="foobar">qwerty</div>


zamiast:

<div style="border:2px solid blue;">qwerty</div>

to unikniesz powtarzania kodu.

A jeśli chodzi o problem, to jeśli chcesz stałą szerokość treści strony:
<style type="text/css">
  body {
    text-align:center;
  }
  div.center {
    width:600px;
    margin:0px auto;
  }
  div.left {
    float:left;
    width:150px;
  }
  div.right {
    float:right;
    width:150px;
  }
  div.inside {
    margin:0px 150px;
  }
</style>
...
<body>
<div class="center">
<div class="left">lewy pasek</div>
<div class="right">prawy pasek</div>
<div class="inside">treść</div>
<div style="clear:both;"></div>
</div>
</body>


mam nadzieję, że się przyda

edit: Poblem z Joomlą jesp spowodowany brakiem połączenia z bazą danych. Wystarczy przeczytać, jaki wyskakuje błąd: Could not connect to the database server. Albo nie masz bazy danych, albo zmieniło ci się hasło w bazie, albo baza się popsuła.
4  Hyde zone / [Archiwum] Pomocna dłoń - Inkscape / Odp: Kolory znacznika końca linii : 04.02.2008, 09:38:33
Oj, przepraszam. Żeby to zmienić trzeba:
- otworzyć <svg:defs>,
- otworzyć <svg:marker id="Dot_l">,
- wybrać <svg:path>,
- ustawić styl.
Teraz na pewno działa.
5  Hyde zone / [Archiwum] Pomocna dłoń - Inkscape / Odp: Kolory znacznika końca linii : 04.02.2008, 09:29:29
Grzebanie w XML-u może pomóc - otwórz odpowiedni tag
<svg:defs>,
tam znajdziesz
<svg:marker id="Dot_l">.
Gdy go wybierzesz, pojawi się styl:
overflow:visible.
Tam możesz dopisać to co Cię interesuje, by uzyskać na przykład:
overflow:visible; fill:#FF00000; stroke:#00FF00;
Strony: [1]