Použijeme vytvořený gradient táhnutím odshora dolů ve výběru opět s držením Ctrl.

Podobné dokumenty
Nápověda ke cvičení 5

Základy práce v programu Inkscape Projekty pro základní školy

GIMP. Kreslící nástroje

Práce s plátnem. Vrácení se o krok zpět CTRL+Z Vrácení se o krok vpřed SHIFT+CTRL+Z Duplikace objektu CTRL+D

Flash - animace. 17. Změna tvaru - Flash. Vytvořila: Radka Veverková Vytvořeno dne: Flash. DUM číslo: 16 Název: Flash

Manuál: Editace textů v textovém editoru SINPRO Úprava tabulek a internetových odkazů, řádkování

Postup: Nejprve musíme vyplnit tabulku. Pak bude vypadat takto:

Zoner Callisto. text. tabulky

Photoshop - tutoriály

PRÁCE S TEXTOVÝM EDITOREM 6.4 TEXTOVÉ POLE

PREZENTACE 1.22 HYPERTEXTOVÉ ODKAZY

MS OFFICE POWER POINT 2010

METODICKÝ POKYN PRÁCE S MS PowerPoint - POKROČILÍ. Tento projekt je spolufinancován Evropským sociálním fondem a státním rozpočtem České republiky.

Práce v programu Word 2003

Nastavení stránky : Levým tlačítkem myši kliknete v menu na Soubor a pak na Stránka. Ovládání Open Office.org Draw Ukládání dokumentu :

Corel PhotoPaint. Základní operace s obrázkem menu Obrázek. PDF vytvořeno zkušební verzí pdffactory Pro

2. cvičení: Základní kroky v programu ArcGIS GIS1 tvorba map

Digitální učební materiál

P o w e r P o i n t

Soukromá střední odborná škola Frýdek-Místek, s.r.o. 4 Forma denní, 5 Forma dálková

GOODWILL vyššší odborná škola, s. r. o. P. Holého 400, Frýdek-Místek

Gymnázium Vysoké Mýto nám. Vaňorného 163, Vysoké Mýto

Číslo a název šablony III / 2 = Inovace a zkvalitnění výuky prostřednictvím ICT

Dokument a jeho části oddíly, záhlaví, zápatí

Obrázek 3.1: Náhled konstrukce podsedáku

MANUÁL administrátora elektronické spisové služby

Lekce 12 Animovaný náhled animace kamer

POČÍTAČOVÁ GRAFIKA VEKTOROVÁ GRAFIKA VÍCENÁSOBNÉ KOPÍROVÁNÍ

Free and open source v geoinformatice. Příloha 1 - Praktické cvičení QGIS

Sada 2 Microsoft Word 2007

Návod na tvorbu časové přímky v programu Microsoft PowerPoint 2013

František Hudek. červenec 2012

VKLÁDÁNÍ EXTERNÍCH ZDROJŮ

Styly písma - vytvoření vlastního stylu, zápatí a záhlaví stránek

II. Elektronická pošta

Kapitola 11: Formuláře 151

POČÍTAČOVÁ GRAFIKA VEKTOROVÁ GRAFIKA POKROČILEJŠÍ ČINNOSTI

Nápověda ke cvičení 8

METODICKÝ POKYN PRÁCE S MS Word MÍRNĚ POKROČILÍ. Tento projekt je spolufinancován Evropským sociálním fondem a státním rozpočtem České republiky.

STATISTICA Téma 1. Práce s datovým souborem

OBR. 3-1: DIALOGOVÉ OKNO PÍSMO

Jak namalovat obraz v programu Malování

Gymnázium a Střední odborná škola, Cihelní 410, Frýdek-Místek

Adobe Photoshop 6. Práce s vrstvami

Autodesk Inventor 8 - výkresová dokumentace, nastavení

1. Nastavení dokumentu

Registrační číslo projektu: Škola adresa: Šablona: Ověření ve výuce Pořadové číslo hodiny: Třída: Předmět: Název: Mozilla Firefox nastavení Anotace:

VKLÁDÁNÍ OBJEKTŮ - obrázek

Digitální kartografie 5

František Hudek. květen ročník. Práce s aplikací Malování

WDLS (BUILDINGDESIGN)

Microsoft Office PowerPoint 2003

MALUJEME v MALOVÁNÍ. Základní nabídka. a) tažením úchytů umístěných v pravém dolním rohu a na spodním okraji obrázku

Název školy: Základní škola a Mateřská škola Žalany. Číslo projektu: CZ. 1.07/1.4.00/ Téma sady: Informatika pro sedmý až osmý ročník

TVOŘÍME MAPU V GIS. manuál

Vytváříme prezentaci její strukturu a celkový vzhled Práce s textem a vkládání objektů 1

8. Formátování. Úprava vzhledu tabulky

GIMP. Úterý 6. září. Kreslící nástroje

Microsoft Word - Sloupce a objekty

Formátování pomocí stylů

6. Formátování: Formátování odstavce

Hromadná korespondence

aneb Malířem snadno a rychle

Příprava 3D tisku tvorba modelu v SolidWors 3D tisk model SolidWorks. Ing. Richard Němec, 2012

Vkládání ilustrací do dokumentu Word egon. Tato část se zabývá vkládáním obrázků, kreseb a nadpisů WordArt do dokumentu.

Vkládání prvků do dokumentu MS Word

1. Základní okno programu

ZSF web a intranet manuál

Jak namalovat obraz v programu Malování

1 Animace. Kapitola 7: Animace 7

1 MODEL STOLU. Obr. 1. Základ stolu

Postup: 1. kresba obrysu hodinek

Ovládání Open Office.org Calc Ukládání dokumentu : Levým tlačítkem myši kliknete v menu na Soubor a pak na Uložit jako.

Soukromá střední odborná škola Frýdek-Místek, s.r.o. VY_32_INOVACE_03_IVT_MSOFFICE_02_Excel

František Hudek. květen 2012

Gymnázium Ostrava Hrabůvka, příspěvková organizace Františka Hajdy 34, Ostrava Hrabůvka

aplikační software pro práci s informacemi

PowerPoint Kurz 2, 3. Inovace a modernizace studijních oborů FSpS (IMPACT) CZ.1.07/2.2.00/

Administrace webových stránek

Základy prezentace. MS PowerPoint a možnosti využití

Gymnázium Vysoké Mýto nám. Vaňorného 163, Vysoké Mýto

Radka Veverková Flash

Gymnázium Vysoké Mýto nám. Vaňorného 163, Vysoké Mýto

Tvorba webových stránek na google Sites (1.)

František Hudek. červen 2012

Systém eprojekty Příručka uživatele

Systém Gimp Tvorba jednoduchých animací a grafiky pro web

Výuka počítačové grafiky

MODELOVÁNÍ V INVENTORU CV

KAPITOLA 8 TABULKOVÝ PROCESOR

Tvorba prezentaci v Autodesk Inventoru 10

2.17 Webová grafika. Autorem materiálu a všech jeho částí, není-li uvedeno jinak, je Jiří Hort. Vyrobeno pro SOŠ a SOU Kuřim, s.r.o.

PŘÍRUČKA PRO REDAKTORY UNIVERZITY PARDUBICE

MS PowerPoint 2003 postup tvorby prezentace

GYMNÁZIUM, VLAŠIM, TYLOVA

Tabulkový procesor. Orientace textu. O úroveň níž O úroveň výš

2. popis prostředí, nastavení pracovní plochy

V ukázce jsou zalomení řádku signalizována znakem a konce odstavců znakem. Nástroje Vkládání odrážek a číslování v nabídce DOMŮ v sekci ODSTAVEC.

Transkript:

Tlačítko. (http://gug.criticalhit.dk/tutorials/tomcat10/) Vytvoříme takovéhle tlačítko. V Gimpu dáme File New a nastavíme pozadí na průhlednost, velikost na 150x100. Vložíme novou vrstvu, opět průhlednost. Kolem celé této vrstvy označíme obdélník (Rectangle Select Tool), zvolíme Select Rounded Rectangle (pozor, není to stejné jako zaoblení Select Feather) a potvrdíme OK. Nastavíme modrou-zelenou barvu. Poté vybereme ikonku plechovky barvy (Bucket Fill Tool) v Toolboxu a kliknutím do obdélníku provedeme vyplnění. Ponecháme výběr, vložíme opět novou vrstvu. Musíme vybrat tuto novou vrstvu a provedeme vyplnění, tentokrát vzorkem (Pattern fill, ve vlastnostech Bucket Fill). Ze vzorů vybereme proužky (Stripes). Celé této vrstvě dáme krytí na menší procenta (Opacity nastavíme na např. 30%) aby pruhy nebyly tak výrazné. Ponecháme výběr, nová vrstva. Vybereme gradient (Blend Tool), ve vlastnostech nastavíme typ: Barva popředí do průhlednosti (FG to Transparent), popředí dáme bílou. Myší přetáhneme odspodu výběru směrem nahoru abychom vytvořili gradient, který bude dole přecházet v bílou. Pokud chceme aby byl gradient striktně vertikální držíme během tažení myší klávesu Ctrl. Případně doladíme průhlednost vrstvy. Nová vrstva. Select Shrink o 4 pixely. Potom ze selekce uříznout spodek pomocí Rectangle Select Tool a držení klávesy Ctrl. Zaoblit výběr (Select Feather) o 5px. Vyplnit bílou barvou opět pomocí plechovky (FG color fill). Vložit text (Arial, 30, Justify: Center) a stín (pravým na vrstvu textu, Text to Selection, potom na výběru Filters Light and Shadow Drop Shadow, Offset 2, Blur 5).

Vista Button (http://gimp-tutorials.net/gimp-vista-button) Vytvoříme obrázek 100x50 pomocí File New a vybereme celý obrázek. Nyní vytvoříme nový typ gradientu tak, aby nahoře byla světlá šedá a dole tmavá a přechod byl jemný ale rychlý. Kliknout na gradient (Blend Tool), vybrat Shape: Linear, typ FG to BG. Poté dole kliknout na ikonu gradientu (Open the gradient selection dialog). Přidat nový gradient pomocí známé ikonky podobné jako při vytváření nového obrázku nebo vrstvy. V Editoru přechodu pravé tlačítko kdekoli na barvě, klikneme Left Endpoint's Color a vybereme světlejší šedou. Potom znovu klikneme pravé tlačítko a Right Endpoint's Color) a vybereme tmavší šedou. Potom pravé tlačítko Split Segment at Midpoint. Posuneme nově vzniklé bílé šipky blíže ke středu aby přechod byl rychlý. Použijeme vytvořený gradient táhnutím odshora dolů ve výběru opět s držením Ctrl. Vybereme 1px od okraje v horní části čtverec (tažení začneme na souřadnici 1,1 a skončíme na 99,23). S držením Ctrl odečteme vnitřek, opět šířka 1px (2,2 98,22).

Barvu popředí dáme úplně světlou šedou a klikneme znovu gradient. Vložíme gradient typu FG to Transparent a přejedeme přes ten označený čtverec shora dolů. Tak bude obrys vidět jen na horní části. Vybereme obdélník ve spodní části 1px od okraje (1,30 99,49), šířka 1px (Ctrl a 2,31 98,48). Opět vložíme gradient, tentokrát s kruhovým přechodem (Shape: Radial), opět FG to Transparent. Táhneme od spodu nahoru. Nápis písmem Verdana, vel. 25. Modré podsvícení vytvoříme tak, že vložíme kruhový gradient. Barvu popředí nastavíme na modrou, typ gradientu FG to Transparent. Vybereme vrstvu s pozadím a pomocí Rectangle Select Tool označíme jen něco málo přes spodní půlku tlačítka. Přepneme na Blend Tool a naznačíme poloměr kružnice viz obr.

Pozadí prezentace 1. Vytvoříme obrázek: 800x600, Označíme obdélník vysoký 140 px od horní hrany obrázku. Dáme přechod od např. #e9b767 k #e19a2a. Zesvětlení směrem dolů, musíme tedy myší táhnout přechod správným směrem. Opět označíme obdélník odspodu 60 px vysoký, stejný přechod. Nakonec označíme prostředek obrázku s tím že od přechodů necháme asi 4px mezery, kde zůstane bílá a prostředek vyplníme světle šedou barvou např. #eeeeee nebo #f3f3f3 Pozadí prezentace 2. Vyjdeme z předchozího pozadí prezentace, které pouze drobně upravíme. Znovu označíme horní a spodní část a zvolíme Filters Render Lava, OK. Vkládání do PowerPointu nebo OpenOffice.org Impress Impress: Nová prezentace. Zobrazit Slide master (předloha každého slide), pravé tlačítko snímek změnit pozadí snímku. Potom napozicovat kolonky obdélníčky s texty. Změna se projeví u všech snímků. PowerPoint 2003: Nová prezentace. Zobrazit předloha snímek. Pravé tlačítko pozadí. V rolovátku dáme vzhled výplně. Vybereme kartu obrázek a zvolíme náš uložený obrázek. Poté klikneme v otevřeném dialogu tlačítko Použít u všech, pokud chci použít u celé prezentace. PowerPoint 2007: klikneme Návrh Styly pozadí Formát pozadí. V kartě výplň klikneme na Obrázek nebo texturová výplň. V položce Vložit z: klikneme na tlačítko Soubor a vybereme naše vytvořené pozadí. Opět kliknu použít u všech pokud chci použít u celé prezentace.

Animované gify. V Gimpu jsme se již mnohokrát setkali s vrstvami. Vrstvy můžeme ale chápat i jinak, než členění jednoho obrazu. Pokud ukládáme soubory v Gimpu pro pozdější editaci, měli bychom volit formát xcf, který vrstvy zachovává. Ostatní formáty, které jsme zmiňovali: jpg, bmp a png slučují všechny vrstvy do jediného obrazu. Trochu zvláštním formátem je formát gif. V gif formátu se defacto vrstvy zařadí za sebe a potom je každý prohlížeč umí přečíst po sobě a zobrazit jako snímky animace. POZOR: vrstvy se při exportu animace dávají přes sebe, takže pokud je tam průhlednost, zůstane vidět i spodní obraz. Animace 1: Vytvoříme si jednoduchý obrázek složený z několika vrstev s barevnými kolečky. Pokud by nastával problém s průhledností, viz poznámka výše, vložíme pod každou vrstvu (snímek animace) prázdnou vrstvu vyplněnou bílou barvou. Každý snímek pak sloučíme s tou bílou vrstvou pomocí kliknutí pravým tlačítkem na danou vrstvu a Merge down, abychom se zbavili průhlednosti Následně můžeme pomocí Filters Animation Playback nebo jednoduchým zobrazováním a skrýváním vrstev odspodu (očíčko) zjistit, jak vypadá výsledek. Uložení: Nakonec File Save a Copy, animace1.gif. V dialogu vybereme Save as animation a klikneme Export. V dalším dialogu nastavíme časovou prodlevu mezi přepínáním snímků v animaci. Výhoda zobrazování vrstev přes sebe je ta, že při vkládání textu, který se má objevit stačí vložit text jako novou vrstvu. Vše ostatní je průhledné a není tedy potřeba duplikovat předchozí vrstvu. Animace 2: Zkusíme si animovaný reklamní banner. V Gimpu si vytvoříme nový obrázek 500x100 pixelů a vložíme text někam doprostřed. Klikneme pravým tlačítkem ve vrstvách na text a vybereme Merge down pro sloučení s pozadím. Máme tak vytvořenou první vrstvu, tedy první snímek výsledné animace.

Dále si vložíme prázdnou vrstvu s výplní bílé barvy. Potom klikneme File Open as Layers a vybereme obrázek kytice. Pokud je vložená vrstva příliš veliká, standardní úpravou velikosti ji zmenšíme. Ve výsledku dostaneme toto: Nyní sloučíme kytici s předtím vytvořenou bílou vrstvou pomocí Merge down. Do levé části vrstvy vložíme text Květinářství.... Ten opět sloučíme s danou vrstvou. Tím máme hotovou i druhou vrstvu, tedy druhý snímek výsledné animace. Obdobně jako v předchozím postupu vyexportujeme animaci, nastavíme jen delší prodlevu mezi snímky, např. 1000ms (1s).