Kurz grafik a DTP špecialista
počítačová grafika od základov až po pokročilé možnosti

Adobe Creative Cloud

• čo je to 2D grafika a čo budeme tvoriť
• kde má Photoshop v rodine produktov svoje miesto
• Ako sa získava a inštaluje Photoshop
• prihlásenie sa do Adobe Photoshop pomocou Adobe ID
• prvé spustenie
• moje konto
• možnosti Adobe CC, ktoré využijeme
• zdieľané dokumenty

Počítačová grafika a jej možnosti

• rozdelenie a porovnanie dostupných grafikých editorov
• typy počítačovej grafiky 2D a 3D  - raster, vektor
• formáty grafických súborov - jpg, gif, png ...
• čo sú to farebné modely
• RGB
• CMYK
• indexovaný farebný model

Program Adobe Photoshop pracovné prostredie

• základné vlastnosti programu
• popis pracovnej obrazovky
• lišty a ukotviteľné panely
• hlavné menu
• pracovné nástroje a ich používanie
• pracovná plocha, nastavenie a optimalizácia
• zoomovanie a posun
• pohyb na dokumente

Nastavenie parametrov obrázku

• typ obrázku
• veľkosť obrazu
• veľkosť plátna
• otáčanie plátna
• typ zariadenia a Artboard a plochy
• veľkosť papiera
• rozlíšenie - DPI
• prevzorkovanie a veľkosť

Práca so súbormi

• otvorenie
• ukladanie a formát PSD
• import a export počítačovej grafiky
• PDF export, výhody, nevýhody, nastavenie
• Rýchly export do PNG
• Export vrstvy do PNG

Prispôsobenie grafiky - práca s fotografiami a rastrom

• úrovne, automatické úrovne
• jas a kontrast
• vyvažovanie farieb
• krivky
• saturácia
• selektívna farba
• nahradzovanie farieb
• odfarbovanie grafiky – desaturácia
• mód black&white
• invertovanie
• equalizér
• posterizácia

Prefarbenie obrázku, zmena farieb a výbery

• globálne zmeny
• lokálne zmeny
• prehľad výberových nástrojov
• transformácie výberov
• prelínanie okrajov výberu
• výber voľnou rukou
• saturácia alebo zmena farby
• jas

Vrstvový model

• princíp vrstvového modelu
• tvorba novej vrstvy
• poradie vrstiev
• viditeľnosť vrstvy a kapacita

Retušovacie nástroje

• klonovanie razítko
• práca s gumou

Pracovné nástroje

• výber a selekcia
• nástroje výberu
• magická palička
• orezávanie obrázku
• nástroje na retušovanie
• nástroje štetec a guma
• nástroje pre prácu s rastrom
• poznámky
• lupa a pohľad na dokument

Efekty a filtre rastrovej grafiky

• rozostrenie
• zostrenie
• iné ...

Práca s vektormi, tvorba nových objektov

• ako spolupracuje vektor a raster vo Photoshope
• možnosti návrhu a tvorba
• základné tvary
  • štvorec
  • kruh
  • polygón
  • čiara
• vlastné tvary, knižnica tvarov

Práca s textom

• písanie do obrázka
• typy textov
  • bodový / nadpisový text 
  • odstavcový / blokový 
• nastavenie textu
  • farba
  • veľkosť
  • typ fontu a štýl
  • efekty písma

Nový dokument 

• tvorba nového dokumentu podľa potreby
• dokumenty pre tlač alebo čo znamená vačšie DPI
• kedy fotku otvárame a kedy tvoríme nový dokument
• vlastný design začína prázdnym papierom 

Tvorba koláže alebo keď jedna fotka nestačí

• praktický príklad na kombináciu Rastra a Vektora
• importujeme fotku
• upravujeme farebnosť
• pridávame objekty
• pridávame texty
• tvoríme design
• exportujeme grafiku

Efekty vrstiev

• tieň
• žiara
• prechodová farba
• plná farba
• orámovanie

Praktické cvičenia

• práca s digitálnou forografiou
• farebnosť, jas, kontrast fotografií
• zmenšovanie, zväčšovanie
• koláže, retušovanie fotografií
• práca s novou vektorou grafikou
• tvorba grafiky, návrh rôznych plagátov, posterov ...

Grafika v marketingu a reklame

• Čo budete kresliť
• Čo je denná práca pri úprave
• Ktoré formáty musím poznať a čo viem otvárať
• Základ všetkého – aký chcem tvoriť rozmer a aké bude použitie
• Ako si uľahčiť prácu - efektívna zmena rozmerov viacerých obrázkov naraz

Úvod do webdesignu

• internetový marketing a jeho význam
• ako vzniká web, základné pravidlá navrhovania webstránok
• základná schéma rozčlenenia webu
• responzívny dizajn, význam a praktické ukážky
• ako pracovať s kvapkou vody od pohára až po fľašu
• framework Bootstrap pre mobile-first
• mriežka akebo keď si grafik musí rozumieť s programátorom
• čo je to wireframe a prečo je pri návrhu webu dôležitý

Základné nastavenia pre tvorbu webdesignu

• nastavenie Správy farieb
• založenie formátu pre grafický návrh webu, nastavenie jednotiek, RGB, DPI
• tvorba webdesignu pre mobile-first
• rozvrhnutie grafiky pre smartphone

Bannery pre Google Ads

• aké sú všetky používané rozmery a ako ich vytvoriť. Naozaj potrebujeme vytvoriť grafiku pre všetky rozmery?
• na aké najčastejšie chyby pri vytváraní bannerov si dať pozor
• tvorba bannerov pre google ads

Mobilné zariadenia

• návrh UI pre mobilné zariadenia
• rozlíšenie pre mobilné zariadenia
• živý náhľad zariadenia

Tvorba skupiny vrstiev

• efektívne využitie skupiny pri webdesigne
• tvorba podskupín
• presun vrstiev
• pomenovanie vrstiev

Pravítka a vodiace čiary vo webdesigne

• využitie vodiacich čiar a ich presné nastavenie
• automatické vodítka a priťahovanie objektov

Nástroje na meranie vzdialeností medzi prvkami grafiky

• nástroj Pravítko
• nástroj Obdĺžnikový výber

Vektorová grafika z Illustratora

• import vektorovej grafiky
• vektor ako Inteligentný objekt vo vrstve
• uloženie vektorovej grafiky pre internet (logo, tlačidlá...) vo formáte SVG

Ďalšie zdroje vektorovej grafiky pre web

• využitie internetových font icons

Vektorové tvary

• nástroje na kreslenie vektorových tvarov
• využitie tvarov ako farebné pozadia
• použitie tvarov na orezové masky pre fotografie

Inteligentný objekt pre fotografiu

• tvorba Inteligentného objektu z rastra
• rastrovanie vrstvy z Inteligentného objektu

Tvorba bannera webstránky

• plátna alebo čo keď mám viac rozmerov
• zásady pre tvorenie bannera
• využitie vektorového tvaru
• import fotografie
• Inteligentný objekt
• orezová maska

Výstup z programu Adobe Photoshop

• formáty PSD, JPEG, PNG24

Výstup z programu Adobe Illustrator

• formát SVG pre vektorovú grafiku (logo, ikonky, tlačidlá)

Nástroj Pero

• oddelenie objektu od pozadia
• tvorba cesty nástrojom Pero
• načítanie výberu na cestu a odstránenie pozadia
• tvorba fotomontáže

Efekty vrstiev

• tieňe
• okraj a obrys
• žiara
• skosenie
• prechod
• plná farba
• praktické cvičenia na prácu s efektami
• viacnásobné použitie efektu

Vektorové tvary vo Photoshope

• princíp vektoru
• farba výplne
• farba čiary
• typ čiary
• kotviace body
• pridávanie nových kotviacich bodov
• štýl kotviaceho bodu

Vlastné vektorové tvary

• knižnica tvarov
• tvorba vektorového tvaru nástrojom Pero
• ukladanie vlasntého tvaru

Moja knižnica

• čo je to knižnica tvarov
• import do knižnice
• ukladanie farieb
• ukldanie tvarov
• práca s uloženými štýlmi
• zdielanie knižnice
• farby v knižnici

Pokročilá tranformácia

• perspektíva
• pokryvenie
• použitie deformačnej transformácie – vkladanie obrazu do priestoru

Pokročilá práca s vrstvami

• Vrstvy úprav
• Zamykanie vrstiev
• Výplň a kapacita
• Spôsob zobrazenia a krytie farieb
• import vektorovej grafiky

Inteligencia vo Photoshope

• inteligentná vrstva
• inteligentný objekt
• inteligentné filtre
• spôsob práce s inteligentnými vrstvami
• pochopenie princípu
• export inteligentnej vrstvy do PNG a PDF
• vkladanie do vrstiev zo súborov
• prepojenie pomocou Illustratora
• vložiť súbor z Cloudu

Masky

• maska vo vrstve vo fotomontáži
• orezová maska

Odstránenie pozadia s kučeravými vlasmi

• nástroj Mazanie pozadia
• Spresnenie okrajov výberu
• využitie masky

Spoločná praktická tvorba a cvičenia

• dizajnový leták a plagát
• návrh webového bannera
• návrh mobilnej aplikácie – nástroj zdieľania obrazovky

RAW formát alebo čo s odleskom objektívu

• RAW konvertor
• základné nastavenie
• export do formátov TIFF, PSD

Pokročilé retušovanie fotografií

• nástroje na retušovanie pleti
• redukcia červených očí
• redukcia šumu
• bielenie papiera, zubov

Úprava padajúcej perspektívy vo fotografiách architektúry

• okno Vyrovnať farby
• Farebné zladenie dvoch fotografií

Pokročilá práca s textom

• bodový text a aplikácia štýlov vrstvy

Pokročilé filtre

• Galéria filtrov
• Filter Skvapalnenie

Výstup designovej práce

• Vkladanie mojej grafiky do reálneho prostredia
• Čo je to Mock-Up
• Kde stiahnuť bezplatne štýly
• Export práce

Výstup a tlač z programu Adobe Photoshop

• formáty JPEG, PSD, TIFF
• rýchly export do PNG
• ukladanie plátna
• ukladanie do cloudu
• export vrstiev do súborov
• tlač a možnosti tlače
• export do PDF
• nastavenie spadaviek

Adobe Creative Cloud a úvod do Adobe Illustator

• čo je to 2D grafika a čo budeme tvoriť
• kde má Photoshop v rodine produktov svoje miesto
• Ako sa získava a inštaluje Photoshop
• prihlásenie sa do Adobe Photoshop pomocou Adobe ID
• prvé spustenie
• moje konto
• možnosti Adobe CC, ktoré využijeme
• zdieľané dokumenty
• porovnanie rastrovej a vektorovej grafiky
• výhody vektorovej grafiky a jej využitie v praxi
• kde všade sa používa vektorová grafika

Orientácia v programe Adobe Illustrator

• základný prehľad pracovného prostredia
• lišty a okná
• panely nástrojov
• založenie dokumentu
• základné nastavenia

Zoomovanie a posun a práca s objektami

• metódy zväčšenia
• metódy zmenšenia zobrazenia
• Lupa
• panel Navigátor
• druhy posunu zobrazenej plochy
• posuvníky
• rýchly posun - Ručička

Plocha a papier

• rozmery papiera
• spadavky a orezy
• pridávanie papiera
• nastavenie poradia papierov
• rozmery a mierky

Kreslenie základných tvarov

• nástroje na kreslenie tvarov
• nastavenie parametrov
• zmena tvarov objektov
• kreslenie tvarov
  •  elipsa
  •  štvorec
  •  polygón
  •  vlastný tvar
  • čiara

Štetec, alebo keď kreslíme voľľnou rukou

• pero
• štetec
• hrúbka ťahu
• spôsob ťahu a vzhľady ťahov
• obkresľovanie

Tvorba textu

•  písanie textu
• typy textov
• blokový text
• zmena štýlu písma – farba, typ, hrúbka
• podrobné nastavenie písma
• vektorové písmo alebo písmo v krivkách
• tvarovanie textu v krivkách

Fonty

• Hľadanie fontov
• Bezplatná knižnica fontov
• Sťahovanie fontov
• Inštalácia fontov do počítača

Práca s výberom

• druhy výberu
• izolovaný objekt
• vytvorenie skupiny objektov
• grupovanie a zlučovanie

Manipulácia s objektmi

• posun
• kopírovanie
• otáčanie
• duplikácia
• transformácia: panel Transformácia
• kopírovanie s presnou vzdialenosťou: okno Premiestnenie

Práca s farbou

• farba pre výplň
  • panel Farby
  • Vzorník
  • políčko Výplň
• farba pre ťah,
  • políčko Ťah
• výplne objektov
  • teória farieb
  • farebné modely RGB a CMYK

Nastavenie ťahu

• hrúbka ťahu, panel Ťah
• žiadny ťah

Zarovnávanie objektov

• zarovnanie cez vodiace čiary Pravítok
• zarovnanie cez panel Zarovnať

Cestár alebo keď jeden tvar nestačí

• zľučovanie tvarov
• rezanie tvarov
• prienik tvarov

Usporiadanie objektov v podvrstvách

• posun medzi podvrstvami
• využitie klávesových skratiek resp. kontextového menu
• využitie panela Vrstvy

Tvorba loga

• práca s nástrojom Pero
• tvorba a tvarovanie kriviek (Beziérov režim)
• vytvorenie textovej zložky značky

Tvorba vizitky

• príprava vizitky pre ofsetovú tlač a digitálnu tlač
• praktické cvičenia

Výstup z programu Adobe Illustrator

• formáty AI
• formát SVG alebo podklad pre webovú grafiky
• export ako EPS
• PDF pre tlač

Ovládanie programu

Pracovná plocha a nastavenie dokumentu

• základné funkcie programu
• ovládací panel a hlavná ponuka
• založenie nového dokumentu
• globálne nastavenie jednotiek
• uloženie dokumentu, formát INDD

• náhľady dokumentu

Funkcie zobrazenia plochy

• zoomovanie dokumentu, metódy
• posun zobrazenia dokumentu, druhy
• zobrazenie pracovnej plochy
• zobrazenie dvojstránky
• zobrazenie skutočnej veľkosti
• pravítka a vodiace čiary, nastavenie

Vzory stránok dokumentu

Panel stránky

• základný popis
• pridávanie a odstraňovanie stránok
• presun medzi stránkami
• úprava základného vzoru, stránkovanie
• tvorba nových vzorov a aplikácia na stránky
• zmena počtu stĺpcov v sadzbe

Práca s textom

Formátovanie textu

• textový nástroj a jeho použitie
• presahujúci text
• ručné vytváranie textových rámčekov a zreťazenie
• formátovanie textu cez panel Ovládanie
• medziriadková medzera (proklad)
• zástupný text

Import textu a typografia, Odstavcový štýl 

• import (natečenie) textu
• automatické vytváranie textových rámčekov
• mriežka účaria
• režim panelov Typografia
• panel Odstavcové štýly

Práca s grafikou

Vytvorenie a úprava grafických rámčekov

• kreslenie objektov - grafických rámčekov
• import fotografie do grafického rámčeka
• manipulácia fotografie vo vnútri rámčeka
• obtekanie textu okolo rámčeka
• vrstvy, usporiadanie vrstiev
• efekty, vrhnutý tieň

Práca s farbami

Výber farby

• farebné modely RGB a CMYK
• panely Vzorník a Farby, okno Výber farby
• priradenie farby pre výplň a ťah objektu
• priradenie farby textu, formátovanie
• pridanie farieb do Vzorníka
• vyfarbenie cez Nástroj pipeta (kapátko)

Kontrola a export

Kontrola dokumentu pred výstupom

• režim panelov Tlač a kontrolný náhľad
• panel Kontrola pred výstupom, profil
• panel Väzby a jeho možnosti
• panel Náhľad výťažkov

Výstup a export súboru

• formát PDF pre korektúry a tlač
• formát interaktívne PDF
• zbalenie súboru
• praktická tvorba a výstup dokumentov
• sadzba a zlom časopisu

Import rastrovej grafiky do programu Adobe Illustrator

• Práca s fotkami vo vektorom plátne
• DIP a rozlíšenie
• druhy importu
• RBG a CMYK
• Možnosť vektorizácie a prevod rastra na vektor

Orezová maska

• vytvorenie orezovej masky pre fotografie
• orezová maska pre vektorové objekty

Správa farieb

• nastavenie
• ICC profily
• Kedy je správa farieb dôležitá

Text a jeho pokročilé možnosti

• zarovnávanie odstavcového textu
• obtekanie textu okolo fotografie a vektora
• panel Glyfy
• nástroj Text na ceste
• tvorba značky s textom v kruhu

Tvorba letáku

• import fotografie, orezová maska
• import textu z Wordu
• bodový text
• odstavcový text
• využitie zarovnávania cez vodiace čiary
• tvary pre farebné pozadia
• import vektorového loga do grafiky dokumentu
• pridanie ďalšieho plátna pre obojstranný leták

Farebný prechod

• nástroj Prechod
• panel Prechod
• typy prechodov

Komunikácia Photoshop a Illustator a moja Cloud knižnica

• ako sa prenášajú dáta medzi programami
• inteligentná vrstva a vektor
• vkladanie tvarov do knižnice
• farby v knižnici

Pridanie vlastnej farby vo Vzorníku

• vytvorenie skupiny farieb
• pridanie vlastnej al. firemnej farby
• vzorky

Prelínanie medzi dvomi objektmi

• nástroj Prelínanie a jeho možnosti
• príklady praktického použitia

Ilustrátor a tablet – prepojenie aplikácií

• mobilné aplikácie
• aké aplikácie sú podporované s Illustratorom
• kreslenie s fyzickým perom
• ukladanie grafiky
• import grafiky do knižnice
• prenos grafiky priamo na obrazovku

Živá maľba

• tvorba Živej maľby
• Plechovka živej maľby

Optimalizácia grafiky pre web

• Práca v pixeloch
• optimalizačné okno a jeho nastavenia
• export ako PNG a JPG

Práca so symbolmi

• tvorba symbolov
• hromadné operácie so symbolmi

Výstup z programu Adobe Illustrator

• formáty AI, PDF pre tlač
• formát JPEG pre internet

Správa farieb

• princípy správy a zachovania farieb
• nastavenie správy farieb, ICC profily
• synchronizovanie
• zobrazenie obrázkov v plnom rozlíšení
• kontrolný náhľad farieb na obrazovke

Pravopis a hľadanie textu

• aktivovanie kontroly pravopisu
• dynamická kontrola pravopisu
• vyhľadávanie slov a ich nahradenie
• presúvanie slov ťahaním
• editor článku

Typografia

• typografické pomlčky, iniciála
• Proklad, Prostrkání, Vyrovnání
• delenie odstavca – vdovy a siroty
• nastavenie kapitol na začiatku stránky
• znakový štýl, nastavenie

Ďalšie pokročilé funkcie textu

• panel Glyfy, aplikácia
• tabulátory - nastavenie
• delenie slov, štýl
• citát, obtekanie
• popisky k obrázkom

Práca s dlhými dokumentami

• poznámky pod čiarou
• generovanie obsahu

Práca s grafikou

• import vektorovej grafiky
• import inzerátu

Tvorba obalu knihy

• šírka chrbta
• tvorba šablóny obalu
• import inzerátu
• premiestnenie stránok dokumentu
• Nástroj stránka

Praktická tvorba a výstup dokumentov

• kontrola dokumentu pred výstupom
• sadzba a zlom knižnej publikácie
• formát PDF pre korektúry a tlač,
• formát interaktívne PDF
• zbalenie súboru 

Úvodná diskusia

• Otázky účastníkov

Úvodné typy

• tvorba vlastného vzoru a použitie
• tvorba vlastnej stopy
• tip na viacnásobnú výplň
• viacnásobné ťahy
• grafické štýly
• možnosti Open Type, znakové štýly, odstavcové štýly
• Nástroj Shape Builder
• tip na úpravu šírky ťahu
• tip na vytvorenie vlastnej farebnej škály
• kreslenie objektov do perspektívy
• harmonické farby a generovaný vzorník

3D grafika

• čo je to 3D
• základy 3D grafiky
• podklad pre grafiky
• základom sú zase iba tvary
• vytvorenie obkrúženého objektu
• osvetlenie trojrozmerného objektu
• mapovanie symbolu na 3D kresbu
• praktické použitie

Grafy

• základy práce s grafmi
• typy grafov
• vytvorenie a editácia grafov
• export grafu do iných aplikácií
• import grafu z Excelu

Filtre a efekty

• SVG filter
• Rastrové efekty
• Tieňe
• Zostrenie a rozostrenie
• Štylizácia
• Galéria efektov
• Okno vzhľadu

Praktické príklady na základe otázok účastníkov kurzu

Záverečná diskusia

• Úvod do grafiky
  •  čo je to počítačová grafika
  •  čo všetko môžem kresliť
  •  ako vzniká grafika
  •  kto je to grafik a kto kreatívny grafik
  •  ako môžem byť grafik, keď neviem / nechcem byť kreatívny
  •  keď iný spravili všetko za nás
• Práca grafika a ukážka zo života grafika
  •  aké funkcie grafik využíva v Illustrator-e 
  •  kedy grafik otvára InDesgin
  •  úloha Photoshop-u v živote grafika
  •  problematika nastavenia farieb CMYK vs. RGB
  •  problematika tlačového dokumentu
• Predstavenie našej webovej aplikácie
  • čo budem potrebovať
  • registrácia a prihlásenie
  • mobilná aplikácia
  • aplikácia pre tablet
  • čo môžem kresliť a navrhovať
  • výber správneho plátna
• Čo sa naučíme, čo budeme tvoriť a kresliť, prehľad šablón a tém
  •  letáky a plagáty
  •  vizitky
  •  skladacie letáky
  •  viacstranové dokumenty
  •  prezentácie
  •  kreatívny životopis
  •  certifikáty a ocenenia
  •  darčekové poukazy
  •  jedálny lístok
  •  grafika pre sociálne siete
  •  vytváranie reklamného banneru
  •  hlavička pre e-mail marketing
• Copywritting v marketingovej grafike
  •  pravidlá pre obsah
  •  typy obsahov
  •  rozmiestnenie elementov
  •  grafické a textové elementy
  •  pravidlo 5 informácií
• Fotografie a obrázky pre grafiku
  •  ako a kde získať fotografie a obrázky
  •  platené verzus neplatené fotografie
  •  ako si vytvoriť vlastnú knižnicu obrázkov vo webovej aplikácií
  •  formáty obrázkov, ktoré môžem používať
• Tvoríme prvú grafiku
  •  základné princípy tvorby grafiky
  •  stanovenie si cieľa grafiky
  •  čerpanie inšpirácie s externých zdrojov
  •  samotná tvorba grafického dokumentu
  •  exportovanie a ukladanie do rôznych formátov
• Nástroje ktoré máme k dispozícii
  •  nástroj na tvorbu a editáciu textov
  •  pozadie pre rôzne typy dokumentov
  •  mriežky a framy – tvorba vlastného zaujímavého pozadia
  •  práca s tvarmi
  • ilustrácie
  •  ikony
  •  grafy a informatívne grafy
• Základné dostupné nastavenie plátna
  •  výber a práca so šablónou
  •  úprava textu šablóny
  •  zmena pozadia šablóny
• Nahrávanie obrázkov
  •  nahrávanie obrázkov z počítača
  •  pripojenie obrázkov zo sociálnej siete
• Práca s fotografiami
  •  využívanie bohatej knižnice obrázkov
  •  práca s filtrami
  •  jednoduchá úprava obrázkov
  •  ako nastaviť obrázok ako pozadie
  •  otáčanie obrázkov
  •  využívanie mriežok a framov
• Práca s tvarmi
  •  praktické využitie tvarov
  •  ako vytvoriť rám
  •  ako vytvoriť tlačidlo
  •  ako využiť tvar na orezanie obrázku
  •  práca s čiarami
  •  ako využiť čiaru ako separátor
  •  zmena farieb
• Práca s ilustráciami
  •  praktické využitie ilustrácií
  •  zmena farieb ilustrácie
  •  tvorba ilustračného pozadia
  •  vkladanie nových ilustračných obrázkov
• Efektívne využitie ikon
  •  vkladanie ikon do obrázkov
  •  prispôsobenie farieb ikony
  •  nahrávanie ikon
  •  výber správnych ikon podľa typu pozadia
• Práca s grafom
  •  výber grafu
  •  prispôsobenie farebnosti a označenia
• Tvorba nadpisov v štýle loga
  •  výber a úprava textu
  •  úprava farebnosti
• Vkladanie textov a nadpisov
• Práca s pozadím
• Ukladanie grafiky
  •  aký je rozdiel medzi PNG, JPEG a PDF
  •  uloženie grafiky vo formáte PNG, JPEG
  • export do PDF a PDF pre tlač
• diskusia