{"id":1781,"date":"2015-04-08T13:36:08","date_gmt":"2015-04-08T11:36:08","guid":{"rendered":"http:\/\/www.amigaone.pl\/?p=1781"},"modified":"2015-04-08T13:36:08","modified_gmt":"2015-04-08T11:36:08","slug":"tworzenie-loga-amigi-na-przykladzie-roznych-programow-graficznych","status":"publish","type":"post","link":"http:\/\/www.amigaone.pl\/?p=1781","title":{"rendered":"Tworzenie loga Amigi na przyk\u0142adzie r\u00f3\u017cnych program\u00f3w graficznych"},"content":{"rendered":"

Przed kilkoma laty opublikowa\u0142em na \u0142amach portalu Droid<\/span> and Boing<\/span><\/strong> poradnik na temat stworzenia od podstaw logotypu Amigi w programie Gimp<\/strong>. Poniewa\u017c strona znik\u0142a z sieci i co za tym idzie si\u0142\u0105 rzeczy tekst ten nie jest ju\u017c dost\u0119pny, postanowi\u0142em powr\u00f3ci\u0107 do tematu. Nie chcia\u0142em go jednak tylko powiela\u0107, dlatego w niniejszym artykule podejd\u0119 to kwestii tworzenia Boinga<\/span><\/strong>, na trzy r\u00f3\u017cne sposoby przy u\u017cyciu nie tylko Gimpa, ale i kompletnie innych program\u00f3w, jakimi s\u0105 Blender<\/strong> i Pesronal<\/span> Paint<\/span><\/strong>.<\/p>\n

Personal Paint<\/span><\/strong><\/p>\n

Typowy program malarski charakterystyczny dla epoki lat 90-tych<\/span>, kt\u00f3ry za spraw\u0105 firmy A-EON<\/span><\/a> w\u0142a\u015bnie prze\u017cywa swoj\u0105 drug\u0105 m\u0142odo\u015b\u0107. Ze wzgl\u0119du na ograniczenia PPainta<\/span>, takie jak, chocia\u017cby praca na 8-bitowej palecie kolor\u00f3w, trudno u\u017cytkownikowi, zw\u0142aszcza takiemu, kt\u00f3ry nie jest do\u015bwiadczonym grafikiem uzyska\u0107 spektakularnie wygl\u0105daj\u0105ce logo. Jednak czy skacz\u0105ca pi\u0142eczka z pierwszego dema na Amidze 1000, z dzisiejszej perspektywy wygl\u0105da zachwycaj\u0105co? Postaramy si\u0119 by nasza pi\u0142eczka wygl\u0105da\u0142a troch\u0119 lepiej.<\/span> Zatem do dzie\u0142a.<\/p>\n

Otwieramy Personal Painta<\/span> i kolorujemy t\u0142o na bia\u0142y kolor. Nast\u0119pnie dobrze jest zrobi\u0107 sobie jaki\u015b znacznik. Je\u015bli u\u017cywamy PersonalPainta 7.3 wybieramy po prostu krzy\u017cyk z nowego paska p\u0119dzli<\/strong>,<\/span> jaki zadebiutowa\u0142 w tej wersji programu, je\u015bli natomiast posiadamy starsz\u0105 ods\u0142on\u0119, sami rysujemy krzy\u017cyk mniej wi\u0119cej na \u015brodku ekranu. Kolor krzy\u017cyka ustawiamy np. na niebieski (lub jaki\u015b inny, byle nie czerwony). Nast\u0119pnie z paska narz\u0119dzi wybieramy ko\u0142o (niewype\u0142nione) a z palety kolor\u00f3w czerwony. Pocz\u0105wszy od naszego znacznika, jakim jest krzy\u017cyk rysujemy ko\u0142o kt\u00f3re<\/span> stanowi\u0107 b\u0119dzie kontur naszego Boinga<\/span>. Nast\u0119pnie zmieniamy narz\u0119dzie na niewype\u0142nion\u0105 elips\u0119. Teraz poczynaj\u0105c od naszego znacznika rysujemy dwie elipsy o wysoko\u015bci r\u00f3wnej naszemu okr\u0119gowi,<\/span> ale proporcjonalnie mniejszej szeroko\u015bci (tak jak na obrazku nr 1). Kolejnym narz\u0119dziem, kt\u00f3rego u\u017cyjemy jest linia prosta,<\/span> kt\u00f3r\u0105 przecinamy centralnie nasz okr\u0119g. W tym momencie w zasadzie mamy ju\u017c utworzone pionowe linie siatki.<\/p>\n

\"(obrazek<\/a>

(obrazek nr 1)<\/p><\/div>\n

By utworzy\u0107 linie poziome powracamy<\/span> do narz\u0119dzia elipsy. Tym razem b\u0119dziemy je rysowa\u0107 nie z miejsca oznaczonego krzy\u017cykiem, a z centralnego punktu po\u0142o\u017conego najwy\u017cej na g\u00f3rnej obr\u0119czy ko\u0142a. Rozpoczynamy od narysowania du\u017cej elipsy, znacznie wykraczaj\u0105cej szeroko\u015bci\u0105 poza obr\u0119cz ko\u0142a. A nast\u0119pnie w symetrycznych odleg\u0142o\u015bciach rysujemy kolejne coraz mniejsze elipsy. Takich elips musimy stworzy\u0107 7, wi\u0119c dobrze rozplanujmy odleg\u0142o\u015bci. Po zako\u0144czeniu tej czynno\u015bci w zasadzie mamy ju\u017c utworzon\u0105 kompletn\u0105 siatk\u0119 na naszym okr\u0119gu.
\nJe\u015bli wszystko wykonali\u015bmy dobrze, nasza grafika powinna wygl\u0105da\u0107 mniej wi\u0119cej tak jak na obrazku (obrazek 2).<\/p>\n

\"(obrazek<\/a>

(obrazek numer 2)<\/p><\/div>\n

Pozostaje nam jeszcze usun\u0105\u0107 niepotrzebne \u015bmieci z ekranu, czyli cz\u0119\u015bci elips wystaj\u0105cych poza nasz okr\u0119g oraz ewentualnie krzy\u017cyk – znacznik<\/span>. Z pewno\u015bci\u0105 wymazuj\u0105c elementy styczne w pracy pomo\u017ce nam lupa (obrazek nr 3).<\/span> Na koniec zostaje ju\u017c najprzyjemniejsza cz\u0119\u015b\u0107, czyli wype\u0142nianie co drugiej kratki na kuli kolorem czerwonym. Nasz prosty dwukolorowy Boing<\/span> jest ju\u017c gotowy!<\/p>\n

\"(obrazek<\/a>

(obrazek nr 3)<\/p><\/div>\n

 <\/p>\n

\"Proste,<\/a>

Proste, gotowe logo stworzone w PPaint.<\/p><\/div>\n

Gimp<\/strong>
\nTo oczywi\u015bcie daleko bardziej zaawansowany program, ukierunkowany zreszt\u0105 w mniejszym stopniu na rysowanie a w wi\u0119kszym na obr\u00f3bk\u0119 grafiki. Przygotowuj\u0105c logo nie b\u0119dziemy wi\u0119c u\u017cywa\u0107 \u017cadnych narz\u0119dzi rysowniczych,<\/span> czy te\u017c r\u0119cznie tworzy\u0107 kszta\u0142t\u00f3w, zaawansowane filtry Gimpa w zasadzie niemal ca\u0142\u0105 robot\u0119 odwal\u0105 za nas<\/strong>.<\/p>\n

Pierwsz\u0105 rzecz\u0105, kt\u00f3ra musimy zrobi\u0107 jest utworzenie nowego projektu (rys. 1).<\/span> Obrazek powinien mie\u0107 proporcje 17:8<\/strong>. Ja u\u017cy\u0142em rozmiaru 272 na 128 pikseli. Jako kolor pierwszoplanowy ustawiamy bia\u0142y, kolor drugoplanowy to rzecz jasna czerwie\u0144.<\/p>\n

\"(rys<\/a>

(rys. 1)<\/p><\/div>\n

Nast\u0119pnie z menu filtry, wybieramy renderowanie a dalej dese\u0144 i szachownica<\/strong> (rys. 2). Rozmiar kratki ustawiamy na 16 (przy innej rozdzielczo\u015bci, mo\u017ce by\u0107 inny, wa\u017cne by dawa\u0142 8 kratek w pionie).<\/p>\n

\"(rys.2)\"<\/a>

(rys.2)<\/p><\/div>\n

Teraz pozosta\u0142o nam jeszcze u\u017cycie jednego filtra, z sekcji odwzorowanie, mianowicie odwzorowanie obiekt<\/strong>u (rys. 3). W okienku dialogowym ustawiamy typ obiektu docelowego na sfer\u0119<\/strong>, dobrze jest te\u017c oznaczy\u0107 przezroczyste t\u0142o i niewielkie wyg\u0142adzanie (ja u\u017cy\u0142em domy\u015blnych ustawie\u0144 g\u0142\u0119bia 3.0 i pr\u00f3g 0.250).<\/p>\n

\"(rys.<\/a>

(rys. 3)<\/p><\/div>\n

Jak wiadomo logo Amigi jest lekko pochylone,<\/span> by zatem wierniej je odwzorowa\u0107 przechodzimy<\/span> do zak\u0142adki u\u0142o\u017cenie i ustawiamy obr\u00f3t w osi x na warto\u015b\u0107 -15. Mo\u017cemy ju\u017c klikn\u0105\u0107 na<\/span> przycisk ok i odczeka\u0107, w zale\u017cno\u015bci od posiadanej konfiguracji, kr\u00f3tsz\u0105 b\u0105d\u017a d\u0142u\u017csz\u0105 chwilk\u0119 na dokonanie oblicze\u0144 przez GIMPa<\/span>. Po ich zako\u0144czeniu naszym oczom uka\u017ce si\u0119 gotowy Boing<\/span>, niestety kula na obrazku b\u0119dzie nienaturalnie sp\u0142aszczona. Prostym lekarstwem na usuni\u0119cie tej przypad\u0142o\u015bci b\u0119dzie przeskalowanie obrazu (rys. 4).<\/p>\n

\"(rys.<\/a>

(rys. 4<\/p><\/div>\n

Trzeba wi\u0119c z menu obraz, wybra\u0107 opcj\u0119 skaluj obraz, nast\u0119pnie roz\u0142\u0105czy\u0107 \u0142a\u0144cuszek wi\u0105\u017c\u0105cy szeroko\u015b\u0107 z wysoko\u015bci\u0105, gdy\u017c zale\u017cy nam na zmianie tylko tej pierwszej. Now\u0105 warto\u015b\u0107 dla szeroko\u015bci ustalamy na 150 pikseli i skalujemy przy u\u017cyciu najlepszej metody (lanczos<\/span> 3). BoingBall sko\u0144czony!<\/strong><\/p>\n

\"Boing<\/a>

Boing stworzony w Gimpie<\/p><\/div>\n

Blender<\/strong>
\nOstatnie z przedstawionych narz\u0119dzi to ju\u017c program z zupe\u0142nie innej beczki. W Blenderze mo\u017cemy stworzy\u0107 nie gorsze logo ni\u017c w Gimpie, aczkolwiek metodologia, kt\u00f3r\u0105 przedstawi\u0119 jest w por\u00f3wnaniu do poprzedniego programu nieco bardziej czasoch\u0142onna.<\/span> Od razu zaznaczam, \u017ce ten poradnik jest przeznaczony dla Blendera w wersji 2.48a<\/span><\/strong> (ostatniej dost\u0119pnej dla Amigi). Na sieci mo\u017cna znale\u017a\u0107 podobny do niniejszego opisu videotutoria<\/a>l<\/span>, jednak jest on przeznaczony dla nowszej wersji Blendera, kt\u00f3ry ze wzgl\u0119du na odmienne GUI i inne szczeg\u00f3\u0142y, r\u00f3\u017cni si\u0119 w kilku miejscach od poni\u017cszego poradnika.<\/p>\n

Po uruchomieniu programu domy\u015blnie na ekranie widnieje obiekt kostki, jako \u017ce do niczego nie b\u0119dzie nam potrzebny usuwamy go klawiszem delete<\/strong>.<\/span> Zamiast niego tworzymy kul\u0119 wybieraj\u0105c z menu sdd<\/span>\/mesh<\/span>\/UVsphere<\/span><\/strong>. Pojawi nam si\u0119 okno z parametrami obiektu (pic. 1). Domy\u015blnie parametry naszej kuli to segment i rings<\/span> ustawione na 32, my zmieniamy delikatnie ustawienia rings<\/span> na warto\u015b\u0107 30 i zatwierdzamy wszystko klawiszem Ok.<\/span><\/p>\n

\"(pic.<\/a>

(pic. 1)<\/p><\/div>\n

Nast\u0119pnie powinni\u015bmy zainteresowa\u0107 si\u0119 paskiem,<\/span> poni\u017cej ekranu roboczego. Zmieniamy tam tryb pracy z domy\u015blnego „<\/span>obiect<\/span> mode<\/span>„<\/span> na „<\/span>edit<\/span> mode<\/span>„. Po tej operacji na pasku zmieni nam si\u0119 uk\u0142ad ikon. Wciskamy ikon\u0119 z symbolem tr\u00f3jk\u0105ta (Face select<\/span> mode<\/span>) lub po prostu kombinacj\u0119 Ctr<\/span> Tab<\/span> 3<\/strong>. W\u0142\u0105czamy tak\u017ce ikon\u0119 obok (occlude<\/span> backround<\/span> Geometry). Teraz czeka nas d\u0142ugi i \u017cmudny proces zaznaczania sektor\u00f3w na kuli (pic. 2). Aby wygodniej nam si\u0119 pracowa\u0142o sugeruj\u0119 powi\u0119kszy\u0107 obraz (<\/span>rolk\u0105 w myszce), zaznaczenie w Blenderze wykonuje si\u0119 przy u\u017cyciu prawego klawisza myszy, dodawanie zaznaczenia odbywa si\u0119 poprzez wci\u015bni\u0119ty dodatkowo klawisz shift. Tak wi\u0119c z wci\u015bni\u0119tym<\/span> shiftem zaznaczamy szachownic\u0119 na kuli, przy czym czynimy to w ten spos\u00f3b by jeden element szachownicy sk\u0142ada\u0142 si\u0119 z sze\u015bciu po\u0142\u0105czonych ze sob\u0105 sektor\u00f3w (<\/span>jak na obrazku). Po dok\u0142adnym zaznaczeniu szachownicy na ca\u0142ej powierzchni kuli (co zapewne zajmie nam nie mniej ni\u017c kilkana\u015bcie minut) mo\u017cemy rozpocz\u0105\u0107 procedur\u0119 kolorowania naszego obiektu.<\/p>\n

\"(pic.<\/a>

(pic. 2)<\/p><\/div>\n

Wciskamy klawisz F9<\/strong>, u do\u0142u ekranu pojawi nam si\u0119 zak\u0142adka „<\/span>Link and materials<\/span><\/strong>” (pic. 3). Tworzymy tam nowy materia\u0142 klikaj\u0105c na kwadrat z szarym kolorem opisany jako „<\/span>1 mat 1″. W tym momencie uka\u017ce nam si\u0119 pe\u0142na paleta kolor\u00f3w, z kt\u00f3rej wybieramy bia\u0142y. Nast\u0119pnie poni\u017cej klikamy na przycisk new i powtarzamy ca\u0142\u0105 operacj\u0119, z tym \u017ce teraz wybieramy kolor czerwony. Po utworzeniu nowego materia\u0142u korzystamy z przycisku Assign<\/span>, dzi\u0119ki czemu do naszego zaznaczenia zostanie przypisana czerwie\u0144. Cofamy si\u0119 do materia\u0142u pierwszego, czyli bieli, z menu select<\/span> znajduj\u0105cego si\u0119 na pasku poni\u017cej okna roboczego wybieramy odwr\u00f3cenie zaznaczenia (inverse<\/span>) i ponownie przypisujemy materia\u0142. W tym momencie mamy ju\u017c nasz\u0105 ulubion\u0105 kraciast\u0105 pi\u0142eczk\u0119.\"materials\"<\/a><\/p>\n

Pi\u0142eczka jest jednak troch\u0119 kanciasta. Co prawda Boing<\/span> z pierwszego dema uruchomionego na A1000, te\u017c by\u0142 kanciasty, jednak\u017ce od lat obowi\u0105zuje logo w formie idealnie g\u0142adkiej. By wyg\u0142adzi\u0107 nasz\u0105 kul\u0119 kierujemy<\/span> si\u0119 do zak\u0142adki Modifiers<\/span> i wybieramy opcje Add<\/span> Modifier<\/span>. Subsurf<\/span><\/strong>, a tam zmieniamy render<\/span> levels<\/span> na 2 i zatwierdzamy przyciskiem Apply (pic. 4)<\/span>. Je\u015bli nasza kula nadal jest niewystarczaj\u0105co g\u0142adka, powtarzamy operacj\u0119.<\/p>\n

\"(pic.<\/a>

(pic. 4)<\/p><\/div>\n

Ostatni\u0105 rzecz\u0105, jak\u0105 powinni\u015bmy zrobi\u0107 w celu idealnego odwzorowania loga jest pochylenie naszej pi\u0142ki o niewielki k\u0105t.<\/span> W tym celu wciskamy kombinacj\u0119 klawiszy Ctr<\/span> + Alt + R<\/strong>, po czym poka\u017c\u0105 nam si\u0119 linie manipulator\u00f3w obrot\u00f3w (pic. 5). U\u017cywaj\u0105c tej oznaczonej kolorem czerwonym pochylamy Boinga<\/span> a\u017c do osi\u0105gni\u0119cia zadowalaj\u0105cego efektu. Teraz pozostaje ju\u017c tylko Rendering i zapisanie naszego loga na dysk.<\/p>\n

\"(pic.<\/a>

(pic. 5)<\/p><\/div>\n

 <\/p>\n

\"Boing<\/a>

Boing stworzony w programie Blender.<\/p><\/div>\n

 <\/p>\n

Dobre logo powinno skupia\u0107 uwag\u0119, ale jednocze\u015bnie nie by\u0107 zbytnio skomplikowane a co za tym idzie by\u0107 \u0142atwe do odwzorowania. Logo Amigi by\u0107 mo\u017ce nie jest najprostszym wzorcem na \u015bwiecie, ale jednak mie\u015bci si\u0119 w kryteriach nieskomplikowanego kszta\u0142tu. Do jego odwzorowania nie potrzeba specjalnych zdolno\u015bci graficznych i mo\u017ce to zrobi\u0107 niemal ka\u017cdy, co stara\u0142em si\u0119 udowodni\u0107 w niniejszym tek\u015bcie.<\/p>\n

 <\/p>\n

Artyku\u0142 pierwotnie ukaza\u0142 si\u0119 na \u0142amach trzeciego numeru Amigazynu.<\/span><\/em><\/p>\n","protected":false},"excerpt":{"rendered":"

Przed kilkoma laty opublikowa\u0142em na \u0142amach portalu Droid and Boing poradnik na temat stworzenia od podstaw logotypu Amigi w programie Gimp. Poniewa\u017c strona znik\u0142a z sieci i co za tym […]<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"_bbp_topic_count":0,"_bbp_reply_count":0,"_bbp_total_topic_count":0,"_bbp_total_reply_count":0,"_bbp_voice_count":0,"_bbp_anonymous_reply_count":0,"_bbp_topic_count_hidden":0,"_bbp_reply_count_hidden":0,"_bbp_forum_subforum_count":0},"categories":[7],"tags":[24,83,82,66,69,80],"_links":{"self":[{"href":"http:\/\/www.amigaone.pl\/index.php?rest_route=\/wp\/v2\/posts\/1781"}],"collection":[{"href":"http:\/\/www.amigaone.pl\/index.php?rest_route=\/wp\/v2\/posts"}],"about":[{"href":"http:\/\/www.amigaone.pl\/index.php?rest_route=\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"http:\/\/www.amigaone.pl\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"http:\/\/www.amigaone.pl\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=1781"}],"version-history":[{"count":4,"href":"http:\/\/www.amigaone.pl\/index.php?rest_route=\/wp\/v2\/posts\/1781\/revisions"}],"predecessor-version":[{"id":1800,"href":"http:\/\/www.amigaone.pl\/index.php?rest_route=\/wp\/v2\/posts\/1781\/revisions\/1800"}],"wp:attachment":[{"href":"http:\/\/www.amigaone.pl\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=1781"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"http:\/\/www.amigaone.pl\/index.php?rest_route=%2Fwp%2Fv2%2Fcategories&post=1781"},{"taxonomy":"post_tag","embeddable":true,"href":"http:\/\/www.amigaone.pl\/index.php?rest_route=%2Fwp%2Fv2%2Ftags&post=1781"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}