Button

Vytvo°enφ jednoduchΘho tlaΦφtka je velice snadnΘ. Fireworks mß v sob∞ ji₧ p°ednastavenΘ n∞kolik styl∙, kterΘ lze s ·sp∞chem pou₧φt. My si dnes jeden takov² postup ukß₧eme.

Otev°eme si nov² dokument (Ctrl+N) o rozm∞rech 300 x 300px o hloubce rozliÜenφ 72 dpi a o barv∞ podkladu bφlΘ.

.

V panelu nßstroj∙ Swatches (Ctrl+F9) si najdeme barvu, kterß nßm bude vyhovovat jako podklad pro tlaΦφtko. V naÜem p°φpad∞ to bude odstφn modrΘ #3399FF. To, ₧e jsme vybrali sprßvnou barvu zjistφme na panelu Tools

Kliknutφm na Rectangle Tool (R) si v nov∞ otev°enΘm dokumentu nakreslφme po₧adovan² tvar naÜeho budoucφho tlaΦφtka a v panelu Styles (Shift+F11) pou₧ijeme p°ednastaven² styl Φ.5.

P°i dvojitΘm pokliku myÜφ na styl Φ.5. se nßm zobrazφ editace tohoto stylu. OdÜkrtnu pole Fill Color a dßm OK. Tφmto opat°enφm zachovßm zvolenou barvu tlaΦφtka.



A jsme skoro hotovi te∩ zb²vß vepsat text do tlaΦφtka a pomocφ efekt∙ dodat textu stφnovßnφ. Panel Tools > Text Tool (T) nebo Text > Editor, vybrat font pφsma (Arial), velikost (18px), tlouÜ¥ku pφsma (Bold) a barvu (#000000)



Text umφstφme p°esn∞ na tlaΦφtko, oznaΦφme a aplikujeme efekty z nßstroje Effect (Alt+F7).

1. Bevel and Emboss / Inner Bevel:
• Sloped
• Width > 10px
• Contrast > 100%
• Oftness >1
• Angle > 316
• Color> #000000
• Style >Raised
2. Shadow and Glow/Drop Shadow:
• Color # 663366
• Distance > 2
• Softness >4 px
• Opacity > 64
• Angle > 316

Pro budoucφ prßci s tlaΦφtkem slouΦφme text a tlaΦφtko do jednΘ skupiny Group (Ctrl+G) a ulo₧φme ve formßtu.png.