Vytvoření hlavičky pro webovou stránku
 x   TIP: Přetáhni ikonu na hlavní panel pro připnutí webu

Vytvoření hlavičky pro webovou stránkuVytvoření hlavičky pro webovou stránku

 
Hledat
Moderní platforma pro vytvoření vašeho nového webu – Wix.com.
Nyní už můžete mít web zdarma.
Vybavení pro Laser Game
Spuštěn Filmový magazín

Vytvoření hlavičky pro webovou stránku

Google       Google       22. 8. 2007       26 822×

V dnešním článku vám ukážu, jak rychle a snadno vytvořit pekně vypadajíci hlavičku webu.

Reklama
Reklama

Co budeme vlastně všechno potřebovat:

  • Adobe Photoshop CS2 (může být i nižší verze tohoto programu)
  • Kolekci štětců Champions_Designs
  • Písmo Weltron Urban, které najdete na adrese dafont.com

To je tak všechno, co budeme potřebovat. Takže se vrhneme na tvorbu.

Nejprve si otevřete nový dokument o velikost 800 × 300 px. Vytvořte novou vrstvu v Paletě vrstev a pojmenujte ji třeba body_hlava. Vezměte nástroj Zaoblený obdélník a vytvořte podobný tvar jako na obrázku. Aby to nějak vypadalo, přesuňte tvar doprostřed.

Najděte si vrstvu, kde máte onen zaoblený tvar, a vyvolejte Volby prolnutí. Můžete použít dvě varianty. První a zřejmě nejrychlejší je, že dvakrát poklepáte na vrstvu. Druhá varianta je trochu zdlouhavější, ale taky funguje. Pravým tlačítkem klepněte na vrstvu a vyberte Volby prolnutí. Uděláme dva jednoduché efekty. Nejdřív vyberte natavení pro Vnější záři a nastavte podle obrázku. Pro druhý efekt navštivte Překrytí přechodem, který taky nastavte podle obrázku.


Znovu se snažte všechno dělat podle obrázku, ale na přesnosti zas tak moc nezáleží. Takže dále si vytvoříme novou vrstvu. Pojmenujte ji překrytí. Vyberte Nástroj obdélník a udělejte pruh přes bílé místo od okraje k okraji. Barvu tohoto překrytí nastavte na #d0cfce a překrytí na 25 %.

Tím jsme si vytvořili jakýsi bílý pruh, do kterého budeme později psát.

Takže nyní je čas na použití našeho štětce. Pokud by to z jakéhokoliv důvodu nešlo jinak, klidně mi napište na mail nebo na icq a já vám štětec pošlu. Nejprve si vytvořte novou vrstvu. Znovu si vrstvu pojmenujeme například znak. Přepněte na Nástroj štětec a vyberte z palety Champions_Designs. Vše udělejte podle obrázku.

No a teď si napíšeme text do hlavičky. Znovu si vytvořte novou vrstvu. Vezměte Nástroj text, vyberte font Weltron Urban. Já jsem si napsal Soptovo portfolio. Vy si text můžete zvolit podle vaší libosti. Vše je znovu na obrázku.

Tak a jdeme na poslední věc na naší hlavičce. Není to povinné a můžete si tam dát, co chcete, ale já to tu uvedu. Nebo tam zkrátka můžete napsat nějaký citát či jiný text. Takže si vytvořte novou vrstvu. Znovu vyberte nástroj Zaoblený obdélník o barvě #d68f07. Všechno nastavte podle doprovázejících obrázku a máte hotovo.


A jsme u konce. Doufám, že se vám článek líbil. Není to sice nic světoborného, ale je to jednoduché a myslím si, že i pěkné. No své názory klidně pište. Tak zase někdy nashle.

Zde máte výsledný obrázek naší práce:

×Odeslání článku na tvůj Kindle

Zadej svůj Kindle e-mail a my ti pošleme článek na tvůj Kindle.
Musíš mít povolený příjem obsahu do svého Kindle z naší e-mailové adresy kindle@programujte.com.

E-mailová adresa (např. novak@kindle.com):

TIP: Pokud chceš dostávat naše články každé ráno do svého Kindle, koukni do sekce Články do Kindle.

Hlasování bylo ukončeno    
0 hlasů
Google
Autor studuje střední školu změřenout na IT(aplikace osobních počítačů). Zajímá se o webdesign (HTML,CSS), rád programuje(PHP & MySQL) a hraje si rád s grafikou (Photoshop). A taky si rád zasportuje (florbal, sebeobrana).

Nové články

Obrázek ke článku První český hackathon ve vlaku inspirovaly služby jako  Tinder, Airbnb nebo Uber

První český hackathon ve vlaku inspirovaly služby jako Tinder, Airbnb nebo Uber

Patnáct set kilometrů, cesta přes dva státy, šestnáct hodin programování a přísun energy drinků, tak by se dal shrnout unikátní hackathon ve vlaku pořádaný Kiwi.com. Z Prahy do Košic a zpět se svezlo celkem 13 týmů, každý s originálním nápadem. Hlavní výhru, voucher na letenky v hodnotě 2 500 EUR, si v Praze převzal tým až z Ukrajiny.

Reklama
Reklama
Obrázek ke článku Gamifikace nakupování dorazila i do České republiky

Gamifikace nakupování dorazila i do České republiky

Zákazníci zejména retailových společností jsou často znuděni klasickými věrnostními či motivačními programy. Většinou z toho důvodu, že jsou jeden jako druhý a nepřináší nic nového. Ale i v České republice se projevují zahraniční trendy, nedávno zde totiž vstoupila na trh a rychle se uchytila nová platforma kombinující to nejlepší z věrnostních a motivačních programů, která navíc využívá prvky gamifikace – Rondo.cz. Na hlavní milníky vývoje nálad a motivace zákazníků a nejnovější trendy se zaměřil Jan Hřebabecký, spoluzakladatel Rondo.cz

Obrázek ke článku NopCommerce – datová vrstva a přístup k datům – 2. díl

NopCommerce – datová vrstva a přístup k datům – 2. díl

V minulém článku jsme si představili platformu NopCommerce z globálního pohledu. V dnešním díle se již zaměříme na konkrétní část systému, a to datovou vrstvu. Představíme si základní stavební kameny systému v podobě doménových objektů. Ukážeme si, jakým způsobem rozšířit doménové objekty a jakým způsobem přistupuje NopCommerce k nastavení systému a modulů.

Hostujeme u Českého hostingu       ISSN 1801-1586       ⇡ Nahoru Webtea.cz logo © 20032017 Programujte.com
Zasadilo a pěstuje Webtea.cz, šéfredaktor Lukáš Churý