Návody pro Gimp - Webová grafika

Vytržená stránka z bloku

Lukáš — Sat, 02 Aug 2014 12:35:25 +0000

Než začneme s tvorbou samotného obrázku, vytvoříme si dva štětce:

#1 Linka

Vytvoříme nový obrázek s rozměry 600×40px a bílým pozadím
Vytvoříme nové vodorovné vodítko v 50ti% obrázku – Obrázek → Vodítka → Nové vodítko (podle procent)
Vybereme si nástroj Cesty [B] a nakreslíme čáru podle vodítka
Přejdeme na menu Upravit → Vykreslit cestu. Šířku čáry nastavíme na hodnotu 2,0.
Přejdeme na Obrázek → Režim → Odstíny šedi
Přejdeme na Upravit → Kopírovat, poté na Upravit → Vložit jako → Nová stopa... Pojmenujeme ji třeba Linka Rozestup nastavíme na hodnotu 100 a klepneme na tlačítko Budiž.

#2 – Díra

Vytvoříme si nový obrázek s rozměry 200×200px. Vyplněný bílou barvou
Zvolíme si nástroj Štětec a stopu Hardness 100. Velikost nastavíme na 85 a ve spodní části obrázku uděláme tečku
Vybereme si stopu Block 01. Otočíme ji o 90 stupňů.
Do kruhu uděláme stopou čáru tak, aby nám vzniklo tohle:
Stejně jako před chvílí přejdeme na Obrázek → Režim → Odstíny šedi a na Upravit → Kopírovat, poté na Upravit → Vložit jako → Nová stopa... Pojmenujeme ji třeba Díra. Rozestup nastavíme na hodnotu 58 a klepneme na tlačítko Budiž.

Aby nám Gimp nové stopy načetl zavřeme jej a znovu spustíme. Teď můžeme začít s tvorbou samotné stránky.

Vytvoříme nový obrázek – rozměry 1000×800px, Orientace na výšku, vyplněný modrou (#a6b8db) barvou.
Vytvoříme novou (průhlednou) vrstvu. Nazveme ji například List
Provedeme obdelníkový výběr a vyplníme bílou barvou. Mělo by nám vzniknout tohle:
Vytvoříme novou vrstvu. Nazveme ji třeba Linky. Zvolíme si nástroj Štětec. Barvu popředí si nastavíme na #405682 Vybereme si naši stopu Linka. Řádky na stránku nakreslíme tahem shora dolů.
Přejdeme na menu Vybrat → Nic. Krytí vrstvy Linka nastavíme na cca 50%
Vytvoříme novou vrstvu, nazveme ji např. Svislá linka.
Nástrojem Obdelnikový výběr provedeme přes stránku výběr široký 2px. Viz obrázek níže:
Vyplníme jej růžovou barvou (#e397b2)
Vrstvu Svislé linka duplikujeme (menu Vrstva → Duplikovat vrstvu) a posuneme ji kousek vpravo. Vrstvy s růžovými čarami sloučíme (Pravý klik na vrstvu → Sloučit dolů)
Klepneme na vrstvu List pravým tlačítkem a zvolíme „Alf a do výběru“. Klepneme zpět na vrstvu s růžovými proužky. Přejdeme na menu Vybrat → Invertovat. Stiskneme klávesu Delete. Tímto krokem jsme odstranili přesahující části čar.
Skryjeme vrstvu Pozadí (Klikneme na oko v okénu Vrstvy)
Přejdeme na Obrázek → Sloučit viditelné vrstvy [CTRL + M]. Pozadí můžeme znovu zobrazit (Znovu klikneme tam, kde se nacházelo oko)
Pracujeme na vrstvě List. Zvolíme si nástroj Guma a dříve vytvořenou stopu „Díra“. Nastavíme jí vhodnou velikost (85 v tomto případě). Vygumujeme horní část listu tak, abychom dosáhli tohoto:
Teď už stačí list za pomoci volného výběru otrhat. Provedeme podobný výběr, jako na obrázku níže:
Přejdeme na Vybrat → Rozostřit. Hodnotu nastavíme na 1 nebo 2. Stiskneme klávesu Delete.
To stejné provedeme se spodní částí listu
Výběr ponecháme aktivní a zvětčíme jej o 2px (Vybrat → Zvětšit). Potom, co vytvoříme novou vrstvu, jej vyplníme světle šedou barvou.
Klepneme na vrstvu List pravým myšidlem a zvolí me „Alfa do výběru“. Přejdeme na Vybrat → Zvětšit, hodnotu nastavíme na 2px. Potom na Vybrat → Invertovat. Stiskneme klávesu Delete.
Klepneme na vrstvu List a přejdeme na Filtry → Světlo a stín → Vržený stín. Hodnoty nastavíme podle obrázku:
Hotovo :)

Zdroj:

http://dinablaszczak.hubpages.com/hub/Create-a-torn-out-page-from-scratc...

Kategorie:

Ikony

Webová grafika

Attachment	Size
Výsledný soubor ke stažení	58.81 KB

Loading Bar

Lukáš — Fri, 20 Dec 2013 18:55:52 +0000

Co budeme potřebovat?

Layer Effects

Začínáme

Vytvoříme nový obrázek s rozměry 1280×720px a barvou popředí #222222
Přejdeme na menu Filtry → Šum → Šum HSV. Hodnoty nastavíme na:
Zadržení: 3
Odstín: 20
Sytost: 0
Hodnota: 0
Vytvoříme novou vrstvu. Nazveme ji např. „Odlesk“
Ujistíme se, že pracujeme na vrstvě „Odlesk“
Zvolíme nástroj Přechod (L). Barvu popředí nastavíme na bílou (#FFFFFF). Tvar přechodu zvolíme “Kruhový“ a přechod “Popředí do průhlednosti“
Táhneme z horní poloviny plátna zhruba do tří čtvrtin, pak ještě jednou, zhruba do třetiny plátna viz. obrázek:
Vrstvě nastavíme režim “Překrývání“
Vytvoříme novou vrstvu, nazveme ji např. „loading_bar“. Ujistíme se, že na pracujeme právě na této vrstvě.
Zvolíme nástroj „Výběr obdelníku (R)“. V jeho nastavení zaškrtneme volbu „Zaoblené rohy“ a poloměr nastavíme na hodnotu 80.
Provedeme výběr podobný tomu na obrázku níže (v tomto tutoriálu má výběr rozměry 872×40px)
Vyplníme výběr bílou barvou a režim vrstvy nastavíme opět na “Překrývání“.
Přejdeme na menu Script-fu → Layer Effects → Inner Shadow. Hodnoty nastavíme podle obrázku níž:
Vznikla nám nová vrstva s názvem “loading_bar-innershadow“. My se ale přepneme na vrstvu níž – „loading_bar“
Přejdeme na menu Script-fu → Layer Effects → Stroke a hodnoty nastavíme podle obrázku:
Vznikla nám další vrstva “loading_bar-stroke“. Přepne me se zpět na vrstvu“loading_bar“
Přejdeme na menu Script-fu → Layer Effects → Drop Shadow. Hodnoty nastavíme podle obrázku:
Vznikla nová vrstva s názvem “loading_bar-dropshadow“. Snížíme jí krytí na cca 35%
Vytvoříme novou vrstvu s názvem “loading_bar vypln“. Umístíme ji nad vrstvu “loading_bar“. Vrstvy by nyní měly být poskládány takto:
Klepneme pravým tlačítkem na vrstvu “loading_bar“ a zvolíme „Alfa do výběru“.
Přepneme se zpět na vrstvu “loading_bar vypln“
Zvolíme nástroj Přechod (L). Nastavíme tvar „lineární“ přechod „Pastel Rainbow“ a vyplníme výběr.
Vytvoříme vrstvu „tlacitko“, kterou umístíme nad všechny ostatní vrstvy.
Zvolíme nástroj Eliptický výběr (E). V jeho nastavení zaškrtneme políčko napevno: Poměr stran. Ujistíme se, že poměr stran je nastaven na hodnotu 1:1. To nám zajistí tvorbu přesného kruhu.
Provedeme výběr na libovolném místě našeho duhového loading baru. (pracujeme na vrstvě „tlacitko“)
Zvolíme nástroj Přechod (L). Přechod nastavíme na „Brushed Aluminium“, tvar na „Kuželový (symetrický)“. Táhneme ze středu kruhového výběru k jeho okraji. Dostaneme toto:
Přejdeme na menu Script-fu → Layer Effects → Drop Shadow. Hodnoty nastavíme podle obrázku: (pracujeme pořád na vrstvě „tlacitko“)
Vrátíme se zpět na vrstvu “tlacitko“ a přejdeme na Script-fu → Layer Effects → Inner Shadow. Hodnoty nastavíme podle obrázku níž:
Vrátíme se na vrstvu “loading_bar vypln“ Obdelníkovým výběrem provedeme označíme vše od “tlačítka“ směrem doprava a stiskneme klávesu Delete.
Přejdeme na menu Vybrat → Nic . Ujistíme se, že pracujeme na vrstvě “loading_bar vypln“
Přejdeme na Script-fu → Layer Effects → Outer Glow a nastavíme hodnoty z obrázku:
Nově vzniklé vrstvě “loading_bar vypln-outerglow“ snížíme krytí na cca 30%
Hotovo :)

Zdroj:

https://www.youtube.com/watch?v=4fkKzEtB1KU

Kategorie:

Tlačítka

Web 2.0

Webová grafika

Attachment	Size
loading_bar.xcf.gz	809.06 KB

Zasněžené tlačítko

Lukáš — Sun, 16 Jun 2013 18:03:25 +0000

Vytvoříme si nový soubor s rozměry 640×480px, vyplníme jej barvou #1 2233e
Vytvoříme novou vrstvu, nazveme ji např. Tlacitko
Vybereme nástroj Obdelníkový výběr . Zaškrtneme volbu „Zaoblené rohy“ - poloměr nastavíme na hodnotu 1 0. Ve středu plátna provedeme obdelníkopvý výběr (285×78px v tomto příkladu)
Vybereme nástroj Přechod – nastavíme si přechod Nauseating Headache
Vyplníme výběr přechodem
Přejdeme na Barvy → Jas/Kontrast nastavíme hodnoty na:
Jas: -15
Kontrast: -55
Přejdeme na Barvy → Odbarvit, ponecháme výchozí nastavení a potvrdíme.
Vytvoříme novou (průhlednou) vrstvu. Nazveme ji např. Tlacitko – odlesky
Vybereme znovu nástroj Přechod – nastavíme jej na „Popředí do průhlednosti“. S přechodem vyplníme spodní část tlačítka
Nyní nastavíme barvu popředí na bílou. Přechodem vyplníme horní část tlačítka. Dostaneme něco takového:
Přepneme se na vrstvu tlacitko. Přejdeme na Barvy → Obarvit. Hodnoty nastavíme na:
Odstín: 210
Sytost: 60
Světlost: 15
Vytvoříme novou vrstvu „snih“
Vybereme nástroj Štětec . Zvolíme stopu „Acrylic 02“ (Velikost 7-10) a nak reslíme sníh okolo tlačítka
Nástrojem Rozmazání rozmažeme sníh stopou Hardness 075. Přejdeme na Filtry → Rozmazat → Rozostřit. Dostaneme něco takového:
Přejdeme na Barvy → Křivky. Kanál nastavíme na Alfa. Křivku posuneme tak, aby se sníh zaostřil, viz:
Přepneme se na vrstvu tlacitko. Přejdeme na Filtry → Světlo a stín → Vržený stín. Hodnoty nastavíme na:
Posun ve směru X: 0
Posun ve směru Y: 0
Poloměr rozostření: 100
Barva: #00a8ff
Krytí: 100
Povolit změnu velikosti: ne
Nově vzniklé vrstvě Drop Shadow nastavíme režim Tvrdé světlo.
Duplikujeme vrstvu snih (vrstva → duplikovat vrstvu) a přejdeme na Filtry → Rozmazat → Gaussovské rozostření, hodnoty nastavíme na 20. Dostaneme něco takového:
Nastavíme si na barvu popředí na #3cc1ff. Zamkneme alfa kanál a režim vrstvy nastavíme na „Jas“
Přejdeme na Upravit → Vyplnit barvou popředí
Hotovo :)

Zdroj:

http://www.gimpusers.de/tutorials/eis-schnee-button

Kategorie:

Tlačítka

Webová grafika

Attachment	Size
XCF soubor ke stažení - 1. varianta	199.13 KB
XCF soubor ke stažení - 2. varianta	204.5 KB

"Ovocná" tapeta

Lukáš — Wed, 20 Feb 2013 10:09:32 +0000

Vytvoříme nový obrázek s rozměry 1024×768px
Barvu popředí nastavíme na #3c3431 a barvu pozadí na #211c19
Zvolíme si nástroj Přechod, jeho režim nastavíme na Radiální
Plátno přetáhneme ze středu nahoru
Potřebujeme vytvořit nový přechod. Pokud nemáme, otevřeme si okénko Přechody klávesovou zkratkou CTRL+G (Nebo pomocí menu Okna → Dokovatelná dialogová okna → Přechody)
V okénku Přechody klepneme na tlačítko „Vytvořit nový přechod“
V nově otevřeném okénku Editor přechodů do přechodu klepneme pravým tlačítkem, zvolíme „Barva levého koncového bodu“. Barvu nastavíme na #ff6c00. Stejným způsobem nastavíme barvu pravého koncového bodu na #ff3c00. Přechod si uložíme.
Vytvoříme si novou vrstvu, nazveme ji třeba základ
Pod středem plátna vytvoříme kružnici. (Pokud chceme pravidelný kruh držíme SHIFT a CTRL). Kružnici vyplníme našim oranžovým přechodem směrem shora dolů. Přejdeme na menu Vybrat → Zmenšit, hodnotu nastavíme na 20, potvrdíme a stiskneme Delete.
Opět vytvoříme nový přechod:
– Barva levého koncového bodu: #c6ff00
– Barva pravého koncového bodu: #78ff00
Teď budeme vytvářet lístky. Vytvoříme si tedy novou vrstvu – list1
Samotný list vytvoříme pomocí eliptického výběru. Režim nastavíme na „Průnik aktuálním výběrem“ (Shift + CTRL) a nakreslíme dvě šišaté kružnice, jejich protnutí nám vytvoří list (viz. obrázek).
Výběr vyplnáme dříve připraveným „zeleným“ přechodem. Opět přejdeme na menu Vybrat → Zmenšit hodnotu nastavíme na 10, stiskneme Delete .
Pomocí nástroje Přesun a Otáčení list přesuneme na správ né místo.
Vrstvu list1 duplikujeme. Nástrojem překlopení zrcadlíme, nástrojem Přesun ji posuneme doleva, popřípadě ji trošičku zmenšíme nástrojem Škálování
Hotovo :)

Zdroj: http://www.progimp.ru/articles/sozdaem_prostie_oboi_dlya_rabochego_stola

Kategorie:

Tapety/Obrázky

Webová grafika

Ohňostroj

Lukáš — Sun, 24 Oct 2010 14:34:23 +0000

Vytvoříme si nový obrázek s rozměry 800x800px a vyplníme jej černou barvou. Eliptickým výběrem nakreslíme přes celé plátno kružnici.

Přejdeme na Filtry → Šum → HSV šum a nastavíme takto:

Přejdeme na Filtry → Rozostření → Rozostřit.
Poté přejdeme na Barvy → Úrovně a nastavíme je takto:

Klepneme na Vybrat → Nic. Přejdeme na Filtry → Zkreslení → Polární souřadnice. Zde odškrtneme volbu „Do polárních“, ostatní volby necháme tak, jak jsou. Dostaneme toto:

Přejdeme na Vrstva → Transormovat → Rotovat o 90° doprava.
Přejdeme na Filtry → Zkreslení → Vítr a nastavíme jej takto:

Teď vrstvu otočíme doleva přes nabídku Vrstva → Transformovat → Rotovat o 90° doleva. Přejdeme na Filtry → Zkreslení → Polární souřadnice. Zde zaškrtneme volbu „Do polárních“, ostatní volby necháme tak, jak jsou.

Nástrojem Plechovka vyplníme bílý prostor.

Přejdeme na Barvy → Úrovně a nastavíme je takto:

Vrstvu duplikujeme (Vrstva → Duplikovat vrstvu). Horní vrstvě nastavíme režim na „Součet“. Přejdeme na Filtry → Rozostření → Gaussovské rozostření. Obě hodnoty nastavíme na 10.

Rozostřenou vrstvu znovu duplikujeme

Znovu přejdeme na Filtry → Rozostření → Gaussovské rozostření. Hodnoty opět nastavíme na 10.
Přejdeme na Obrázek → Zploštit obrázek. Nyní přejdeme na Barvy → Vyvážení barev. Zde si nastavte libovolnou barvu.

Vrstvu znovu duplikujeme a nastavíme režim na „součet“. ("Přidávání" pro verzi 2.8)

hotovo

Zdroj: https://www.youtube.com/watch?v=t6mc5ItPy1o

Kategorie:

WarCraft text

Lukáš — Sun, 15 Aug 2010 13:10:24 +0000

WarCraft text

Než začnete tvořit kulervoucí WarCraft text podle tohoto skvělého tutorialu, stáhněte a nainstalujte si následující:

Písmo LifeCraft
Plugin Layer Effects pro Gimp

Instalace písma

V moderních Linuxových distribucích, také ve Windows Vista a Windows 7 stačí poklepat na stažené písmo a poté klepnout na tlačítko Instalovat.

Ve Windows XP písmo musíte překopírovat do Adresáře Písma, který najdete v ovládacích panelech.

Instalace plug-inu

Pokud používáte Gimp pod Operařním systémem od Microsoftu, zkopírujte plugin, což je soubor layerfx.scm do:
C:\Program Files\GIMP-2.0\share\gimp\2.0\scripts
Linuxáci si otevřou svoji domovskou složku, stisknou CTRL+H pro odkrytí skrytých souborů a kopírují plug-in do:
.gimp-2.6/scripts

Začínáme

1. krok

Vytvoříme nový obrázek, ponecháme výchozí rozměry. Barvu popředí nastavíme na tmavě šedou #252525 a barvu pozadí na černou #000000.

Klepneme na nástroj Přechod (L). Tvar přechodu nastavíme na Radiální a ostatní hodnoty ponecháme výchozí.

Táhneme ze středu, do některého z rohů.

2. krok

Nástrojem Text (T) napíšeme libovolný text bílou barvou a pomocí nástroje Zarovnání (Q) jej vycentrujeme.

Přejdeme na menu Vrstva → Průhlednost → Alfa do výběru.

Barvu popředí nastavíme na žlutou #dcda0b, barvu pozadí na oranžovou #ff9000. Vybereme nástroj Přechod (L), jeho tvar nastavíme na lineární a táhneme shora písma dolů.

Vrstvu duplikujeme

3. Krok

Přejdeme na Filtry → Šum → HSV šum a nastavíme takto:

Znovu přejdeme na Filtry → Zkreslení → Vítr a nastavíme jej takto:

Vrstvě snížíme krytí cca na 65% a sloučíme ji dolů.

4. krok

Nyní přijde ke slovu plug-in Layer Effects.

Přejdeme na Script-fu → Layer Effects → Bevel and Emboss a nastavíme jej takto:

Dostaneme toto:

Vrstvu „WarCraft-shadow“ duplikujeme 2x a vrstvu „WarCraft-highlight“ asi 13x.

Skryjeme vrstvu „Pozadí“ (klepneme na ikonu oka) a sloučíme viditelné vrstvy (CTRL+M). Vrstvu „Pozadí“ poté znovu odkrejeme

Závěr

Vytvoříme novou vrstvu (nazveme ji ramecek), kterou umístíme mezi vrstvu „Pozadí“ a vrstvu „WarCraft“.

(Kolem textu musejí pořád běhat mravenci, pokud neběhají, přesuňte se na vrstvu s textem a přejděte na Vrstva → Průhlednost → Alfa do výběru.)

Přejdeme na Vybrat → Zvětšit hodnotu nastavíme na 3px a výběr vyplníme černou (musí být aktivní vrstva „ramecek“)

XCF soubor: warcraft.xcf

Hotovo :)

Zdroj: YouTube.com

Kategorie:

Webová grafika

Razítko

Lukáš — Fri, 06 Aug 2010 12:28:19 +0000

Napíšeme libovolný text červeným písmem Sans Bold.
Vytvoříme novou vrstvu. Nazveme ji třeba Rámeček.
Obdélníkovým výběrem obtáhneme text, tak aby byl zhruba uprostřed.
Zvolíme Vybrat → Obvod a nastavíme cca 5px, záleží na velikosti vašeho razítka.
Výběr vyplníme také červenou barvou.
Vrstvu Rámeček sloučíme s vrstvou s textem. (Vrstva → Sloučit dolů)
Klepneme na Vybrat → Nic
Nástrojem rotace [Shift + R] razítko pootočíme
Vrstvě přidáme masku (Vrstva → Maska → Přidat masku)
Barvu popředí nastavíme na černou. Vybereme nástroj štětec a stopu Confetti. Na razítko budeme touto stopou kreslit tak dlouho, dokud se nám výsledek nebude líbit.
Hotovo :)

Kategorie:

Webová grafika

Kompletní průvodce tvorbou userbaru

Lukáš — Sun, 14 Mar 2010 17:54:35 +0000

Takzvaný „userbar“ se používá v diskusních fórech. Userbar je tenký proužek vyjadřující váš názor.

Na pozadí většiny userbarů se obvykle nachází šikmé čárkování, ještě před samotnou tvorbou tedy musíme vytvořit právě tento vzorek pro Gimp.

Otevřeme tedy Gimp a vytvoříme nový (průhledný) obrázek s rozměry 5×5px
Zvolíme nástroj tužka a nastavíme stopu Circle (01)
Nakreslíme čáru z horního levého do spodního pravého rohu
Klepneme na Soubor → Uložit. Vzorek pojmenujeme jako „mrizka.pat“(pattern - vzorek). Umístíme jej na plochu.
Ke vzorku můžeme přiřadit komentář. Klepneme na Uložit
Vzorky se obvykle načítají z:
C:\Users\<uživatelské jméno>\.gimp-2.6\patterns – Windows Vista/7
C:\Documents and Settings\<uživatelské jméno>\.gimp-2.6\patterns – XP bude tedy nejjednodušší nakopírovat vzorek tam.
V okně „Vzorky“ klepneme na „Aktualizovat vzorky“
Náš vzorek by se měl v Gimpu objevit
Gimp vypneme

Při tvorbě userbarů se používá speciální písmo Visitor, které není obsaženo ve Windows. Musíme jej tedy stáhnout odsud.

Přejdeme na:
Ovládací panely\Vzhled a přizpůsobení\Písma – (Windows Vista/7) a na:
Ovládací panely\Písma ve Windows XP. Sem překopírujeme všechny soubory písma Visitor. (VISITOR, visitor1, visitor2).

Nyní jíž můžeme přejít k samotné tvorbě. Gimp se možná bude načítat dlouho, to je způsobeno přidáním nových písem, mějte proto strpení.

Vytvoříme nový obrázek s rozměry 350×19px
Vybereme si dvě libovolné barvy
Nástrojem přechod vyplníme plátno
Vytvoříme novou vrstvu.
Vybereme nástroj Plechovka, typ vyplňování nastavíme na „Vyplňovat vzorkem“ a vybereme naši mřížku.
Vyplníne vrstvu. Její krytí nastavíme na cca 30%
Vytvoříme novou vrstvu s názvem „odlesk“
Nástrojem kruhový výběr vybereme horní polovinu obrázku
Výběr vyplníme bílou barvou a krytí nastavíme opět na cca 30%
Nyní přidáme libovolnou ikonku
Vrstvu s ikonou umístíme POD vrstvu odlesk. Pokud je kolem ikony bílá barva přejdeme na Barvy → Barva do alfy.
Napíšeme nějáký text a umístíme na pravou stranu obrázku. Musíme použít písmo Visitor TT1 BRK bílé barvy velikosti 10 s vypnutým vyhlazováním.
Klepneme na vrstvu s textem pravým tlačítkem a zvolíme „Velikost vrstvy dle obrázku“ a „Alfa do výběru“
Klepneme na Vybrat → Zvětšit. Zvětšíme o 1px
Výběr vyplníme černou barvou
Vytvoříme novou vrstvu s názvem „obrys“. Klepneme na Vybrat → Vše, Vybrat → Obvod. Vybereme 1px
Výběr vyplníme černou.
Ujistěte se, že vrstvy jsou ve správném pořadí
Hotovo

Kategorie:

Web 2.0

Webová grafika

Mrak

Lukáš — Mon, 21 Dec 2009 11:00:00 +0000

Vytvoříme obrázek s libovolnou velikostí
Barvu popředí nastavíme na #66aebd a barvu pozadí na #8fe1f3 a plátno vyplníme přechodem
Klepneme na nástroj elipsa – režim nastavíme na „Přidat k aktuálnímu výběru“
Začneme kreslit kroužky tak, abychom vytvořili tvar mraku (aby byla elipsa pravidelná, při kreslení podržíme Shift)
Výběr vyplníme bílou barvou
K mráčku přidáme stín, vytvoříme proto následující stopu
Vytvoříme novou vrstvu, nazveme ji třeba „stín“ krytí nastavíme na 40%
Barvu popředí nastavíme na #618d96 a naši nově vytvořenou stopou nakreslíme stín
Teď již stačí vytvořit tenký stín po obvodu mraku. Přejdeme na Filtry → Světlo a stín → Vržený stín a filtr nastavíme následovně:
Hotovo :)

Kategorie:

Web 2.0

Webová grafika

Skleněné tlačítko

Lukáš — Wed, 28 Oct 2009 20:38:11 +0000

Vytvoříme nový obrázek s rozměry 150x35px
Barvu popředí nastavíme na #005a71 a barvu pozadí na #00eaff
Přepneme se na Přechod (L) a přetáhneme obrázek od shora dolů
Vytvoříme novou (průhlednou) vrstvu, pojmenujeme ji „Odlesk“
Jako barvu popředí nastavíme bílou (#FFFFFF), režim přechodu nastavíme na „Popředí do průhlednosti“ a obrázek přetáhneme od shora dolů
Klepneme na nástroj „Obdélníkový výběr“ a označíme pomocí něj dolní část plátna. Viz. Obrázek níže:
Přejdeme na „Úpravy“ a zvolíme Vymazat (Delete)
Nyní přidáme rámeček. Zvolíme Vybrat → Vše, Vybrat → Obvod. Hodnotu nastavíme na 1.
Vytvoříme novou vrstvu. Nazveme ji „Rámeček“ a výběr vyplníme černou barvou.
Vytvoříme novou vrstvu nazveme ji třeba „Přechod“
Barvu popředí nastavíme na černou (#000000). Ujistíme se, že je režim přechodu nastavený na „Popředí do průhlednosti“ a opět přetáhneme obrázek se shora dolů a poté zprava doleva.
Vrstvě přechod nastavíme režim na „Sytost“
Na tlačítko napíšeme libovolný text. Musí však být pod vrstvou „Přechod“ a pod odleskem. (Krytí vrstvy „Rámeček“ nastavíme na 20%)
Nyní tlačítko dokončíme. Přejdeme na Úpravy → Kopírovat viditelné a Úpravy → Vložit.
Přejdeme na Barvy → Jas-Kontrast a nstavíme následující:
Hotovo :)

Zdroj: http://www.gimpusers.com/tutorials/create-soft-glassy-buttons.html

Kategorie:

Tlačítka

Web 2.0

Webová grafika