Uvod v računalniško grafiko 2011 Žiga Polc
PREGLED <ul><li>Vektorska in točkovna (bitna) slika </li></ul><ul><li>Resolucija </li></ul><ul><li>Barvne definicije </li>...
VEKTORSKA SLIKA <ul><li>Vektorska slika je slika definirana s točkami in linijami, ki jih povezujemo in tako ustvarjamo ob...
TOČKOVNA (BITNA) SLIKA <ul><li>Točkovna slika je definirana z mrežo točk (pixel), ki skupaj tvorijo sliko. </li></ul><ul><...
PRIMERJAVA <ul><li>300% povečava </li></ul>
RESOLUCIJA <ul><li>Kvaliteto točkovne (bitne) slike določa gostota točk (pixels) na enoto (inch) / resolucija. </li></ul>7...
BARVNE DEFINICIJE RGB Red Green Blue #web barve CMYK Cyan Magenta Yellow Black Pantone
RGB Red Green Blue <ul><li>Aditivno mešanje mešanje barvnih svetlob </li></ul><ul><li>Uporaba: </li></ul><ul><ul><li>Inter...
CMYK Cyan Magenta Yellow Black <ul><li>Subtraktivno mešanje rastersko mešanje osnovnih štirih tiskarskih barv </li></ul><u...
Pantone <ul><li>Posebne barve predhodno pripravljene tiskarske barve </li></ul><ul><li>Uporaba: </li></ul><ul><ul><li>Tisk...
PRIMERJAVA V TISKU CMYK Cyan Magenta Yellow Black PANTONE Green C Predhodno namešane tiskarske barve C15 M0 Y25 B0 Raster...
SLIKOVNI FORMATI lastnosti Visokokvalitetni točkovni (bitni) formati, podpirajo transparence, “layerje”. TIF, EPS, PSD Sha...
SLIKOVNI FORMATI za različne programe AI, EPS, PDF TIF, EPS, PSD, GIF, PNG Vsi formati Adobe Photoshop AI, EPS, PDF TIF, E...
PROGRAMI ZA OBLIKOVANJE Adobe Illustrator, Corel Draw, … <ul><li>Uporaba: </li></ul><ul><ul><li>Logotipi, simboli, ikone <...
PROGRAMI ZA OBLIKOVANJE Adobe Photoshop, Corel Photopaint, … <ul><li>Uporaba: </li></ul><ul><ul><li>Barvne korekture fotog...
PROGRAMI ZA OBLIKOVANJE Adobe InDesign, … <ul><li>Uporaba: </li></ul><ul><ul><li>Oblikovanje vseh tiskovin </li></ul></ul>...
PROGRAMI ZA OBLIKOVANJE Adobe Dreamweaver, … <ul><li>Uporaba: </li></ul><ul><ul><li>Oblikovanje in postavitev spletnih str...
PROGRAMI ZA OBLIKOVANJE Adobe Flash, … <ul><li>Uporaba: </li></ul><ul><ul><li>Oblikovanje in postavitev spletnih strani </...
ADOBE PHOTOSHOP Obdelava fotografij www.pomagalnik.com
ADOBE PHOTOSHOP Obdelava fotografij www.pomagalnik.com
ADOBE PHOTOSHOP Montaža fotografij www.pomagalnik.com
ADOBE PHOTOSHOP Montaža fotografij www.pomagalnik.com
ADOBE PHOTOSHOP Montaža fotografij www.pomagalnik.com
ADOBE PHOTOSHOP Montaža fotografij www.pomagalnik.com
ADOBE ILLUSTRATOR Vektorska slika in besedilo www.pomagalnik.com
ADOBE ILLUSTRATOR Vektorska slika, besedilo in točkovna slika www.pomagalnik.com
PRIHODNOST <ul><li>http://www.youtube.com/watch?feature=player_embedded&v=XLLJBfRzXIQ </li></ul>
VPRAŠANJA <ul><li>[email_address] </li></ul><ul><li>twitter.com/Pomagalnik </li></ul>
of 28

Pomagalnik / Uvod v računalniško grafiko

Uvod v računalniško grafiko
Published on: Mar 4, 2016
Published in: Education      
Source: www.slideshare.net


Transcripts - Pomagalnik / Uvod v računalniško grafiko

  • 1. Uvod v računalniško grafiko 2011 Žiga Polc
  • 2. PREGLED <ul><li>Vektorska in točkovna (bitna) slika </li></ul><ul><li>Resolucija </li></ul><ul><li>Barvne definicije </li></ul><ul><li>Slikovni formati </li></ul><ul><li>Programi za računalniško grafiko </li></ul><ul><li>Praktične vaje </li></ul>
  • 3. VEKTORSKA SLIKA <ul><li>Vektorska slika je slika definirana s točkami in linijami, ki jih povezujemo in tako ustvarjamo obliko. </li></ul><ul><li>UPORABA: </li></ul><ul><ul><li>logotipi </li></ul></ul><ul><ul><li>ikone </li></ul></ul><ul><ul><li>simboli </li></ul></ul><ul><ul><li>ilustracije </li></ul></ul><ul><ul><li>grafi </li></ul></ul><ul><ul><li>sheme </li></ul></ul><ul><li>PREDNOSTI : </li></ul><ul><ul><li>ne izgubljamo kvalitete pri povečavi </li></ul></ul><ul><ul><li>transparenca </li></ul></ul><ul><li>SLABOSTI : </li></ul><ul><ul><li>omejeni smo na linijsko risbo </li></ul></ul>
  • 4. TOČKOVNA (BITNA) SLIKA <ul><li>Točkovna slika je definirana z mrežo točk (pixel), ki skupaj tvorijo sliko. </li></ul><ul><li>UPORABA: </li></ul><ul><ul><li>fotografije </li></ul></ul><ul><ul><li>skice </li></ul></ul><ul><ul><li>bitne ilustracije </li></ul></ul><ul><li>PREDNOSTI : </li></ul><ul><ul><li>več barv </li></ul></ul><ul><ul><li>prehodi barv </li></ul></ul><ul><ul><li>mehkejša slika </li></ul></ul><ul><li>SLABOSTI : </li></ul><ul><ul><li>pri povečavi izgublja kvaliteto </li></ul></ul>
  • 5. PRIMERJAVA <ul><li>300% povečava </li></ul>
  • 6. RESOLUCIJA <ul><li>Kvaliteto točkovne (bitne) slike določa gostota točk (pixels) na enoto (inch) / resolucija. </li></ul>72 dpi 1:1 Internet oz. monitor 300 dpi 1:10 (A3) plakati (Jumbo) 90-300 dpi 1:1 print 300 dpi 1:1 tisk resolucija razmerje
  • 7. BARVNE DEFINICIJE RGB Red Green Blue #web barve CMYK Cyan Magenta Yellow Black Pantone
  • 8. RGB Red Green Blue <ul><li>Aditivno mešanje mešanje barvnih svetlob </li></ul><ul><li>Uporaba: </li></ul><ul><ul><li>Internet </li></ul></ul><ul><ul><li>Monitor in TV </li></ul></ul><ul><ul><li>Digitalna fotografija </li></ul></ul><ul><ul><li>Foto printanje </li></ul></ul><ul><ul><li>Domači tiskalniki* </li></ul></ul>
  • 9. CMYK Cyan Magenta Yellow Black <ul><li>Subtraktivno mešanje rastersko mešanje osnovnih štirih tiskarskih barv </li></ul><ul><li>Uporaba: </li></ul><ul><ul><li>Tisk (sitotisk, offset, …) </li></ul></ul><ul><ul><li>Printanje velikoformatnih materialov (plakati, zastave, nalepke, …) </li></ul></ul><ul><ul><li>Domači tiskalniki* </li></ul></ul>
  • 10. Pantone <ul><li>Posebne barve predhodno pripravljene tiskarske barve </li></ul><ul><li>Uporaba: </li></ul><ul><ul><li>Tisk (sitotisk, offset, …) </li></ul></ul><ul><li>Kdaj: </li></ul><ul><ul><li>Dodatne barve </li></ul></ul><ul><ul><li>Dvobarvni tisk </li></ul></ul>
  • 11. PRIMERJAVA V TISKU CMYK Cyan Magenta Yellow Black PANTONE Green C Predhodno namešane tiskarske barve C15 M0 Y25 B0 Rastersko mešanje osnovnih štirih barv Pantone
  • 12. SLIKOVNI FORMATI lastnosti Visokokvalitetni točkovni (bitni) formati, podpirajo transparence, “layerje”. TIF, EPS, PSD Sharnjevanje točkastih in vektorskih slik. PDF Srednjekvalitetni točkovni format. Ne podpira transparenc. Kompresija pri shranjevanju – manjše datoteke. JPG Srednje in nizkokvalitetni točkovni format. Podpira transparenco. Majhne velikosti. GIF, PNG Vektorski formati za shranjevanje vektorskih slik. V njih je možno shraniti tudi točkaste formate. AI, CDR opis format
  • 13. SLIKOVNI FORMATI za različne programe AI, EPS, PDF TIF, EPS, PSD, GIF, PNG Vsi formati Adobe Photoshop AI, EPS, PDF TIF, EPS, PSD TIF, EPS, PSD, PDF Adobe Illustrator AI, EPS, PDF TIF, EPS, PSD TIF, EPS, PSD, PDF Adobe InDesign / GIF, PNG JPG, GIF, PNG Adobe Dreamweaver / GIF, PNG JPG, GIF, PNG Microsoft Word, Excel, PowerPoint CDR, AI, EPS, PDF TIF, EPS, PSD TIF, EPS, PSD, PDF Corel Draw AI, PDF GIF, PNG JPG, GIF, PNG Adobe Flash podpirajo vektorske formate formati, ki podpirajo transparenco priporočeni formati
  • 14. PROGRAMI ZA OBLIKOVANJE Adobe Illustrator, Corel Draw, … <ul><li>Uporaba: </li></ul><ul><ul><li>Logotipi, simboli, ikone </li></ul></ul><ul><ul><li>Vektorske ilustracije </li></ul></ul><ul><ul><li>Vizitke, dopisni listi </li></ul></ul><ul><ul><li>Različne manjše tiskovine </li></ul></ul><ul><li>Prednosti: </li></ul><ul><ul><li>Ustvarjanje vektorskih risb </li></ul></ul><ul><ul><li>Veliko svobode </li></ul></ul><ul><ul><li>Uvoz točkovnih slik </li></ul></ul><ul><li>Slabosti: </li></ul><ul><ul><li>Omejeni pri večjih publikacijah </li></ul></ul><ul><ul><li>Slaba podpora pri večji količini besedila </li></ul></ul>www.pomagalnik.com
  • 15. PROGRAMI ZA OBLIKOVANJE Adobe Photoshop, Corel Photopaint, … <ul><li>Uporaba: </li></ul><ul><ul><li>Barvne korekture fotografij </li></ul></ul><ul><ul><li>Spreminjanje lastnosti slik (velikost, kvaliteta, format, …) </li></ul></ul><ul><ul><li>Obdelava fotografij (montaže, brisanja, zamenjave, …) </li></ul></ul><ul><li>Prednosti: </li></ul><ul><ul><li>Obdelava, popravljanje in preoblikovanje slik </li></ul></ul><ul><ul><li>Veliko svobode </li></ul></ul><ul><li>Slabosti: </li></ul><ul><ul><li>Omejeni pri večanju velikosti slik </li></ul></ul><ul><ul><li>Neprimerni za delo s teksti </li></ul></ul><ul><ul><li>Ne omogočajo pripave za tisk </li></ul></ul>www.pomagalnik.com
  • 16. PROGRAMI ZA OBLIKOVANJE Adobe InDesign, … <ul><li>Uporaba: </li></ul><ul><ul><li>Oblikovanje vseh tiskovin </li></ul></ul><ul><ul><li>Oblikovanje predstavitev, revij, knjig, katalogov, prezentacij, … </li></ul></ul><ul><li>Prednosti: </li></ul><ul><ul><li>Povezovanje z zunanjimi datotekami (fotografije, logotipi, …) in enostavna menjava slednjih </li></ul></ul><ul><ul><li>Enostavno delo s teksti </li></ul></ul><ul><ul><li>Enostavna priprava za tisk </li></ul></ul><ul><li>Slabosti: </li></ul><ul><ul><li>Materiale je potrebno pripraviti v ostalih programih za oblikovanje </li></ul></ul>www.pomagalnik.com
  • 17. PROGRAMI ZA OBLIKOVANJE Adobe Dreamweaver, … <ul><li>Uporaba: </li></ul><ul><ul><li>Oblikovanje in postavitev spletnih strani </li></ul></ul><ul><li>Prednosti: </li></ul><ul><ul><li>Enostaven za uporabo </li></ul></ul><ul><li>Slabosti: </li></ul><ul><ul><li>Materiale je potrebno predhodno pripraviti v drugih programih za oblikovanje </li></ul></ul>www.pomagalnik.com
  • 18. PROGRAMI ZA OBLIKOVANJE Adobe Flash, … <ul><li>Uporaba: </li></ul><ul><ul><li>Oblikovanje in postavitev spletnih strani </li></ul></ul><ul><ul><li>Oblikovanje oglasni pasic </li></ul></ul><ul><ul><li>Oblikovanje iger, enostavnih animacij, ohranjevalnikov*, … </li></ul></ul><ul><li>Prednosti: </li></ul><ul><ul><li>Uvoz različnih formatov </li></ul></ul><ul><ul><li>Novejše verzije podpirajo pripravo različnih aplikacij </li></ul></ul><ul><li>Slabosti: </li></ul><ul><ul><li>Isklaniki težko berejo Flash vsebine </li></ul></ul><ul><ul><li>Za predvajanje potrebujete Flash player </li></ul></ul>www.pomagalnik.com
  • 19. ADOBE PHOTOSHOP Obdelava fotografij www.pomagalnik.com
  • 20. ADOBE PHOTOSHOP Obdelava fotografij www.pomagalnik.com
  • 21. ADOBE PHOTOSHOP Montaža fotografij www.pomagalnik.com
  • 22. ADOBE PHOTOSHOP Montaža fotografij www.pomagalnik.com
  • 23. ADOBE PHOTOSHOP Montaža fotografij www.pomagalnik.com
  • 24. ADOBE PHOTOSHOP Montaža fotografij www.pomagalnik.com
  • 25. ADOBE ILLUSTRATOR Vektorska slika in besedilo www.pomagalnik.com
  • 26. ADOBE ILLUSTRATOR Vektorska slika, besedilo in točkovna slika www.pomagalnik.com
  • 27. PRIHODNOST <ul><li>http://www.youtube.com/watch?feature=player_embedded&v=XLLJBfRzXIQ </li></ul>
  • 28. VPRAŠANJA <ul><li>[email_address] </li></ul><ul><li>twitter.com/Pomagalnik </li></ul>