Ćwiczenie 10
Kartka świąteczna
1
Gałązka choinkowa ... 6
Rysowanie wstążki ... 8
Gałązki ... 12
Rysowanie liści ... 13
Tworzenie napisu ... 15
Rysowanie dzwonków ... 16
Rysowanie jarzębiny ... 20
Efekt końcowy ... 21
2
Kartka
1. Rysujemy prostokąt poleceniem Prostokąt ustawiając szerokość na 500 pikseli oraz wysokość 300 pikseli. Nadajemy mu kolor wypełnienia #C8B599 oraz ustawiamy kontur na brak.
2. Rysujemy ponownie prostokąt na szerokość 500 pikseli oraz wysokość 105 piksela. Nadajemy mu kolor wypełnienia #340200 oraz ustawiamy kontur na brak.
3. Umieszczamy mniejszy prostokąt pod większym. W celu precyzyjnego ułożenia wykorzystaj polecenia X oraz Y przy rozmieszczaniu. Zauważ, że wszystkie prostokąty posiadają tą samą współrzędną X.
4. Rysujemy 3 prostokąt poleceniem Prostokąt ustawiając szerokość na 500 pikseli oraz wysokość 6 pikseli. Nadajemy mu kolor wypełnienia #C857040 oraz ustawiamy kontur na brak.
Umieszczamy najmniejszy prostokąt nad prostokątem w kolorze czerwonym tak jak na rysunku.
5. Rysujemy prostokąt poleceniem Prostokąt będącym "cieniem" złotego prostokąta ustawiając szerokość na 500 pikseli oraz wysokość 6 pikseli. Nadajemy mu kolor wypełnienia na czarny oraz ustawiamy kontur na brak. Umieszczamy go jak na rysunku.
3
7. Następnie wybieramy polecenie Obiekt - Przesuń w górę lub wciskamy klawisz Page_up.
Efektem tej operacji będzie umieszczenie naszego "cienia" dokładnie pod złotym prostokątem.
Rysunek przedstawia efekt.
8. Tworzymy teraz nasz środek. Za pomocą polecenia prostokąt rysujemy go na odpowiedni wymiar szerokości 400 piksela oraz wysokości 220. Prostokąt przenosimy na obszar naszej kartki i dajemy wypełnienie na kolor biały.
9. Następnie zaznaczamy prostokąt i wciskamy ikonę z bocznego paska na Edycję węzłów. Na prostokącie pojawi się w prawym górnym rogu biała kropka. Przesuń ją kursorem myszy w dół w celu zaokrąglenia tak jak na rysunku.
4
10. Teraz wykonamy złoty kontur. Kopiujemy nasz biały zaokrąglony po rogach kwadrat i kopiujemy go w te same miejsce co pierwotny kwadrat (używaj poleceń X oraz Y w celu precyzyjnego ustawienia).
11. Ustawiamy dla niego wypełnienie na brak oraz kontur na kolor #786721. Efektem tej operacji powinno być pojawienie się konturu kwadratu. Teraz za pomocą polecenia Ścieżka - Odsuń do wewnątrz lub CTRL+( odsuwamy nasz kontur aż 7 razy. Ustawiamy teraz grubość konturu na 2 piksele. Wynik przedstawia rysunek poniżej.
12. Na samym końcu ustawimy lepszy efekt wizualny dla pola czerwonego z napisem. Zaznaczamy ten kwadratowy obszar i wybieramy polecenie Filtry – ABC – Oświetlenie rozproszone (dyfuzja).
5
13. Dla lepszego efektu wizualnego dla największego pola zastosujemy teksturę pomarszczonego papieru. Wybieramy polecenie Filtry – Tekstura – Pomarszczony papier. Zaraz ujrzymy następujący efekt. Pamiętaj o przeniesieniu na odpowiedni poziom czarnego prostokąta tak, aby on zakrył dół pomarszczonej kartki.
Tło kartki
1. Rysujemy za pomocą polecenia Okrąg różne pod względem wielkości obiekty na tle naszej kartki. Przykładowo pokazana na obrazku poniżej. Nadajemy im kolor #d2c7b6.
6
2. Zaznaczamy wszystkie okręgi i grupujemy je wciskając CTRL+G. Wciskamy następnie klawisz End, a następnie Pageu_up. Operacja ta spowodowała przesuniecie obiektów nad tło kartki lecz znajdują się za zaokrąglonym białym kwadratem.
3. Zaznaczone okręgi wybieramy polecenie Filtry - Rozmycie - Smuga pionowa. Następnie wybieramy te same polecenie lecz kończąc na Smudze poziomej.
Gałązka choinkowa
1. Za pomocą polecenia Pióra z opcją linii prostych rysujemy obiekt składający się z 6 odcinków tak jak na rysunku poniżej.
2. Kopiujemy obiekt 2 razy i za pomocą polecenia Edycji węzłów z Zaokrągleniem węzłów modelujemy linie we wszystkich obiektach z wyciągiem ich na róże strony np.: tak jak jest pokazane na rysunku poniżej. Każdy obiekt jest inny w celu urozmaicenia odcinka choinki.
7
3. Nadajemy każdemu obiektowi różne kolory: 1 - #008000, 2 - #2d5016, 3 - #55d400. Nakładamy je na siebie w celu utworzenia odcinka naszej gałązki.
4. Grupujemy wszystkie 3 obiekty w jedno za pomocą polecenia CTRL+G po uprzednim zaznaczeniu wszystkich.
5. Kopiujemy je na siebie w celu utworzenia całej gałązki tak jak na rysunku poniżej. Grupujemy wszystkie obiekty w jedno tak jak ostatnio. Teraz możemy manipulować naszą gałązką pod względem wielkości i szerokości.
8
6. Ustawiamy gałązki tak jak na rysunku poniżej.
Pamiętaj, aby gałązki były na wierzchu. Na to mamy dwa sposoby - albo tworzymy warstwę dla gałązek, a drugą dla reszty, gdzie wtedy umieszczamy warstwę gałązek nad warstwą z resztą lub zaznaczamy gałązki i przenosimy je na wierzch poleceniem Obiekt - Przenieś na wierzch lub wciśnij klawisz Home.
Rysowanie wstążki
1. Przy pomocy pióra czyli tzw. Krzywych Beziera rysujemy kształt podobny jak na rysunku.
Wielkość według własnych ustaleń.
2. Zaznaczamy cały rysunek i klikamy na Edycję węzłów. Pojawią nam się węzły w postaci rombów. Klikamy na wszystkie romby (LPM+Shift – zaznaczenie na niebiesko) prócz tych, które kończą wstążkę i klikamy na ikonę w górnym pasku na Automatycznie wygładź zaznaczone węzły.
9
3. Następnie przy pomocy pióra tworzymy elementy, które dają wrażenie zawijana wstążki w miejscach tak jak na rysunku poniżej. Zaokrąglenie następuje przez zaznaczenie linii, a następnie przesunięciem w dowolnym kierunku po zmianie kursora w „łapkę”. Dopasuj tak jak jest pokazane na rysunku poniżej.
4. Kolorujemy wypełnieniem #D40000 oraz konturem #552200. Następnie zaznaczamy cały obiekt i go grupujemy. Zaznaczamy wszystko i wciskamy CTRL+G lub z paska Obiekt - Grupuj.
5. Zaznaczamy obiekt i wybieramy polecenie Filtry - Cień i poświata - poświata.
10
6. Za pomocą polecenia Gwiazdka narysuj gwiazdę 5 ramienną w kolorze białym i z parametrami konturu - Szerokość 1 piksel oraz zaznacz Połączenie i Zakończenie na zaokrąglone.
7. Efekt jest pokazany na rysunku poniżej. Następnie rozłóż gwiazdki po wewnętrznej stronie wstążki.
11
10. Narysuj za pomocą pióra dwa odcinki proste, a następnie zaokrąglij je za pomocą edycji węzłów tak jak na rysunku poniżej.
Jeżeli masz problem to dokładnie wytłumaczone jest to na przykładzie pierwszej wstążki.
11. Pokoloruj wstążkę wypełnieniem #D40000 oraz konturem #552200. Następnie zaznaczamy cały obiekt i go grupujemy. Zaznaczamy wszystko i wciskamy CTRL+G lub z paska Obiekt - Grupuj. Zaznaczamy obiekt i wybieramy polecenie Filtry - Cień i poświata - poświata.
12
12. Za pomocą polecenia Gwiazdka narysuj gwiazdę 5 ramienną w kolorze białym i z parametrami konturu - Szerokość 1 piksel oraz zaznacz Połączenie i Zakończenie na zaokrąglone. Efekt jest pokazany na rysunku poniżej. Następnie rozłóż gwiazdki po wewnętrznej stronie wstążki.
13. Umieszczamy zarówno jedną jak i drugą wstążkę we wskazane miejsce.
Gałązki
1. Rysujemy za pomocą pióra 4 odcinki, które będą odzwierciedleniem późniejszej gałązki.
2. Zaznaczamy wszystkie gałązki i zmieniamy parametry konturu: kolor - #502D16, grubość konturu na 5 pikseli oraz zaznaczamy Połączenie oraz Zakończenie na zaokrąglone.
3. Zaznaczamy wszystkie 2 obiekty i za pomocą Edycji węzłów wykorzystując zaokrąglenie modelujemy linie tak jak na rysunku poniżej.
13
4. Przenosimy gałązkę pod gałązki choinkowe (polecenia przesuń w górę lub na spód). Możemy skopiować gałązkę i przemieścić ją na drugie miejsce tak jak na obrazku.
Rysowanie liści
Liście na ogół posiadają różne kształty, stąd w instrukcji pokazane są trzy sposoby tworzenia prostych liści przy użyciu krzywych oraz zaokrągleń.
1. Rysujemy kształty podobne jak na rysunkach poniżej. Wszystkie rysunki posiadają kontur o grubości 1 piksela oraz są narysowane przez pióro.
2. Po narysowaniu kształtów edytujemy każdy z osobna przez zaznaczenie pierwszego rysunku i wciśnięcia edycji węzłów. Zaznaczamy wszystkie węzły w postaci rombów i klikamy na Automatycznie wygładź zaznaczone węzły. Dopasowujemy kształt tak jak na rysunku poniżej.
14
3. Narysujmy teraz wewnętrzne kontury liści za pomocą pióra tak jak na rysunku. Następnie zaznaczamy główną linie i wciskamy na Edycję węzłów. Zaznaczamy węzły i klikamy na górnym pasku na automatyczne zaokrąglenie węzłów. Co do reszty prostych linii edytujemy kontur, gdzie w zakładce Styl konturu zmieniamy na Połączenie i Zakończenie na zaokrąglone.
Ustawiamy nasze linie mniej więcej jak na obrazie.
4. Zaznaczamy wszystkie liście i nadajemy mu kolor wypełnienia na #677821 oraz kontur na kolor
#112b00. Dorysujmy teraz zakończenia liści. W tym celu rysujemy 2 krótkie odcinki piórem, a następnie wybieramy Edycję węzłów. Zaznaczamy środkowy węzeł i klikamy na Automatycznie zaokrąglenie węzłów. Kolor konturu ustawiamy na #2b1100. Ustawiamy nasze linie tak, aby były zaokrąglone. Rysunek przedstawia jak powinno to wyglądać.
15
5. Zgrupujmy teraz każde elementy osobnych liści tak, aby powstały po zaznaczeniu tylko 3 obiekty odpowiadające każdemu liściowi z osobna.
6. Modyfikujemy nasze liście pod względem wielkości i ustawiamy je jak na rysunku. Korzystajmy z poleceń obrotu, odbicia lustrzanego itp.
Tworzenie napisu
1. Napis utworzymy poleceniem Tekst. Zaznaczamy obszar w czerwonym prostokącie i piszemy następujacy tekst - Merry Christmas and Happy New Year !. Zaznaczamy tekst i zmieniamy rodzaj czcionki na CommercialScript BT z wielkością jej na 35. Kolor tekstu wybieramy #decd87.
2. Ustawiamy tekst tak jak jest to pokazane na obrazku. Pierwszy wers posiada akapitowy odstęp.
W drugim wersie robimy przy wyrazach podwójny odstęp klawiszem spacja.
16
Rysowanie dzwonków
Do rysowania dzwonków zastosujemy polecenie Pióra oraz Okręgu.
1. Poleceniem okrąg tworzymy elipsę tak, aby szerokość była większa od wysokości okręgu.
Ustaw szerokość na 62 piksele, a wysokość na 23 piksele. Następnie za pomocą polecenia Pióra rysujemy 3 odcinki na kształt "kapelusza".
2. Ramiona figury oraz wierzchołki edytujemy za pomocą Edycji węzłów i modyfikujemy linie proste przesuwając daną linie w lewo lub w prawo. Wszystko objaśnia rysunek poniżej. Jak widzimy wszędzie są zaokrąglenia, które tworzą nam górą część dzwonka.
3. Teraz wypełniamy nasze 2 obiekty na kolor wypełnienia #a0892c oraz konturu na #28220b.
4. Nie grupujemy elementów, bo będziemy je modyfikować pod względem nachylenia okręgu, aby dało nam wrażenie innego ustawienia dzwonka. Natomiast górą będziemy manipulować poprzez zmianę wysokości bądź szerokości.
5. Teraz zajmiemy się spodem dzwonków. Jak już było wspomniane są one zrobione osobno z okręgów. Nadajmy im gradient liniowy według parametrów tak jak na rysunku. Zaznaczamy okrąg, klikamy na niego PPM i klikamy na Edycja wypełnienia. Wybieramy gradient liniowy.
17
6. Teraz dorysowujemy środek dzwonków przez polecenie prostokąt i okrąg tak jak na rysunku.
Potem wybieramy wypełnienie kolorem #FFD42a. Usuwamy kontur. Edytujemy wypełnienie wybierając gradient liniowy z następującymi parametrami.
18
7. Teraz dopasuj środek do każdego dzwonka. Pamiętaj, że każdy dzwonek jest ustawiony "pod innym kątem" stąd dostosuj środek pod odpowiednią wielkość.
8. Następnym krokiem będą odpowiednie gwiazdki. Poleceniem Gwiazda rysujemy nasz obiekt z następującymi parametrami: Narożniki - 7, Proporcje ramion - 0,3, Zaokrąglenie - 0,2.
9. Wypełniamy kolorem #ff9955 oraz ustawiamy na brak konturu. Zaznaczamy obiekt i wybieramy polecenie Edycja węzłów. Pojawią nam się kwadratowe węzły i kropka.
Przesuwamy kropkę odrobinę w lewo czego wynikiem jest przesunięcie ramion lekko w lewo.
10. Ostatnim korkiem naszej gwiazdy jest jej rozciągnięcie. Zaznaczamy gwiazdkę i wybieramy polecenie Edycja węzłów. Następnie szukamy ponownie kropki i rozciągamy ją pionowo bądź poziomo do uzyskania takiego kształtu jak poniżej. Na samym końcu układamy je na dzwonkach. Szerokość i wysokość gwiazdek to 14 pikseli.
11. Grupujemy każde elementy tworząc tylko 5 obiektów, którymi są dzwonki. Ustawiamy dzwonki mniej więcej tak jak na rysunku. Pamiętaj o przesuwaniu obiektów góra/dół.
19
12. Za pomocą polecenia Pióra rysujemy wstążkę za pomocą linii prostych mniej więcej jak na rysunku. Kontur linii ustalamy na kolor #28220b. Następnie za pomocą polecenia Edycji węzłów modyfikujemy nasze linie tak, aby je zaokrąglić.
13. Grupujemy wszystko za pomocą kombinacji klawiszy CTRL+G i przesuwamy w odpowiednie miejsce.
20
Rysowanie jarzębiny
1. Tworzymy teraz nasze jarzębiny za pomocą polecenia Okrąg. Rysujemy okrąg o wysokości i szerokości 15 pikseli. Ustawiamy kolor wypełnienia na #ff0000 oraz konturu na #2b0000.
2. Następnie edytujemy wypełnienie, ustawiamy gradient liniowy z parametrami tak jak przedstawia obrazek.
3. Po ustawianiu parametru zmieni nam się wypełnienie jarzębiny w następujący sposób.
4. Ustawiamy nasze jarzębiny tak jak na obrazku poniżej. Pamiętaj o przesuwaniu okręgów za pomocą poleceń przesunięcia w górę (Page_up) lub w dół (Page_down).
21
