Návody pro Gimp - Ikony

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

Ikona z obrázku

Lukáš — Thu, 10 Dec 2009 18:38:53 +0000

Nyní k samotnému vytvoření ikony

Otevřeme si v Gimpu tento obrázek
Přidáme rychlou masku
Gumou označíme tu část obrázku, kterou chceme zachovat
Klepneme znovu na ikonku rychlé masky. Měli bychom vidět označený fotoaparát
Klepneme na Vybrat → Invertovat a zmáčkneme Delete. Výsledek by měl vypadat takto:
Přejdeme na Obrázek → Velikost plátna a nastavíme podle obrázku

Je důležité, aby plátno bylo čtveraté a samozřejmě se do něj musí ikonka vlézt :)
Pokud chcete, ikonku si něják obarvěte, toto je docela pěkná kombinace
Protože ikona nesmí být větší než 256×256px zmenšíme vrstvu na tuto velikost
Vrstvu 4× duplikujeme a budeme postupně zmenšovat (128×128, 64×64, 32×32, 16×16). Tento postup je kvůli Windows Vista, který podporuje přibližování ikon.
Nyní můžeme ikonu uložit: Soubor → Uložit
Hotovo :)

Zdroj: http://gimp-tutorials.net/How-to-make-an-icon-from-a-picture

Kategorie:

Ikony

Úprava fotografií

Web 2.0 hvězda

Lukáš — Tue, 25 Aug 2009 21:47:11 +0000

Vytvoříme nový obrázek o rozměrech 200x200px
Přejdeme na Filtry → Vykreslení → Gfig
Vybereme nástroj „Vytvořit hvězdu“, počet stran nastavíme na 20 a Zvolíme brush Circle (01)
Hvězda je vytvořena ale nevypadá tak jak chceme, klepneme na nástroj upravit jeden bod a hvězdu přetvoříme k naší představě
Vybereme nástroj „Kouzelná hůlka“ a klepneme dovnitř hvězdy
Obsah vyplníme barevným přechodem
Přejdeme na Filtry → Rozostření → Gaussovo rozostření, nastavíme na 10px
Vytvoříme novou vrstvu a pomocí eliptického výběru vytvoříme odlesk
Doplníme nějaký ten text a máme hotovo!

Kategorie:

Ikony

Web 2.0

Webová grafika

Ikona listu papíru

Lukáš — Fri, 21 Aug 2009 14:31:28 +0000

Vytvořte nový obrázek o rozměrech 512x512px.
Vytvořte obdélníkový výběr o rozměrech: šířka: 400px výška: 465px.
Změňte barvu popředí na bílou (#FFFFFF) a barvu pozadí na #E5E5E5.
Přepněte na nástroj barevný přechod a nastavte jej na „Popředí do pozadí“. Táhněte z levého dolního do pravého horního rohu.
Zrušte výběr (CTRL+SHIFT+A). Můžete také skrýt, nebo úplně odstranit vrstvu pozadí – není nutná.
Označte obdelníkovým výběrem pravý horní roh
Přejděte na menu Filtry → Zkreslení → Zkroucení stránky. Nastavte tyto parametry
Nyní vyberte pomocí kouzelné hůlky ohyb papíru a přejděte na menu Filtry → Světlo a stín → Vržený stín. Nastavte následující parametry:
Přepněte na vrstvu, kde je základ ikonky, klikněte na ni pravým tlačítkem myši a zvolte „Alfa do výběru“
Přepněte znovu do menu Filtry → Světlo a stín → Vržený stín. Nastavte následující
Hotovo!

Kategorie:

Ikony

Tlačítko ve stylu Apple iPhone

Lukáš — Thu, 20 Aug 2009 12:54:34 +0000

Vytvoříme obrázek o rozměrech 125x125px
Vytvoříme novou vrstvu a zvolíme obdélníkový výběr
Obtáhneme celou vrstvu obdélníkovým výběrem. Nyní výběr trošku zmenšíme, to nám zajistí, že ikonka bude zarovnaná na střed.

V menu „Vybrat“ klepneme na „Zaoblený obdélník“. Poloměr nastavíme na 20%.
Nastavíme barvu popředí na #407dce a barvu pozadí na #72d2e8.
Vytvořte barevný přechod (L) od shora dolů. Měli byste dostat něco takového:

Z menu „Filtry“ vybereme položku „světlo a stín“ a poté „vržený stín“. Hodnoty nastavíme takto: posun X: 0; posun Y: 4; poloměr rozostření: 10px; Krytí 40. Dostanete toto:

Vytvoříme novou vrstvu a kruhovým výběrem označte horní polovinu obrázku.
Výběr vyplníme bílou barvou #FFFFFF. Krytí vrstvy nastavíme na 20%.

Máme Hotovo! Jednoduché že? Nyní stačí doplnit libovolnou ikonku.

Kategorie:

Ikony

Tlačítka