Jste tu poprvé? - Skrýt (musíte být přihlášeni)

Rychlý tip: Jednotně zaoblené rámečky

27. 6. 2010 v 0:00 0 Rychlý tip: Jednotně zaoblené rámečky

Opravdu krátký tip pro tvorbu kvalitních zaoblených rámečků.

Dnes si zkusíme něco opravdu jednoduchého – je vůbec nějaký důvod ukazovat něco tak prostého? Určitě ano, protože nekvalitně provedené zaoblené rámce vidím dennodenně. Zaměříme se na naprostou dřeň, žádné efekty, pouze práce s nástrojem Zaoblený obdélník.

1. Analýza problému

Máte obrázek, kterému přidáte vektorovou masku se zaoblením 10 bodů, viz níže. Potom byste chtěli přidat obtahující rámeček s tloušťkou 8 pixelů, ale když použijete stejné zaoblení, budou rohy vypadat nepěkně vedle menšího obdélníku.

To si můžeme snadno předvést na dalším obrázku, kde zkusím jak vytažení ve stylech vrstvy, tak obtažení rámečkem se stejným poloměrem zaoblení.

2. Řešení

Jak vidíte, moc to nesedí. Takže co uděláme? Musíme znát šířku rámečku, který chceme vytvořit, v mém případě 8.

Tu potom vydělíme dvěmi a přidáme k původnímu poloměru (10) – v našem případě bude výsledek 14. V případě že vkládáme nějaký zaoblený objekt dovnitř, budeme odečítat.

Výsledkem je maličkost, kterou necvičené oko snadno přehlédne, ale zvlášť ve webdesignu záleží na maličkostech. Používejte Tvary a nevytvářejte objekty pomocí výběrových nástrojů – Tvary jsou perfektní pomůcka prakticky pro cokoliv.

A to je pro dnešek vše – moc jste se nedozvěděli, a jsem si jistý, že mnoho z vás si tuto věc, který by spadala do symetrie, pamatuje (kdybych si pamatoval více věcí z matematiky, dokázal bych to snad i odborně zdůvodnit). Ale jak jsem se zmiňoval na začátku, vidím neznalost této věci až příliš často na to, abych to nechal být. Nebuďte neteční a pokud jste takto nepostupovali, začněte.

Petr Široký Profil na fóru / Osobní stránky / Twitter Webdesignér povoláním, kritik přesvědčením, šašek duší, to vše zde najdete. Tutoriarts jsou poslední 3 roky můj největší osobní projekt. Kromě toho se zkouším věnovat jiným menším webovým projektům, živím se jako nezávislý webový designér a snažím se více hledět do budoucnosti, aby tyto stránky vzkvétaly.

Zdrojový soubor : Není k dispozici

Komentáře k článku

Nejste přihlášeni - před odesláním příspěvku vyplňte protispamovou kontrolu níže - váš komentář bude viditelný až po schválení správcem. Pro okamžité schválení se přihlašte, nebo registrujte. Registrace nezabere déle než minutu.

  • :-D
  • 8-|
  • :-/
  • 8-)
  • :-(
  • :-O
  • =(
  • =D
  • :-)
  • <3
  • ;-)

* Povinné položky

Nahoru

Autoři: Jakub Houdek, Jakub Šimůnek, Petr Široký a příležitostní sebevrazi