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

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

 

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

Google       Google       22. 8. 2007       26 582×

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

Reklama
Reklama
Obrázek ke článku Facebook spouští službu Marketplace V ČR

Facebook spouští službu Marketplace V ČR

Společná platforma Marketplace usnadní lidem na Facebooku vyhledávání, nákup a prodej použitého zboží na lokální úrovni. Bude tak přímou konkurencí pro weby a aplikace se stejným zaměřením jako je například Letgo, Bazoš, Aukro, Sbazar a další.

Obrázek ke článku DistrCut – optimalizace pomocí distribuované inteligence

DistrCut – optimalizace pomocí distribuované inteligence

Optimalizační systémy, které jsem dosud popisoval, se týkaly vždy optimalizace na jednom zařízení. Optimalizovalo se dělení tyčového materiálu na jedné pile, vypalování plošného materiálu na jednom plazmovém stroji, řídilo se tavení na jedné elektrické obloukové peci.

Ve výrobním procesu je však často nutné optimalizovat činnost celého výrobního úseku, kde je více různých objektů odlišného typu a koordinovat činnost těchto objektů k dosažení společného cíle, zpravidla kvality finálního výrobku. Řešení tohoto problému umožňuje distribuovaná inteligence.

loadingtransparent (function() { var po = document.createElement('script'); po.type = 'text/javascript'; po.async = true; po.src = 'https://apis.google.com/js/plusone.js'; var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(po, s); })();
Hostujeme u Českého hostingu       ISSN 1801-1586       ⇡ Nahoru Webtea.cz logo © 20032017 Programujte.com
Zasadilo a pěstuje Webtea.cz, šéfredaktor Lukáš Churý