Takže se mrkněte zde: „Adobe Fireworks, the Better Tool for Creating Basic Shapes„

Na internetu narazíme na obrovském množství ikon. Musím říct, že drtivá většina nestojí za nic. Občas ale narazím na opravdu pěkné sady ikon.

Nyní jsem narazil na ikony s dílny Icon Eden., která nabízí i několik sad ikon zdarma pod royalty-free licencí k osobnímu i komerčnímu použití. A co je nejlepší, že tyto ikony jsou ke stažení ve vektorových formátech, takže jejich další úprava, která je dle licence možná je o to snazší.

Yumy

Ke stažení zde: http://iconeden.com/icon/yummy-free-icons.html

Birdies

Ke stažení zde: http://iconeden.com/icon/birdies-a-free-twitter-icon-set.html

Shine

Ke stažení zde: http://iconeden.com/icon/shine.html

FRESH Add-on

Ke stažení zde: http://iconeden.com/icon/fresh-addon-a-free-iconset.html

Smashing Christmas

Ke stažení zde: http://iconeden.com/icon/smashing-christmas.html

Milky

Ke stažení zde: http://iconeden.com/icon/milky-a-free-vector-iconset.html

Bright!

Ke stažení zde: http://iconeden.com/icon/bright-free-stock-iconset.html

UI pro iPhone

Ke stažení zde: Blogspark

UI pro Android:

Ke stažení zde: UINTiD

Nedávno jsem sháněl nějaké pěkné obrázky cigaretového kouře. Opět se potvrdilo pořekadlo „Kdo hledá, najde“.

Narazil jsem na „Smoke Pack“ 75 obrázků kouře, které jsou Free.

Začal jsem procházet celý web Media Militia a nestačil jsem se divit, jak je to docela „velký“ zdroj různých textur, objektů atd. Vřele doporučuji navštívit tento web. Rozhodně si něco vyberete a použijete.

Na mnoha stránkách se setkáváme s efektem odrazu nějakého objektu. Je to dnes velice oblíbený efekt a myslím, že občas se i opravdu hodí ho použít.

Bohužel dněšní tutoriál není příliš vhodný pro prostorové objekty, jakou jsou například vozidla, nábytek atd. Podmínkou je, aby spodní hrana objektu nebyla příliš členitá.

Adobe Fireworks CS4 nám pomocí „Auto Vector Mask“ umožňuje velice rychlou aplikaci tohoto efektu na jakýkoliv objekt, který máme na plátně. (od jakéhokoliv vektorového objektu, bitmapy až po seskupené objekty).

Pro ukázku jsem si nachystal obrázek mobilního telefonu. Aby byl odlesk opravdu autentický, zvolil jsem tmavé pozadí plátna.

Umístěme si tedy objekt, v našem případě mobilní telefon na plátno a vytvořte si jeho kopii. Kopii pak posuneme ke spodní hraně původního objektu a pomocí Modify → Transform → Flip Vertical tuto kopii objektu vertikálně otočíme.

A nyní budeme aplikovat automatickou vektorovou masku, opět na tuto kopii objektu a to tak, že z menu vybereme: Commands → Creative → Auto Vector Mask.

V dialogovém okně pak zvolíme, jak má maska vypadat:

Masku jsme aplikovali. A můžeme ji upravit tak, jak nám bude připadat odraz nejlépe. Posouváním pomocných prvků pro práci s přechodem změníme umístění přechodu a velikost prolnutí.

Takto jsme si vytvořili odraz za velice krátkou dobu a navíc se mi na tom celém líbí to, že vlastní odraz není definitivní a v průběhu další práce jej mohu i nadále upravovat.

A zde si můžete stáhnout zdrojový soubor PNG (cca 292 kB).

Webová služba Adobe kuler umožňuje prohlížení, vytváření a sdílení barevných variací, tzv. harmonických barev – témat. Dost často se stává, že potřebujeme nějakou inspiraci k navržení základního barevného schématu nějakého projektu, jako je například WWW prezentace. Díky velice silné online komunitě, ke které se mužete také přidat, získáte přístup k velkému množství barevných schémat.

Adobe kuler funguje jako:

WWW služba

AIR aplikace

Ale hlavně ji můžete propojit s programy z balíku Adobe CS4:

• Adobe Fireworks CS4
• Adobe Photoshop CS4
• Adobe Flash Professional CS4
• Adobe InDesign CS4
• Adobe Illustrator CS4

Propojení Adobe Fireworks CS4 s kuler komunitou:

Panel kuler zobrazíte vybráním v menu: Window → Extension → Kuler. Úplně stejně můžete postupovat i v ostatních výše zmíněných aplikacích.

Každé barevné schéma pak můžete přidat do panelu Swatches, případně si jej upravit:

Video o panelu Kuler:

Video si můžete prohlédnou také přímo na http://tv.adobe.com/#vi+f1612v1008.

Adobe Fireworks CS4 navíc umožňuje sdílení jednotlivých vrstev v každé stránce PNG dokumentu. Jedná se o velice užitečnou funkci. Takhle si můžeme do zvláštních vrstev objekty, o kterých víme, že na všech stránkách budou stejné a jakmile provedeme úpravu této vrstvy, jak modifikací objektu v dané sdílené vrstvě, tak přidání nového objektu, se tato změna projeví na všech ostatních stránkách.

Také můžeme vrstvu, ikdyž je sdílená, tak na nějaké stránce, kde ji nepotřebujeme, úplně smazat. Nebo pokud potřebujeme sdílenou vrstvu nějak upravit, a zároveň nechceme ať se to projeví na ostatních stránkách, tak ji jednoduše na dané stránce odpojíme.

A zde ke stažení zdrojový PNG se sdílenými vrstvami.

Takže zde je další dávka pěkných fontů, které jsou k mání zcela ZDARMA. Bohužel všechny neobsahují české znaky, ale myslím, že to až tak příliš nevadí. Pouze poslední je včetně českých znaků.

DEAD HARDY

Ke stažení: DEAD HARDY

RIOT

Ke stažení: RIOT

IQ

Ke stažení: IQ

MEgapolis Extra

MEgapolis Extra je OpenType, včetně českých znaků
Ke stažení: MEgapolis Extra

Pokud jste ještě nikdy neslyšeli, nebo nikdy nepoužívali styly v Adobe Fireworks, po přečtění tohoto článku začnete. Stylování v Adobe Fireworks usnadní velice práci webdesignera, který se snaží vyladit svůj grafický návrh.

Co to jsou styly?

Styly jsou vlastně sada atributů, jako je výplň, tah, použité písmo textu, velikost textu atd., které se můžete uložit a pak jej aplikovat na více objektů. Úpravou konkrétního stylu se projeví na všech objektech, které mají tento styl přiřazený.

Fireworks má již mnoho předdefinovaných stylů. Styly můžete ovšem vytvářet sami, upravovat je i ty předdefinované. Styly můžete take exportovat a sdílet je s ostatními uživateli aplikace Fireworks nebo importovat styly z jinych dokumentů Fireworks.

Aplikování předdefinovaného stylu.

Vytvořte si nějaký objekt, například box a v paletce Styles vyberte sadu stylů s názvem „Plastic Styles“. Vyberte si nějaký styl a kliknutím na něj, bude stal aplikován na vybraný objekt, v našem případě box.

Vpravé části panelu vlastností „Properties“ si můžeme všimnout, že u objektu, na který jsme aplikovali nějaký styl, se zobrazil název stylu a pod ním ikony pro práci se styly, jako je vytvoření nového stylu, redefinování stylu, odpojení od stylu, smazání stylu.

Vytvoření vlastního stylu

Vytvořte si nějaký objekt, aplikujte na něj nějakou výplň, tah a třeba i efekt, například vržený stín. Označte objekt a klikněte na ikonu pro vytvoření nového stylu.

V dialogovém okně vyplňte název Vašeho nového stylu, a nastavte vlastnosti, které se mají do stylu přenést.

A tím máme vlastní styl úspěšně vytvořen a můžeme jej aplikovat na nějaký jiný objekt.

Díky stylům ve Fireworks můžete mít uloženy definice atributů a používat jej pak velice jednoduše v dalších dokumentech.

A ještě malý videotutoriál:

Na Adobe TV si můžete prohlédnout ukázkový tutoriál do úvodu ke stylům v Adobe Fireworks, který pochází s dílny Lynda.com

Opět jednoduchý tutoriál pro Adobe Fireworks CS4, kde jsem se nechal inspirovat tutoriálem na Abduzeedo.com, který je ovšem pro Adobe Photoshop. Prostě jsem si řekl, jak by to šlo udělat v mém tolik oblíbeném programu.

I zde nabízím ke stažení zdrojový PNG soubor: ikona-quick-time.png