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       25 527×

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 Hackerský kongres přiveze v září do Prahy špičky světové kryptoanarchie

Hackerský kongres přiveze v září do Prahy špičky světové kryptoanarchie

Hackerský kongres HCPP16 pořádá od 30. září do 2. října nezisková organizace Paralelní Polis již potřetí, a to ve stejnojmenném bitcoinovém prostoru v pražských Holešovicích. Letos přiveze na třídenní konferenci přes 40 většinou zahraničních speakerů – lídrů z oblastí technologií, decentralizované ekonomiky, politických umění a aktivismu. Náměty jejich přednášek budou také hacking, kryptoměny, věda, svoboda nebo kryptoanarchie.

Reklama
Reklama
Obrázek ke článku ICT PRO školení zaměřené nejenom na ICT

ICT PRO školení zaměřené nejenom na ICT

Dovolte, abychom se představili. Jsme zaměstnanci společnosti ICT Pro, profesionálové v oblasti poskytování komplexních ICT služeb. Neboli služeb spojených s informačními a komunikačními technologiemi, které dnes - ve 21. století - tvoří  nedílnou součást běžného provozu všech moderních firem.

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 © 20032016 Programujte.com
Zasadilo a pěstuje Webtea.cz, šéfredaktor Lukáš Churý