\n Ostateczny wynik\n<\/p>\n
\n Zobaczmy, co b\u0119dziesz tworzy\u0107 w tym samouczku.\n<\/p>\n
\n Utw\u00f3rz fajny trymer do brody w programie Illustrator
\n<\/h3>\n\n Krok 1
\n<\/h5>\n
\n<\/h5>\n
\n Zacznijmy od utworzenia nowego dokumentu (Control + N)<\/strong>. Wybierz Piksele z rozwijanego menu Jednostki, wprowad\u017a 800<\/strong> w polach szeroko\u015bci i 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. Kliknij OK<\/strong>\n<\/p>\n \n Wybierz narz\u0119dzie Prostok\u0105t (M)<\/strong> i utw\u00f3rz kszta\u0142t prostok\u0105ta o wymiarach 160 x 545 pikseli .<\/strong> Wype\u0142nij go jasnoniebieskim.\n<\/p>\n \n We\u017a narz\u0119dzie Zaznaczanie bezpo\u015brednie (A)<\/strong>, wybierz dwa punkty kontrolne zaznaczone czerwonymi k\u00f3\u0142kami (na poni\u017cszym obrazku) i przeci\u0105gnij je odpowiednio o 20 pikseli<\/strong> do wewn\u0105trz .\n<\/p>\n \n Funkcja Live Corners<\/strong> jest dost\u0119pna tylko dla u\u017cytkownik\u00f3w CC. Najlepszym rozwi\u0105zaniem zast\u0119puj\u0105cym ten efekt by\u0142by skrypt Round Any Corner, kt\u00f3ry mo\u017cna znale\u017a\u0107 w tym artykule:<\/strong> Skrypty dla programu Adobe Illustrator (JavaScript)<\/a>, kt\u00f3ry mo\u017cna r\u00f3wnie\u017c pobra\u0107 bezpo\u015brednio tutaj<\/a>. Chwy\u0107 narz\u0119dzie Zaznaczanie bezpo\u015brednie (A)<\/strong> i wybierz dwa punkty kontrolne zaznaczone czerwonymi k\u00f3\u0142kami (na poni\u017cszym obrazku), przejd\u017a do Plik > Skrypty > Inny skrypt<\/strong>. Otw\u00f3rz skrypt Round Any Corner<\/strong> i przeci\u0105gnij suwak do 50px<\/strong>.\n<\/p>\n \n Teraz we\u017a narz\u0119dzie Elipsa (L)<\/strong>, utw\u00f3rz kszta\u0142t o wymiarach 85 x 45 pikseli<\/strong> i umie\u015b\u0107 go tak, jak pokazano na poni\u017cszym obrazku. Wy\u015blij ten kszta\u0142t na sp\u00f3d, wybieraj\u0105c polecenie Obiekt > U\u0142\u00f3\u017c > Przesu\u0144<\/strong> na sp\u00f3d. Wybierz nasz niebieski kszta\u0142t i zr\u00f3b kopi\u0119 z przodu (Control-C > Control-F)<\/strong>. Nast\u0119pnie zaznacz kszta\u0142t wykonany w tym kroku oraz nasz\u0105 niebiesk\u0105 kopi\u0119 i kliknij przycisk Minus Front<\/strong> z panelu pathfinder<\/strong>.\n<\/p>\n \n Chwy\u0107 narz\u0119dzie Zaznaczanie bezpo\u015brednie (A)<\/strong> i wybierz dwa punkty kontrolne zaznaczone czerwonymi k\u00f3\u0142kami (na poni\u017cszym obrazku), przejd\u017a do Plik > Skrypty > Inny skrypt<\/strong>. Otw\u00f3rz skrypt Round Any Corner<\/strong> i przeci\u0105gnij suwak do 20px<\/strong>.\n<\/p>\n \n Upewnij si\u0119, \u017ce wybrany jest tw\u00f3j niebieski kszta\u0142t. We\u017a narz\u0119dzie Pi\u00f3ro (P)<\/strong> i dodaj cztery punkty kontrolne, jak pokazano na poni\u017cszym obrazku. Teraz za pomoc\u0105 narz\u0119dzia Zaznaczanie bezpo\u015brednie (A)<\/strong> wybierz dwa punkty kontrolne zaznaczone czerwonymi k\u00f3\u0142kami (na poni\u017cszym obrazku) i przeci\u0105gnij je odpowiednio na zewn\u0105trz o 10 pikseli<\/strong>. Nast\u0119pnie wybierz dwa punkty kontrolne zaznaczone niebieskimi k\u00f3\u0142kami i przeci\u0105gnij je odpowiednio o 3 piksele<\/strong> do wewn\u0105trz .\n<\/p>\n \n We\u017a narz\u0119dzie Zaznaczanie bezpo\u015brednie (A)<\/strong>, wybierz dwa punkty kontrolne zaznaczone czerwonymi k\u00f3\u0142kami (na poni\u017cszym obrazku) i przejd\u017a do Plik > Skrypty > Inny skrypt<\/strong>. Otw\u00f3rz skrypt Round Any Corner<\/strong> i przeci\u0105gnij suwak do 15px<\/strong>. Wybierz dwa punkty kontrolne zaznaczone niebieskimi k\u00f3\u0142kami i kliknij przycisk Konwertuj wybrane punkty kontrolne na g\u0142adkie<\/strong> w g\u00f3rnym panelu.\n<\/p>\n \n Upewnij si\u0119, \u017ce nasz niebieski kszta\u0142t jest zaznaczony i przejd\u017a do Effect > Warp > Arc Upper<\/strong>. Wprowad\u017a ustawienia pokazane poni\u017cej. Nast\u0119pnie przejd\u017a do Obiekt > Rozwi\u0144 wygl\u0105d<\/strong>.\n<\/p>\n \n Wybierz nasz niebieski kszta\u0142t i wykonaj dwie kopie z przodu (Control-C > Control-F> Control-F)<\/strong>. Wybierz g\u00f3rn\u0105 kopi\u0119 i przesu\u0144 j\u0105 o 40 pikseli<\/strong> na g\u00f3r\u0119. Nast\u0119pnie wybierz narz\u0119dzie Prostok\u0105t (M)<\/strong> i utw\u00f3rz kszta\u0142t prostok\u0105ta o wymiarach 240 x 530 pikseli .<\/strong>\n<\/p>\n \n Teraz zaznacz prostok\u0105t wykonany w poprzednim kroku i g\u00f3rn\u0105 kopi\u0119 naszego niebieskiego kszta\u0142tu i kliknij przycisk Unite<\/strong> z panelu pathfinder<\/strong>. Wybierz wynikowy kszta\u0142t i drug\u0105 kopi\u0119 naszego niebieskiego kszta\u0142tu i kliknij przycisk Minus Front<\/strong> w panelu wyszukiwania \u015bcie\u017cek .<\/strong> Powiniene\u015b mie\u0107 wynikowy kszta\u0142t, jak pokazano na ostatnim obrazku.\n<\/p>\n \n Nadamy temu wszystkiemu troch\u0119 koloru. Wybierz dolny kszta\u0142t i wype\u0142nij go gradientem<\/strong>, jak pokazano. Nast\u0119pnie wybierz drugi kszta\u0142t i wype\u0142nij go gradientem<\/strong>, jak pokazano poni\u017cej.\n<\/p>\n \n W tym kroku dodamy siatk\u0119 gradientu. We\u017a narz\u0119dzie Siatka (U)<\/strong> i po prostu kliknij na g\u00f3rze naszego niebieskiego kszta\u0142tu, jak pokazano na poni\u017cszym obrazku, aby utworzy\u0107 siatk\u0119. Nast\u0119pnie za pomoc\u0105 narz\u0119dzia Zaznaczanie bezpo\u015brednie (A)<\/strong> kliknij \u015brodkowy obszar i wype\u0142nij go kolorem #504c4b<\/strong>. Teraz wype\u0142nij pozosta\u0142e obszary, jak pokazano na obrazku.\n<\/p>\n \n Upewnij si\u0119, \u017ce nasz drugi kszta\u0142t na dole jest zaznaczony i wykonaj dwie kopie z przodu (Control-C > Control-F> Control-F)<\/strong>. Wybierz doln\u0105 kopi\u0119 i przesu\u0144 j\u0105 o 8 pikseli<\/strong> na g\u00f3r\u0119. Teraz zaznacz obie kopie wykonane w tym kroku i kliknij przycisk Minus Front<\/strong> w panelu wyszukiwania \u015bcie\u017cek .<\/strong> Wype\u0142nij powsta\u0142y kszta\u0142t gradientem<\/strong>, jak pokazano poni\u017cej.\n<\/p>\n \n Zr\u00f3b kopi\u0119 z przodu (Control-C > Control-F)<\/strong> kszta\u0142tu wykonanego w poprzednim kroku i przeci\u0105gnij 8 pikseli<\/strong> na g\u00f3r\u0119. Wype\u0142nij ten kszta\u0142t gradientem<\/strong>, jak pokazano poni\u017cej.\n<\/p>\n \n Wybierz narz\u0119dzie Prostok\u0105t (M)<\/strong> i utw\u00f3rz prostok\u0105t o wymiarach 6 x 40 pikseli .<\/strong> Wype\u0142nij go jasnoniebieskim. Nast\u0119pnie za pomoc\u0105 narz\u0119dzia Zaznaczanie bezpo\u015brednie (A)<\/strong> wybierz punkt kontrolny zaznaczony czerwonym k\u00f3\u0142kiem i przeci\u0105gnij go do wewn\u0105trz o 4 piksele<\/strong>. Teraz wybierz ten kszta\u0142t i przejd\u017a do Efekt > Stylizacja > Zaokr\u0105glone rogi<\/strong>. Wprowad\u017a promie\u0144 3 piksele<\/strong>, kliknij OK<\/strong> i przejd\u017a do Obiekt > Rozwi\u0144 wygl\u0105d<\/strong>.\n<\/p>\n \n Wybierz kszta\u0142t wykonany w poprzednim kroku i utw\u00f3rz kopi\u0119 z przodu (Control-C > Control-F)<\/strong>. Skaluj ten kszta\u0142t i umie\u015b\u0107 go tak, jak pokazano na poni\u017cszym obrazku. Zaznacz dwa niebieskie kszta\u0142ty i kliknij przycisk Podziel<\/strong> w panelu wyszukiwania \u015bcie\u017cek<\/strong>. Za pomoc\u0105 narz\u0119dzia Zaznaczanie bezpo\u015brednie (A)<\/strong> wybierz niepo\u017c\u0105dany kszta\u0142t i usu\u0144 go.\n<\/p>\n \n Wype\u0142nij pierwszy kszta\u0142t kolorem czarnym<\/strong>, a drugi kszta\u0142t gradientem<\/strong>, jak pokazano poni\u017cej.\n<\/p>\n \n Za pomoc\u0105 narz\u0119dzia Prostok\u0105t (M)<\/strong> stw\u00f3rz kszta\u0142t o wymiarach 9 x 22 piksele<\/strong> w dowolnym kolorze i umie\u015b\u0107 go tak, jak pokazano na pierwszym obrazku. Wybierz ten kszta\u0142t i wype\u0142nij go gradientem<\/strong>, jak pokazano poni\u017cej. Ponownie wybierz nasz kszta\u0142t, zr\u00f3b kopi\u0119 z przodu (Control-C > Control-F)<\/strong> i przeskaluj wysoko\u015b\u0107 naszej kopii do 18px<\/strong>.\n<\/p>\n \n Za pomoc\u0105 narz\u0119dzia Prostok\u0105t (M)<\/strong> utw\u00f3rz kszta\u0142t o wymiarach 9 x 36 pikseli<\/strong> w dowolnym kolorze i umie\u015b\u0107 go w spos\u00f3b pokazany na poni\u017cszym obrazku. Upewnij si\u0119, \u017ce ten nowy prostok\u0105t pozostaje zaznaczony i przejd\u017a do Object > Transform > Rotate<\/strong>. Wprowad\u017a k\u0105t -2px stopni i kliknij OK<\/strong>. Teraz za pomoc\u0105 narz\u0119dzia Zaznaczanie bezpo\u015brednie (A)<\/strong> wybierz dwa punkty kontrolne zaznaczone czerwonymi k\u00f3\u0142kami (na poni\u017cszym obrazku) i przejd\u017a do Plik > Skrypty > Inny skrypt<\/strong>. Otw\u00f3rz skrypt Round Any Corner<\/strong> i przeci\u0105gnij suwak do 65px<\/strong>. Wybierz nasz kszta\u0142t i przejd\u017a do Efekt > Stylizacja > Zaokr\u0105glone rogi<\/strong>. Wprowad\u017a promie\u0144 3 piksele<\/strong>, kliknij OK<\/strong>i przejd\u017a do Obiekt > Rozwi\u0144 wygl\u0105d<\/strong>.\n<\/p>\n \n Wybierz kszta\u0142t wykonany w poprzednim kroku i wykonaj dwie kopie z przodu (Control-C > Control-F> Control-F)<\/strong>. Wybierz g\u00f3rn\u0105 kopi\u0119, przeskaluj j\u0105 narz\u0119dziem Zaznaczanie (V)<\/strong> i umie\u015b\u0107 tak, jak pokazano. Nast\u0119pnie zaznacz obie kopie wykonane w tym kroku i kliknij przycisk Minus Front<\/strong> w panelu wyszukiwania \u015bcie\u017cek .<\/strong>\n<\/p>\n \n Wybierz wynikowy kszta\u0142t z poprzedniego kroku i ustaw jego kolor na #514d4c<\/strong>. Przejd\u017a do Efekt > Stylizacja > Cie\u0144<\/strong> i wprowad\u017a ustawienia, jak pokazano poni\u017cej. Nast\u0119pnie ustaw nasz pierwszy niebieski kolor kszta\u0142tu na #211d1e<\/strong>.\n<\/p>\n \n Wybierz wszystkie kszta\u0142ty, kt\u00f3re utworzyli\u015bmy od kroku 16 i zgrupuj je (Ctrl + G)<\/strong>. Upewnij si\u0119, \u017ce ta grupa pozostaje zaznaczona i przejd\u017a do Object > Transform > Reflect<\/strong>. Wprowad\u017a ustawienia pokazane poni\u017cej i kliknij Kopiuj<\/strong>. Przeci\u0105gnij t\u0119 kopi\u0119 i umie\u015b\u0107 j\u0105 tak, jak pokazano. Teraz za pomoc\u0105 narz\u0119dzia Zaznaczanie bezpo\u015brednie (A)<\/strong> wybierz kszta\u0142t zaznaczony na obrazie, przejd\u017a do Efekt > Stylizacja > Cie\u0144<\/strong> i wprowad\u017a ustawienia, jak pokazano poni\u017cej.\n<\/p>\n \n Wybierz narz\u0119dzie Prostok\u0105t (M)<\/strong> i utw\u00f3rz kszta\u0142t prostok\u0105ta o wymiarach 80 x 348 pikseli .<\/strong> Wype\u0142nij go jasnoniebieskim. We\u017a narz\u0119dzie Zaznaczanie bezpo\u015brednie (A)<\/strong>, wybierz dwa punkty kontrolne zaznaczone czerwonymi k\u00f3\u0142kami (na poni\u017cszym obrazku) i przeci\u0105gnij je odpowiednio o 10 pikseli<\/strong> do wewn\u0105trz. Nast\u0119pnie z zaznaczonymi dwoma kotwicami punkt\u00f3w przejd\u017a do Plik > Skrypty > Inny skrypt<\/strong>. Otw\u00f3rz skrypt Round Any Corner<\/strong> i przeci\u0105gnij suwak do 28px<\/strong>.\n<\/p>\n \n Wybierz nasz g\u0142\u00f3wny kszta\u0142t i za pomoc\u0105 narz\u0119dzia Siatka (U)<\/strong> kliknij miejsce, w kt\u00f3rym znajduj\u0105 si\u0119 dwa punkty kontrolne zaznaczone czerwonymi k\u00f3\u0142kami (na poni\u017cszym obrazku). We\u017a narz\u0119dzie Pi\u00f3ro (P)<\/strong> i przeci\u0105gnij punkty kontrolne, jak pokazano. Nast\u0119pnie wr\u00f3\u0107 do naszego kszta\u0142tu wykonanego w poprzednim kroku i przy wci\u0105\u017c zaznaczonym narz\u0119dziu Pi\u00f3ro (P)<\/strong> dodaj cztery punkty kontrolne, jak pokazano. Za pomoc\u0105 narz\u0119dzia Zaznaczanie bezpo\u015brednie (A)<\/strong> wybierz dwa punkty kontrolne zaznaczone czerwonymi k\u00f3\u0142kami i przeci\u0105gnij je odpowiednio na zewn\u0105trz o 2 piksele<\/strong>. Nast\u0119pnie wybierz dwa punkty kontrolne zaznaczone niebieskimi k\u00f3\u0142kami i przeci\u0105gnij je odpowiednio o 2 piksele<\/strong> do wewn\u0105trz. Teraz wybierz cztery punkty kontrolne i kliknij przycisk Konwertuj wybrane punkty kontrolne na g\u0142adkie<\/strong>przycisk w g\u00f3rnym panelu.\n<\/p>\n \n Wybierz dwa punkty kontrolne zaznaczone czerwonymi k\u00f3\u0142kami i przejd\u017a do Plik > Skrypty > Inny skrypt<\/strong>. Otw\u00f3rz skrypt Round Any Corner<\/strong> i przeci\u0105gnij suwak do 10px<\/strong>.\n<\/p>\n \n Za pomoc\u0105 narz\u0119dzia Prostok\u0105t (M)<\/strong> utw\u00f3rz kszta\u0142t o wymiarach 80 x 19 pikseli<\/strong>, ustaw dowolny kolor i umie\u015b\u0107 go tak, jak pokazano na poni\u017cszym obrazku. Po wybraniu naszego nowego kszta\u0142tu przejd\u017a do Efekt > Stylizacja > Zaokr\u0105glone rogi<\/strong>. Wprowad\u017a promie\u0144 10px<\/strong>, kliknij OK<\/strong> i przejd\u017a do Object > Expanding Appearance<\/strong>. Teraz przejd\u017a do Effect > Warp > Arc Lower<\/strong>. Wprowad\u017a ustawienia pokazane poni\u017cej, kliknij OK<\/strong> i przejd\u017a do Obiekt > Rozwi\u0144 wygl\u0105d<\/strong>. Nast\u0119pnie przejd\u017a do Object > Path > Offset Path<\/strong>, wprowad\u017a ustawienia pokazane poni\u017cej i kliknij OK<\/strong>.\n<\/p>\n \n Wybierz dwa kszta\u0142ty z poprzedniego kroku i kliknij przycisk Minus Front<\/strong> w panelu Pathfinder<\/strong>. Powiniene\u015b mie\u0107 nast\u0119puj\u0105cy wynik.\n<\/p>\n \n Za pomoc\u0105 narz\u0119dzia Prostok\u0105t (M)<\/strong> utw\u00f3rz kszta\u0142t o wymiarach 75 x 30 pikseli<\/strong> i umie\u015b\u0107 go tak, jak pokazano na poni\u017cszym obrazku. Wybierz kszta\u0142t wykonany w poprzednim kroku i utw\u00f3rz kopi\u0119 z przodu (Control-C > Control-F)<\/strong>. Zaznacz nasz\u0105 kopi\u0119 i kszta\u0142t wykonany w tym kroku i kliknij przycisk Podziel<\/strong> z panelu pathfindera<\/strong>. Za pomoc\u0105 narz\u0119dzia Zaznaczanie bezpo\u015brednie (A)<\/strong> zaznacz niepo\u017c\u0105dane kszta\u0142ty i usu\u0144 je, jak pokazano. Wybierz kszta\u0142ty pomara\u0144czy i kliknij przycisk Zjednocz<\/strong> w panelu wyszukiwania \u015bcie\u017cek<\/strong>.\n<\/p>\n \n We\u017a narz\u0119dzie Zaznaczanie bezpo\u015brednie (A)<\/strong>, wybierz dwa punkty kontrolne zaznaczone czerwonymi k\u00f3\u0142kami, przeci\u0105gnij je na d\u00f3\u0142, jak pokazano, i przejd\u017a do Plik > Skrypty > Inny skrypt<\/strong>. Otw\u00f3rz skrypt Round Any Corner<\/strong> i przeci\u0105gnij suwak do 18px<\/strong>. Nast\u0119pnie z wci\u0105\u017c zaznaczonym kszta\u0142tem wykonaj dwie kopie z przodu (Control-C > Control-F> Control-F)<\/strong>. Wybierz g\u00f3rn\u0105 kopi\u0119, przeskaluj j\u0105 narz\u0119dziem Zaznaczanie (V)<\/strong> i umie\u015b\u0107 tak, jak pokazano. Teraz zaznacz obie kopie wykonane w tym kroku i kliknij przycisk Minus Front<\/strong> w panelu wyszukiwania \u015bcie\u017cek .<\/strong>\n<\/p>\n \n Zamierzamy doda\u0107 kolejn\u0105 siatk\u0119 gradientu. We\u017a narz\u0119dzie Siatka (U)<\/strong> i po prostu kliknij na g\u00f3rze naszego niebieskiego kszta\u0142tu, jak pokazano na poni\u017cszym obrazku, aby utworzy\u0107 siatk\u0119. Nast\u0119pnie za pomoc\u0105 narz\u0119dzia Zaznaczanie bezpo\u015brednie (A)<\/strong> kliknij \u015brodkowy obszar i wype\u0142nij go kolorem #87898d<\/strong>. Teraz wype\u0142nij pozosta\u0142e obszary, jak pokazano na obrazku.\n<\/p>\n![\"\"](\"https:\/\/inform.click\/wp-content\/uploads\/2022\/11\/post-199798-638187d1c1425.webp\")
<\/a><\/p>\n\n Krok 2
\n<\/h5>\n<\/a><\/p>\n\n Krok 3
\n<\/h5>\n<\/a><\/p>\n\n Krok 4
\n<\/h5>\n<\/a><\/p>\n\n Krok 5
\n<\/h5>\n<\/a><\/p>\n\n Krok 6
\n<\/h5>\n<\/a><\/p>\n\n Krok 7
\n<\/h5>\n<\/a><\/p>\n\n Krok 8
\n<\/h5>\n<\/a><\/p>\n\n Krok 9
\n<\/h5>\n<\/a><\/p>\n\n Krok 10
\n<\/h5>\n<\/a><\/p>\n\n Krok 11
\n<\/h5>\n<\/a><\/p>\n\n Krok 12
\n<\/h5>\n<\/a><\/p>\n\n Krok 13
\n<\/h5>\n<\/a><\/p>\n\n Krok 14
\n<\/h5>\n<\/a><\/p>\n\n Krok 15
\n<\/h5>\n<\/a><\/p>\n\n Krok 16
\n<\/h5>\n<\/a><\/p>\n\n Krok 17
\n<\/h5>\n<\/a><\/p>\n\n Krok 18
\n<\/h5>\n<\/a><\/p>\n\n Krok 19
\n<\/h5>\n<\/a><\/p>\n\n Krok 20
\n<\/h5>\n<\/a><\/p>\n\n Krok 21
\n<\/h5>\n<\/a><\/p>\n\n Krok 22
\n<\/h5>\n<\/a><\/p>\n\n Krok 23
\n<\/h5>\n<\/a><\/p>\n\n Krok 24
\n<\/h5>\n<\/a><\/p>\n\n Krok 25
\n<\/h5>\n<\/a><\/p>\n\n Krok 26
\n<\/h5>\n<\/a><\/p>\n\n Krok 27
\n<\/h5>\n<\/a><\/p>\n\n Krok 28
\n<\/h5>\n<\/a><\/p>\n\n Krok 29
\n<\/h5>\n<\/a><\/p>\n\n Krok 30
\n<\/h5>\n<\/a><\/p>\n\n Krok 31
\n<\/h5>\n