Web-grafika II (SVG) 9. gyakorlat Kereszty Gábor.

Slides:



Advertisements
Hasonló előadás
Készítette: Nagy Mihály tanár Perecsen, 2006.
Advertisements

Gödöny Péter ELTE IK, Pataky Szakközép
Bevezetés a Java programozásba
Ez a dokumentum az Európai Unió pénzügyi támogatásával valósult meg. A dokumentum tartalmáért teljes mértékben Szegedi Tudományegyetem vállalja a felelősséget,
Prototípuskészítés Verilog nyelven Screen Saver Készítette: Mészáros Péter.
STÍLUSOK Tulajdonságok és értékek. Színek megadási módjai H1 {color: #CCF150} H1 {color: rgb(204,241,80)} H1 {color: rgb(80%,95%,30%)} H1 {color: red}
Grafika a programban Készítette: Pető László. Bevezetés Valójában nem a célobjektumra rajzolunk, hanem annak festővászon területére (canvas). Csak olyan.
Leírónyelvek: HTML és XHTML
Készítette: Rummel Szabolcs
Készítette: Nagy-Szakál Zoltán 2007.
Bináris képek létrehozása Cél: a vizsgálni kívánt objektumok elkülönítése. Szürke kép Bináriskép + szürke kép.
A HTML alapjai Havlik Barnabás Készítette:
2. előadás GÉPRAJZ, GÉPELEMEK I..
Web-grafika (VRML) 3. gyakorlat Nyitrai Erika Varga Balázs alapján Kereszty Gábor.
Web-grafika (VRML) 10. gyakorlat Kereszty Gábor. Script típusok Elemi típusok: szám: egész vagy lebegőpontos – int / float – 1 / 1.1 string: ‘Hello World!’
Web-grafika (VRML) 4. gyakorlat Nyitrai Erika Varga Balázs alapján Kereszty Gábor.
Web-grafika II (SVG) 2. gyakorlat Kereszty Gábor.
Web-grafika (VRML) 7. gyakorlat Nyitrai Erika Varga Balázs alapján Kereszty Gábor.
1 Vezeték nélküli technológiák Gyakorlat WLAN konfigurálása.
Operációs rendszerek gyakorlat Fájlműveletek.
HTML oldal felépítése Készítette: Pataki Arnold
Bekezdésformázás Nevem: Berkes András Speciális kategória
,,Én így tanítanám az informatikát”
Rétegek használata GIMP képszerkesztő programban
Készítette: Szekerczés Szabina
Microsoft Access Űrlapok.
Ez a dokumentum az Európai Unió pénzügyi támogatásával valósult meg. A dokumentum tartalmáért teljes mértékben Szegedi Tudományegyetem vállalja a felelősséget,
Buris Katalin V. földrajz - informatika
Számítógépes Grafika 2. gyakorlat Programtervező informatikus (esti) 2011/2012 őszi félév.
Számítógépes Grafika Programtervező informatikus (esti)‏ Textúrázás.
Web-grafika (VRML) 1. gyakorlat Nyitrai Erika Varga Balázs.
ALAPVETŐ TÉRELEMEK KÉT KÉPSÍKOS ÁBRÁZOLÁSA
Weblapok elrendezésének, dizájnjának kialakítása Borsi Katalin webfejlesztő, oktató NetAcademia Oktatóközpont.
Pozicionálás 1. Kurzor elhelyezése a képernyőn 2. Színkezelés.
Vetületi ábrázolás alapjai
Paint.
Hyper Text Markup Language
Hyper Text Markup Language
Honlap készítés 4. óra.
Web-grafika II (SVG) 3. gyakorlat Kereszty Gábor.
Web-grafika II (SVG) 4. gyakorlat
Web-grafika II (SVG) 1. gyakorlat
Web-grafika II (SVG) 8. gyakorlat Kereszty Gábor.
Web-grafika II (SVG) 6. gyakorlat Kereszty Gábor.
Web-grafika II (SVG) 7. gyakorlat Kereszty Gábor.
Web-grafika II (SVG) 5. gyakorlat Kereszty Gábor.
– SQL 3: SELECT - 1. – Tarcsi Ádám, január 31. Adatbázis gyakorlat.
Grafikai lehetőségek WPF-ben Egyszerű grafika (Shape-ek)
1 Vektorok, mátrixok.
Gimp-eszköztár,szűrők
Táblázatok.
Készítette: Kiscsatári Nóra
Web-grafika (VRML) 1. gyakorlat Nyitrai Erika Varga Balázs alapján Kereszty Gábor.
Web-grafika (VRML) 5. gyakorlat Nyitrai Erika Varga Balázs alapján Kereszty Gábor.
Multimédia-fejlesztés. 2. számú beküldendő feladat Készítsen el egy multimédia alkalmazást! Neobook for windows szoftverrel Neobook for windows szoftverrel.
Web-grafika (VRML) 2. gyakorlat Nyitrai Erika Varga Balázs.
TÁMOP /1-2F Projektmenedzsment eszközök  Projektirányítás számítógéppel I/13. évfolyam Grafikonok Szabó László 2009.
Képszerkesztés magas fokon
Gyakorlat. postafiók készítése: 1. Nyissuk meg a oldalt! 2. Válasszuk a Fiók létrehozása gombot! 3. Töltsük ki az űrlapot! 4. A nyitólap.
Táblák létrehozása és feltöltése adatokkal Rendezés Szűrés.
Script nyelvek előadás
Rajzprogramok Bevezetés a Paint program használatába.
Árnyékszerkesztés alapjai
Fodor Edina, óra feladata Fodor Edina,
Épületelemek árnyéka.
Képszerkesztés magas fokon
A digitális kép bevezetés.
2. A számító- gépes grafika eszközei
Prezentációk 2. Bemutatók készítése.
téma közlemény SmartArt-ábra piros hátterű képekkel (Haladó)
Előadás másolata:

Web-grafika II (SVG) 9. gyakorlat Kereszty Gábor

Szűrők Szűrő elhelyezése az svg törzsön belül: … szűrő tulajdonságok … …alakzatok … A szűrő méretét és helyét az x, y, width és height attributumokkal tudjuk megadni. Több szűrő tulajdonság megadása esetén a bement az előző kimenete. Más esetben a result=“res” és in=“res” mezőkkel lehet ezt szabályozni.

feGaussianBlur - elmosás in: csak az alpha érték vagy a teljes grafika a bement sD: szám érték, ami megmondja az elmosás mértékét [0-∞)

Feladatok Hozz létre a virag.svg file-ban egy szűrőt, mely bementként az alfa csatornát használja. A szűrőt alkalmazd a virágra.

feOffset - eltolás in: input grafika dx, dy: x ill y irányban alkalmazott eltolás

feMerge, feMergeNode A feMerge-ben felsorolt szűrők eredményét helyezi egymásra, az első bemenete lesz legalul az utolsó legfölül. Tetszőlegesen sok feMergeNode megadható…

Feladatok Az előbb létrehozott árnyékot eltolva, és felhasználva az eredeti virágot, készíts árnyékolt virágot.

feImage - kép xlink:href: input kép lehet jpg, png vagy svg kiterjesztésű

Feladatok Az árnyékolt virág mögé helyezd el a hatter.jpg nevű képet háttérként szűrő segítségével.

feBlend - összemosás mode: normal – Az A látszik a B előtt multiply – A*B szorzat (világos szín csökken) screen – A+B-A*B (világos szín erősödik) darken – min(A,B) (sötétít) lighten – max(A,B) (világosít)

Feladatok Készíts egy piros téglalapot. Készíts egy hátteret a feImage segítségével. A téglalapra alkalmazd a feBlend szűrőt. Próbáld ki a feBlend különböző beállításait.

feComposite - kivágás Ami látszik - operator: in – A metszet B over – az A a B felett out – A/B atop – az A kép B-n belüli része és a B A-n kívüli része xor – A/B unió B/A arithmetic – k1*A*B+k2*A+k3*B+k4

Feladatok Az eredeti virag.svg-t használd, ahonnan kitörlöd a fill-opacity mezőket! Készíts két ábrát, ahol a háttérből kivágjuk a virág formát. Elsőben a háttér látszik a virág nélkül, a másodikban pedig ennek a negáltja legyen. (out, in)