Návody pro Gimp - Webová grafika https://gimp.4fan.cz/category/kategorie/webova-grafika/ikony cs Vytržená stránka z bloku https://gimp.4fan.cz/navod/vytrzena-stranka-z-bloku <div class="field field-name-body field-type-text-with-summary field-label-hidden"><div class="field-items"><div class="field-item even" property="schema:articleBody content:encoded"><p>Než začneme s tvorbou samotného obrázku, vytvoříme si dva štětce:</p> <h3>#1 Linka</h3> <ul> <li>Vytvoříme nový obrázek s rozměry 600×40px a bílým pozadím</li> <li>Vytvoříme nové vodorovné vodítko v 50ti% obrázku – <strong>Obrázek → Vodítka → Nové vodítko (podle procent)</strong></li> <li>Vybereme si nástroj <b>Cesty </b><b>[</b><b>B</b><b>] </b>a nakreslíme čáru podle vodítka<br /><a class="colorbox colorbox-insert-image" href="https://gimp.4fan.cz/sites/default/files/obrazky/clanky/664/screenshot14.jpg" rel="gallery-all"><img alt="" class="image-400-300" height="33" src="/sites/default/files/styles/400_300/public/obrazky/clanky/664/screenshot14.jpg?itok=wklrEkg8" width="400" /></a></li> <li>Přejdeme na menu <strong>Upravit → Vykreslit cestu</strong>. Šířku čáry nastavíme na hodnotu <strong>2,0</strong>.<br /><a class="colorbox colorbox-insert-image" href="https://gimp.4fan.cz/sites/default/files/obrazky/clanky/664/screenshot15.jpg" rel="gallery-all"><img alt="" class="image-400-300" height="216" src="/sites/default/files/styles/400_300/public/obrazky/clanky/664/screenshot15.jpg?itok=CxVUJP-7" width="398" /></a></li> <li>Přejdeme na<strong> Obrázek → Režim → Odstíny šedi</strong></li> <li>Přejdeme na <strong>Upravit → Kopírovat</strong>, poté na<strong> Upravit → Vložit jako → Nová stopa...</strong> Pojmenujeme ji třeba<em> Linka </em>Rozestup nastavíme na hodnotu <strong>100 </strong>a klepneme na tlačítko <strong><em>Budiž</em></strong>.<br /><a class="colorbox colorbox-insert-image" href="https://gimp.4fan.cz/sites/default/files/obrazky/clanky/664/screenshot16.jpg" rel="gallery-all"><img alt="" class="image-400-300" height="253" src="/sites/default/files/styles/400_300/public/obrazky/clanky/664/screenshot16.jpg?itok=xlIutbIP" width="398" /></a></li> </ul> <h3>#2 – Díra</h3> <ul> <li>Vytvoříme si <strong>nový obrázek</strong> s rozměry <strong>200×200px</strong>. Vyplněný bílou barvou</li> <li>Zvolíme si nástroj <strong>Štětec </strong>a stopu<strong> Hardness 100</strong>. Velikost nastavíme na <strong>85 </strong>a ve spodní části obrázku uděláme tečku<br /><a class="colorbox colorbox-insert-image" href="https://gimp.4fan.cz/sites/default/files/obrazky/clanky/664/screenshot20.jpg" rel="gallery-all"><img alt="" class="image-400-300" height="202" src="/sites/default/files/styles/400_300/public/obrazky/clanky/664/screenshot20.jpg?itok=oRw4N0fP" width="202" /></a></li> <li>Vybereme si stopu<strong> Block 01</strong>. Otočíme ji o <strong>90 stupňů</strong>.<br /><a class="colorbox colorbox-insert-image" href="https://gimp.4fan.cz/sites/default/files/obrazky/clanky/664/screenshot21.jpg" rel="gallery-all"><img alt="" class="image-400-300" height="350" src="/sites/default/files/styles/400_300/public/obrazky/clanky/664/screenshot21.jpg?itok=xStZW1nP" width="198" /></a></li> <li>Do kruhu uděláme stopou čáru tak, aby nám vzniklo tohle:<br /><a class="colorbox colorbox-insert-image" href="https://gimp.4fan.cz/sites/default/files/obrazky/clanky/664/screenshot22.jpg" rel="gallery-all"><img alt="" class="image-400-300" height="200" src="/sites/default/files/styles/400_300/public/obrazky/clanky/664/screenshot22.jpg?itok=5nWAC-U6" width="202" /></a></li> <li>Stejně jako před chvílí přejdeme na <strong>Obrázek → Režim → Odstíny šedi</strong> a na <strong>Upravit → Kopírovat</strong>, poté na <strong>Upravit → Vložit jako → Nová stopa...</strong> Pojmenujeme ji třeba <em>Díra</em>. <strong>Rozestup </strong>nastavíme na hodnotu <strong>58 </strong>a klepneme na tlačítko <em>Budiž</em>.</li> </ul> <p>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.</p> <ul> <li>Vytvoříme <strong>nový obrázek</strong> –<strong> rozměry 1000×800px</strong>, Orientace<strong> na výšku</strong>, vyplněný modrou (<em>#a6b8db</em>) barvou.</li> <li>Vytvoříme novou (<em>průhlednou</em>) vrstvu. Nazveme ji například <strong>List</strong></li> <li>Provedeme<strong> obdelníkový výběr</strong> a <strong>vyplníme bílou barvou</strong>. Mělo by nám vzniknout tohle:<br /><a class="colorbox colorbox-insert-image" href="https://gimp.4fan.cz/sites/default/files/obrazky/clanky/664/screenshot23.jpg" rel="gallery-all"><img alt="" class="image-400-300" height="462" src="/sites/default/files/styles/400_300/public/obrazky/clanky/664/screenshot23.jpg?itok=WIPR8XX0" width="400" /></a></li> <li>Vytvoříme <strong>novou vrstvu</strong>. Nazveme ji třeba <strong>Linky</strong>. Zvolíme si nástroj <strong>Štětec</strong>. Barvu popředí si nastavíme na <strong>#405682</strong> Vybereme si naši stopu <strong>Linka</strong>. Řádky na stránku nakreslíme tahem shora dolů.<br /><a class="colorbox colorbox-insert-image" href="https://gimp.4fan.cz/sites/default/files/obrazky/clanky/664/screenshot24.jpg" rel="gallery-all"><img alt="" class="image-400-300" height="500" src="/sites/default/files/styles/400_300/public/obrazky/clanky/664/screenshot24.jpg?itok=mo1i4MfG" width="400" /></a></li> <li>Přejdeme na menu<strong> Vybrat → Nic</strong>. Krytí vrstvy <strong>Linka </strong>nastavíme na cca <strong>50%</strong></li> <li>Vytvoříme <strong>novou vrstvu</strong>, nazveme ji např. <strong>Svislá linka</strong>.</li> <li>Nástrojem <strong>Obdelnikový výběr</strong> provedeme přes stránku výběr široký <strong>2px</strong>. Viz obrázek níže:<br /><a class="colorbox colorbox-insert-image" href="https://gimp.4fan.cz/sites/default/files/obrazky/clanky/664/screenshot25.jpg" rel="gallery-all"><img alt="" class="image-400-300" height="501" src="/sites/default/files/styles/400_300/public/obrazky/clanky/664/screenshot25.jpg?itok=N48jIKDp" width="400" /></a></li> <li>Vyplníme jej <strong>růžovou barvou</strong> <em>(#e397b2)</em></li> <li>Vrstvu Svislé linka duplikujeme (menu <strong>Vrstva → Duplikovat vrstvu</strong>) a <strong>posuneme ji</strong> kousek <strong>vpravo</strong>. Vrstvy s růžovými čarami sloučíme<em> (Pravý klik na vrstvu → Sloučit dolů)</em><br /><a class="colorbox colorbox-insert-image" href="https://gimp.4fan.cz/sites/default/files/obrazky/clanky/664/screenshot27.jpg" rel="gallery-all"><img alt="" class="image-400-300" height="478" src="/sites/default/files/styles/400_300/public/obrazky/clanky/664/screenshot27.jpg?itok=v2CpSHxO" width="400" /></a></li> <li>Klepneme na vrstvu <span id="cke_bm_173S" style="display: none;"> </span><strong>List <span id="cke_bm_173E" style="display: none;"> </span>pravým tlačítkem </strong>a zvolíme „<em>Alf<span id="cke_bm_174E" style="display: none;"> </span>a do výběru</em>“. Klepneme <strong>zpět na vrstvu s růžovými proužky.</strong> Přejdeme na menu <strong>Vybrat → Invertovat.</strong> Stiskneme klávesu <strong>Delete</strong>. Tímto krokem jsme odstranili přesahující části čar.</li> <li><strong>Skryjeme vrstvu Pozadí </strong><em>(Klikneme na oko v okénu Vrstvy)</em><br /><a class="colorbox colorbox-insert-image" href="https://gimp.4fan.cz/sites/default/files/obrazky/clanky/664/screenshot28.jpg" rel="gallery-all"><img alt="" class="image-400-300" height="41" src="/sites/default/files/styles/400_300/public/obrazky/clanky/664/screenshot28.jpg?itok=RRyu0Nvc" width="188" /></a></li> <li>Přejdeme na <strong>Obrázek → Sloučit viditelné vrstvy</strong> <em>[CTRL + M]</em>. Pozadí můžeme<strong> znovu zobrazit </strong><em>(Znovu klikneme tam, kde se nacházelo oko)</em></li> <li>Pracujeme na <strong>vrstvě List</strong>. Zvolíme si nástroj <strong>Guma</strong> a dříve vytvořenou stopu „<strong>Díra</strong>“. Nastavíme jí <strong>vhodnou velikost </strong><em>(85 v tomto případě)</em>. Vygumujeme horní část listu tak, abychom dosáhli tohoto:<br /><a class="colorbox colorbox-insert-image" href="https://gimp.4fan.cz/sites/default/files/obrazky/clanky/664/screenshot30.jpg" rel="gallery-all"><img alt="" class="image-400-300" height="95" src="/sites/default/files/styles/400_300/public/obrazky/clanky/664/screenshot30.jpg?itok=CQiAStPb" width="400" /></a></li> <li>Teď už stačí list za pomoci<strong> volného výběru</strong> <em>otrhat</em>. Provedeme podobný výběr, jako na obrázku níže:<br /><a class="colorbox colorbox-insert-image" href="https://gimp.4fan.cz/sites/default/files/obrazky/clanky/664/screenshot31.jpg" rel="gallery-all"><img alt="" class="image-400-300" height="53" src="/sites/default/files/styles/400_300/public/obrazky/clanky/664/screenshot31.jpg?itok=XqWIETln" width="400" /></a></li> <li>Přejdeme na <strong>Vybrat → Rozostřit</strong>. Hodnotu nastavíme na <strong>1 </strong>nebo <strong>2</strong>. Stiskneme klávesu <strong>Delete</strong>.<br /><a class="colorbox colorbox-insert-image" href="https://gimp.4fan.cz/sites/default/files/obrazky/clanky/664/screenshot32.jpg" rel="gallery-all"><img alt="" class="image-400-300" height="67" src="/sites/default/files/styles/400_300/public/obrazky/clanky/664/screenshot32.jpg?itok=c5kCSNzE" width="400" /></a></li> <li>To stejné provedeme se spodní částí listu<br /><a class="colorbox colorbox-insert-image" href="https://gimp.4fan.cz/sites/default/files/obrazky/clanky/664/screenshot33.png" rel="gallery-all"><img alt="" class="image-400-300" height="500" src="/sites/default/files/styles/400_300/public/obrazky/clanky/664/screenshot33.png?itok=DMWgq9C9" width="400" /></a></li> <li>Výběr ponecháme <strong>aktivní a zvětčíme jej o 2px</strong><em> (Vybrat → Zvětšit)</em>. Potom, co vytvoříme <strong>novou vrstvu</strong>, jej <span id="cke_bm_219S" style="display: none;"> </span><span id="cke_bm_217S" style="display: none;"> </span><strong>vyplníme <span id="cke_bm_219E" style="display: none;"> </span><span id="cke_bm_220S" style="display: none;"> </span><span id="cke_bm_217E" style="display: none;"> </span>světle <span id="cke_bm_220E" style="display: none;"> </span>šedou </strong>barvou.<span id="cke_bm_221E" style="display: none;"> </span><span id="cke_bm_218E" style="display: none;"> </span></li> <li>Klepneme na vrstvu <span id="cke_bm_230S" style="display: none;"> </span><span id="cke_bm_228S" style="display: none;"> </span><strong>List <span id="cke_bm_230E" style="display: none;"> </span><span id="cke_bm_231S" style="display: none;"> </span><span id="cke_bm_228E" style="display: none;"> </span>pravým <span id="cke_bm_231E" style="display: none;"> </span>myšidlem </strong>a zvolí<span id="cke_bm_232E" style="display: none;"> </span>me „<em>Alfa<span id="cke_bm_229E" style="display: none;"> </span> do výběru</em>“. Přejdeme na <strong>Vybrat → Zvětšit</strong>, hodnotu nastavíme na <strong>2px</strong>. Potom na <strong>Vybrat → Invertovat</strong>. Stiskneme klávesu <strong>Delete</strong>.</li> <li>Klepneme na vrstvu <strong>List </strong>a přejdeme na <strong>Filtry → Světlo a stín → Vržený stín</strong>. Hodnoty nastavíme podle obrázku:<br /><a class="colorbox colorbox-insert-image" href="https://gimp.4fan.cz/sites/default/files/obrazky/clanky/664/screenshot34.jpg" rel="gallery-all"><img alt="" class="image-400-300" height="340" src="/sites/default/files/styles/400_300/public/obrazky/clanky/664/screenshot34.jpg?itok=BS9XABEP" width="398" /></a></li> <li>Hotovo :)<br /><a class="colorbox colorbox-insert-image" href="https://gimp.4fan.cz/sites/default/files/obrazky/clanky/664/screenshot35.jpg" rel="gallery-all"><img alt="" class="image-400-300" height="437" src="/sites/default/files/styles/400_300/public/obrazky/clanky/664/screenshot35.jpg?itok=X5_uViyH" width="400" /></a><br /> </li> </ul> </div></div></div><div class="field field-name-field-zdroj field-type-text field-label-inline clearfix"><div class="field-label">Zdroj:&nbsp;</div><div class="field-items"><div class="field-item even" property="schema:isBasedOnUrl"><p><a href="http://dinablaszczak.hubpages.com/hub/Create-a-torn-out-page-from-scratches-in-GIMP-28">http://dinablaszczak.hubpages.com/hub/Create-a-torn-out-page-from-scratc...</a></p> </div></div></div><div class="field field-name-taxonomy-vocabulary-1 field-type-taxonomy-term-reference field-label-above"><div class="field-label">Kategorie:&nbsp;</div><div class="field-items"><div class="field-item even" rel="schema:category"><a href="/category/kategorie/ikony" typeof="skos:Concept" property="rdfs:label skos:prefLabel" datatype="">Ikony</a></div><div class="field-item odd" rel="schema:category"><a href="/category/kategorie/webova-grafika/ikony" typeof="skos:Concept" property="rdfs:label skos:prefLabel" datatype="">Webová grafika</a></div></div></div><div class="field field-name-upload field-type-file field-label-hidden"><div class="field-items"><div class="field-item even" rel="" resource="https://gimp.4fan.cz/sites/default/files/soubory/clanky/664/list.xcfgz"><table class="sticky-enabled"> <thead><tr><th>Attachment</th><th>Size</th> </tr></thead> <tbody> <tr class="odd"><td><span class="file"><img class="file-icon" alt="Binary Data" title="application/octet-stream" src="/modules/file/icons/application-octet-stream.png" /> <a href="https://gimp.4fan.cz/sites/default/files/soubory/clanky/664/list.xcfgz" type="application/octet-stream; length=60221" title="list.xcfgz">Výsledný soubor ke stažení</a></span></td><td>58.81 KB</td> </tr> </tbody> </table> </div></div></div> Sat, 02 Aug 2014 12:35:25 +0000 Lukáš 664 at https://gimp.4fan.cz https://gimp.4fan.cz/navod/vytrzena-stranka-z-bloku#comments Loading Bar https://gimp.4fan.cz/navod/loading-bar <div class="field field-name-body field-type-text-with-summary field-label-hidden"><div class="field-items"><div class="field-item even" property="schema:articleBody content:encoded"><h1>Co budeme potřebovat?</h1> <ul> <li><a href="http://registry.gimp.org/node/186" target="_blank">Layer Effects</a></li> </ul> <h2>Začínáme</h2> <ul> <li>Vytvoříme <strong>nový obrázek</strong> s rozměry <strong>1280×720px</strong> a <strong>barvou popředí #222222</strong></li> <li>Přejdeme na menu <strong>Filtry → Šum → Šum HSV</strong>. Hodnoty nastavíme na:<br /><strong>Zadržení: 3<br />Odstín: 20<br />Sytost: 0<br />Hodnota: 0</strong><br /><a class="colorbox colorbox-insert-image" href="https://gimp.4fan.cz/sites/default/files/obrazky/clanky/639/loadingbar001.jpg" rel="gallery-all"><img alt="" class="image-400-300" src="https://gimp.4fan.cz/sites/default/files/styles/400_300/public/obrazky/clanky/639/loadingbar001.jpg?itok=sX4-vFn1" typeof="foaf:Image" /></a></li> <li><strong>Vytvoříme novou vrstvu</strong>. Nazveme ji např. <strong>„Odlesk“</strong></li> <li>Ujistíme se, že <strong>pracujeme na vrstvě „Odlesk“</strong></li> <li>Zvolíme nástroj <strong>Přechod (L)</strong>. <strong>Barvu popředí nastavíme na bílou (#FFFFFF)</strong>. <strong>Tvar přechodu</strong> zvolíme <strong>“Kruhový“</strong> a přechod <strong>“Popředí do průhlednosti“</strong></li> <li>Táhneme z <strong>horní poloviny</strong> plátna zhruba<strong> do tří čtvrtin</strong>, pak ještě jednou, zhruba do třetiny plátna viz. obrázek:<br /><a class="colorbox colorbox-insert-image" href="https://gimp.4fan.cz/sites/default/files/obrazky/clanky/639/loadingbar002.jpg" rel="gallery-all"><img alt="" class="image-400-300" src="https://gimp.4fan.cz/sites/default/files/styles/400_300/public/obrazky/clanky/639/loadingbar002.jpg?itok=yWrpVW-v" typeof="foaf:Image" /></a></li> <li>Vrstvě nastavíme <strong>režim “Překrývání“</strong></li> <li><strong>Vytvoříme novou vrstvu</strong>, nazveme ji např. <strong>„loading_bar“</strong>. Ujistíme se, že na pracujeme právě na této vrstvě.</li> <li>Zvolíme nástroj<strong> „Výběr obdelníku (R)“.</strong> V jeho nastavení zaškrtneme volbu <strong>„Zaoblené rohy“</strong> a <strong>poloměr </strong>nastavíme na hodnotu <strong>80</strong>.<br /><a class="colorbox colorbox-insert-image" href="https://gimp.4fan.cz/sites/default/files/obrazky/clanky/639/loadingbar003.jpg" rel="gallery-all"><img alt="" class="image-400-300" src="https://gimp.4fan.cz/sites/default/files/styles/400_300/public/obrazky/clanky/639/loadingbar003.jpg?itok=3NAdS-yl" typeof="foaf:Image" /></a></li> <li>Provedeme výběr podobný tomu na obrázku níže <em>(v tomto tutoriálu má výběr rozměry 872×40px)</em><br /><a class="colorbox colorbox-insert-image" href="https://gimp.4fan.cz/sites/default/files/obrazky/clanky/639/loadingbar004.jpg" rel="gallery-all"><img alt="" class="image-400-300" src="https://gimp.4fan.cz/sites/default/files/styles/400_300/public/obrazky/clanky/639/loadingbar004.jpg?itok=gv1q5a1c" typeof="foaf:Image" /></a></li> <li><strong>Vyplníme výběr </strong>bílou barvou a <strong>režim vrstvy</strong> nastavíme opět na<strong> “Překrývání“</strong>.</li> <li>Přejdeme na menu <strong>Script-fu → Layer Effects → Inner Shadow</strong>. Hodnoty nastavíme podle obrázku níž:<br /><a class="colorbox colorbox-insert-image" href="https://gimp.4fan.cz/sites/default/files/obrazky/clanky/639/loadingbar005.jpg" rel="gallery-all"><img alt="" class="image-400-300" src="https://gimp.4fan.cz/sites/default/files/styles/400_300/public/obrazky/clanky/639/loadingbar005.jpg?itok=LrCv4gKB" typeof="foaf:Image" /></a></li> <li>Vznikla nám nová vrstva s názvem <strong>“loading_bar-innershadow“</strong>. My se ale <strong>přepneme na vrstvu níž </strong>– „loading_bar“</li> <li>Přejdeme na menu <strong>Script-fu → Layer Effects → Stroke</strong> a hodnoty nastavíme podle obrázku:<br /><a class="colorbox colorbox-insert-image" href="https://gimp.4fan.cz/sites/default/files/obrazky/clanky/639/loadingbar006.jpg" rel="gallery-all"><img alt="" class="image-400-300" src="https://gimp.4fan.cz/sites/default/files/styles/400_300/public/obrazky/clanky/639/loadingbar006.jpg?itok=tNQ-MzjD" typeof="foaf:Image" /></a></li> <li><strong>Vznikla</strong> nám <strong>další vrstva “loading_bar-stroke“. </strong>Přepne me se <strong>zpět na vrstvu“loading_bar“</strong></li> <li>Přejdeme na menu <strong>Script-fu → Layer Effects → Drop Shadow</strong>. Hodnoty nastavíme podle obrázku:<br /><a class="colorbox colorbox-insert-image" href="https://gimp.4fan.cz/sites/default/files/obrazky/clanky/639/loadingbar007.jpg" rel="gallery-all"><img alt="" class="image-400-300" src="https://gimp.4fan.cz/sites/default/files/styles/400_300/public/obrazky/clanky/639/loadingbar007.jpg?itok=bIotWiRI" typeof="foaf:Image" /></a></li> <li>Vznikla nová vrstva s názvem “<strong>loading_bar-dropshadow“</strong>. <strong>Snížíme </strong>jí <strong>krytí </strong><span id="cke_bm_46E" style="display: none;"> </span>na cca <strong>35</strong>%<span id="cke_bm_47E" style="display: none;"> </span></li> <li><strong>Vytvoříme novou vrstvu</strong> s názvem <strong>“loading_bar vypln“</strong>. Umístíme ji<strong> nad vrstvu “loading_bar“</strong>. Vrstvy by nyní měly být poskládány takto:<br /><a class="colorbox colorbox-insert-image" href="https://gimp.4fan.cz/sites/default/files/obrazky/clanky/639/loadingbar008.jpg" rel="gallery-all"><img alt="" class="image-400-300" src="https://gimp.4fan.cz/sites/default/files/styles/400_300/public/obrazky/clanky/639/loadingbar008.jpg?itok=lECIvIvI" typeof="foaf:Image" /></a></li> <li>Klepneme <strong>pravým tlačítkem</strong> na vrstvu <strong>“loading_bar“</strong> a zvolíme <strong>„Alfa do výběru“</strong>.</li> <li>Přepneme se <strong>zpět na </strong>vrstvu <strong>“loading_bar vypln“</strong></li> <li>Zvolíme nástroj <strong>Přechod (L).</strong> Nastavíme <strong>tvar „lineární“</strong> <strong>přechod „Pastel Rainbow“</strong> a vyplníme výběr.<br /><a class="colorbox colorbox-insert-image" href="https://gimp.4fan.cz/sites/default/files/obrazky/clanky/639/loadingbar009.jpg" rel="gallery-all"><img alt="" class="image-400-300" src="https://gimp.4fan.cz/sites/default/files/styles/400_300/public/obrazky/clanky/639/loadingbar009.jpg?itok=LRupMr1g" typeof="foaf:Image" /></a></li> <li><strong>Vytvoříme vrstvu „tlacitko“</strong>, kterou umístíme <strong>nad všechny ostatní vrstvy</strong>.</li> <li>Zvolíme nástroj <strong>Eliptický výběr (E)</strong>. V jeho nastavení zaškrtneme políčko<strong> napevno: Poměr stran</strong>. Ujistíme se, že<strong> poměr stran</strong> je nastaven na hodnotu <strong>1:1.</strong> To nám zajistí tvorbu <strong>přesného kruhu.</strong></li> <li><strong>Provedeme výběr</strong> na<strong> libovolném místě</strong> našeho duhového loading baru. <em>(pracujeme na vrstvě „tlacitko“)</em><br /><a class="colorbox colorbox-insert-image" href="https://gimp.4fan.cz/sites/default/files/obrazky/clanky/639/loadingbar010.jpg" rel="gallery-all"><img alt="" class="image-400-300" src="https://gimp.4fan.cz/sites/default/files/styles/400_300/public/obrazky/clanky/639/loadingbar010.jpg?itok=gJFxHNlk" typeof="foaf:Image" /></a></li> <li>Zvolíme nástroj <strong>Přechod (L)</strong>. Přechod nastavíme na <strong>„Brushed Aluminium“</strong>, tvar na <strong>„Kuželový (symetrický)“.</strong> Táhneme <strong>ze středu</strong> kruhového výběru k jeho okraji. Dostaneme toto:<br /><a class="colorbox colorbox-insert-image" href="https://gimp.4fan.cz/sites/default/files/obrazky/clanky/639/loadingbar011.jpg" rel="gallery-all"><img alt="" class="image-400-300" src="https://gimp.4fan.cz/sites/default/files/styles/400_300/public/obrazky/clanky/639/loadingbar011.jpg?itok=IaRJRMsU" typeof="foaf:Image" /></a></li> <li>Přejdeme na menu <strong>Script-fu → Layer Effects → Drop Shadow</strong>. Hodnoty nastavíme podle obrázku: <em>(pracujeme pořád na vrstvě „tlacitko“)</em><br /><a class="colorbox colorbox-insert-image" href="https://gimp.4fan.cz/sites/default/files/obrazky/clanky/639/loadingbar012.jpg" rel="gallery-all"><img alt="" class="image-400-300" src="https://gimp.4fan.cz/sites/default/files/styles/400_300/public/obrazky/clanky/639/loadingbar012.jpg?itok=70Y3c7v1" typeof="foaf:Image" /></a></li> <li>Vrátíme se zpět na vrstvu “<strong>tlacitko</strong>“ a přejdeme na<strong> Script-fu → Layer Effects → Inner Shadow</strong>. Hodnoty nastavíme podle obrázku níž:<br /><a class="colorbox colorbox-insert-image" href="https://gimp.4fan.cz/sites/default/files/obrazky/clanky/639/loadingbar013.jpg" rel="gallery-all"><img alt="" class="image-400-300" src="https://gimp.4fan.cz/sites/default/files/styles/400_300/public/obrazky/clanky/639/loadingbar013.jpg?itok=nl5Q9hg9" typeof="foaf:Image" /></a></li> <li>Vrátíme se na vrstvu <strong>“loading_bar vypln“ Obdelníkovým výběrem</strong> provedeme označíme vše od “tlačítka“ <span id="cke_bm_43S" style="display: none;"> </span>směrem doprava <span id="cke_bm_43E" style="display: none;"> </span>a stiskneme klávesu <strong>Delete</strong>.<br /><a class="colorbox colorbox-insert-image" href="https://gimp.4fan.cz/sites/default/files/obrazky/clanky/639/loadingbar014.jpg" rel="gallery-all"><img alt="" class="image-400-300" src="https://gimp.4fan.cz/sites/default/files/styles/400_300/public/obrazky/clanky/639/loadingbar014.jpg?itok=lGx_DmHW" typeof="foaf:Image" /></a></li> <li>Přejdeme na menu <strong>Vybrat → Nic</strong><span id="cke_bm_44E" style="display: none;"> </span>. Ujistíme se, že pracujeme na vrstvě <span id="cke_bm_45S" style="display: none;"> </span><strong>“loading_bar vypln“</strong><span id="cke_bm_45E" style="display: none;"> </span></li> <li><span id="cke_bm_46S" style="display: none;"> </span>Přejdeme na <strong>Script-fu → Layer Effects → Outer Glow </strong>a nastavíme hodnoty z obrázku:<br /><a class="colorbox colorbox-insert-image" href="https://gimp.4fan.cz/sites/default/files/obrazky/clanky/639/loadingbar015.jpg" rel="gallery-all"><img alt="" class="image-400-300" src="https://gimp.4fan.cz/sites/default/files/styles/400_300/public/obrazky/clanky/639/loadingbar015.jpg?itok=kLWOt8ni" typeof="foaf:Image" /></a></li> <li>Nově vzniklé vrstvě<strong> “loading_bar vypln-outerglow“ snížíme krytí </strong>na cca <strong>30%</strong><br /><a class="colorbox colorbox-insert-image" href="https://gimp.4fan.cz/sites/default/files/obrazky/clanky/639/loadingbar016.jpg" rel="gallery-all"><img alt="" class="image-400-300" src="https://gimp.4fan.cz/sites/default/files/styles/400_300/public/obrazky/clanky/639/loadingbar016.jpg?itok=ysqL-_2X" typeof="foaf:Image" /></a></li> <li>Hotovo :)</li> </ul> </div></div></div><div class="field field-name-field-zdroj field-type-text field-label-inline clearfix"><div class="field-label">Zdroj:&nbsp;</div><div class="field-items"><div class="field-item even" property="schema:isBasedOnUrl"><p><a href="https://www.youtube.com/watch?v=4fkKzEtB1KU">https://www.youtube.com/watch?v=4fkKzEtB1KU</a></p> </div></div></div><div class="field field-name-taxonomy-vocabulary-1 field-type-taxonomy-term-reference field-label-above"><div class="field-label">Kategorie:&nbsp;</div><div class="field-items"><div class="field-item even" rel="schema:category"><a href="/category/kategorie/tlacitka" typeof="skos:Concept" property="rdfs:label skos:prefLabel" datatype="">Tlačítka</a></div><div class="field-item odd" rel="schema:category"><a href="/category/kategorie/web-20" typeof="skos:Concept" property="rdfs:label skos:prefLabel" datatype="">Web 2.0</a></div><div class="field-item even" rel="schema:category"><a href="/category/kategorie/webova-grafika/ikony" typeof="skos:Concept" property="rdfs:label skos:prefLabel" datatype="">Webová grafika</a></div></div></div><div class="field field-name-upload field-type-file field-label-hidden"><div class="field-items"><div class="field-item even" rel="" resource="https://gimp.4fan.cz/sites/default/files/soubory/clanky/639/loading_bar.xcf.gz"><table class="sticky-enabled"> <thead><tr><th>Attachment</th><th>Size</th> </tr></thead> <tbody> <tr class="odd"><td><span class="file"><img class="file-icon" alt="Binary Data" title="application/octet-stream" src="/modules/file/icons/application-octet-stream.png" /> <a href="https://gimp.4fan.cz/sites/default/files/soubory/clanky/639/loading_bar.xcf.gz" type="application/octet-stream; length=828482">loading_bar.xcf.gz</a></span></td><td>809.06 KB</td> </tr> </tbody> </table> </div></div></div> Fri, 20 Dec 2013 18:55:52 +0000 Lukáš 639 at https://gimp.4fan.cz https://gimp.4fan.cz/navod/loading-bar#comments Zasněžené tlačítko https://gimp.4fan.cz/navod/zasnezene-tlacitko <div class="field field-name-body field-type-text-with-summary field-label-hidden"><div class="field-items"><div class="field-item even" property="schema:articleBody content:encoded"><ul> <li>Vytvoříme si <span id="cke_bm_31S" style="display: none;"> </span><strong>nový soubor</strong><span id="cke_bm_31E" style="display: none;"> </span> s rozměry <strong>640×480px</strong>, vyplníme jej barvou <strong>#1<span id="cke_bm_32E" style="display: none;"> </span>2233e</strong></li> <li>Vytvoříme <strong>novou vrstvu</strong>, nazveme ji např. <em>Tlacitko</em></li> <li>Vybereme nástroj <span id="cke_bm_43S" style="display: none;"> </span><strong>Obdelníkový výběr</strong><span id="cke_bm_43E" style="display: none;"> </span>. Zaškrtneme volbu „<strong>Zaoblené rohy</strong>“ - poloměr nastavíme na hodnotu <strong>1<span id="cke_bm_44E" style="display: none;"> </span>0</strong>. Ve středu plátna provedeme obdelníkopvý výběr <em>(285×78px v tomto příkladu)</em><br /><a class="colorbox colorbox-insert-image" href="https://gimp.4fan.cz/sites/default/files/obrazky/clanky/609/button2.png" rel="gallery-all"><img alt="" class="image-400-300" src="https://gimp.4fan.cz/sites/default/files/styles/400_300/public/obrazky/clanky/609/button2.png?itok=ATADCvcq" typeof="foaf:Image" /></a></li> <li>Vybereme nástroj <strong>Přechod </strong>– nastavíme si přechod <strong>Nauseating Headache</strong><br /><a class="colorbox colorbox-insert-image" href="https://gimp.4fan.cz/sites/default/files/obrazky/clanky/609/button1.png" rel="gallery-all"><img alt="" class="image-400-300" src="https://gimp.4fan.cz/sites/default/files/styles/400_300/public/obrazky/clanky/609/button1.png?itok=s2Zr8aDh" typeof="foaf:Image" /></a></li> <li>Vyplníme výběr přechodem<br /><a class="colorbox colorbox-insert-image" href="https://gimp.4fan.cz/sites/default/files/obrazky/clanky/609/button9.png" rel="gallery-all"><img alt="" class="image-400-300" src="https://gimp.4fan.cz/sites/default/files/styles/400_300/public/obrazky/clanky/609/button9.png?itok=1OdGOFmG" typeof="foaf:Image" /></a></li> <li>Přejdeme na <strong>Barvy → Jas/Kontrast</strong> nastavíme hodnoty na:<br />Jas: <strong>-15</strong><br />Kontrast: <strong>-55</strong><br /><a class="colorbox colorbox-insert-image" href="https://gimp.4fan.cz/sites/default/files/obrazky/clanky/609/button12.png" rel="gallery-all"><img alt="" class="image-400-300" src="https://gimp.4fan.cz/sites/default/files/styles/400_300/public/obrazky/clanky/609/button12.png?itok=foVldskj" typeof="foaf:Image" /></a></li> <li>Přejdeme na <strong>Barvy → Odbarvit</strong>, ponecháme výchozí nastavení a potvrdíme.<br /><a class="colorbox colorbox-insert-image" href="https://gimp.4fan.cz/sites/default/files/obrazky/clanky/609/button14.png" rel="gallery-all"><img alt="" class="image-400-300" src="https://gimp.4fan.cz/sites/default/files/styles/400_300/public/obrazky/clanky/609/button14.png?itok=zkYwX370" typeof="foaf:Image" /></a></li> <li>Vytvoříme novou <em>(průhlednou)</em> vrstvu. Nazveme ji např. <em>Tlacitko – odlesky</em></li> <li>Vybereme znovu nástroj <strong>Přechod </strong>– nastavíme jej na „<strong>Popředí do průhlednosti</strong>“. S přechodem vyplníme <strong>spodní část</strong> tlačítka<br /><a class="colorbox colorbox-insert-image" href="https://gimp.4fan.cz/sites/default/files/obrazky/clanky/609/button10.png" rel="gallery-all"><img alt="" class="image-400-300" src="https://gimp.4fan.cz/sites/default/files/styles/400_300/public/obrazky/clanky/609/button10.png?itok=K_30oXY_" typeof="foaf:Image" /></a></li> <li>Nyní nastavíme <strong>barvu popředí</strong> na <strong>bílou</strong>. Přechodem vyplníme <strong>horní část</strong> tlačítka. Dostaneme něco takového:<br /><a class="colorbox colorbox-insert-image" href="https://gimp.4fan.cz/sites/default/files/obrazky/clanky/609/button11.png" rel="gallery-all"><img alt="" class="image-400-300" src="https://gimp.4fan.cz/sites/default/files/styles/400_300/public/obrazky/clanky/609/button11.png?itok=kdCVS1_0" typeof="foaf:Image" /></a></li> <li>Přepneme se na vrstvu tlacitko. Přejdeme na <strong>Barvy → Obarvit</strong>. Hodnoty nastavíme na:<br />Odstín: <strong>210</strong><br />Sytost: <strong>60</strong><br />Světlost: <strong>15</strong><br /><a class="colorbox colorbox-insert-image" href="https://gimp.4fan.cz/sites/default/files/obrazky/clanky/609/button13.png" rel="gallery-all"><img alt="" class="image-400-300" src="https://gimp.4fan.cz/sites/default/files/styles/400_300/public/obrazky/clanky/609/button13.png?itok=HqnHZRdK" typeof="foaf:Image" /></a></li> <li>Vytvoříme novou vrstvu „<em>snih</em>“</li> <li>Vybereme nástroj <span id="cke_bm_71S" style="display: none;"> </span><strong>Štětec</strong><span id="cke_bm_71E" style="display: none;"> </span>. Zvolíme stopu „<strong>Acrylic 02</strong>“ (<em>Velikost 7-10</em>) a nak<span id="cke_bm_72E" style="display: none;"> </span>reslíme sníh okolo tlačítka<br /><a class="colorbox colorbox-insert-image" href="https://gimp.4fan.cz/sites/default/files/obrazky/clanky/609/button7.png" rel="gallery-all"><img alt="" class="image-400-300" src="https://gimp.4fan.cz/sites/default/files/styles/400_300/public/obrazky/clanky/609/button7.png?itok=6PE8ueO9" typeof="foaf:Image" /></a></li> <li>Nástrojem <strong>Rozmazání </strong>rozmažeme sníh stopou <strong>Hardness 075</strong>. Přejdeme na <strong>Filtry → Rozmazat → Rozostřit</strong>. Dostaneme něco takového:<br /><a class="colorbox colorbox-insert-image" href="https://gimp.4fan.cz/sites/default/files/obrazky/clanky/609/button6.png" rel="gallery-all"><img alt="" class="image-400-300" src="https://gimp.4fan.cz/sites/default/files/styles/400_300/public/obrazky/clanky/609/button6.png?itok=T9DbDnQz" typeof="foaf:Image" /></a></li> <li>Přejdeme na <strong>Barvy → Křivky</strong>. Kanál nastavíme na <strong>Alfa</strong>. <strong>Křivku posuneme tak, aby se sníh zaostřil</strong>, viz:<br /><a class="colorbox colorbox-insert-image" href="https://gimp.4fan.cz/sites/default/files/obrazky/clanky/609/button8.png" rel="gallery-all"><img alt="" class="image-400-300" src="https://gimp.4fan.cz/sites/default/files/styles/400_300/public/obrazky/clanky/609/button8.png?itok=M8YKYQyo" typeof="foaf:Image" /></a></li> <li>Přepneme se na vrstvu tlacitko. Přejdeme na <strong>Filtry → Světlo a stín → Vržený stín</strong>. Hodnoty nastavíme na:<br />Posun ve směru X: <strong>0</strong><br />Posun ve směru Y: <strong>0</strong><br />Poloměr rozostření: <strong>100</strong><br />Barva: <strong>#00a8ff</strong><br />Krytí: <strong>100</strong><br />Povolit změnu velikosti: <strong>ne</strong><br /><a class="colorbox colorbox-insert-image" href="https://gimp.4fan.cz/sites/default/files/obrazky/clanky/609/button16.png" rel="gallery-all"><img alt="" class="image-400-300" src="https://gimp.4fan.cz/sites/default/files/styles/400_300/public/obrazky/clanky/609/button16.png?itok=LXyiZj4y" typeof="foaf:Image" /></a></li> <li>Nově vzniklé vrstvě <em>Drop Shadow</em> nastavíme režim <strong>Tvrdé světlo</strong>.<br /><a class="colorbox colorbox-insert-image" href="https://gimp.4fan.cz/sites/default/files/obrazky/clanky/609/button3.png" rel="gallery-all"><img alt="" class="image-400-300" src="https://gimp.4fan.cz/sites/default/files/styles/400_300/public/obrazky/clanky/609/button3.png?itok=KQtDJKDB" typeof="foaf:Image" /></a></li> <li>Duplikujeme vrstvu <em>snih (vrstva → duplikovat vrstvu)</em> a přejdeme na <strong>Filtry → Rozmazat → Gaussovské rozostření</strong>, hodnoty nastavíme na <strong>20</strong>. Dostaneme něco takového:<br /><a class="colorbox colorbox-insert-image" href="https://gimp.4fan.cz/sites/default/files/obrazky/clanky/609/button5.png" rel="gallery-all"><img alt="" class="image-400-300" src="https://gimp.4fan.cz/sites/default/files/styles/400_300/public/obrazky/clanky/609/button5.png?itok=9gUYN4po" typeof="foaf:Image" /></a></li> <li>Nastavíme si na barvu popředí na <strong>#3cc1ff</strong>. <strong>Zamkneme alfa kanál</strong> a režim vrstvy nastavíme na „<strong>Jas</strong>“<br /><a class="colorbox colorbox-insert-image" href="https://gimp.4fan.cz/sites/default/files/obrazky/clanky/609/button4.png" rel="gallery-all"><img alt="" class="image-400-300" src="https://gimp.4fan.cz/sites/default/files/styles/400_300/public/obrazky/clanky/609/button4.png?itok=lLEtJLfl" typeof="foaf:Image" /></a></li> <li> <p>Přejdeme na <strong>Upravit → Vyplnit barvou popředí</strong><br /><a class="colorbox colorbox-insert-image" href="https://gimp.4fan.cz/sites/default/files/obrazky/clanky/609/button15.png" rel="gallery-all"><img alt="" class="image-400-300" src="https://gimp.4fan.cz/sites/default/files/styles/400_300/public/obrazky/clanky/609/button15.png?itok=YPCdqlWW" typeof="foaf:Image" /></a></p> </li> <li> <p>Hotovo :)</p> </li> </ul> </div></div></div><div class="field field-name-field-zdroj field-type-text field-label-inline clearfix"><div class="field-label">Zdroj:&nbsp;</div><div class="field-items"><div class="field-item even" property="schema:isBasedOnUrl"><p><a href="http://www.gimpusers.de/tutorials/eis-schnee-button">http://www.gimpusers.de/tutorials/eis-schnee-button</a></p> </div></div></div><div class="field field-name-taxonomy-vocabulary-1 field-type-taxonomy-term-reference field-label-above"><div class="field-label">Kategorie:&nbsp;</div><div class="field-items"><div class="field-item even" rel="schema:category"><a href="/category/kategorie/tlacitka" typeof="skos:Concept" property="rdfs:label skos:prefLabel" datatype="">Tlačítka</a></div><div class="field-item odd" rel="schema:category"><a href="/category/kategorie/webova-grafika/ikony" typeof="skos:Concept" property="rdfs:label skos:prefLabel" datatype="">Webová grafika</a></div></div></div><div class="field field-name-upload field-type-file field-label-hidden"><div class="field-items"><div class="field-item even" rel="" resource="https://gimp.4fan.cz/sites/default/files/soubory/clanky/609/tlacitko.xcf"><table class="sticky-enabled"> <thead><tr><th>Attachment</th><th>Size</th> </tr></thead> <tbody> <tr class="odd"><td><span class="file"><img class="file-icon" alt="File" title="application/x-xcf" src="/modules/file/icons/application-octet-stream.png" /> <a href="https://gimp.4fan.cz/sites/default/files/soubory/clanky/609/tlacitko.xcf" type="application/x-xcf; length=203904" title="tlacitko.xcf">XCF soubor ke stažení - 1. varianta</a></span></td><td>199.13 KB</td> </tr> <tr class="even"><td><span class="file"><img class="file-icon" alt="File" title="application/x-xcf" src="/modules/file/icons/application-octet-stream.png" /> <a href="https://gimp.4fan.cz/sites/default/files/soubory/clanky/609/tlacitko1.xcf" type="application/x-xcf; length=209404" title="tlacitko1.xcf">XCF soubor ke stažení - 2. varianta</a></span></td><td>204.5 KB</td> </tr> </tbody> </table> </div></div></div> Sun, 16 Jun 2013 18:03:25 +0000 Lukáš 609 at https://gimp.4fan.cz https://gimp.4fan.cz/navod/zasnezene-tlacitko#comments "Ovocná" tapeta https://gimp.4fan.cz/navod/ovocna-tapeta <div class="field field-name-body field-type-text-with-summary field-label-hidden"><div class="field-items"><div class="field-item even" property="schema:articleBody content:encoded"><ol> <li>Vytvoříme nový obrázek s rozměry 1024×768px</li> <li>Barvu popředí nastavíme na <strong>#3c3431</strong> a barvu pozadí na <strong>#211c19</strong></li> <li>Zvolíme si nástroj <strong>Přechod</strong>, jeho režim nastavíme na <strong>Radiální</strong></li> <li>Plátno přetáhneme ze středu nahoru<br /><a class="colorbox colorbox-insert-image" data-colorbox-gallery="gallery-all" href="https://gimp.4fan.cz/sites/default/files/obrazky/clanky/472/tapetaovoce1.jpg"><img alt="" class="image-400-300" height="348" src="/sites/default/files/styles/400_300/public/obrazky/clanky/472/tapetaovoce1.jpg" width="400" /> </a></li> <li>Potřebujeme vytvořit<strong> nový přechod</strong>. Pokud nemáme, otevřeme si okénko <strong>Přechody </strong>klávesovou zkratkou <em><strong>CTRL+G</strong></em> <em>(Nebo pomocí menu Okna → Dokovatelná dialogová okna → Přechody)</em></li> <li>V okénku Přechody klepneme na tlačítko<strong> „Vytvořit nový přechod“<br /><a class="colorbox colorbox-insert-image" data-colorbox-gallery="gallery-all" href="https://gimp.4fan.cz/sites/default/files/obrazky/clanky/472/tapetaovoce2.jpg"><img alt="" class="image-400-300" height="338" src="/sites/default/files/styles/400_300/public/obrazky/clanky/472/tapetaovoce2.jpg" width="216" /> </a></strong></li> <li>V nově otevřeném okénku <strong>Editor přechodů</strong> do přechodu klepneme pravým tlačítkem, zvolíme<strong> „Barva levého koncového bodu“</strong>. Barvu nastavíme na <strong>#ff6c00</strong>. Stejným způsobem nastavíme barvu pravého koncového bodu na <strong>#ff3c00</strong>. Přechod si uložíme.<br /><a class="colorbox colorbox-insert-image" data-colorbox-gallery="gallery-all" href="https://gimp.4fan.cz/sites/default/files/obrazky/clanky/472/tapetaovoce3.jpg"><img alt="" class="image-400-300" height="735" src="/sites/default/files/styles/400_300/public/obrazky/clanky/472/tapetaovoce3.jpg" width="304" /> </a></li> <li>Vytvoříme si novou vrstvu, nazveme ji třeba <strong>základ</strong></li> <li>Pod středem plátna vytvoříme kružnici.<em> (Pokud chceme pravidelný kruh držíme SHIFT a CTRL)</em>. Kružnici vyplníme našim oranžovým přechodem směrem shora dolů. Přejdeme na menu <strong>Vybrat → Zmenšit</strong>, hodnotu nastavíme na 20, potvrdíme a stiskneme <strong>Delete</strong>.<br /><a class="colorbox colorbox-insert-image" data-colorbox-gallery="gallery-all" href="https://gimp.4fan.cz/sites/default/files/obrazky/clanky/472/tapetaovoce4.jpg"><img alt="" class="image-400-300" height="300" src="/sites/default/files/styles/400_300/public/obrazky/clanky/472/tapetaovoce4.jpg" width="400" /> </a></li> <li>Opět vytvoříme nový přechod:<br /><strong>– Barva levého koncového bodu: #c6ff00<br />– Barva pravého koncového bodu: #78ff00</strong></li> <li>Teď budeme vytvářet lístky. Vytvoříme si tedy novou vrstvu – <em>list1</em></li> <li>Samotný list vytvoříme pomocí eliptického výběru. Režim nastavíme na <strong>„Průnik aktuálním výběrem“<em> (Shift + CTRL) </em></strong>a nakreslíme dvě šišaté kružnice, jejich protnutí nám vytvoří list <em>(viz. obrázek)</em>.<br /><a class="colorbox colorbox-insert-image" data-colorbox-gallery="gallery-all" href="https://gimp.4fan.cz/sites/default/files/obrazky/clanky/472/tapetaovoce5.jpg"><img alt="" class="image-400-300" height="208" src="/sites/default/files/styles/400_300/public/obrazky/clanky/472/tapetaovoce5.jpg" width="227" /> </a></li> <li>Výběr vyplnáme dříve připraveným „zeleným“ přechodem. Opět přejdeme na menu<strong style="font-size: 13.008px;"> Vybrat → Zmenšit</strong><span style="font-size: 13.008px;"> hodnotu nastavíme na 10, stiskneme </span><strong style="font-size: 13.008px;">Delete</strong> <span style="font-size: 13.008px;">.</span></li> <li>Pomocí nástroje <span id="cke_bm_121S" style="display: none;"> </span><strong>Přesun </strong><span id="cke_bm_121E" style="display: none;"> </span>a <strong>Otáčení </strong>list přesuneme na správ<span id="cke_bm_122E" style="display: none;"> </span>né místo.<br /><a class="colorbox colorbox-insert-image" data-colorbox-gallery="gallery-all" href="https://gimp.4fan.cz/sites/default/files/obrazky/clanky/472/tapetaovoce6.jpg"><img alt="" class="image-400-300" height="298" src="/sites/default/files/styles/400_300/public/obrazky/clanky/472/tapetaovoce6.jpg" width="400" /> </a></li> <li>Vrstvu list1 duplikujeme. Nástrojem překlopení zrcadlíme, nástrojem <strong>Přesun </strong>ji posuneme doleva, popřípadě ji trošičku zmenšíme nástrojem <strong>Škálování<br /><a class="colorbox colorbox-insert-image" data-colorbox-gallery="gallery-all" href="https://gimp.4fan.cz/sites/default/files/obrazky/clanky/472/tapetaovocehotovo.jpg"><img alt="" class="image-400-300" height="300" src="/sites/default/files/styles/400_300/public/obrazky/clanky/472/tapetaovocehotovo.jpg" width="400" /> </a></strong></li> <li>Hotovo :)</li> </ol> <p style="text-align: right;">Zdroj: <a href="http://www.progimp.ru/articles/sozdaem_prostie_oboi_dlya_rabochego_stola/" target="_blank">http://www.progimp.ru/articles/sozdaem_prostie_oboi_dlya_rabochego_stola</a></p> </div></div></div><div class="field field-name-taxonomy-vocabulary-1 field-type-taxonomy-term-reference field-label-above"><div class="field-label">Kategorie:&nbsp;</div><div class="field-items"><div class="field-item even" rel="schema:category"><a href="/category/kategorie/tapety/obrazky" typeof="skos:Concept" property="rdfs:label skos:prefLabel" datatype="">Tapety/Obrázky</a></div><div class="field-item odd" rel="schema:category"><a href="/category/kategorie/webova-grafika/ikony" typeof="skos:Concept" property="rdfs:label skos:prefLabel" datatype="">Webová grafika</a></div></div></div> Wed, 20 Feb 2013 10:09:32 +0000 Lukáš 472 at https://gimp.4fan.cz https://gimp.4fan.cz/navod/ovocna-tapeta#comments Ohňostroj https://gimp.4fan.cz/ohnostroj <div class="field field-name-body field-type-text-with-summary field-label-hidden"><div class="field-items"><div class="field-item even" property="schema:articleBody content:encoded"><p>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.<br /><a href="/sites/default/files/obrazky/clanky/155/ohnostroj_1.jpg" class="colorbox colorbox-insert-image" data-colorbox-gallery="gallery-all"><img alt="" class="image-400-300" src="/sites/default/files/imagecache/400_300/obrazky/clanky/155/ohnostroj_1.jpg" /></a></p> <p>Přejdeme na <strong>Filtry → Šum → HSV šum</strong> a nastavíme takto:<br /><a href="/sites/default/files/obrazky/clanky/155/ohnostroj_2.jpg" class="colorbox colorbox-insert-image" data-colorbox-gallery="gallery-all"><img alt="" class="image-400-300" src="/sites/default/files/imagecache/400_300/obrazky/clanky/155/ohnostroj_2.jpg" /></a></p> <p>Přejdeme na <strong>Filtry → Rozostření → Rozostřit</strong>.<br />Poté přejdeme na <strong>Barvy → Úrovně</strong> a nastavíme je takto:<br /><a href="/sites/default/files/obrazky/clanky/155/ohnostroj_3.jpg" class="colorbox colorbox-insert-image" data-colorbox-gallery="gallery-all"><img alt="" class="image-400-300" src="/sites/default/files/imagecache/400_300/obrazky/clanky/155/ohnostroj_3.jpg" /></a></p> <p>Klepneme na <strong>Vybrat → Nic.</strong> Přejdeme na <strong>Filtry → Zkreslení → Polární souřadnice</strong>. Zde odškrtneme volbu „<em>Do polárních</em>“, ostatní volby necháme tak, jak jsou. Dostaneme toto:<br /><a href="/sites/default/files/obrazky/clanky/155/ohnostroj_4.jpg" class="colorbox colorbox-insert-image" data-colorbox-gallery="gallery-all"><img alt="" class="image-400-300" src="/sites/default/files/imagecache/400_300/obrazky/clanky/155/ohnostroj_4.jpg" /></a></p> <p>Přejdeme na <strong>Vrstva → Transormovat → Rotovat o 90° doprava.</strong><br />Přejdeme na <strong>Filtry → Zkreslení → Vítr </strong>a nastavíme jej takto:<br /><a href="/sites/default/files/obrazky/clanky/155/ohnostroj_5.jpg" class="colorbox colorbox-insert-image" data-colorbox-gallery="gallery-all"><img alt="" class="image-400-300" src="/sites/default/files/imagecache/400_300/obrazky/clanky/155/ohnostroj_5.jpg" /></a></p> <p>Teď vrstvu otočíme doleva přes nabídku <strong>Vrstva → Transformovat → Rotovat o 90° doleva</strong>. Přejdeme na <strong>Filtry → Zkreslení → Polární souřadnice</strong>. Zde <strong>zaškrtneme</strong> volbu „<strong>Do polárních</strong>“, ostatní volby necháme tak, jak jsou.<br /><a href="/sites/default/files/obrazky/clanky/155/ohnostroj_6.jpg" class="colorbox colorbox-insert-image" data-colorbox-gallery="gallery-all"><img alt="" class="image-400-300" src="/sites/default/files/imagecache/400_300/obrazky/clanky/155/ohnostroj_6.jpg" /></a></p> <p>Nástrojem <strong>Plechovka</strong> vyplníme bílý prostor.<br /><a href="/sites/default/files/obrazky/clanky/155/ohnostroj_7.jpg" class="colorbox colorbox-insert-image" data-colorbox-gallery="gallery-all"><img alt="" class="image-400-300" src="/sites/default/files/imagecache/400_300/obrazky/clanky/155/ohnostroj_7.jpg" /></a></p> <p>Přejdeme na <strong>Barvy → Úrovně</strong> a nastavíme je takto:<br /><a href="/sites/default/files/obrazky/clanky/155/ohnostroj_8.jpg" class="colorbox colorbox-insert-image" data-colorbox-gallery="gallery-all"><img alt="" class="image-400-300" src="/sites/default/files/imagecache/400_300/obrazky/clanky/155/ohnostroj_8.jpg" /></a></p> <p>Vrstvu duplikujeme <em>(Vrstva → Duplikovat vrstvu)</em>. Horní vrstvě nastavíme režim na <strong>„Součet“</strong>. Přejdeme na <strong>Filtry → Rozostření → Gaussovské rozostření</strong>. Obě hodnoty nastavíme na <strong>10</strong>.<br /><a href="/sites/default/files/obrazky/clanky/155/ohnostroj_9.jpg" class="colorbox colorbox-insert-image" data-colorbox-gallery="gallery-all"><img alt="" class="image-400-300" src="/sites/default/files/imagecache/400_300/obrazky/clanky/155/ohnostroj_9.jpg" /></a><br />Rozostřenou vrstvu znovu duplikujeme<br /><a href="/sites/default/files/obrazky/clanky/155/ohnostroj_10.jpg" class="colorbox colorbox-insert-image" data-colorbox-gallery="gallery-all"><img alt="" class="image-400-300" src="/sites/default/files/imagecache/400_300/obrazky/clanky/155/ohnostroj_10.jpg" /></a></p> <p>Znovu přejdeme na <strong>Filtry → Rozostření → Gaussovské rozostření</strong>. Hodnoty opět nastavíme na <strong>10</strong>.<br />Přejdeme na <strong>Obrázek → Zploštit obrázek</strong>. Nyní přejdeme na <strong>Barvy → Vyvážení barev</strong>. Zde si nastavte libovolnou barvu.<br /><a href="/sites/default/files/obrazky/clanky/155/ohnostroj_11.jpg" class="colorbox colorbox-insert-image" data-colorbox-gallery="gallery-all"><img alt="" class="image-400-300" src="/sites/default/files/imagecache/400_300/obrazky/clanky/155/ohnostroj_11.jpg" /></a></p> <p>Vrstvu znovu duplikujeme a nastavíme režim na <strong>„součet“</strong>. <em>("Přidávání" pro verzi 2.8)</em></p> <p><a href="/sites/default/files/obrazky/clanky/155/ohnostroj_hotovo.jpg" class="colorbox colorbox-insert-image" data-colorbox-gallery="gallery-all"><img alt="" class="image-400-300" src="/sites/default/files/imagecache/400_300/obrazky/clanky/155/ohnostroj_hotovo.jpg" /></a></p> <p>hotovo</p> <p style="text-align: right;">Zdroj: <a href="https://www.youtube.com/watch?v=t6mc5ItPy1o">https://www.youtube.com/watch?v=t6mc5ItPy1o</a></p> </div></div></div><div class="field field-name-taxonomy-vocabulary-1 field-type-taxonomy-term-reference field-label-above"><div class="field-label">Kategorie:&nbsp;</div><div class="field-items"><div class="field-item even" rel="schema:category"><a href="/category/kategorie/efekty" typeof="skos:Concept" property="rdfs:label skos:prefLabel" datatype="">Efekty</a></div><div class="field-item odd" rel="schema:category"><a href="/category/kategorie/tapety/obrazky" typeof="skos:Concept" property="rdfs:label skos:prefLabel" datatype="">Tapety/Obrázky</a></div><div class="field-item even" rel="schema:category"><a href="/category/kategorie/uprava-fotografii" typeof="skos:Concept" property="rdfs:label skos:prefLabel" datatype="">Úprava fotografií</a></div><div class="field-item odd" rel="schema:category"><a href="/category/kategorie/webova-grafika/ikony" typeof="skos:Concept" property="rdfs:label skos:prefLabel" datatype="">Webová grafika</a></div></div></div> Sun, 24 Oct 2010 14:34:23 +0000 Lukáš 155 at https://gimp.4fan.cz https://gimp.4fan.cz/ohnostroj#comments WarCraft text https://gimp.4fan.cz/warcraft-text <div class="field field-name-body field-type-text-with-summary field-label-hidden"><div class="field-items"><div class="field-item even" property="schema:articleBody content:encoded"><h1>WarCraft text</h1> <p>Než začnete tvořit kulervoucí WarCraft text podle tohoto skvělého tutorialu, stáhněte a nainstalujte si následující:</p> <ul> <li>Písmo <a href="http://www.dafont.com/lifecraft.font" target="_blank">LifeCraft</a></li> <li>Plugin <a href="http://registry.gimp.org/node/186" target="_blank">Layer Effects</a> pro Gimp</li> </ul> <h2>Instalace písma</h2> <p>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.</p> <p><a href="/sites/default/files/obrazky/clanky/143/wc_text_1.jpg" class="colorbox colorbox-insert-image" data-colorbox-gallery="gallery-all"><img alt="" class="image-400-300" src="/sites/default/files/imagecache/400_300/obrazky/clanky/143/wc_text_1.jpg" /></a></p> <p>Ve Windows XP písmo musíte překopírovat do Adresáře Písma, který najdete v ovládacích panelech.</p> <h2>Instalace plug-inu</h2> <p>Pokud používáte Gimp pod Operařním systémem od Microsoftu, zkopírujte plugin, což je soubor layerfx.scm do:<br />C:\Program Files\GIMP-2.0\share\gimp\2.0\scripts<br />Linuxáci si otevřou svoji domovskou složku, stisknou CTRL+H pro odkrytí skrytých souborů a kopírují plug-in do:<br />.gimp-2.6/scripts</p> <p><a href="/sites/default/files/obrazky/clanky/143/wc_text_2.jpg" class="colorbox colorbox-insert-image" data-colorbox-gallery="gallery-all"><img alt="" class="image-400-300" src="/sites/default/files/imagecache/400_300/obrazky/clanky/143/wc_text_2.jpg" /></a></p> <p><span style="font-family: Helvetica, Arial, sans-serif; line-height: 24px; font-size: 19px;">Začínáme</span></p> <h3>1. krok</h3> <p>Vytvoříme nový obrázek, ponecháme výchozí rozměry. Barvu popředí nastavíme na tmavě šedou <em>#252525</em> a barvu pozadí na černou <em>#000000</em>.</p> <p>Klepneme na nástroj <strong>Přechod (L)</strong>. Tvar přechodu nastavíme na <em>Radiální</em> a ostatní hodnoty ponecháme výchozí.</p> <p>Táhneme ze středu, do některého z rohů.</p> <p><a href="/sites/default/files/obrazky/clanky/143/wc_text_3.jpg" class="colorbox colorbox-insert-image" data-colorbox-gallery="gallery-all"><img alt="" class="image-400-300" src="/sites/default/files/imagecache/400_300/obrazky/clanky/143/wc_text_3.jpg" /></a></p> <h3>2. krok</h3> <p>Nástrojem <strong>Text (T)</strong> napíšeme libovolný text bílou barvou a pomocí nástroje <strong>Zarovnání (Q)</strong> jej vycentrujeme.</p> <p><a href="/sites/default/files/obrazky/clanky/143/wc_text_5.jpg" class="colorbox colorbox-insert-image" data-colorbox-gallery="gallery-all"><img alt="" class="image-400-300" src="/sites/default/files/imagecache/400_300/obrazky/clanky/143/wc_text_5.jpg" /></a></p> <p>Přejdeme na menu <strong>Vrstva → Průhlednost → Alfa do výběru</strong>.</p> <p>Barvu popředí nastavíme na žlutou <em>#dcda0b</em>, barvu pozadí na oranžovou <em>#ff9000</em>. Vybereme nástroj <strong>Přechod (L)</strong>, jeho tvar nastavíme na lineární a táhneme shora písma dolů.</p> <p><a href="/sites/default/files/obrazky/clanky/143/wc_text_6.jpg" class="colorbox colorbox-insert-image" data-colorbox-gallery="gallery-all"><img alt="" class="image-400-300" src="/sites/default/files/imagecache/400_300/obrazky/clanky/143/wc_text_6.jpg" /></a></p> <p>Vrstvu <strong>duplikujeme</strong></p> <p><a href="/sites/default/files/obrazky/clanky/143/wc_text_7.jpg" class="colorbox colorbox-insert-image" data-colorbox-gallery="gallery-all"><img alt="" class="image-400-300" src="/sites/default/files/imagecache/400_300/obrazky/clanky/143/wc_text_7.jpg" /></a></p> <h3>3. Krok</h3> <p>Přejdeme na <strong>Filtry → Šum → HSV šum</strong> a nastavíme takto:</p> <p><a href="/sites/default/files/obrazky/clanky/143/wc_text_8.jpg" class="colorbox colorbox-insert-image" data-colorbox-gallery="gallery-all"><img alt="" class="image-400-300" src="/sites/default/files/imagecache/400_300/obrazky/clanky/143/wc_text_8.jpg" /></a></p> <p>Znovu přejdeme na <strong>Filtry → Zkreslení → Vítr</strong> a nastavíme jej takto:</p> <p><a href="/sites/default/files/obrazky/clanky/143/wc_text_9.jpg" class="colorbox colorbox-insert-image" data-colorbox-gallery="gallery-all"><img alt="" class="image-400-300" src="/sites/default/files/imagecache/400_300/obrazky/clanky/143/wc_text_9.jpg" /></a></p> <p>Vrstvě snížíme krytí cca na <strong>65%</strong> a sloučíme ji dolů.</p> <p><a href="/sites/default/files/obrazky/clanky/143/wc_text_10.jpg" class="colorbox colorbox-insert-image" data-colorbox-gallery="gallery-all"><img alt="" class="image-400-300" src="/sites/default/files/imagecache/400_300/obrazky/clanky/143/wc_text_10.jpg" /></a></p> <h3>4. krok</h3> <p>Nyní přijde ke slovu plug-in Layer Effects.</p> <p>Přejdeme na <strong>Script-fu → Layer Effects → Bevel and Emboss</strong> a nastavíme jej takto:</p> <p><a href="/sites/default/files/obrazky/clanky/143/wc_text_11.jpg" class="colorbox colorbox-insert-image" data-colorbox-gallery="gallery-all"><img alt="" class="image-400-300" src="/sites/default/files/imagecache/400_300/obrazky/clanky/143/wc_text_11.jpg" /></a></p> <p>Dostaneme toto:</p> <p><a href="/sites/default/files/obrazky/clanky/143/wc_text_12.jpg" class="colorbox colorbox-insert-image" data-colorbox-gallery="gallery-all"><img alt="" class="image-400-300" src="/sites/default/files/imagecache/400_300/obrazky/clanky/143/wc_text_12.jpg" /></a></p> <p>Vrstvu „<em>WarCraft-shadow</em>“ duplikujeme 2x a vrstvu „<em>WarCraft-highlight</em>“ asi 13x.</p> <p><a href="/sites/default/files/obrazky/clanky/143/wc_text_13.jpg" class="colorbox colorbox-insert-image" data-colorbox-gallery="gallery-all"><img alt="" class="image-400-300" src="/sites/default/files/imagecache/400_300/obrazky/clanky/143/wc_text_13.jpg" /></a></p> <p>Skryjeme vrstvu <em>„Pozadí“</em> (<em>klepneme na ikonu oka</em>) a <strong>sloučíme viditelné vrstvy (CTRL+M)</strong>. Vrstvu <em>„Pozadí“</em> poté znovu odkrejeme</p> <h3>Závěr</h3> <p>Vytvoříme novou vrstvu (nazveme ji <em>ramecek</em>), kterou umístíme mezi vrstvu <em>„Pozadí“</em> a vrstvu <em>„WarCraft“</em>.</p> <p><em>(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.)</em></p> <p>Přejdeme na <strong>Vybrat → Zvětšit</strong> hodnotu nastavíme na <strong>3px</strong> a výběr vyplníme černou (musí být aktivní vrstva <em>„ramecek“</em>)</p> <p><a href="/sites/default/files/obrazky/clanky/143/wc_text_hotovo.jpg" class="colorbox colorbox-insert-image" data-colorbox-gallery="gallery-all"><img alt="" class="image-400-300" src="/sites/default/files/imagecache/400_300/obrazky/clanky/143/wc_text_hotovo.jpg" /></a></p> <p style="text-align: center; ">XCF soubor: <a href="https://docs.google.com/open?id=0B9Aigj4QJRo2dnV1OFpPYmVFMkU" target="_blank">warcraft.xcf</a></p> <p>Hotovo :)</p> <p style="text-align: right;">Zdroj: <a href="https://www.youtube.com/watch?v=YubpxOhuImo">YouTube.com</a></p> </div></div></div><div class="field field-name-taxonomy-vocabulary-1 field-type-taxonomy-term-reference field-label-above"><div class="field-label">Kategorie:&nbsp;</div><div class="field-items"><div class="field-item even" rel="schema:category"><a href="/category/kategorie/webova-grafika/ikony" typeof="skos:Concept" property="rdfs:label skos:prefLabel" datatype="">Webová grafika</a></div></div></div> Sun, 15 Aug 2010 13:10:24 +0000 Lukáš 143 at https://gimp.4fan.cz https://gimp.4fan.cz/warcraft-text#comments Razítko https://gimp.4fan.cz/razitko <div class="field field-name-body field-type-text-with-summary field-label-hidden"><div class="field-items"><div class="field-item even" property="schema:articleBody content:encoded"><ol> <li>Napíšeme libovolný text červeným písmem <strong>Sans Bold.</strong><br /><a href="/sites/default/files/obrazky/clanky/140/razitko_1.png" class="colorbox colorbox-insert-image" data-colorbox-gallery="gallery-all"><img alt="" class="image-400-300" src="/sites/default/files/imagecache/400_300/obrazky/clanky/140/razitko_1.png" /></a></li> <li>Vytvoříme novou vrstvu. Nazveme ji třeba <strong><em>Rámeček</em></strong>. </li> <li>Obdélníkovým výběrem obtáhneme text, tak aby byl zhruba uprostřed.<br /><a href="/sites/default/files/obrazky/clanky/140/razitko_2.png" class="colorbox colorbox-insert-image" data-colorbox-gallery="gallery-all"><img alt="" class="image-400-300" src="/sites/default/files/imagecache/400_300/obrazky/clanky/140/razitko_2.png" /></a></li> <li>Zvolíme <strong>Vybrat → Obvod</strong> a nastavíme cca <strong>5px</strong>, záleží na velikosti vašeho razítka.<br /><a href="/sites/default/files/obrazky/clanky/140/razitko_3.png" class="colorbox colorbox-insert-image" data-colorbox-gallery="gallery-all"><img alt="" class="image-400-300" src="/sites/default/files/imagecache/400_300/obrazky/clanky/140/razitko_3.png" /></a></li> <li>Výběr vyplníme také <strong>červenou barvou</strong>.<br /><a href="/sites/default/files/obrazky/clanky/140/razitko_4.png" class="colorbox colorbox-insert-image" data-colorbox-gallery="gallery-all"><img alt="" class="image-400-300" src="/sites/default/files/imagecache/400_300/obrazky/clanky/140/razitko_4.png" /></a></li> <li>Vrstvu Rámeček sloučíme s vrstvou s textem. <em>(Vrstva → Sloučit dolů)</em></li> <li>Klepneme na <strong>Vybrat → Nic</strong></li> <li>Nástrojem rotace [<em>Shift + R</em>] razítko pootočíme<br /><a href="/sites/default/files/obrazky/clanky/140/razitko_5.png" class="colorbox colorbox-insert-image" data-colorbox-gallery="gallery-all"><img alt="" class="image-400-300" src="/sites/default/files/imagecache/400_300/obrazky/clanky/140/razitko_5.png" /></a></li> <li>Vrstvě přidáme masku (Vrstva → Maska → Přidat masku)</li> <li><strong>Barvu popředí nastavíme na černou</strong>. Vybereme nástroj štětec a stopu <strong>Confetti</strong>. Na razítko budeme touto stopou kreslit tak dlouho, dokud se nám výsledek nebude líbit.<br /><a href="/sites/default/files/obrazky/clanky/140/hotovo.png" class="colorbox colorbox-insert-image" data-colorbox-gallery="gallery-all"><img alt="" class="image-400-300" src="/sites/default/files/imagecache/400_300/obrazky/clanky/140/hotovo.png" /></a></li> <li>Hotovo :)</li> </ol> </div></div></div><div class="field field-name-taxonomy-vocabulary-1 field-type-taxonomy-term-reference field-label-above"><div class="field-label">Kategorie:&nbsp;</div><div class="field-items"><div class="field-item even" rel="schema:category"><a href="/category/kategorie/webova-grafika/ikony" typeof="skos:Concept" property="rdfs:label skos:prefLabel" datatype="">Webová grafika</a></div></div></div> Fri, 06 Aug 2010 12:28:19 +0000 Lukáš 140 at https://gimp.4fan.cz https://gimp.4fan.cz/razitko#comments Kompletní průvodce tvorbou userbaru https://gimp.4fan.cz/userbar <div class="field field-name-body field-type-text-with-summary field-label-hidden"><div class="field-items"><div class="field-item even" property="schema:articleBody content:encoded"><p>Takzvaný „<strong>userbar</strong>“ se používá v diskusních fórech. Userbar je tenký proužek vyjadřující váš názor.</p> <p>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.</p> <ul> <li>Otevřeme tedy Gimp a vytvoříme nový (průhledný) obrázek s rozměry 5×5px</li> <li>Zvolíme nástroj <strong>tužka</strong> a nastavíme stopu <strong>Circle (01)</strong></li> <li>Nakreslíme čáru <strong>z horního levého do spodního pravého rohu</strong><br /><a href="/sites/default/files/obrazky/clanky/92/userbar_1.jpg" class="colorbox colorbox-insert-image" data-colorbox-gallery="gallery-all"><img alt="" class="image-400-300" src="/sites/default/files/imagecache/400_300/obrazky/clanky/92/userbar_1.jpg" /></a></li> <li>Klepneme na <strong>Soubor → Uložit</strong>. Vzorek pojmenujeme jako „<strong>mrizka.pat</strong>“(<em>pattern - vzorek</em>). Umístíme jej na plochu.<br /><a href="/sites/default/files/obrazky/clanky/92/userbar_2.jpg" class="colorbox colorbox-insert-image" data-colorbox-gallery="gallery-all"><img alt="" class="image-400-300" src="/sites/default/files/imagecache/400_300/obrazky/clanky/92/userbar_2.jpg" /></a></li> <li>Ke vzorku můžeme přiřadit komentář. Klepneme na <strong>Uložit</strong><br /><a href="/sites/default/files/obrazky/clanky/92/userbar_3.jpg" class="colorbox colorbox-insert-image" data-colorbox-gallery="gallery-all"><img alt="" class="image-400-300" src="/sites/default/files/imagecache/400_300/obrazky/clanky/92/userbar_3.jpg" /></a></li> <li>Vzorky se obvykle načítají z:<br /><strong>C:\Users\&lt;uživatelské jméno&gt;\.gimp-2.6\patterns</strong> – Windows Vista/7<br /><strong>C:\Documents and Settings\&lt;uživatelské jméno&gt;\.gimp-2.6\patterns </strong>– XP bude tedy nejjednodušší nakopírovat vzorek tam.</li> <li>V okně „<strong>Vzorky</strong>“ klepneme na „<strong>Aktualizovat vzorky</strong>“<br /><a href="/sites/default/files/obrazky/clanky/92/userbar_4.jpg" class="colorbox colorbox-insert-image" data-colorbox-gallery="gallery-all"><img alt="" class="image-400-300" src="/sites/default/files/imagecache/400_300/obrazky/clanky/92/userbar_4.jpg" /></a></li> <li>Náš vzorek by se měl v Gimpu objevit<br /><a href="/sites/default/files/obrazky/clanky/92/userbar_5.jpg" class="colorbox colorbox-insert-image" data-colorbox-gallery="gallery-all"><img alt="" class="image-400-300" src="/sites/default/files/imagecache/400_300/obrazky/clanky/92/userbar_5.jpg" /></a></li> <li>Gimp vypneme</li> </ul> <p>Při tvorbě userbarů se používá speciální písmo Visitor, které není obsaženo ve Windows. Musíme jej tedy stáhnout <a href="http://www.dafont.com/visitor.font">odsud</a>.</p> <p>Přejdeme na:<br />Ovládací panely\Vzhled a přizpůsobení\Písma – (Windows Vista/7) a na:<br />Ovládací panely\Písma ve Windows XP. Sem překopírujeme všechny soubory písma Visitor. (<em>VISITOR, visitor1, visitor2</em>).</p> <p>Nyní jíž můžeme přejít k samotné tvorbě. <em>Gimp se možná bude načítat dlouho, to je způsobeno přidáním nových písem, mějte proto strpení.</em></p> <ul> <li>Vytvoříme<strong> nový obrázek </strong>s rozměry <strong>350×19px</strong></li> <li>Vybereme si dvě libovolné barvy</li> <li>Nástrojem <strong>přechod vyplníme plátno</strong><br /><a href="/sites/default/files/obrazky/clanky/92/userbar_6.jpg" class="colorbox colorbox-insert-image" data-colorbox-gallery="gallery-all"><img alt="" class="image-400-300" src="/sites/default/files/imagecache/400_300/obrazky/clanky/92/userbar_6.jpg" /></a></li> <li><strong>Vytvoříme novou vrstvu</strong>.</li> <li>Vybereme nástroj <strong>Plechovka</strong>, typ vyplňování nastavíme na „<strong>Vyplňovat vzorkem</strong>“ a vybereme naši <em><strong>mřížku</strong></em>.<br /><a href="/sites/default/files/obrazky/clanky/92/userbar_7.jpg" class="colorbox colorbox-insert-image" data-colorbox-gallery="gallery-all"><img alt="" class="image-400-300" src="/sites/default/files/imagecache/400_300/obrazky/clanky/92/userbar_7.jpg" /></a></li> <li><strong>Vyplníne vrstvu</strong>. Její <strong>krytí </strong>nastavíme na cca <strong>30%</strong><br /><a href="/sites/default/files/obrazky/clanky/92/userbar_8.jpg" class="colorbox colorbox-insert-image" data-colorbox-gallery="gallery-all"><img alt="" class="image-400-300" src="/sites/default/files/imagecache/400_300/obrazky/clanky/92/userbar_8.jpg" /></a></li> <li>Vytvoříme novou vrstvu s názvem „<strong>odlesk</strong>“</li> <li>Nástrojem kruhový výběr vybereme <strong>horní polovinu </strong>obrázku</li> <li>Výběr vyplníme <strong>bílou </strong>barvou a krytí nastavíme opět na cca <strong>30%</strong><br /><a href="/sites/default/files/obrazky/clanky/92/userbar_9.jpg" class="colorbox colorbox-insert-image" data-colorbox-gallery="gallery-all"><img alt="" class="image-400-300" src="/sites/default/files/imagecache/400_300/obrazky/clanky/92/userbar_9.jpg" /></a></li> <li>Nyní <strong>přidáme libovolnou ikonku</strong></li> <li>Vrstvu s ikonou umístíme <strong>POD </strong>vrstvu odlesk. Pokud je kolem ikony bílá barva přejdeme na <strong>Barvy → Barva do alfy</strong>.<br /><a href="/sites/default/files/obrazky/clanky/92/userbar_10.jpg" class="colorbox colorbox-insert-image" data-colorbox-gallery="gallery-all"><img alt="" class="image-400-300" src="/sites/default/files/imagecache/400_300/obrazky/clanky/92/userbar_10.jpg" /></a></li> <li><strong>Napíšeme</strong> nějáký <strong>text</strong> a umístíme na<strong> pravou stranu </strong>obrázku. Musíme použít písmo <strong>Visitor TT1 BRK</strong> bílé barvy <strong>velikosti 10</strong> s <strong>vypnutým vyhlazováním</strong>.<br /><a href="/sites/default/files/obrazky/clanky/92/userbar_11.jpg" class="colorbox colorbox-insert-image" data-colorbox-gallery="gallery-all"><img alt="" class="image-400-300" src="/sites/default/files/imagecache/400_300/obrazky/clanky/92/userbar_11.jpg" /></a></li> <li><strong>Klepneme na vrstvu s textem pravým tlačítkem </strong>a zvolíme „<strong>Velikost vrstvy dle obrázku</strong>“ a „<strong>Alfa do výběru</strong>“</li> <li>Klepneme na <strong>Vybrat → Zvětšit</strong>. Zvětšíme o <strong>1px</strong><br /><a href="/sites/default/files/obrazky/clanky/92/userbar_12.jpg" class="colorbox colorbox-insert-image" data-colorbox-gallery="gallery-all"><img alt="" class="image-400-300" src="/sites/default/files/imagecache/400_300/obrazky/clanky/92/userbar_12.jpg" /></a></li> <li>Výběr vyplníme <strong>černou barvou</strong><br /><a href="/sites/default/files/obrazky/clanky/92/userbar_13.jpg" class="colorbox colorbox-insert-image" data-colorbox-gallery="gallery-all"><img alt="" class="image-400-300" src="/sites/default/files/imagecache/400_300/obrazky/clanky/92/userbar_13.jpg" /></a></li> <li>Vytvoříme<strong> novou vrstvu</strong> s názvem „<strong>obrys</strong>“. Klepneme na <strong>Vybrat → Vše, Vybrat → Obvod</strong>. Vybereme <strong>1px</strong><br /><a href="/sites/default/files/obrazky/clanky/92/userbar_14.jpg" class="colorbox colorbox-insert-image" data-colorbox-gallery="gallery-all"><img alt="" class="image-400-300" src="/sites/default/files/imagecache/400_300/obrazky/clanky/92/userbar_14.jpg" /></a></li> <li>Výběr vyplníme <strong>černou</strong>.</li> <li>Ujistěte se, že vrstvy jsou ve <strong>správném pořadí</strong><br /><a href="/sites/default/files/obrazky/clanky/92/userbar_15.jpg" class="colorbox colorbox-insert-image" data-colorbox-gallery="gallery-all"><img alt="" class="image-400-300" src="/sites/default/files/imagecache/400_300/obrazky/clanky/92/userbar_15.jpg" /></a></li> <li>Hotovo<br /><a href="/sites/default/files/obrazky/clanky/92/userbar_hotovy.jpg" class="colorbox colorbox-insert-image" data-colorbox-gallery="gallery-all"><img alt="" class="image-400-300" src="/sites/default/files/imagecache/400_300/obrazky/clanky/92/userbar_hotovy.jpg" /></a></li> </ul> </div></div></div><div class="field field-name-taxonomy-vocabulary-1 field-type-taxonomy-term-reference field-label-above"><div class="field-label">Kategorie:&nbsp;</div><div class="field-items"><div class="field-item even" rel="schema:category"><a href="/category/kategorie/web-20" typeof="skos:Concept" property="rdfs:label skos:prefLabel" datatype="">Web 2.0</a></div><div class="field-item odd" rel="schema:category"><a href="/category/kategorie/webova-grafika/ikony" typeof="skos:Concept" property="rdfs:label skos:prefLabel" datatype="">Webová grafika</a></div></div></div> Sun, 14 Mar 2010 17:54:35 +0000 Lukáš 92 at https://gimp.4fan.cz https://gimp.4fan.cz/userbar#comments Mrak https://gimp.4fan.cz/mrak <div class="field field-name-body field-type-text-with-summary field-label-hidden"><div class="field-items"><div class="field-item even" property="schema:articleBody content:encoded"><ul> <li>Vytvoříme obrázek s libovolnou velikostí</li> <li>Barvu popředí nastavíme na <b>#66aebd</b> a barvu pozadí na <b>#8fe1f3</b> a plátno vyplníme přechodem<br /><a href="/sites/default/files/obrazky/clanky/73/mrak_1.jpg" class="colorbox colorbox-insert-image" data-colorbox-gallery="gallery-all"><img alt="" class="image-400-300" src="/sites/default/files/imagecache/400_300/obrazky/clanky/73/mrak_1.jpg" /></a></li> <li>Klepneme na nástroj <b>elipsa</b> – režim nastavíme na <b>„Přidat k aktuálnímu výběru“</b><br /><a href="/sites/default/files/obrazky/clanky/73/mrak_2.jpg" class="colorbox colorbox-insert-image" data-colorbox-gallery="gallery-all"><img alt="" class="image-400-300" src="/sites/default/files/imagecache/400_300/obrazky/clanky/73/mrak_2.jpg" /></a></li> <li>Začneme kreslit kroužky tak, abychom vytvořili tvar mraku <i>(aby byla elipsa pravidelná, při kreslení podržíme Shift)</i><br /><a href="/sites/default/files/obrazky/clanky/73/mrak_3.jpg" class="colorbox colorbox-insert-image" data-colorbox-gallery="gallery-all"><img alt="" class="image-400-300" src="/sites/default/files/imagecache/400_300/obrazky/clanky/73/mrak_3.jpg" /></a></li> <li>Výběr vyplníme bílou barvou</li> <li>K mráčku přidáme stín, vytvoříme proto následující stopu<br /><a href="/sites/default/files/obrazky/clanky/73/mrak_4.jpg" class="colorbox colorbox-insert-image" data-colorbox-gallery="gallery-all"><img alt="" class="image-400-300" src="/sites/default/files/imagecache/400_300/obrazky/clanky/73/mrak_4.jpg" /></a></li> <li>Vytvoříme novou vrstvu, nazveme ji třeba <i>„stín“</i> krytí nastavíme na 40%</li> <li>Barvu popředí nastavíme na #618d96 a naši nově vytvořenou stopou nakreslíme stín<br /><a href="/sites/default/files/obrazky/clanky/73/mrak_5.jpg" class="colorbox colorbox-insert-image" data-colorbox-gallery="gallery-all"><img alt="" class="image-400-300" src="/sites/default/files/imagecache/400_300/obrazky/clanky/73/mrak_5.jpg" /></a></li> <li>Teď již stačí vytvořit tenký stín po obvodu mraku. Přejdeme na <b>Filtry → Světlo a stín → Vržený stín</b> a filtr nastavíme následovně:<br /><a href="/sites/default/files/obrazky/clanky/73/mrak_6.jpg" class="colorbox colorbox-insert-image" data-colorbox-gallery="gallery-all"><img alt="" class="image-400-300" src="/sites/default/files/imagecache/400_300/obrazky/clanky/73/mrak_6.jpg" /></a></li> <li>Hotovo :)<br /><a href="/sites/default/files/obrazky/clanky/73/mrak_7.jpg" class="colorbox colorbox-insert-image" data-colorbox-gallery="gallery-all"><img alt="" class="image-400-300" src="/sites/default/files/imagecache/400_300/obrazky/clanky/73/mrak_7.jpg" /></a></li> </ul> </div></div></div><div class="field field-name-taxonomy-vocabulary-1 field-type-taxonomy-term-reference field-label-above"><div class="field-label">Kategorie:&nbsp;</div><div class="field-items"><div class="field-item even" rel="schema:category"><a href="/category/kategorie/web-20" typeof="skos:Concept" property="rdfs:label skos:prefLabel" datatype="">Web 2.0</a></div><div class="field-item odd" rel="schema:category"><a href="/category/kategorie/webova-grafika/ikony" typeof="skos:Concept" property="rdfs:label skos:prefLabel" datatype="">Webová grafika</a></div></div></div> Mon, 21 Dec 2009 11:00:00 +0000 Lukáš 73 at https://gimp.4fan.cz https://gimp.4fan.cz/mrak#comments Skleněné tlačítko https://gimp.4fan.cz/sklenene-tlacitko <div class="field field-name-body field-type-text-with-summary field-label-hidden"><div class="field-items"><div class="field-item even" property="schema:articleBody content:encoded"><ul> <li>Vytvoříme nový obrázek s rozměry 150x35px</li> <li>Barvu popředí nastavíme na #005a71 a barvu pozadí na #00eaff</li> <li>Přepneme se na <strong>Přechod (L)</strong> a přetáhneme obrázek <strong>od shora dolů</strong><br /><a href="/sites/default/files/obrazky/clanky/57/sklenene_tlac_1.png" class="colorbox colorbox-insert-image" data-colorbox-gallery="gallery-all"><img alt="" class="image-400-300" src="/sites/default/files/imagecache/400_300/obrazky/clanky/57/sklenene_tlac_1.png" /></a></li> <li>Vytvoříme <strong>novou</strong> <em>(průhlednou)</em> <strong>vrstvu</strong>, pojmenujeme ji „<strong>Odlesk</strong>“</li> <li>Jako barvu popředí nastavíme bílou <em>(#FFFFFF)</em>, režim přechodu nastavíme na „<strong>Popředí do průhlednosti</strong>“ a obrázek přetáhneme <strong>od shora dolů</strong><br /><a href="/sites/default/files/obrazky/clanky/57/sklenene_tlac_2.png" class="colorbox colorbox-insert-image" data-colorbox-gallery="gallery-all"><img alt="" class="image-400-300" src="/sites/default/files/imagecache/400_300/obrazky/clanky/57/sklenene_tlac_2.png" /></a></li> <li>Klepneme na nástroj „<strong>Obdélníkový výběr</strong>“ a označíme pomocí něj <strong>dolní část</strong> plátna. Viz. Obrázek níže:<br /><a href="/sites/default/files/obrazky/clanky/57/sklenene_tlac_3.png" class="colorbox colorbox-insert-image" data-colorbox-gallery="gallery-all"><img alt="" class="image-400-300" src="/sites/default/files/imagecache/400_300/obrazky/clanky/57/sklenene_tlac_3.png" /></a></li> <li>Přejdeme na „<strong>Úpravy</strong>“ a zvolíme <strong>Vymazat</strong> (<em>Delete</em>)<br /><a href="/sites/default/files/obrazky/clanky/57/sklenene_tlac_4a.png" class="colorbox colorbox-insert-image" data-colorbox-gallery="gallery-all"><img alt="" class="image-400-300" src="/sites/default/files/imagecache/400_300/obrazky/clanky/57/sklenene_tlac_4a.png" /></a></li> <li>Nyní <strong>přidáme rámeček</strong>. Zvolíme <strong>Vybrat → Vše, Vybrat → Obvod</strong>. Hodnotu nastavíme na <strong>1</strong>.</li> <li>Vytvoříme novou vrstvu. Nazveme ji „<strong>Rámeček</strong>“ a výběr vyplníme černou barvou.<br /><a href="/sites/default/files/obrazky/clanky/57/sklenene_tlac_4b.png" class="colorbox colorbox-insert-image" data-colorbox-gallery="gallery-all"><img alt="" class="image-400-300" src="/sites/default/files/imagecache/400_300/obrazky/clanky/57/sklenene_tlac_4b.png" /></a></li> <li>Vytvoříme novou vrstvu nazveme ji třeba „<strong>Přechod</strong>“</li> <li>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.<br /><a href="/sites/default/files/obrazky/clanky/57/sklenene_tlac_5.png" class="colorbox colorbox-insert-image" data-colorbox-gallery="gallery-all"><img alt="" class="image-400-300" src="/sites/default/files/imagecache/400_300/obrazky/clanky/57/sklenene_tlac_5.png" /></a></li> <li>Vrstvě přechod nastavíme režim na „<strong>Sytost</strong>“<br /><a href="/sites/default/files/obrazky/clanky/57/sklenene_tlac_6.png" class="colorbox colorbox-insert-image" data-colorbox-gallery="gallery-all"><img alt="" class="image-400-300" src="/sites/default/files/imagecache/400_300/obrazky/clanky/57/sklenene_tlac_6.png" /></a></li> <li>Na tlačítko napíšeme libovolný text. Musí však být pod vrstvou „<strong>Přechod</strong>“ a pod odleskem. <em>(Krytí vrstvy „Rámeček“ nastavíme na 20%)</em><br /><a href="/sites/default/files/obrazky/clanky/57/sklenene_tlac_7.png" class="colorbox colorbox-insert-image" data-colorbox-gallery="gallery-all"><img alt="" class="image-400-300" src="/sites/default/files/imagecache/400_300/obrazky/clanky/57/sklenene_tlac_7.png" /></a></li> <li>Nyní tlačítko dokončíme. Přejdeme na <strong>Úpravy → Kopírovat viditelné</strong> a <strong>Úpravy → Vložit</strong>.</li> <li>Přejdeme na <strong>Barvy → Jas-Kontrast</strong> a nstavíme následující:<br /><a href="/sites/default/files/obrazky/clanky/57/sklenene_tlac_8.png" class="colorbox colorbox-insert-image" data-colorbox-gallery="gallery-all"><img alt="" class="image-400-300" src="/sites/default/files/imagecache/400_300/obrazky/clanky/57/sklenene_tlac_8.png" /></a></li> <li>Hotovo :)<br /><a href="/sites/default/files/obrazky/clanky/57/sklenene_tlac_9.png" class="colorbox colorbox-insert-image" data-colorbox-gallery="gallery-all"><img alt="" class="image-400-300" src="/sites/default/files/imagecache/400_300/obrazky/clanky/57/sklenene_tlac_9.png" /></a></li> </ul> <p align="right">Zdroj: <a href="http://www.gimpusers.com/tutorials/create-soft-glassy-buttons.html">http://www.gimpusers.com/tutorials/create-soft-glassy-buttons.html</a></p> </div></div></div><div class="field field-name-taxonomy-vocabulary-1 field-type-taxonomy-term-reference field-label-above"><div class="field-label">Kategorie:&nbsp;</div><div class="field-items"><div class="field-item even" rel="schema:category"><a href="/category/kategorie/tlacitka" typeof="skos:Concept" property="rdfs:label skos:prefLabel" datatype="">Tlačítka</a></div><div class="field-item odd" rel="schema:category"><a href="/category/kategorie/web-20" typeof="skos:Concept" property="rdfs:label skos:prefLabel" datatype="">Web 2.0</a></div><div class="field-item even" rel="schema:category"><a href="/category/kategorie/webova-grafika/ikony" typeof="skos:Concept" property="rdfs:label skos:prefLabel" datatype="">Webová grafika</a></div></div></div> Wed, 28 Oct 2009 20:38:11 +0000 Lukáš 57 at https://gimp.4fan.cz https://gimp.4fan.cz/sklenene-tlacitko#comments