{"id":258678,"date":"2023-11-26T13:15:00","date_gmt":"2023-11-26T10:15:00","guid":{"rendered":"https:\/\/inform.click\/jak-stworzyc-odkurzacz-w-programie-adobe-illustrator\/"},"modified":"2023-11-26T13:53:00","modified_gmt":"2023-11-26T10:53:00","slug":"jak-stworzyc-odkurzacz-w-programie-adobe-illustrator","status":"publish","type":"post","link":"https:\/\/inform.click\/pl\/jak-stworzyc-odkurzacz-w-programie-adobe-illustrator\/","title":{"rendered":"Jak stworzy\u0107 odkurzacz w programie Adobe Illustrator"},"content":{"rendered":"

\n Adobe Illustrator mo\u017ce by\u0107 nieco trudny do opanowania, szczeg\u00f3lnie po przyzwyczajeniu si\u0119 do przep\u0142ywu pracy w aplikacjach takich jak Photoshop. R\u00f3\u017cnice mi\u0119dzy u\u017cyciem warstw a tworzeniem obiekt\u00f3w i kszta\u0142t\u00f3w mog\u0105 by\u0107 naprawd\u0119 dziwne na pierwszy rzut oka.\n<\/p>\n

\n W poni\u017cszym samouczku dowiesz si\u0119, jak stworzy\u0107 odkurzacz w programie Adobe Illustrator. Na pocz\u0105tek dowiesz si\u0119, jak tworzy\u0107 g\u0142\u00f3wne kszta\u0142ty przy u\u017cyciu podstawowych narz\u0119dzi (Pi\u00f3ro, Prostok\u0105t, narz\u0119dzia Elipsa\u2026) i technik (\u015acie\u017cka przesuni\u0119cia, Maska przycinaj\u0105ca\u2026). Nast\u0119pnie dowiesz si\u0119, jak dodawa\u0107 cieniowanie i \u015bwiat\u0142a do tych kszta\u0142t\u00f3w, u\u017cywaj\u0105c podstawowych technik mieszania i budowania kszta\u0142t\u00f3w wektorowych, a tak\u017ce wielu efekt\u00f3w. Zaczynajmy!\n<\/p>\n

\n Ostateczny wynik\n<\/p>\n

\n Zobaczmy, co b\u0119dziesz tworzy\u0107 w tym samouczku.\n<\/p>\n

\n Utw\u00f3rz odkurzacz w programie Illustrator
\n<\/h3>\n

\n Utw\u00f3rz nowy dokument
\n<\/h4>\n

\n 1 Uruchom program Illustrator, a nast\u0119pnie naci\u015bnij (Ctrl + N<\/strong> ), aby utworzy\u0107 nowy<\/strong> dokument. Wybierz Piksele<\/strong> z rozwijanego menu Jednostki, wprowad\u017a<\/strong> 725<\/strong> w polu szeroko\u015bci i 620<\/strong> w polu wysoko\u015bci, a nast\u0119pnie kliknij  przycisk Zaawansowane<\/strong>. Wybierz RGB<\/strong>, Ekran (72 ppi)<\/strong> i upewnij si\u0119, \u017ce pole Wyr\u00f3wnaj nowe obiekty do siatki pikseli<\/strong> nie jest zaznaczone przed klikni\u0119ciem OK<\/strong>.\n<\/p>\n

\"\"<\/a><\/p>\n

\n Utw\u00f3rz Ko\u0142o
\n<\/h4>\n

\n 2 Zacznij od narysowania elipsy o wymiarach 116<\/strong> na 116 pikseli za pomoc\u0105 narz\u0119dzia Elipsa (L)<\/strong>. Nast\u0119pnie wype\u0142nij t\u0119 elips\u0119 gradientem liniowym, jak pokazano poni\u017cej. Pozostaw wybran\u0105 wynikow\u0105 elips\u0119 i przejd\u017a do Obiekt > \u015acie\u017cka > \u015acie\u017cka przesuni\u0119cia<\/strong> \u2026 Wprowad\u017a przesuni\u0119cie -5px<\/strong> i kliknij OK<\/strong>. Zamie\u0144 istniej\u0105cy kolor nowej elipsy na R=102, G=102, B=99<\/strong> i dodaj obrys 1px<\/strong> (zastosuj gradient liniowy w obrysie). Upewnij si\u0119, \u017ce wynikowa elipsa jest nadal zaznaczona i przejd\u017a do Efekt > Rozmycie > Rozmycie gaussowskie<\/strong> \u2026 Wprowad\u017a promie\u0144 1px<\/strong>, a nast\u0119pnie kliknij OK<\/strong>.\n<\/p>\n

\"\"<\/a>\"\"<\/a><\/p>\n

\n 3 Wybierz now\u0105 elips\u0119 utworzon\u0105 w kroku 2<\/strong> i przejd\u017a do Obiekt > \u015acie\u017cka > \u015acie\u017cka przesuni\u0119cia<\/strong> \u2026 Wprowad\u017a przesuni\u0119cie -8px<\/strong> i kliknij OK<\/strong>. Pozostaw wybran\u0105 now\u0105 elips\u0119 i przejd\u017a do palety Wygl\u0105d (<\/strong> Okno > Wygl\u0105d<\/strong> ), a nast\u0119pnie usu\u0144 sekcj\u0119 Rozmycie gaussowskie. Nast\u0119pnie zamie\u0144 istniej\u0105cy kolor tej elipsy na R=63, G=63, B=64<\/strong> i zmie\u0144 grubo\u015b\u0107 obrysu na 2px<\/strong>, a nast\u0119pnie zast\u0105p istniej\u0105cy kolor obrysu gradientem liniowym w poprzek obrysu. Upewnij si\u0119, \u017ce wynikowa elipsa jest nadal zaznaczona i ponownie otw\u00f3rz okno Odsu\u0144 \u015bcie\u017ck\u0119<\/strong>. W polu \u015acie\u017cka przesuni\u0119cia wprowad\u017a promie\u0144 -25px<\/strong> i kliknijdobrze<\/strong>. Zast\u0105p istniej\u0105cy kolor nowej elipsy gradientem promieniowym, a nast\u0119pnie zast\u0105p istniej\u0105cy kolor obrysu nowym gradientem liniowym w poprzek obrysu, jak wida\u0107 na trzecim obrazku poni\u017cej.\n<\/p>\n

\"\"<\/a>\"\"<\/a><\/p>\n

\n 4 Zaczniemy pod\u015bwietla\u0107 rzucaj\u0105cego, aby nada\u0107 mu bardziej tr\u00f3jwymiarowy wygl\u0105d. Za pomoc\u0105 narz\u0119dzia Pi\u00f3ro (P)<\/strong> utw\u00f3rz dwa obiekty, jak pokazano poni\u017cej. Po narysowaniu obiekt\u00f3w wype\u0142nij czerwony obiekt gradientem promieniowym i wype\u0142nij \u017c\u00f3\u0142ty obiekt R=167, G=169, B=172<\/strong>, a nast\u0119pnie ustaw tryb mieszania<\/strong> wynikowego kszta\u0142tu na Hard Light<\/strong>. Nast\u0119pnie ponownie wybierz dwa nowo utworzone kszta\u0142ty i zastosuj dla nich efekt rozmycia gaussowskiego o wielko\u015bci 5 pikseli.<\/strong>\n<\/p>\n

\"\"<\/a>\"\"<\/a><\/p>\n

\n 5 Kontynuuj za pomoc\u0105 narz\u0119dzia Pi\u00f3ro (P) i<\/strong> utw\u00f3rz dwie zakrzywione \u015bcie\u017cki, jak pokazano poni\u017cej. Wype\u0142nij czerwon\u0105 \u015bcie\u017ck\u0119 niczym i dodaj obrys<\/strong> o d\u0142ugo\u015bci 2 pikseli (R=167, G=169, B=172<\/strong> ), a nast\u0119pnie zastosuj profil szeroko\u015bci 1<\/strong> dla wynikowej \u015bcie\u017cki. Nast\u0119pnie wype\u0142nij \u017c\u00f3\u0142t\u0105 \u015bcie\u017ck\u0119 bez i dodaj obrys 2px<\/strong> (R=147, G=149, B=152<\/strong> ), a nast\u0119pnie zastosuj profil szeroko\u015bci 2<\/strong> dla wynikowej \u015bcie\u017cki. Na koniec wybierz i zgrupuj (Ctrl + G<\/strong>) wszystkie obiekty utworzone od pocz\u0105tku kroku 2<\/strong> do tego czasu.\n<\/p>\n

\"\"<\/a><\/p>\n

\n Utw\u00f3rz korpus odkurzacza
\n<\/h4>\n

\n 6 Czas narysowa\u0107 korpus odkurzacza. Wybierz narz\u0119dzie Pi\u00f3ro (P)<\/strong> i utw\u00f3rz obiekt, jak pokazano poni\u017cej. Po narysowaniu obiektu wype\u0142nij go promieniowym gradientem, jak wida\u0107 na drugim obrazku. Nast\u0119pnie post\u0119puj zgodnie z kolejno\u015bci\u0105 obrazk\u00f3w i narysuj dwa obiekty, a nast\u0119pnie wype\u0142nij je podobnie jak te z do\u0142u. Na koniec ponownie wybierz trzy kszta\u0142ty utworzone w tym kroku i prze\u015blij je do ty\u0142u (Ctrl + Shift + lewy nawias kwadratowy<\/strong> ).\n<\/p>\n

\"\"<\/a>\"\"<\/a>
\n\"\"<\/a><\/p>\n

\n 7 Za pomoc\u0105 narz\u0119dzia Pi\u00f3ro (P)<\/strong> utw\u00f3rz obiekt, a nast\u0119pnie wype\u0142nij go gradientem liniowym, jak pokazano poni\u017cej. Nast\u0119pnie narysuj zakrzywion\u0105 \u015bcie\u017ck\u0119, jak wida\u0107 na trzecim obrazku. Po narysowaniu \u015bcie\u017cki wype\u0142nij j\u0105 \u017cadn\u0105 i dodaj obrys 1px (<\/strong> R=241, G=174, B=248<\/strong> ).\n<\/p>\n

\"\"<\/a><\/p>\n

\n 8 Zaczniemy podkre\u015bla\u0107 nowo utworzon\u0105 cz\u0119\u015b\u0107 cia\u0142a. Za pomoc\u0105 narz\u0119dzia Pi\u00f3ro (P)<\/strong> utw\u00f3rz trzy obiekty, jak pokazano poni\u017cej. Po narysowaniu obiekt\u00f3w wype\u0142nij \u017c\u00f3\u0142ty obiekt R=193, G=80, B=207<\/strong> i wype\u0142nij zielony obiekt R=206, G=86, B=219<\/strong>, a nast\u0119pnie wype\u0142nij pozosta\u0142y obiekt gradientem promieniowym jak wida\u0107 na drugim obrazku poni\u017cej. Wybierz ponownie najwi\u0119kszy kszta\u0142t i zastosuj dla niego efekt rozmycia gaussowskiego<\/strong> o wielko\u015bci 5 pikseli. Nast\u0119pnie zastosuj efekt rozmycia gaussowskiego<\/strong> o wielko\u015bci 1 piksela dla dw\u00f3ch pozosta\u0142ych kszta\u0142t\u00f3w. Teraz wybierz kszta\u0142t utworzony w kroku 7<\/strong>, zduplikuj (Ctrl + C, Ctrl + F<\/strong>) raz, a nast\u0119pnie przenie\u015b kopi\u0119 na wierzch (Ctrl + Shift + prawy nawias kwadratowy<\/strong> ). Pozostaw wybran\u0105 kopi\u0119, przytrzymaj klawisz Shift<\/strong> i kliknij trzy kszta\u0142ty, aby zastosowa\u0107 efekt rozmycia zastosowany w tym kroku, a nast\u0119pnie przejd\u017a do Obiekt > Maska przycinaj\u0105ca > Utw\u00f3rz (Ctrl +7)<\/strong>.\n<\/p>\n

\"\"<\/a>\"\"<\/a>
\n\"\"<\/a><\/p>\n

\n 9 Kontynuuj rysowanie kolejnych szczeg\u00f3\u0142\u00f3w, tak jak na poni\u017cszych ilustracjach.\n<\/p>\n

\"\"<\/a><\/p>\n

\n 10 Za pomoc\u0105 narz\u0119dzia Pi\u00f3ro (P)<\/strong> utw\u00f3rz obiekt, a nast\u0119pnie wype\u0142nij go gradientem liniowym, jak pokazano poni\u017cej. Zachowaj wybrany kszta\u0142t wynikowy i zduplikuj go raz (Ctrl + C, Ctrl + F<\/strong> ). Zamie\u0144 istniej\u0105cy kolor kopii na R=134, G=131, B=105<\/strong> i przesu\u0144 wynikowy kszta\u0142t o 1 piksel<\/strong> w g\u00f3r\u0119, a nast\u0119pnie naci\u015bnij raz (Ctrl + lewy nawias kwadratowy<\/strong> ), aby odes\u0142a\u0107 go do ty\u0142u. Zr\u00f3b kopi\u0119 nowego kszta\u0142tu i zast\u0105p istniej\u0105cy kolor tej kopii R=62, G=50, B=47<\/strong>. Nast\u0119pnie przesu\u0144 wynikowy kszta\u0142t o 2 piksele<\/strong> w g\u00f3r\u0119 i przesu\u0144 go o 7 pikseli<\/strong> w lewo, a nast\u0119pnie prze\u015blij go do ty\u0142u (Ctrl + Shift + lewy nawias kwadratowy<\/strong> ).\n<\/p>\n

\"\"<\/a>\"\"<\/a>
\n\"\"<\/a><\/p>\n

\n 11 Kontynuuj, utw\u00f3rz dwa obiekty, a nast\u0119pnie wype\u0142nij je, jak pokazano na poni\u017cszych ilustracjach. Nast\u0119pnie ponownie wybierz te kszta\u0142ty i naci\u015bnij dwukrotnie (Ctrl + lewy nawias kwadratowy<\/strong> ), aby uzyska\u0107 wynik, jak pokazano na ko\u0144cowym obrazku poni\u017cej.\n<\/p>\n

\"\"<\/a>\"\"<\/a>
\n\"\"<\/a><\/p>\n

\n 12 Nast\u0119pnie kratka wentylacyjna. Wybierz narz\u0119dzie Pi\u00f3ro (P)<\/strong> i narysuj obiekt, jak pokazano poni\u017cej, a nast\u0119pnie wype\u0142nij ten obiekt R=29, G=15, B=18<\/strong>. Nast\u0119pnie wykonaj kopi\u0119 (Ctrl + C, Ctrl + F<\/strong>) powsta\u0142ego kszta\u0142tu i usu\u0144 kolor wype\u0142nienia kopii, a nast\u0119pnie dodaj obrys 1px<\/strong> (zastosuj gradient liniowy w obrysie).\n<\/p>\n

\"\"<\/a>\"\"<\/a><\/p>\n

\n 13 Za pomoc\u0105 narz\u0119dzia Elipsa (L)<\/strong> utw\u00f3rz elips\u0119 o wymiarach 5<\/strong> na 5 pikseli. Zr\u00f3b kilka kopii tej elipsy, a nast\u0119pnie umie\u015b\u0107 je w pozycjach, jak wida\u0107 na pierwszym obrazku. Wybierz wszystkie nowo utworzone elipsy, zduplikuj je raz i zgrupuj (Ctrl + G<\/strong>) kopie, a nast\u0119pnie naci\u015bnij (Ctrl +3<\/strong> ), aby ukry\u0107 t\u0119 grup\u0119. Teraz ponownie wybierz wszystkie elipsy i czarny kszta\u0142t utworzony w kroku 12<\/strong>. Nast\u0119pnie otw\u00f3rz palet\u0119 Pathfinder (<\/strong> Window > Pathfinder<\/strong>) i kliknij przycisk Minus Front<\/strong>, a nast\u0119pnie zast\u0105p istniej\u0105cy kolor wynikowego kszta\u0142tu gradientem liniowym, jak pokazano na trzecim obrazku.\n<\/p>\n

\"\"<\/a>\"\"<\/a><\/p>\n

\n 14 Zanim przejdziesz dalej, naci\u015bnij (Ctrl + Alt +3<\/strong> ), aby wy\u015bwietli\u0107 wszystkie elipsy ukryte w kroku 13<\/strong>. Pozostaw te elipsy zaznaczone i przejd\u017a do Obiekt > Przekszta\u0142\u0107 > Przekszta\u0142\u0107 ka\u017cdy<\/strong> \u2026 Post\u0119puj zgodnie z danymi, jak pokazano poni\u017cej, i kliknij OK<\/strong>. Nast\u0119pnie zamie\u0144 istniej\u0105cy kolor obrysu powsta\u0142ych elips na R=97, G=101, B=94<\/strong> i zmie\u0144 ich grubo\u015b\u0107 obrysu na 1px<\/strong>, a nast\u0119pnie zastosuj dla nich profil szeroko\u015bci 1<\/strong>. Na koniec ukryj te nowo utworzone elipsy za kszta\u0142tem utworzonym w kroku 13<\/strong>.\n<\/p>\n

\"\"<\/a><\/p>\n

\n 15 Za pomoc\u0105 narz\u0119dzia Pi\u00f3ro (P)<\/strong> utw\u00f3rz obiekt, jak pokazano poni\u017cej, a nast\u0119pnie wype\u0142nij go R=95, G=95, B=95<\/strong> i ukryj wynikowy kszta\u0142t za kszta\u0142tem utworzonym w kroku 13<\/strong>. Teraz wybierz i zgrupuj (Ctrl + G<\/strong>) wszystkie kszta\u0142ty utworzone od pocz\u0105tku kroku 12<\/strong> do tego czasu, a nast\u0119pnie zmniejsz Krycie<\/strong> tej grupy do 70%<\/strong>.\n<\/p>\n

\"\"<\/a>\"\"<\/a><\/p>\n

\n Stw\u00f3rz pojemnik na brud
\n<\/h4>\n

\n 16 Wybierz narz\u0119dzie Prostok\u0105t (M)<\/strong> i utw\u00f3rz obiekt o wymiarach 75 na 100 pikseli<\/strong>, a nast\u0119pnie wype\u0142nij go gradientem liniowym, jak pokazano poni\u017cej. Nast\u0119pnie wykonaj sekwencj\u0119 obrazk\u00f3w i narysuj kilka innych cz\u0119\u015bci podobnych do tych z do\u0142u.\n<\/p>\n

\"\"<\/a>\"\"<\/a>
\n\"\"<\/a>
\n\"\"<\/a><\/p>\n

\n 17 Kontynuuj tworzenie kszta\u0142t\u00f3w, jak wida\u0107 na poni\u017cszych obrazkach. Nast\u0119pnie wybierz wszystkie kszta\u0142ty utworzone w tym kroku i wy\u015blij je do ty\u0142u.\n<\/p>\n

\"\"<\/a>\"\"<\/a>
\n\"\"<\/a><\/p>\n

\n 18 Aby doda\u0107 szczeg\u00f3\u0142y, najpierw narysuj dwie zakrzywione \u015bcie\u017cki, jak pokazano poni\u017cej. Po narysowaniu \u015bcie\u017cek wype\u0142nij zielon\u0105 \u015bcie\u017ck\u0119 i dodaj obrys 1px (<\/strong> R=251, G=221, B=254<\/strong> ). Nast\u0119pnie wype\u0142nij pozosta\u0142\u0105 \u015bcie\u017ck\u0119 \u017cadn\u0105 i dodaj 2px<\/strong> troke (R=251, G=221, B=254<\/strong> ), a nast\u0119pnie wykonaj kopi\u0119 wynikowej \u015bcie\u017cki. Zmie\u0144 grubo\u015b\u0107 obrysu kopii na 3 piksele<\/strong> i zastosuj efekt rozmycia gaussowskiego 2 piksele<\/strong> dla wynikowej \u015bcie\u017cki. Nast\u0119pnie ustaw jego Krycie<\/strong> na Nak\u0142adka<\/strong>, a nast\u0119pnie naci\u015bnij raz (Ctrl + lewy nawias kwadratowy<\/strong> ), aby odes\u0142a\u0107 go do ty\u0142u.\n<\/p>\n

\"\"<\/a>\"\"<\/a><\/p>\n

\n 19 Kontynuuj rysowanie innych szczeg\u00f3\u0142\u00f3w, jak pokazano na poni\u017cszych ilustracjach.\n<\/p>\n

\"\"<\/a><\/p>\n

\n 20 Czas narysowa\u0107 uchwyt do przenoszenia. Za pomoc\u0105 narz\u0119dzia Pi\u00f3ro (P)<\/strong> utw\u00f3rz obiekt i wype\u0142nij go gradientem liniowym, jak pokazano poni\u017cej, a nast\u0119pnie zmniejsz Krycie<\/strong> powsta\u0142ego kszta\u0142tu do 30%<\/strong>. Zr\u00f3b kopi\u0119 (Ctrl + C, Ctrl + F<\/strong>) nowego kszta\u0142tu i usu\u0144 kolor wype\u0142nienia, a nast\u0119pnie dodaj obrys 2px<\/strong> (zastosuj gradient liniowy w obrysie). Nast\u0119pnie zastosuj profil szeroko\u015bci 3<\/strong> dla wynikowego obiektu.\n<\/p>\n

\"\"<\/a>\"\"<\/a><\/p>\n

\n 21 Post\u0119puj zgodnie z sekwencj\u0105 obrazk\u00f3w i narysuj kilka szczeg\u00f3\u0142\u00f3w podobnych do tych poni\u017cej. Na koniec tw\u00f3j pojemnik na brud powinien wygl\u0105da\u0107 mniej wi\u0119cej tak, jak ostateczny obraz.\n<\/p>\n

\"\"<\/a>\"\"<\/a><\/p>\n

\n 22 Zaznacz i zgrupuj (Ctrl + G<\/strong>) wszystkie kszta\u0142ty utworzone od pocz\u0105tku kroku 16<\/strong> do tego czasu, a nast\u0119pnie przejd\u017a do Obiekt > Przekszta\u0142\u0107 > Obr\u00f3\u0107<\/strong> \u2026 Wprowad\u017a k\u0105t -51 stopni<\/strong> i kliknij OK<\/strong>. Umie\u015b\u0107 t\u0119 grup\u0119 w pozycji, jak wida\u0107 na drugim obrazie, a nast\u0119pnie naci\u015bnij kilka razy (Ctrl + lewy nawias kwadratowy<\/strong> ), aby uzyska\u0107 wynik pokazany na ko\u0144cowym obrazie.\n<\/p>\n

\"\"<\/a>\"\"<\/a><\/p>\n

\n 23 Teraz post\u0119puj zgodnie z kolejno\u015bci\u0105 obrazk\u00f3w i narysuj kszta\u0142ty podobne do tych z do\u0142u. Nast\u0119pnie wybierz te kszta\u0142ty i ukryj je za grup\u0105 \u201edirt_container”.\n<\/p>\n

\"\"<\/a>\"\"<\/a>
\n\"\"<\/a>
\n\"\"<\/a><\/p>\n

\n 24 Za pomoc\u0105 narz\u0119dzia Pi\u00f3ro (P)<\/strong> utw\u00f3rz obiekt i wype\u0142nij go gradientem liniowym, jak pokazano poni\u017cej, a nast\u0119pnie przesu\u0144 wynikowy kszta\u0142t na sp\u00f3d.\n<\/p>\n

\"\"<\/a><\/p>\n

\n 25 Za pomoc\u0105 narz\u0119dzia Rounded Rectangle Tool<\/strong>, Rectangle Tool (M)<\/strong> i Pen Tool (P)<\/strong> utw\u00f3rz trzy obiekty, a nast\u0119pnie wype\u0142nij je, jak wida\u0107 na poni\u017cszych obrazkach. Nast\u0119pnie wybierz i zgrupuj (Ctrl + G<\/strong>) trzy nowo utworzone kszta\u0142ty.\n<\/p>\n

\"\"<\/a>\"\"<\/a><\/p>\n

\n 26 Umie\u015b\u0107 nowo utworzon\u0105 grup\u0119 w miejscu pokazanym poni\u017cej. Utw\u00f3rz kopi\u0119 (Ctrl + C, Ctrl + F<\/strong>) tej grupy, przesu\u0144 t\u0119 kopi\u0119 o 3 piksele<\/strong> w g\u00f3r\u0119 i 11 pikseli<\/strong> w lewo, a nast\u0119pnie wy\u015blij j\u0105 z powrotem.\n<\/p>\n

\"\"<\/a>\"\"<\/a><\/p>\n

\n 27 Kontynuuj tworzenie kolejnego obiektu i wype\u0142nij go gradientem liniowym, jak pokazano poni\u017cej, a nast\u0119pnie prze\u015blij wynikowy kszta\u0142t na sp\u00f3d.\n<\/p>\n

\"\"<\/a><\/p>\n

\n 28 Wybierz narz\u0119dzie Prostok\u0105t (M)<\/strong> i utw\u00f3rz dwa prostok\u0105ty o wymiarach: 13px na 11px<\/strong> i 14px na 6px<\/strong>, a nast\u0119pnie wype\u0142nij te prostok\u0105ty gradientem liniowym, jak wida\u0107 na czwartym obrazku. Nast\u0119pnie za pomoc\u0105 narz\u0119dzia Segment linii()<\/strong> utw\u00f3rz lini\u0119 poziom\u0105 z obrysem 1px (<\/strong> R=0, G=0, B=0<\/strong>) i bez wype\u0142nienia, a nast\u0119pnie ukryj t\u0119 lini\u0119 za mniejszym prostok\u0105tem utworzonym w tym kroku.\n<\/p>\n

\"\"<\/a>\"\"<\/a><\/p>\n

\n 29 Wybierz i zgrupuj (Ctrl + G<\/strong>) wszystkie obiekty utworzone w kroku 28<\/strong>, a nast\u0119pnie obr\u00f3\u0107 t\u0119 grup\u0119 o k\u0105t oko\u0142o -30 stopni<\/strong>. Umie\u015b\u0107 now\u0105 grup\u0119 w pozycji, jak wida\u0107 na pierwszym obrazku, a nast\u0119pnie wy\u015blij j\u0105 z powrotem. W tym momencie Twoja grafika powinna wygl\u0105da\u0107 tak, jak na obrazie ko\u0144cowym.\n<\/p>\n

\"\"<\/a>\"\"<\/a><\/p>\n

\n 30 Teraz wykonaj sekwencj\u0119 obrazk\u00f3w i narysuj kszta\u0142ty podobne do tych z do\u0142u.\n<\/p>\n

\"\"<\/a>\"\"<\/a>
\n\"\"<\/a>
\n\"\"<\/a>
\n\"\"<\/a>
\n\"\"<\/a>
\n\"\"<\/a>
\n\"\"<\/a>
\n\"\"<\/a><\/p>\n

\n Utw\u00f3rz w\u0105\u017c
\n<\/h4>\n

\n 31 Za pomoc\u0105 narz\u0119dzia Pi\u00f3ro (P)<\/strong> utw\u00f3rz zakrzywion\u0105 \u015bcie\u017ck\u0119, jak pokazano poni\u017cej. Po narysowaniu \u015bcie\u017cki wype\u0142nij j\u0105 \u017cadn\u0105 i dodaj obrys 28 pikseli<\/strong> (zastosuj liniowy gradient w poprzek obrysu).\n<\/p>\n

\"\"<\/a>\"\"<\/a><\/p>\n

\n 32 Wykonaj kopi\u0119 (Ctrl + C, Ctrl + F<\/strong>) \u015bcie\u017cki utworzonej w kroku 31<\/strong>, a nast\u0119pnie zmie\u0144 grubo\u015b\u0107 obrysu kopii na 32 piksele<\/strong> i zast\u0105p istniej\u0105cy kolor obrysu nowym gradientem liniowym w poprzek obrysu. Pozostaw wybran\u0105 wynikow\u0105 \u015bcie\u017ck\u0119 i otw\u00f3rz palet\u0119 Obrys (<\/strong> Okno > Obrys<\/strong> ). Zaznacz pole Linia przerywana<\/strong>, a nast\u0119pnie wpisz 2 piksele<\/strong> w polu kreski<\/strong> i 2 piksele<\/strong> w polu odst\u0119pu<\/strong>.\n<\/p>\n

\"\"<\/a><\/p>\n

\n 33 Aby doda\u0107 szczeg\u00f3\u0142y, najpierw narysuj zakrzywion\u0105 \u015bcie\u017ck\u0119, jak pokazano poni\u017cej. Wype\u0142nij t\u0119 \u015bcie\u017ck\u0119 \u017cadn\u0105 i dodaj obrys 5 pikseli<\/strong> (R=243, G=174, B=249<\/strong> ), a nast\u0119pnie zastosuj profil szeroko\u015bci 1<\/strong> dla wynikowej \u015bcie\u017cki. Nast\u0119pnie zmie\u0144 tryb mieszania<\/strong> nowej \u015bcie\u017cki na Pomn\u00f3\u017c<\/strong>, a nast\u0119pnie zastosuj efekt rozmycia gaussowskiego 3px<\/strong> dla wynikowej \u015bcie\u017cki. Na koniec wybierz i zgrupuj (Ctrl + G<\/strong>) trzy \u015bcie\u017cki utworzone od pocz\u0105tku kroku 31<\/strong> do tego czasu, a nast\u0119pnie ode\u015blij t\u0119 grup\u0119 do ty\u0142u.\n<\/p>\n

\"\"<\/a>\"\"<\/a><\/p>\n

\n Stw\u00f3rz teleskopow\u0105 r\u00f3\u017cd\u017ck\u0119
\n<\/h4>\n

\n 34 Wybierz narz\u0119dzie Elipsa<\/strong> i utw\u00f3rz dwie elipsy o wymiarach: 4px na 38px<\/strong> i 4px na 34px<\/strong>. Nast\u0119pnie obr\u00f3\u0107 czerwon\u0105 elips\u0119 o k\u0105t oko\u0142o -6 stopni<\/strong> i obr\u00f3\u0107 niebiesk\u0105 elips\u0119 o k\u0105t oko\u0142o -8 stopni<\/strong>, a nast\u0119pnie umie\u015b\u0107 te elipsy we w\u0142a\u015bciwych pozycjach, jak pokazano na trzecim obrazku.\n<\/p>\n

\"\"<\/a>\"\"<\/a><\/p>\n

\n 35 Wype\u0142nij czerwon\u0105 elips\u0119 R=67, G=64, B=65<\/strong>. Nast\u0119pnie wype\u0142nij niebiesk\u0105 elips\u0119 gradientem liniowym, jak pokazano poni\u017cej, a nast\u0119pnie utw\u00f3rz kopi\u0119 powsta\u0142ej elipsy i ukryj kopi\u0119. Teraz ponownie wybierz dwie nowo utworzone elipsy i przejd\u017a do Object > Blend > Blend Options<\/strong> \u2026 Post\u0119puj zgodnie z danymi, jak widzisz na drugim obrazku i kliknij OK<\/strong>, a nast\u0119pnie przejd\u017a do Object > Blend > Make (Ctrl + Alt + B)<\/strong>.\n<\/p>\n

\"\"<\/a>\"\"<\/a><\/p>\n

\n 36 Zanim przejdziesz dalej, naci\u015bnij (Ctrl + Alt +3<\/strong> ), aby wy\u015bwietli\u0107 elips\u0119 ukryt\u0105 w kroku 35<\/strong>, a nast\u0119pnie zast\u0105p jej istniej\u0105cy kolor nowym gradientem liniowym, jak pokazano poni\u017cej. Nast\u0119pnie za pomoc\u0105 narz\u0119dzia Elipsa (L)<\/strong> utw\u00f3rz obiekt o wymiarach 4<\/strong> na 24 piksele, a nast\u0119pnie obr\u00f3\u0107 t\u0119 elips\u0119 o k\u0105t oko\u0142o -22 stopni<\/strong> i umie\u015b\u0107 wynikow\u0105 elips\u0119 we w\u0142a\u015bciwej pozycji, jak pokazano na drugim obrazku. Wype\u0142nij now\u0105 elips\u0119 gradientem liniowym, jak wida\u0107 na trzecim obrazku. Teraz ponownie wybierz dwie nowo utworzone elipsy i przejd\u017a do Object > Blend > Blend Options<\/strong> \u2026 Post\u0119puj zgodnie z danymi, jak widzisz na czwartym obrazku i kliknij OK<\/strong>, a nast\u0119pnie przejd\u017a do Object > Blend > Make (Ctrl + Alt + B)<\/strong>. Na koniec ode\u015blij wynikowy obiekt do ty\u0142u.\n<\/p>\n

\"\"<\/a>\"\"<\/a>
\n\"\"<\/a>
\n\"\"<\/a><\/p>\n

\n 37 Za pomoc\u0105 narz\u0119dzia Pi\u00f3ro (P)<\/strong> utw\u00f3rz trzy obiekty, jak pokazano poni\u017cej. Po narysowaniu obiekt\u00f3w wype\u0142nij czarny obiekt gradientem liniowym, jak wida\u0107 na czwartym obrazie.\n<\/p>\n

\"\"<\/a>\"\"<\/a><\/p>\n

\n 38 Wype\u0142nij dwa pozosta\u0142e obiekty R=70, G=70, B=70<\/strong>. Teraz zaczniemy podkre\u015bla\u0107 te kszta\u0142ty, aby nada\u0107 im bardziej tr\u00f3jwymiarowy wygl\u0105d. Najpierw narysuj cztery zakrzywione \u015bcie\u017cki, jak pokazano na drugim obrazku. Po narysowaniu \u015bcie\u017cek wype\u0142nij zielon\u0105 \u015bcie\u017ck\u0119 i dodaj obrys 4px<\/strong> (R=188, G=190, B=192<\/strong> ). Nast\u0119pnie wype\u0142nij turkusow\u0105 \u015bcie\u017ck\u0119 \u017cadn\u0105 i dodaj obrys 3px<\/strong> (R=35, G=31, B=32<\/strong> ). Nast\u0119pnie wype\u0142nij dwie pozosta\u0142e \u015bcie\u017cki, jak wida\u0107 na czwartym obrazku poni\u017cej. Na koniec wybierz cztery nowe \u015bcie\u017cki i zastosuj dla nich efekt rozmycia gaussowskiego o wielko\u015bci 1 piksela.<\/strong>\n<\/p>\n

\"\"<\/a>\"\"<\/a>
\n\"\"<\/a>
\n\"\"<\/a><\/p>\n

\n 39 Teraz post\u0119puj zgodnie z sekwencj\u0105 obraz\u00f3w i powt\u00f3rz ten sam proces, co poprzednie kroki, aby narysowa\u0107 cztery zakrzywione \u015bcie\u017cki podobne do tych z do\u0142u. Nast\u0119pnie wybierz dolny kszta\u0142t utworzony w kroku 38<\/strong>, zduplikuj go raz, a nast\u0119pnie przenie\u015b kopi\u0119 na wierzch. Pozostaw wybran\u0105 kopi\u0119, przytrzymaj klawisz Shift<\/strong> i kliknij cztery \u015bcie\u017cki z efektem rozmycia zastosowanym w tym kroku, a nast\u0119pnie przejd\u017a do Obiekt > Maska przycinaj\u0105ca > Utw\u00f3rz (Ctrl +7)<\/strong>.\n<\/p>\n

\"\"<\/a>\"\"<\/a>
\n\"\"<\/a>
\n\"\"<\/a><\/p>\n

\n 40 Za pomoc\u0105 narz\u0119dzia Elipsa (L)<\/strong> utw\u00f3rz elips\u0119 o wymiarach 11<\/strong> na 24 piksele, a nast\u0119pnie wype\u0142nij t\u0119 elips\u0119 gradientem radialnym, jak pokazano poni\u017cej. Obr\u00f3\u0107 t\u0119 elips\u0119 o k\u0105t oko\u0142o 22 stopni<\/strong> i umie\u015b\u0107 j\u0105 we w\u0142a\u015bciwej pozycji, jak pokazano na trzecim obrazku, a nast\u0119pnie przesu\u0144 j\u0105 do ty\u0142u.\n<\/p>\n

\"\"<\/a>\"\"<\/a><\/p>\n

\n 41 Teraz wykonaj sekwencj\u0119 obrazk\u00f3w i narysuj kilka kszta\u0142t\u00f3w podobnych do tych z do\u0142u. Mo\u017cesz tak\u017ce zobaczy\u0107 je wszystkie na ostatecznym obrazie.\n<\/p>\n

\"\"<\/a>\"\"<\/a>
\n\"\"<\/a>
\n\"\"<\/a>
\n\"\"<\/a>
\n\"\"<\/a>
\n\"\"<\/a><\/p>\n

\n Utw\u00f3rz narz\u0119dzie pod\u0142ogi
\n<\/h4>\n

\n 42 Za pomoc\u0105 narz\u0119dzia Pi\u00f3ro (P)<\/strong> utw\u00f3rz obiekty, a nast\u0119pnie wype\u0142nij je tak, jak wida\u0107 na poni\u017cszych obrazkach.\n<\/p>\n

\"\"<\/a>\"\"<\/a>
\n\"\"<\/a>
\n\"\"<\/a>
\n\"\"<\/a><\/p>\n

\n 43 Nast\u0119pnie ko\u0142o narz\u0119dzia pod\u0142ogowego. Za pomoc\u0105 narz\u0119dzia Elipsa (L)<\/strong> utw\u00f3rz elips\u0119 o wymiarach 16<\/strong> na 16 pikseli, a nast\u0119pnie wype\u0142nij j\u0105 gradientem liniowym, jak pokazano na drugim obrazku. Zachowaj wybran\u0105 wynikow\u0105 elips\u0119 i zduplikuj j\u0105 (Ctrl + C, Ctrl + F<\/strong>) raz. Przesu\u0144 kopi\u0119 o 1 px<\/strong> w d\u00f3\u0142 i 2 px<\/strong> w lewo. Nast\u0119pnie wykonaj kopi\u0119 nowej elipsy, a nast\u0119pnie ukryj kopi\u0119. Teraz ponownie wybierz dwie nowo utworzone elipsy i przejd\u017a do Object > Blend > Blend Options<\/strong> \u2026 Post\u0119puj zgodnie z danymi, jak wida\u0107 na trzecim obrazku i kliknij OK<\/strong>, a nast\u0119pnie przejd\u017a do Object > Blend > Make (Ctrl + Alt + B)<\/strong>.\n<\/p>\n

\"\"<\/a>\"\"<\/a><\/p>\n

\n 44 Naci\u015bnij (Ctrl + Alt +3<\/strong> ), aby wy\u015bwietli\u0107 elips\u0119 ukryt\u0105 w kroku 43<\/strong>, a nast\u0119pnie zast\u0105p jej istniej\u0105cy kolor R=88, G=89, B=91<\/strong>. Pozostaw wynikow\u0105 elips\u0119 zaznaczon\u0105 i przejd\u017a do Obiekt > \u015acie\u017cka > \u015acie\u017cka przesuni\u0119cia<\/strong> \u2026 Wprowad\u017a przesuni\u0119cie -2px<\/strong> i kliknij OK<\/strong>. Zast\u0105p istniej\u0105cy kolor nowej elipsy gradientem liniowym i dodaj obrys 1px<\/strong> (zastosuj gradient liniowy w obrysie)\n<\/p>\n

\"\"<\/a>\"\"<\/a><\/p>\n

\n 45 Ponownie wybierz now\u0105 elips\u0119 utworzon\u0105 w kroku 44<\/strong> i przejd\u017a do Obiekt > \u015acie\u017cka > \u015acie\u017cka przesuni\u0119cia<\/strong> \u2026 Wprowad\u017a przesuni\u0119cie -2.5px<\/strong> i kliknij OK<\/strong>. Zast\u0105p istniej\u0105cy kolor nowej elipsy nowym gradientem liniowym, a nast\u0119pnie zast\u0105p istniej\u0105cy kolor obrysu nowym gradientem liniowym w obrysie, jak pokazano na drugim obrazie. Pozostaw wynikow\u0105 elips\u0119 zaznaczon\u0105 i ponownie otw\u00f3rz okno \u015acie\u017cka przesuni\u0119cia<\/strong>. Wprowad\u017a przesuni\u0119cie -2px<\/strong> i kliknij OK<\/strong>. Nast\u0119pnie zast\u0105p istniej\u0105cy kolor nowej elipsy nowym gradientem liniowym, a nast\u0119pnie zast\u0105p istniej\u0105cy kolor obrysu nowym gradientem liniowym w obr\u0119bie obrysu, jak pokazano na czwartym obrazie. Powiniene\u015b sko\u0144czy\u0107 z czym\u015b, co widzisz na ko\u0144cowym obrazie.\n<\/p>\n

\"\"<\/a>\"\"<\/a>
\n\"\"<\/a><\/p>\n

\n 46 Za pomoc\u0105 narz\u0119dzia Pi\u00f3ro (P)<\/strong> utw\u00f3rz obiekt, a nast\u0119pnie wype\u0142nij go gradientem liniowym, jak pokazano poni\u017cej. Pozostaw zaznaczony wynikowy kszta\u0142t i przejd\u017a do Obiekt > Przekszta\u0142\u0107 > Przekszta\u0142\u0107 ka\u017cdy<\/strong> \u2026 Post\u0119puj zgodnie z danymi, jak wida\u0107 na drugim obrazku, i kliknij Kopiuj<\/strong>. Utw\u00f3rz kopi\u0119 nowego kszta\u0142tu, a nast\u0119pnie ukryj t\u0119 kopi\u0119. Teraz ponownie wybierz dwa nowo utworzone kszta\u0142ty i przejd\u017a do Object > Blend > Blend Options<\/strong> \u2026 Post\u0119puj zgodnie z danymi, jak widzisz na czwartym obrazku i kliknij OK<\/strong>, a nast\u0119pnie przejd\u017a do Object > Blend > Make (Ctrl + Alt + B)<\/strong>. Nast\u0119pnie poka\u017c kszta\u0142t ukryty w tym kroku i zast\u0105p istniej\u0105cy kolor gradientem radialnym.\n<\/p>\n

\"\"<\/a>\"\"<\/a>
\n\"\"<\/a>
\n\"\"<\/a><\/p>\n

\n 47 Za pomoc\u0105 narz\u0119dzia Pi\u00f3ro (P)<\/strong> utw\u00f3rz zakrzywion\u0105 \u015bcie\u017ck\u0119, jak pokazano poni\u017cej. Po narysowaniu \u015bcie\u017cki wype\u0142nij j\u0105 \u017cadn\u0105 i dodaj obrys 1px (<\/strong> R=35, G=31, B=32<\/strong> ). Kontynuuj tworzenie innej \u015bcie\u017cki, jak wida\u0107 na trzecim obrazie. Nast\u0119pnie wype\u0142nij t\u0119 \u015bcie\u017ck\u0119 \u017cadn\u0105 i dodaj obrys 2px<\/strong> (zastosuj gradient liniowy w obrysie).\n<\/p>\n

\"\"<\/a>\"\"<\/a><\/p>\n

\n 48 Teraz wykonaj sekwencj\u0119 obrazk\u00f3w i narysuj kilka szczeg\u00f3\u0142\u00f3w podobnych do tych z do\u0142u. Powiniene\u015b sko\u0144czy\u0107 z czym\u015b, co widzisz na ko\u0144cowym obrazie.\n<\/p>\n

\"\"<\/a>\"\"<\/a>
\n\"\"<\/a>
\n\"\"<\/a>
\n\"\"<\/a>
\n\"\"<\/a>
\n\"\"<\/a><\/p>\n

\n Dodanie cienia
\n<\/h4>\n

\n 49 Za pomoc\u0105 narz\u0119dzia Pi\u00f3ro (P)<\/strong> utw\u00f3rz obiekt i wype\u0142nij go gradientem liniowym, jak pokazano na poni\u017cszych ilustracjach. Nast\u0119pnie zastosuj efekt rozmycia gaussowskiego 3px<\/strong> dla powsta\u0142ego kszta\u0142tu, a nast\u0119pnie wy\u015blij go z powrotem.\n<\/p>\n

\"\"<\/a>\"\"<\/a>
\n\"\"<\/a><\/p>\n

\n Utw\u00f3rz t\u0142o
\n<\/h4>\n

\n 50 Za pomoc\u0105 narz\u0119dzia Prostok\u0105t (M)<\/strong> utw\u00f3rz prostok\u0105t o wymiarach 725 na 620 pikseli<\/strong>. Nast\u0119pnie wype\u0142nij ten prostok\u0105t gradientem promieniowym, jak pokazano poni\u017cej. Ostatni\u0105 rzecz\u0105 do zrobienia jest umieszczenie naszego odkurzacza w tym tle.\n<\/p>\n

\"\"<\/a><\/p>\n

\n Ostateczny wynik
\n<\/h4>\n

\n Oto jak wygl\u0105da uko\u0144czony projekt. Mam nadziej\u0119, \u017ce spodoba ci si\u0119 ten samouczek.\n<\/p>\n

\n Gratulacje! Uko\u0144czy\u0142e\u015b lekcj\u0119. Mam nadziej\u0119, \u017ce odkry\u0142e\u015b kilka przydatnych rzeczy w tym samouczku. Ostateczny obraz wyniku znajduje si\u0119 poni\u017cej. Cieszy\u0107 si\u0119!\n<\/p>\n

\"\"<\/a><\/p>\n

\n Wniosek
\n<\/h4>\n

\n Cho\u0107 wydaje si\u0119 to trudne, jestem pewien, \u017ce je\u015bli zastosujesz si\u0119 do mojego samouczka, znajdziesz wiele pomocy przy wykorzystaniu swoich umiej\u0119tno\u015bci i obraz\u00f3w do stworzenia w\u0142asnego dzie\u0142a! Jedynki jeszcze raz Dzi\u0119kujemy za skorzystanie z naszego samouczka, z przyjemno\u015bci\u0105 odpowiemy na wszelkie pytania, kt\u00f3re mo\u017cesz mie\u0107. Mo\u017cesz po prostu zostawi\u0107 opini\u0119 i\/lub komentarz poni\u017cej.\n<\/p>\n

\n Pobierz pliki \u017ar\u00f3d\u0142owe wynik\u00f3w
\n<\/h3>\n