Moje neslávne začiatky I
Nedávno mi iWhy nahral na dnešnú tému. Pokúsim sa teda popísať ako som dostal ku grafickému dizajnu a webdizajnu. Dúfam že nikoho neunudím k smrti a snáď dám niekomu návod ako nato, prípadne ako nie.
Ku grafike som mal vždy blízko. Asi to bude návštevou základnej umeleckej školy. Moje technické zdatnosti ale aj kus humanistu vo mňe logicky vyústili v tvorbe počítačovej grafiky. Mimochodom, istú dobu som vážne nevedel či som viac technicky alebo humánne založený. Dnes sa vidím ako humanista so silnou technickou predstavivosťou (viem som celý rozporuplný). Jedno je jasné, nemám vzťah k prídorným vedám.
Zhruba v 5. triede ZŠ ma kamarát oslnil možnosťami a zároveň zasvätil do tajov 3D grafiky. Bol to obrovský šok. Rozdiel oproti skicáru to bol nevídaný. Nainštaloval som si teda na svoju 486ku program True Space 3. Ale predsa len to bola vysoká liga, takže som to na nejaký ten rok odložil. Ku koncu základnej školy som sa opäť vrátil k tomuto nástroju, tento krát už na omnoho výkonnejšom HW. Spomínam ako som renderoval svoju prvú normálnejšiu scénu, niečo cez 2 alebo 3 hodiny. Toto je ono.
Ja viem, nič moc. Ďaľší pokus nedopadol o nič lepšie…
True Space ma rýchlo prestal baviť. Svojho času som našiel v časopise Level návod ako na vlastné mapy do hry Quake 3 Arena. Nuže pustil som sa do ďalšej trochu dlhšej kapitoly 3D grafiky. Vzniklo veľa máp, mnohé z nich boli veľmi podarené. Nejakú som si aj zahral s kamarátmi po sieti. Ohlasy zväčša kladné.
Tento odbor ma mimoriadne bavil a ja som vedel, že to čo chcem v živote robiť, bude súvisieť z grafikou. Vtedy som ešte netušil ako dopadnem (ani teraz netuším :-). Vlasté mapy si vyžadovali vlastné textúry. Photoshop sa po prvý raz dostáva poriadne k slovu. Začínal som ako absolútny samouk. Nikdy som si nekúpil žiadnu knihu. Toto obdobie sa postupne prelialo na strednú školu. Svet rastrovej grafiky ma mimoriadne upútal. Možnosti Photoshopu ma očarili a ja som sa rozhodol orientovať týmto smerom. V druhej triede som sa dostal k prvej skúsenosti s DTP a počas strednej ešte nejaké boli. Postupne som začal objavovať krásy grafickho designu a neskôr typografie. Začal som pracovať na postupnej transformácii tuctového grafika na grafického designéra. Ako to vyzeralo som už raz popísal.
Krátka vsuvka. Keď som s Photosopom začínal, tak to malo s fotograiou len pramálo spoločné. Pre mňa to bol nástroj v prvom rade na maľovanie. V tom období ma bavilo maľovať si rôzne kozmické motívy. Prikladám jednu z podradenejších kreácií. O tom kam to dospelo s maľovaním vo Photoshope u mňa možno už viete z tohoto, alebo z tohoto.
Na strednej škole som dostal niekoľko možností vytvárať webové stránky. Okrem toho aj niektoré vlastné projekty potrebovali ošatenie. Pretože som chcel robiť design a v tlači tých možností pre mňa moc nebolo, logický krokom bol teda webdesign. V štvrtom ročníku som už bol jasný. V tom období vznikol aj tento blog. Bol som nažhavený a rozhodne mi nechýbalo sebavedomie. Napriek tomu mi bolo treba sa ešte veľa učiť, ale to je stále, minimálne do dôchodku :-).
Potom to už išlo rýchlo. Rozhodnutie pokračovať v štúdiu grafického designu na vysokej škole a snaha začať sa týmto spôsobom aj živiť. To sa mi aj po maturite podarilo.
Popis tej nudnejšej časti mám za sebou. Viem, napísal som ako ku grafickému dizajnu a webdizajnu, ale to by bolo príliš na dlho. Takže dnes iba grafická časť. Webdesign nabudúce ak bude záujem.
Záverečný dodatok. Tento text je starý niekoľko mesiacov, berte ho s rezervou. Spomenul som si že mám aj nejaký blog a že by nebolo od veci ho aj oprášiť ale bol som príliš lenivý napísať niečo nové :). Dúfam že sa mi podarí dostať do nejakého blogovacieho tempa. Ak ma podporíte v komentároch, bude to pre mňa určite jednoduchšie a možno sa naozaj dočkáte aj druhého dielu :)…
21. júl 2008, 10:31 | Grafika-a-design | Pridaj komentár [7]
Ako správne písať úvodzovky
V písaní úvodzoviek panuje veľký chaos, čo je škoda, pretože správne písané úvodzovky zjednodušujú čítanie textu, čistia krv, spomaľujú starnutie a vôbec sú prejavom kultúrneho ducha. Nasledujúci zoznam doprevádzaný obrázkami ukazuje kedy použiť tie správne úvodzovky a ako ich z počítača vylúdiť.
Lepšie textové procesory sádzajú guľaté a správne úvodzovky samy od seba, s apostrofmi im človek väčšinou musí pomôcť ručne. Na webových stránkach je najlepšie používať UTF-8 a úvodzovky i ďalšie pekné znaky môžete sádzať priamo, teda bez entít. Pre poriadok však uvádzam aj html entity.
1. Slovenské dvojité úvodzovky
Otvárací znak (Unicode 201E) má tvar 99 a je dole.
Zatvárací znak (Unicode 201C) má tvar 66 a je hore.
Windows: Alt+0132, Alt+0147. Mac (na slovenskej klávesnici): Alt+Shift+N, Alt+Shift+H.
HTML: „ a “.
2. Slovenské jednoduché úvodzovky
Otvárací znak (Unicode 201A) má tvar 9 a je dole.
Zatvárací znak (Unicode 2018) má tvar 6 a je hore.
Windows: Alt+0130, Alt+0145. Mac (na slovenskej klávesnici): Alt+N, Alt+H.
HTML: ‚ a ‘.
3. Anglické dvojité úvodzovky
Otvárací znak (Unicode 201C) má tvar 66 a je hore.
Zatvárací znak (Unicode 201D) má tvar 99 a je hore.
Windows: Alt+0147, Alt+0148. Mac (na slovenskej klávesnici): Alt+Shift+H, Alt+Shift+J.
HTML: “ a ”.
4. Anglické jednoduché úvodzovky
Otvárací znak (Unicode 2018) má tvar.6 a je hore.
Zatvárací znak (Unicode 2019) má tvar 9 a je hore.
Windows: Alt+0145, Alt+0146. Mac (na slovenskej klávesnici): Alt+H, Alt+J.
HTML: ‘ a ’.
5. Francúzske dvojité úvodzovky
Vo francúzskej typografii, otvárací znak (Unicode 00AB) ukazuje sprava doľava («). Zatvárajúci (Unicode 00BB) zľava doprava (»).
V nemeckej typografii (archaicky), otvárací znak (Unicode 00BB) ukazuje zľava doprava (»). Zatvárajúci (Unicode 00AB) sprava doľava («).
Windows: Alt+0171, Alt+0187. Mac (na slovenskej klávesnici): Alt+Shift+í, Alt+Shift+é.
HTML: « a ».
6. Francúzske jednoduché úvodzovky
Vo francúzskej typografii, otvárací znak (Unicode 2039) ukazuje sprava doľava (‹). Zatvárajúci (Unicode 203A) zľava doprava (›).
V nemeckej typografii (archaicky), otvárací znak (Unicode 203A) ukazuje zľava doprava (›). Zatvárajúci (Unicode 2039) sprava doľava (‹).
Windows: Alt+0139, Alt+0155. Mac (na slovenskej klávesnici): Alt+Shift+ú, Alt+Shift+ä.
HTML: ‹ a ›.
7. Apostrof
Unicode 2BC, má tvar 9 a je hore. Odporúča sa používať Unicode 2019.
Windows: Alt+0146. Mac (na slovenskej klávesnici): Alt+J.
HTML: ’.
8. Dvojité rovné úvodzovky (ASCII)
Unicode 22. Používajú sa napríklad v zdrojových kódoch programov, webových stránok alebo interpretoch príkazov:
<img src="logo.png" alt=""/>9. Obrátený apostrof
Unicode 60.Používa sa napríklad v unixových interpretáciách príkazov alebo konfiguráciách sendmailu:
$ mkdir -p `dirname nahledy/Thassos/Potos.jpg`Obrátený apostrof je v ASCII, takže sa ním niekedy v ASCII dokumentoch simulujú skutočné anglické úvodzovky: ``In Business Since 1993”.
10. Apostrof (ASCII)
Unicode 27.Používa sa interpretoch príkazov a zdrojových kódoch:
find -name "*jpg" -print | sed 's/a\/b\///'Preložené a doplnené s láskavým dovolením autora (Tomáš Znamenáček). Pôvodný článok.
14. máj 2008, 11:34 | Grafika-a-design | Pridaj komentár [5]
Učebnicový príklad phishingu
Asi je to po prvý raz čo na mňa reálne zaútočil phishing. Priamo a bez obalu. Tak okato že splňuje do detailu celú definíciu phisingu na wikipédii. Priznám sa že nechýbalo veľa a naletel by som. Skutočne keď je človek unavený a má vypnuté zmysli, nie je problém nechať sa oklamať.
Vysvetlím ak by náhodou niekto nevedel čo phishing znamená. Je to skrátenie anglického password fishing kde sa podvodník snaží pod najčastejšie zámienkou autoritatívnej identity vylákať od používateľa dôverné informácie. Popíšem ako to vyzerá v praxi.
Pri námatkovej kontrole starého účtu na SZM som dostal mail v nasledujúcom znení:
Dobry den.
Radi by sme vas upozornili na to ze do 7 dni ,t.j. 15.04.2008 dojde k zamazaniu nektivnych uzivatelov SZM.sk . Ak vasa schranka resp. uzivatelske meno nie je aktivne dlhu dobu , tento eMail je zasielany automaticky
Pre potvrdenie o nezruseni vasej schranky (uzivatelskeho mena) , prosim vykonajte operaciu “znovu-aktivaciu” ma:
www.prihlasenie.szm.sk
Dakujeme za pochopenie .
SZM.sk
To ma ešte nenapadlo o čo v skutočnosti ide. Pritom je to jasné. Ak vás niekto v maile žiada o poskytnutie citlivých údajov (heslá, rodné číslo atď.), nikdy mu neverte! Ani keby to bol váš brat. A to už ani nehovorím o tom koľko je tam chýb (asi nemám čo hovoriť). Aspoň Wordom to mohol dotyčný prehnať.
Na inkriminovanej stránke na zbieranie hesiel je to už jasné. No na prvý pohľad každému nemusí. Okrem toho že „typografia“ je úplne odlišná od tej na skutočnom SZM, môžete vidieť iba slabú napodobeninu ich webu kde všetky prvky ktoré majú simulovať pravé SZM sú iba obrázky, teda neaktívne. Ale pre nepoučených to na oklamanie stačí. Reklama Google AdSence to už iba spečaťuje.
Ukážka falošnej stránky na vylákanie prihlasovacích údajov od návštevníka
Kameň úrazu tohoto prípadu je aj adresa prihlasenie.szm.sk. To že je to na szm môže vyvolať falošný dojem že sa jedná o skutočný počin SZM, pritom je to iba využite hostingu zadarmo ktoré SZM ponúka.
Koniec dobrý všetko dobré :). Inkriminovanú stránku si už pozrieť nemôžete, teda iba tu na obrázku áno. Ihneď som kontaktoval správcov aby zakročili a tí web zlikvidovali. No stále zostáva problém tých ktorý sa nechali nachytať. Ak na nich ešte nikto nezaútočil, tak je všetko fajn a treba si okamžite zmeniť prihlasovacie údaje. Ale ak sa útočník už dokázal prihlásiť a zmeniť heslo, tak už nepomôže ani svätená voda.
17. apríl 2008, 15:17 | Off-topic | Pridaj komentár [5]
Motion Type
Motion type alebo ak chcete typografia v pohybe už bola na tomto blogu spomínaná. Keď som objavil tento zaujímavý smer, začal som sa o neho trochu zaujímať a sledovať jeho vývoj. Za ten relatívne krátky čas sa objavilo celkom slušné množstvo ukážok. To najlepšie z Motion Type teraz ponúknem tu. Okrem toho sa pozrieme bližšie na to čo to vlastne je.
Typografia v pohybe je známa v angličtine ako Motion Typography, či podľa Wikipédie Kinematic Typography ale hlavne medzi dizajnérmi ako Motion Type. Vznikla spojením štýlu Motion Design a typografie. V podstate je to poddiscíplína Motion Design ktorý poznáme napríklad z reklamy alebo rôznych televíznych upútavok (také tie rôzne grafické efekty napríklad na začiatku nejakej relácie a podobne) obohatená a veľké množstvo typografie zladenej zo zvukom. Teda motion design s dominantnou úlohou typografie.
Celé to vlastne začalo ako typografický experiment. Nejedného študenta grafického designu napadlo dať písmo do pohybu. Našiel som viacero postarších experimentov, niektoré lepšie, iné horšie. Práve na akademickej pôde je dostatočný priestor pre vznik a zdokonalenie Motion Type (a nezbudnite klikať na obrázky aby ste videli celé video…).
Bublina okolo experimentov praskla keď niekoho napadlo použiť motion type pre ilustráciu dialógu, najčastejšie rôzne úryvky z filmov. Keď sa na YouTub objavila scéna z Pulp Fiction ako motion type, strhla sa vlna v tejto tvorbe. Mimochodom anglické tabuizmi tak typické pre Hollywoodsku tvorbu si nevšímajte.
V zapätí sa objavilo aplikovanie aj na hudbu. Tu sa po prvý raz dostáva aj mimo experimentovania a využíva sa komerčne aj v hudobných klipoch.
Pochopiteľne nemusí motion type vyjadrovať iba hovorený (spievaní) text ktorý je sprevádzaný zvukovou zložkou. Môže vyjadrovať akciu rôzneho druhu, dokonca mať aj zaujímavý dej.
Na záver zopár zaujímavých ukážok, ktoré sa môžu aj trochu vymykať z mojich definícií. Ako som spomínal, typografia v pohybe si našla cestu do príbehov ale môže vyjadrovať aj určité posolstvo. No a v neposlednom rade je to aj reklama ako priestor pre pohyblivú typografiu.
Ak vás motion type zaujalo tak ako mňa a chcli by ste si aj niečo vyskúšať tak by ste asi boli zvedaví ako na to. Havne na to treba riadny software. Adobe Flash asi stačiť nebude, jeho možnosti si pre vytváranie zložitých typografických kompozícií a ešte aj v pohybe príliš malé. Ale niečo jednoduché by sa dalo. Niečo by sa dalo v Apple Motion (súčasť Final Cut Studio) ale to najlepšie pre túto prácu určite ponúka Adobe After Effects. Prípadne ako chcete, môžete sa poobzerať po nejakom 3D softvéri ako 3Dstudio Max alebo Maya, ale mňa 3D pokusy o Motion Type príliš neoslovili.
Už dlho sa pohrávam s myšlienkou zakúsnuť sa do Motion Type ale zatiaľ som nenašiel odhodlanie a čas (nápad by aj bol ale After Effects nie je najmenšie sústo). Uvidím v lete, už teraz podrobne študujem niektoré scény ale okrem kvalitného pohybu to chce aj značnú dávku originality aby výtvor nezapadol do davu priemernosti. A ako u vás, zaujalo?
10. apríl 2008, 10:35 | Grafika-a-design | Pridaj komentár [6]
Photoshop CS4 64-bit vs skutočný výkon
Včera prebehla internetom spáva o budúcej verzii Adobe Photoshop CS4 a jeho podpore 64 bitov. Zdá sa že to do našich končín vnieslo vlnu kritiky Adobe na jednej strane a Apple na druhej.
S touto správou prišiel John Nack — produktový manažér Adobe pre Photoshop keď vyhlásil že Photoshop CS4 bude 64 bitový iba pre Windows a pre Mac OS X budeme musieť na 64 bitovú verziu počkať až na Photoshop CS5.
Niektorí si možno prečítali trochu povrchný článok na MacBlogu kde sa mi zdá že autor viní skôr Adobe. Lepší prehľad do situácie priniesol Můj Mac ale pre anglicky čítajúcich odporúčam originálny príspevok od Johna Nacka aby ste si mohli urobiť vlastný názor.
O čo ide?
Ide o to že Adobe už rok pracovalo na 64b verzii Photoshopu pre Mac programovanej v obstarožnejšom API zvanom Carbon. Ale Apple stopol vývoj 64b verzie Carbon aby prinútil prejsť vývojárov na modernejšie API Cocoa. To má za následok že Adobe muí začať odznova čím sa nestihne 64b verzia Photoshopu dopracovať do dátumu vydania CS4 čo by malo byť približne o rok. Preto sa zatiaľ adobe rozhodlo že Photoshop bude na Mac 64 bitový až vo verzii CS5. Tento krok Apple by sme mohli kritizovať ale z dlhodobého hľadiska je pre všetkých užívateľov dobrý lebo by mal mať za následok kvalitnejšie aplikácie. Ale z krátkodobého hladiska samozrejme vieme že za neprítomnosť 64b verzie Photoshopu na Macu bude zodpovedné Apple, pretože Adobe to za rok nestihne.
Celé to však má svoj výhody. Ako spomína John Nack, Adobe sa pri vytváraní 64b verzie pre Windows naučí ako na to a pri vytváraní verzie pre Mac sa vyhne komplikáciám. Okrem toho ak si všimneme že Photoshop vychádza každé 2 roky, tak CS5 vyjde až v roku 2011, čo znamená že Adobe má namiesto 2 rokov na vývoj 64b Mac verzie roky 3, čo znamená veľké plus v stabilite, rýchlosti a celkovej odladenosti Photoshopu.
Skutočný výkon Photoshopu Mac vs Windows, 32 vs 64 bit
Podľa mojich osobných a značne subjektívnych meraní je Photoshop na Macu o niečo rýchlejší ako na Windowse s rovnakým Hardware. Je to dané samozrejme systémami. Zatiaľ čo na Macu má Photoshop k dispozícii HW akceleráciu, OpenGL integrovaný hlboko v systéme a API ako Core Image, na Windows toho moc nezostáva. Rozdiel však nie je veľmi razantný, skôr malý.
Veľa z nás si myslela že 64 bitový Photoshop by mohol byť to pravé orechové v tejto nenažranej aplikácií. V dobe keď všetci bežíme na viac jadrových 64b procesoroch by výkon Photoshopu mohl byť naozaj na inej úrovni. Ale 64 bitov nieje žiadna spása. Neviem ako je to na Windows, nepoznám nikoho kto by nejak bezproblémovo bežal na 64b oknách. V každom prípade ako John Nack spomína, tak podľa testov Adobe sa výkon Photoshopu zvýši najviac o 8 až 12 % a aj to iba pri obrovských objemoch dát presahujúcich možnosti 4GB RAM. Adobe samo hovorí že to v podstate žiaden nárast výkonu neznamená, resp. znamená ale iba pre minoritnú časť používatelov a nejde o žiadny drastický nárast. Áno skutočne, Photoshop nebude 2 krát rýchlejší.
Takže užívatelia Windows nebudú mať v podstate nijakú výhodu ak budú mať k dispozícii 64b CS4, pri najlepšom sa dotiahnu na Mac resp. ho predbehnú rádovo v jednotkách percent podľa mňa do 5 maximálne a to naozaj iba pri niekoľko gigapixelových dátach, s ktorými pracuje málokto.
Tento spot je iba prevencia proti šíreniu rôznych fám o tom že Photoshop bude na nejakej platforme rýchlejší a že bude mať Windows výhodu čo vôbec nie je pravda, ako to tvrdí aj Adobe. Ostatne je naivné si myslieť že by Adobe chcelo zanedbávať zákazníkov na Apple, pretože práva užívatelia Mac OS X sú ich majoritnými zákazníkmi a Photoshop sa od verzie 1 vyrábal primárne iba na Mac, prvá verzia pre Windows bola až 3. Dnes je vývoj oddelený tak že sú primárne oboje platformy.
4. apríl 2008, 12:23 | Photoshop | Pridaj komentár [7]
Adobe Photoshop Express – online a zadarmo!
Keď som sa naposledy rozpisoval o Web 2.0 aplikáciách, ani by ma nenapadlo že presne o týždeň uzrie svetlo sveta online verzia Photoshopu (ktorý som tiež spomínal). Zahraničné servery chrlia jeden článok za druhým. Hviezdou večera je Photoshop Express! Aký teda je?
Ako správne varuje Scott Kelby, skôr než naťukáťe do adresového riadka prehliadača alebo kliknete na tento odkaz aby ste vzhliadli Nový Adobe Photoshop Express, zabudnite na všetko čo poznáte z Photoshopu na svojom počítači. Treba si uvedomiť že je to „iba“ webová aplikácia ktorej primárne použitie je jednoduchá úprava fotografií určených pre zverejnenie na webe. Typický používateľ je ktokoľvek, kto si chce dávať fotky na Myspace alebo Facebook.
Ako že vyzerá? Dobre. Ako celok je to mimoriadne funkčná aplikácia. Použitie je jednoduché a intuitívne. Prostredie má niekoľko častí. Okrem Editora je to aj galéria v ktorej môžete vytvárať albumy ktoré si môžu vaši priatelia prezerať ako efektné prezentácie. Ozaj a zabudol som poznamenať že pre svoje fotografie máte k dispozícii 2 GB miesta a aplikácia spolupracuje s ďalšími službami ako napríklad Picasa či Facebook.
Nástrojom Pop Color som niekoľkými kliknutiami dokázal na farebnej fotografi urobiť pozadie čiernobiele a zmeniť farbu autíčka z červenej na zelenú.
Pozrime sa bližšie na samotný editor. Ten ma zaujíma najviac. Človeka poteší že táto aplikácia funguje aj offline. Ja som si ju načítal do prehliadača a testoval som samotný editor počas cesty vo vlaku :). Ale späť k editoru. Poskytuje nadmieru postačujúce možnosti úpravy fotografie (pre vyššie spomenutú cieľovú skupinu). Samozrejme návrh webovej stránky nezvládne ale s červenými očami, podexponovaním či neostrosťou si poradí bezproblémovo. Niektoré nástroje sú vskutku kvalitné a nemusel by sa za ne hanbiť ani desktopový Photoshop. Napríklad nástroj Pop Color dokáže zopár kliknutiami niečo čo by ste vo Photoshope robili pomocou kanálov aj niekoľko minút.
Veľmi sa mi páči ako pristupuje k vykonaným zmenám. Všetko je nedeštruktívne kým obrázok neuložíte a nastavenia každého použitého nástroja alebo efektu možno dodatočne upravovať alebo deaktivovať. Pre skúsenejších photoshopistov: je to niečo ako keby každá zmena bola zaznamenaná ako Smart Filter vo Photoshope CS3…
Ak by som to mal zhrnúť Adobe prináša dostatočnú možnosť ako editovať svoje fotografie masám úplne zadarmo nezávisle na ich operačnom systéme alebo prehliadači. Potrebný je iba Flash 9, samozrejme. Osobne som milo prekvapený a potešený možnosťami. Ešte dodám že sa zatiaľ jedná o betaverziu. Môžete sa registrovať alebo si vyskúšať možnosti celej aplikácie vo fiktívnom konte bez registrácie (poteší :)). Registráciou získate už spomínané 2 GB miesta pre vaše fotografie a adresu v tvare lubovolnynazov.photoshop.com na ktorej si ostatní môžu prezerať vaše fotografie. Pripravuje sa aj platená verzia aplikácie obohatená o väčšie možnosti a taktiež aj offline verzia vďaka technológii Adobe AIR.
Update 19:56
Práve som si uvedomil že mám dnes narodeniny a spomenul som si že aj minulý rok práve v deň mojich narodenín Adobe vydalo Photoshop CS3. To je pekné, už druhý rok po sebe, takýto darček :).
Update 5. 4. 2008 1:27
Pôvodná licencia ktorú bolo treba akceptovať aby ste mohli Photoshop Express používať bola pozmenená. Je tomu tak pretože Adobe si pôvodne vyhradzovalo všetky práva na vaše fotografie čo nemusí byť príjemné. Táto chyba (?) bola napravená. Viacej Informácií. Zo začiatku som o tom neinformoval pretože prakticky hneď ako to prasklo Adobe povedalo že to bude riešiť :)…
27. marec 2008, 17:03 | Photoshop | Pridaj komentár [7]