Vytvoríme text

Pomocou text tool vo Photoshope vytvoríme text z ktorému neskôr dáme tieň.

Vytvoríme vstvu pre 3D efekt

Ďalšia vec je vytvorenie novej zložky pod vrstvou základného textu kde vložíme kópiu našeho textu, pozrite si obrázok... Robíme to preto, že 3d efekt budeme vytvárať do tejto zložky. Bude lepšie keď to bude oddelené lebo ak sa rozhodneme, že efekt nieje dobrý alebo ho nechceme stačí zmazať len zložku v ktorej to všetko je.

Vytvárame 3D efekt kopírovaním

Teraz nasleduje najdôležitejšia časť tutoriálu a to vytvorenie samotného 3D efektu. Ten vytvoríme tak, že budeme kopírovať našu vrstvu textu v zložke 3d efekt.

• Označte vrstvu nášho textu v zložke 3d efekt
• Duplikovaním tejto vrstvy vytvoríme veľa kópií kde každá je o 1 pixel posunutá želaným smerom, toto vytvorí 3D efekt. U nás sme vybrali Move Tool a stláčali šípku dole + ALT, takto sme vytvorili efekt ale zároveň aj veľa vrstiev ktoré ho tvoria.

• Označíme všetky vrstvy v zložke 3D efekt. Ide nám o to, že je zbytočné ich mať veľa a tak z nich urobíme len jednu vrstvu s ktorou sa nám bude ľahšie robiť.
• Klikneme pravé tlačidlo na týchto označených vrstvách a vyberieme rasterize layer. Z vektorov si vytvoríme raster ktorý potom spojíme do jedného obrázku.
• Keď máme z vrstiev rastre tak dáme zase pravé tlačidlo a vyberieme merge layers, takto si vytvoríme len jednu vrstvu ktorá tvorí náš 3D efekt

Takto máme v výsledku základnú vrstvu textu a vrstvu ktorá nám dotvára 3D efekt. Teraz je už len na Vás ako ju ďalej upravíte... Vďaka blending options viete ľahko nadefinovať týmto vrstvám vlastnosti vďaka ktorým bude text vyzerať napríklad takto:

Pre úplnú ukážku prikladám PSD súbor na stiahnutie kde uvidíte ako nastaviť blending options aby text pôsobil plastickejšie. Tutoriál: vytvorenie 3D textu vo Photoshope.

Podobné články

• 18. Február 2009 -- Zend Framework po lopate: Použitie View Helperu
• 6. August 2008 -- PixelPerfect: Bert Monroy a jeho super video podcasty na Revision3
• 16. Júl 2008 -- Photoshop Batch – spracovanie obrázkov v dávke

Vytvorenie ikony

Ikonka musí mať rozmer najlepšie 57x57 pixelov vo formáte PNG, v iPhone majú tieto ikonky zaoblené rohy a zobrazujú odlesk skla. Vy to ale neriešite, o to sa postará iPhone. Vytvorte ikonku pre svoj iPhone v nejakom grafickom editore. Ja som si vytvoril niečo takéto.

Vloženie do stránky

Do stránky len nalinkujete jeden riadok HTML kódu s cestou k obrázku, to je všetko... tento kus kódu vložiť medzi tagy HEAD.

<link rel="apple-touch-icon" href="/directory/myicon.png" />

Pridanie stránky na plochu

Pridať svoju stránku ako ikonku na plochu iPhonu je veľmi ľahké. Otvorte Safari v iPhone a zadajte nejakú URL adresu (ak chcete skúste peteroravec.sk kde to funguje), kliknite na tlačidlo + (plus) a vyberte možnosť Add to Home Screen. Ikonka sa zobrazí na ploche.

Pre premiestnenie ikonky podržte stlačenú nejakú ikonku až sa všetky ostatné začnú triasť, potom len kliknutím a ťahom popresúvajte ikonky tam kde chcete, pre uloženie stlačte tlačidlo na spodku iPhonu a pozície sa uložia.

Podobné články

• 20. Jún 2009 -- Problémy s Apple iPhone OS 3.0 Update: jedno veľké sklamanie alebo ako po update nič nefungovalo!
• 18. Jún 2009 -- Vypnutie dátových prenosov v Apple iPhone bez Jailbreaku
• 21. Marec 2009 -- Pustý hrad, bicyklovanie a náš prvý pokus o geocaching s iPhonom 3G
• 17. Február 2009 -- Google Sync: synchronizujte kontakty a kalendár s Push technológiou
• 31. December 2008 -- Sim City 3000 pre iPhone je tu… príjemné prekvapenie!

Je to drobnosť ktorá ale urobí radosť a tento článok je o tom ako ju jednoducho vytvoriť.

Ako vytvoriť FavIcon?

Moderné prehliadače akceptujú aj iný typ súboru ako ICO, my však použijeme práve ICO aby nám FavIcon fungovala aj na IE6 ktorý nám to ako vždy skomplikuje.

• Ikona o rozmeroch 16x16 alebo 32x32. Keď sa povie ikona tak NIE obrázok uložený na disk s prepísanou koncovkou ale normálne vygenerovaný súbor .ICO
• Osobne odporúčam použiť rozmer 16x16 pixelov lebo do adresného riadka aj tak zobrazuje len 16x16 pixelov a ak dáte väčšiu ikonu tak ju stlačí a vznikne nepekný deformovaný obraz.
• Vytvorenie ICO súboru je možné napríklad s photoshopm ktorý ale musí mať špeciálny plugin, jednoduchšie je napríklad si FavIcon rovno nakresliť na http://www.favicon.cc/ prípadne klasický obrázok premeniť na ICO na http://www.html-kit.com/favicon/.

Ikonu máme, umiestnenie na stránku

Na umiestnenie FavIcony na stránke je potrebný jeden riadok HTML kódu:

‹link rel="shortcut icon" 
href="favicon.ico" type="image/x-icon" /›

Tento kód umiestnite do hlavičky webu (medzi tagy <head></head>). Cesta musí byť správna, tam si dajte pozor, a to je celé... V moderných prehliadačoch to uvidíte hneď po refreshi.

Funguje to aj v IE6 ale...

Ak ale toto skúsite v IE6 tak pravdepodobne ikonka sa nezobrazí, to je v poriadku za to môže IE6. Ikonka sa začne zobrazovať ak si stránku pridáte do obľúbených položiek. V budúcnosti keď na túto stránku prídete tak ikonku uvidíte.

Podobné články

• 10. August 2010 -- CSS3 v praxi: rotácia elementov pre všetky prehliadače (IE5.5+)
• 22. November 2008 -- Najvhodnejšia šírka webu? 960 Grid system
• 16. Júl 2008 -- Prečo používať beztabuľkový layout v HTML? Tabuľkový sa už nenosí!

A pravda je, že keď si pozerám jeho práce alebo tutoriály tak si hovorím: "ako dlho musí s tým človek robiť aby dokázal niečo také?". Veľa jeho prác sú fotorealistické výtvory ktoré sú fakt špičkové.

Práca Berta Monroya vo Photoshope

K jeho prácam a tutoriálom som sa dostal nejak náhodne, do svojho iPodu som sťahoval video podcasty a viacmenej mi bolo jedno aké... hľadal som niečo čo budem pozerať v autobuse cestou do práce a nejak sa tam dostali. Celkom ma zaujali keď som ich začal pozerať.

Video podcast Berta Monroya sú dostupné na stránka internetovej televízie revision3.

Episode 94 - Add Magic to Photoshop

Ak to teda s Photoshopom a grafikou myslíte vážne tak sa trochu priučte a pozerajte tiež. Raz sa možno dostaneme na jeho úroveň. Takže sťahujte a pozerajte.

Podobné články

• 27. Apríl 2009 -- Tutoriál: 3D text vo Photoshope
• 16. Júl 2008 -- Photoshop Batch – spracovanie obrázkov v dávke

Na čo sa dá použiť dávkové spracovanie akcií vo Photoshope?

Spracovanie akcií v dávke vo Photoshope znamená, že nejakú akciu (napríklad vami nahratú akciu práce s obrazom) program vykonáva hromadne a automaticky na veľké množstvo súborov. Medzi najjednoduchšie dávkové spracovanie môže byť napríklad hromadné zmenšovanie fotografií prípadne automaticky pridávaný vodoznak alebo copyright do vlastných fotografií. Možnosti batch funkcií sú ale veľmi obsiahle a umožňujú zautomatizovanie aj veľmi zložitých akcií s obrazom.

Čo sú akcie vo Photoshope?

Akcie vo Photoshope sú nahrané úkony s prácou s obrazom ktoré môžme stále "prehrávať" dookola na ľubovoľný obrázok. Je to vlastne zoznam úkonov ktoré ste spravili aby ste obrázok upravili do finálnej podoby.

Napríklad by sme si chceli vytvoriť akciu ktorá nám každú fotografiu otočí o 180 stupňov a zmenší o policu. V praxi to bude vyzerať tak, že si vo Photoshope otvoríte nejaký obrázok na ktorom vytvoríte akciu ktorú budete ďalej používať. Pri našej konkrétnej akcii by to mohlo vyzerať nejak takto. Spustíte nahrávanie, nástrojom pre výber označíte obrázok aby bolo Photoshopu jasné, že s ním budeme robiť a budeme naň aplikovať akcie. Ďalej použijeme nástroj na zmenšenie a otočenie, po vykonaní sa v nahrávanej akcii zobrazia  tieto úkony Pri nahrávaní sa vám vlastne zaznamenáva čo robíte tak, že sa to dá aplikovať na ľubovoľný obrázok.

Tu si ale treba uvedomiť, že možnosti akcií sú síce veľké ale obmedzené na určité nástroje a funkcie.

Čo sa s akciami vo Photoshope nedá nahrávať?

• Nahrávať sa nedajú cesty kreslené rukou pomocou nástroja pero (Pen)
• Ťahy štetcom vytvárané pomocou kresliacich nástrojov, zameriavacích a tiež nástrojov pre pridávanie odtieňu
• Voľby štetca sa nenahrávajú
• Tiež niektoré voľby použité v lište volieb, v paletách a dialogových oknách sa nemusia nahrať

Základná tvorba akcií vo Photoshope - tutoriál

Priznávam sa, bol som lenivý aby som sám napísal nejaký návod ako na to ale našiel som video na youtube ktoré to vysvetlí úplne v pohode, je v angličtine. popisuje základné vytvorenie a použitie akcie. Jedno video nahradí hromadu textov...

Ak to nepôjde tak ľahko s prvým videom, skúste aj toto

Dúfam, že článok bude prínosný a že sa naučíte pracovať s akciami, majú veľké možnosti ale práca s nimi si vyžaduje zo začiatku skúšanie typu pokus-omyl ale keď to zvládnete už sa ich nebudete vedieť vzdať.

Podobné články

• 27. Apríl 2009 -- Tutoriál: 3D text vo Photoshope
• 10. Október 2008 -- Ako vytvoriť ikonku vlastnej stránky do iPhonu?
• 6. August 2008 -- PixelPerfect: Bert Monroy a jeho super video podcasty na Revision3

Čo je Adobe Kuler?

Je to tak trochu zvláštna vec , ja by som to ale definoval asi ako komunitná služba pre návrh a zdieľanie farebných schém. Načo je to teda dobré? Určite keď sa snažíte vytvoriť nejaký grafický dizajn či už pre web alebo niečo iné sa Vám môže občas stať, že si neviete navrhnúť vhodnú farebnú kombináciu.

Niekto má ten dar, že si vie farby zvoliť sám a pre niekoho je toto zase neriešiteľný problém. Správne zvolené farby je je polovica úspechu, keď pri návrhu dizajnu zvolíte divné farby tak ťažko s tým už dačo robiť.

Kuler je proste komunitný web kde sa môže zaregistrovať ktokoľvek a navrhnúť si tam svoje farebné schémy ktoré sú dostupné ostatným ľuďom. Každá schéma sa skladá z piatich farieb.

Základom je vytvoriť schému farieb, správne ju otagovať a pomenovať, tým zabezpečíte že ktokoľvek bude potrebovať pekné farby na určitú tému tak nájde práve tú pravú. Štandardne napríklad potrebujete spraviť napríklad web na prírodnú tématiku stačí Vám vyhľadávať slová ako: nature, sky, grass atď...

Farbičky sú pekné ale čo s tým ďalej? Zdieľajte, rozhodujte a sťahujte

Ak si už nájdete farbičký ktoré chcete môžete si buď jednoducho skopírovať kódy farieb alebo pohodlne stiahnuť schému Adobe Swatch Exchange File a jednoduchým dvojklikom naimportovať farby do Photoshopu.

Pokiaľ sa rozhodnete poskytnúť svoje schémy ako verejné užívatelia ich môžu hodnotiť, sťahovať a komentovať. Takto vzniká obrovská databáza farebných schém vhodných na webdizajn prípadne čokoľvek iné.

Adobe AIR a Kuler

Okrem webovej (flashovej) aplikácie je dnes už dostupná aj verzia v Adobe AIR, jednoducho ako desktopová aplikácia.

Ja ale (ak už Kuler) použijem tak siaham po webovej variante ktorá má viac možností a je prehľadnejšia.

Adobe Kuler je ideálny nástroj vhodný keď nedostatok kreativity Vám bráni v návrhu pekných farieb pre použitie na webe. Pre niekoho možno zbytočnosť a pre niekoho možno nástroj bez ktorého nedokáže fungovať. Takže kliknite na kuler.adobe.com a zabávajte sa s farbičkami.

Podobné články

• Žiadne podobné články

Ale poporiadku... niesom z tých čo len tak kúpi niečo bez toho aby si to predtým preštudoval a tak som začal hľadať. Nanešťastie o Wacom Bamboo som našiel nejakú jednu recenziu ktorá bola síce o Bamboo ale o inom ako som chcel a tam ho porovnávali s Intuosom 3 kde Bamboo nevyznel úplne ako ideálne riešenie. Na diskusných fórach nič, pár videí na Youtube ale inak informácie o Bamboo akosi na webe chýbajú. Ja som zatiaľ nemal veľkú skúsenosť s tabletom ale vedel som, že keď je to od Wacomu tak to asi bude kvalitné (však čo si budeme hovoriť, oni ich začali robiť ako prvý a aj majú patentovanú ich úžasnú technológiu Penabled vďaka ktorej perá tabletu nepotrebujú batérie ako pri "šitnejších" značkách).

Preto som sa zameral na najväčší tablet z Bamboo rady a to Bamboo Fun Medium A5. Za cenu približne 7200Sk aj s dopravou som dostal tablet ktorý zároveň obsahoval Photoshop Elements 5.0 (aj s tromi "legalizačnými" nálepkami so sériovým číslom) k tomu kresliaci program ArtRage 2 (niečo ako skicár s množstvom efektov, ale je to na také zábavné kreslenie... nič seriózne tam asi nevytvoríte) a inštalačné CD pre samotný tablet.

Čo bolo - nebolo v krabici?

Krabica prišla v celku bezpečne zabalená z alza.sk, po obtrhaní fólie a ztrhaní papiera Vás zaujme pekne dizajnovaná krabica, respektíve jej obal. Ten sa samozrejme stiahne a ostane Vám čierna krabica s nápisom Bamboo. Po otvorení ale stále nevidíte čo je vnútri lebo uvidíte text v rôznych jazykoch hovoriac Vám, že toto je Váš Wacom atď., nechýbajú ručne kreslené smajlíky a podpisy (asi vývojárov - dizajnérov?!). Až po odklopení tohoto papiera už konečne uvídite čo je vo vnútri.

Samotný tablet je zabalený v obale aby sa nepoškodil, tiež pero malo na oboch stranách ochránený hrot a gumu (áno, pero má tiež gumu citlivú na tlak), v krabici tiež boli 3 alebo 4 náhradné hroty do pera (nebolo tam ale nič čím by som hroty mohol vytiahnuť), USB kábel a stojan na pero a 3CDčka (aké som napísal vyššie). Pripájam video rozbaľovania Wacom Bamboo Fun Medium A5 ktoré som natočil (len a len pre Vás keď dorazil).

V krabici ale nebola myš, ak ju niekto čakal tak vo Wacom Fun Medium A5 asi nebýva, pravdepodobne asi len k menšej variante A6. Ale úprimne Vám poviem, že by som ju ani nepoužíval... odkladať pero a dávať na tablet nejakú myš (ktorej parametre najskôr nebudú oslňujúce nemá zmysel), ja používam Microsoft Ergonomic Mouse 6000 a teda nejakú tabletovú myšku neriešim, ani by som ju najskôr nepoužil... asi je to individuálne.

Inštalácia a práca

Inštalácia bola úplne jednoduchá, pripojiť k PC (touchRing bude pekne pulzovať) strčiť inštalačné CD a nainštalovať po inštalácii si môžete prejsť základný kurz ovládania tabletu, vyskúšate si ako otvárať a presúvať adresáre a podobné úkony aby ste zvládli prácu so súbormi a oknami vo Windows.

Prvý kontakt s tabletom bol chvíľu nepohodlný a nevedel som si predstaviť s ním robiť, pohyb a navigácia s tabletom nieje ako touchpad na notebooku... ak ukážete na tablete do ľavého dolného rohu tak sa tam aj objaví kurzor, to isté ak dáte do pravého horného rohu tak kurzor tam preskočí, nieje to ako na notebooku, že kurzor ostáva na poslednej pozícii a pri prehmate sa pokračuje od poslednej pozície kurzora.

Tablet obsahuje aj 4 programovateľné tlačidlá a tzv. TouchRing čo je vlastne dotyková plocha kde kruhovými pohybmi môžete zoomovať v grafických programoch alebo v internetovom prehliadači.

Ak teda hľadáte tablet ako doplnok k práci keď Vám už niekedy myš nestačí tak Wacom Bamboo Fun Medium je ideálne riešeni, produkty firmy Wacom patria k úplnej (ak nie jedinej špičke), Bamboo nejde porovnávať s Intuosom a úplne kresliaci nástroj to nebude ale pokiaľ nieste úplný profesionál ktorý kreslí plnohodnotné grafické diela tak s Bamboo budete spokojný.

Podobné články

• 16. Júl 2010 -- Užívateľská recenzia digitálnej zrkadlovky Nikon D90
• 9. Február 2010 -- Užívateľská recenzia Motorola Milestone
• 30. Apríl 2008 -- Kvalitný posluch hudby? Sennheiser CX300, malá recenzia
• 30. Marec 2008 -- Apple iPod Classic 80GB Black, šiesta generácia obľúbených mp3 prehrávačov… malá recenzia
• 14. Marec 2008 -- PHP5 a MySQL5 na localhoste? S Wampserverom nič ľahšie…