GPA Cvičení. Počítačová. grafika. Základní údaje o předmětu Grafická prezentace architektury v části počítačová

GPA Cvičení

Počítačová grafika Základní údaje o předmětu Grafická prezentace architektury v části počítačová grafika. Anotace, cíle předmětu, podmínky udělení zápočtu.

Vypracováno za podpory rozvojových projektů akademických pracovníků a studentů na Fakultě stavební v rámci Institucionálního plánu ČVUT pro rok 2015.

1

1. O předmětu GPA A.

Základní údaje ›› Název předmětu: Grafická prezentace architektury ›› Kód předmětu: 129GPA ›› Rozsah: 0 + 5 (3 + 2 cvičení týdně) 3 cvičení – Architektonické kreslení 2 cvičení – Počítačová grafika ›› Počet kreditů: 5 ›› Zakončení: kz

B.

Anotace Výuka je zaměřena na techniky zpracování základních architektonických konceptů a studií. Předmět je rozdělen na dvě části (dva přístupy): ›› Architektonické kreslení Základy architektonické kresby, ... ›› Počítačová grafika Výuka je postavena na vysvětlení základních principů a postupů čtyř vybraných aplikací (Autodesk AutoCAD, Trimble SketchUp, Adobe Photoshop, Adobe Illustrator).

C.

›› Účast na cvičeních (maximálně tři omluvené absence), hodiny je nutno nahradit po dohodě s vyučujícím (případně dle aktuálního pokynu vedoucího katedry) ›› Odevzdání vytištěného posteru (ve formátu 2× A3 na výšku – 297 × 840 mm)

GPA Cvičení

Počítačová grafika Základní údaje o předmětu Grafická prezentace architektury v části počítačová grafika. Anotace, cíle předmětu, podmínky udělení zápočtu.

Cíle Cílem předmětu je naučit studenta schopnosti kombinovat techniky architektonické kresby a počítačové grafiky. Cílem části předmětu Počítačová grafika je, aby si student osvojil základy vybraných aplikací a nacvičil konkrétní postupy v těchto programech. Zároveň v těchto programech bude student umět zpracovat vlastní architektonické kresby.

D. Přehled cvičení

E.

1. cvičení

Úvod – seznámení, úvodní přednáška

2. cvičení

AutoCAD – základy aplikace

3. cvičení

AutoCAD – překreslení skici

4. cvičení

SketchUp – základy aplikace

5. cvičení

SketchUp – modelování objektu

6. cvičení

SketchUp – modelování objektu

7. cvičení

Photoshop – základy aplikace

8. cvičení

Photoshop – postprodukce

9. cvičení

Photoshop – postprodukce

10. cvičení

Adobe Illustrator – základy aplikace

11. cvičení

Adobe Illustrator – sestavení posteru

12. cvičení

Finalizace a odevzdání posteru

Literatura Referenční příručky jednotlivých aplikací.

F.

Podmínky udělení zápočtu


2

›› Ukázky – motivace ›› Počítačová grafika – rastrová ›› Počítačová grafika – vektorová

1.

›› Typografie ›› Barva ›› Corporate Identity ›› Fotografie ›› Aplikace

Cvičení (1 / 2)

›› Harmonogram výuky

1. Ukázky – motivace

4. Typografie http://typomil.com/

Úvod Úvodní přednáška ke cvičením. Seznámení s předmětem GPA, cíle, harmonogram výuky, podmínky udělení zápočtu.

5. Barva


2. Počítačová grafika – rastrová 3. Počítač. grafika – vektorová

6. Corporate Identity Stručné informace z oblasti vizuálního stylu.

3

http://unie-grafickeho-designu.cz/

i ve světě. Dalším vodítkem pro výběr byla jednoduchost ovládaní a univerzálnost aplikace pro použití v praxi architekta primárně ve fázi konceptu (návrhu) nebo studie.

B.

Autodesk AutoCAD historie / současnost / budoucnost CAD – Computer Aided Design AutoCAD, produkt firmy Autodesk, představuje světovou špičku mezi CAD programy. Jeho formáty souborů DWG a DXF jsou de-facto standardem při výměně CADovských dat. V současné době je ve světě přes 10.000.000 uživatelů AutoCADu. Vedoucí pozici aplikace AutoCAD na CAD trhu potvrzuje i opakované získání titulu CAD produkt roku udělovaného odborným tiskem. Jen do výzkumu a vývoje věnuje Autodesk ročně tolik prostředků jako je celoroční obrat nejbližšího konkurenta. Verze 1.0 (Release 1) – prosinec 1982

C.

Trimble SketchUp

1.

Cvičení (2 / 2)

Úvod Úvodní přednáška ke cvičením. Seznámení s předmětem GPA, cíle, harmonogram výuky, podmínky udělení zápočtu.

historie / současnost / budoucnost

7. Fotografie Stručné informace z oblasti fotografie.

D. Adobe Photoshop historie / současnost / budoucnost

E.

Adobe Illustrator historie / současnost / budoucnost Grafika - teorie Písmo

9. Harmonogram výuky Odkazy: Studijní program Architektura a stavitelství: http://apluses. cz Katedra architektury: http://arch.fsv.cvut.cz

8. Aplikace ›› Autodesk AutoCAD ›› Trimble SketchUp ›› Adobe Photoshop ›› Adobe Illustrator

A.

Výběr programů Z hlediska výběru aplikací (počítačových programů) byly zvoleny nejpoužívanější aplikace architekty v České republice


4

Jiří Mezera ([email protected]) | Katedra architektury FSv ČVUT v Praze


GPA

GPA

Cvičení

grafická prezentace architektury

Teorie Jiří Mezera [email protected]

Přednáška k předmětu Grafická prezentace architektury. 1


úvod

úvod

4


2


úvod

5



5

úvod

3

úvod

6



GPA Cvičení

Teorie úvod

7


úvod

10

Přednáška k předmětu Grafická prezentace architektury.


počítačová grafika Počítačová grafika je z technického hlediska obor informatiky, který používá počítače k tvorbě umělých grafických objektů a dále také na úpravu zobrazitelných a prostorových informací, nasnímaných z reálného světa (například digitální fotografie a jejich úprava, filmové triky). Z hlediska umění jde o samostatnou kategorii grafiky.

úvod

8


11 Jiří Mezera ([email protected]) | Katedra architektury FSv ČVUT v Praze

vektor / rastr v podstatě jsou možné dva základní přístupy vektorová grafika / rastrová (bitmapová) grafika


6

úvod

9

počítačová grafika

12



GPA

rastrová grafika

Cvičení

grafika je složena z rastru (sítě) bodů (pixelů) – bitmapa, každý z těchto bodů ma přesně definovanou polohu, barvu a jas

Teorie 13


rastrová grafika

rastrová grafika

16



14


rastrová grafika

17



7

rastrová grafika

15

rastrová grafika

18



GPA Cvičení

Teorie rastrová grafika

19


rastrová grafika

rastrová grafika

22



20


rastrová grafika

23


vektorová grafika


základem vektorové grafiky je matematika do této kategorie patří i CAD systémy

8

rastrová grafika

21

24



GPA Cvičení

Teorie vektorová grafika

25


vektorová grafika

vektorová grafika

28



26


vektorová grafika

29



9

vektorová grafika

27

vektorová grafika

30



písmová rodina, řezy písma

GPA

typy písma

typografie

minusky /

Typografie se zabývá grafickou úpravou slov a textů v určitém písmu. Písmo, neboli typ se skládá ze znaků vyjadřujících písmena, čísla a interpunkční znaménka, jejichž seřazením vznikají slova, věty a celý text. Z typografického hlediska se písmem rozumí soubor znaků s určitými vizuálními vlastnostmi, sjednocený stejnými tvarovými prvky.

kapitálky

/ VERZÁLKY

druhy písma serifové písmo / bezserifové písmo

zdobné písmo technické písmo / psané písmo písmo psacího stroje

31


typografie

34

Cvičení

Teorie Přednáška k předmětu Grafická prezentace architektury.


Typografie se zabývá grafickou úpravou slov a textů v určitém písmu

font

písmo

fyzický prostředek použitý k vytvoření písma; může jít o počítačový kód, litografický film či kovovou nebo dřevěnou raznici

sada znaků, písem, číslic, symbolů, interpunkce atd., které mají stejný, jedinečný design.

typografie

32


typografie

35


měrné soustavy písma

Popularita písem

několik systémů, žádný neodpovídá metrické soustavě François–Ambroise Didot / Pierre Simon Fournier

jeden z mnoha žebříčků oblíbenosti (prodejnosti) písem

Didotův

základní evropský měrný systém typografický bod 1 bod = 0,3759 mm 12 bodů = 1 cicero = 4,513 mm 2660 bodů = 1 m

PICA 1 point = 0,3528 mm 12 points = 1 pica = 4,23 mm 72 points = 6 picas = 1 palec (inch) = 2,54 cm


10

typografie

33

typografie

36



Helvetica

Garamond

GPA

jedno písmo / mnoho forem

1957 – Max Miedinger a Eduard Hoffmann loga: Motorola, Kawasaki, Olympus, Skype, BMW, Jeep

Cvičení

Teorie typografie

37


typografie



Frutiger

Helvetica Comic Sans

typografie

40

1968 – Adrian Frutiger

38


typografie

41


Čeští typografové

Garamond

František Štorm (*1966) Tomáš Brousil (*1975)

1540 – Claude Garamond


11

typografie

39

typografie

42



František Štorm

fonty zdarma

transkripce písem českých i světových typografů a také vlastní abecedy, mj. Baskerville, Walbaum, Anselm, Juvenis, Serapion, Sebastian, Etelka, Andulka, Teuton, Metron, Týfa atd.

obrovské množství / velmi málo kvalitních / ještě méně českých

GPA Cvičení

Teorie typografie

43


typografie

46



Tomáš Brousil

sazba

typograf nové generace, autor písem Tabac, Botanika, Dederon, Gloriola, Bistro Script aj. Mimo jiné je také autorem korporátních písem Novatica, Seznam Text, Seznam Script a mnoha dalších.

řadové číslovky / 1._text měna / 10_Kč / Kč_10,50 / Kč_10,– číslice / 2_125_458,698_2 na konci řádků nenecháváme jednoznakové předložky mezeru dáváme za interpunkční znaménko, nikoliv před

typografie

44


typografie

47


komerční fonty kvalita, ale zpravidla vysoká cena

barva Barva je v grafickém designu nesmírně silným a sdělným prvkem. Ovlivňuje každého z nás, je totiž zdrojem vizuální energie a rozmanitosti ve všem, co každodenně vidíme a prožíváme. Dokáže upoutat pozornost, spojit izolované prvky, zdůraznit sdělení a posílit celkový účinek kompozice.


12

typografie

45

48



barvy

barevný kruh

Oblast viditelného záření (světla) má vlnové délky od 390 nm do 790 nm, což odpovídá frekvencím 7,69 až 3,80.1014 Hz.

podrobnější dělení

GPA Cvičení

Teorie barvy

49


barvy

52



barevný kruh

barevná paleta

pro lepší pochopení principu barev 12 základních barev

získání barevné palety z obrázku

barvy

50


barvy

53


primární barvy

sekundární barvy

terciální barvy

RGB / CMY(K)

mateřské barvy, jediné, které nelze vytvořit kombinací ostatních barev

uprostřed mezi primárními, tvořeny rovným dílem z nejbližších primárních

zbývající, tvořeny sousedními primárními a sekundárními barvami

obrazovka / tisk RGB – aditivní barevný systém (míchání světla – čím více ho použijeme, tím je barva světlejší) CMY(K) – subtraktivní barevný systém (mícháni pigmentů – čím více pigmentu, tím tmavší barva)


13

barvy

51

barvy

54



gamut barevný rozsah

Corporate Identity Corporate Identity je komplexní obraz subjektu – výsledek koordinovaného chování. Toto chování vychází z předem jasně definované a všemi sdílené filozofie a stanovených cílů. Dá se říci, že jakýkoliv projev existence subjektu je součástí budování jeho vlastní identity. Dále můžeme říci, že image vzniká jako produkt komunikace mezi jednotlivcem (subjektem) a okolím (veřejností). Je sdělitelná, měnitelná a analyzovatelná. Působí na názory a chování (nejen nákupní) a podstatným způsobem je ovlivňuje.

barvy

55


58

GPA Cvičení



Corporate Design jednotný vizuální styl

barvy

56


59


systémy srovnávání barev

Corporate Design (Design) Manual

Vzorník barev RAL je celosvětově uznávaný standard pro stupnici barevných odstínů, který se používá především v průmyslové výrobě interiérových či exteriérových nátěrových hmot a stavebnictví obecně Pantone je systém určování barev v grafickém designu (tisku)

manuál vizuálního stylu


14

barvy

57

60



Signmaking

digitální fotoaparáty

výroba značení a nosičů reklamního sdělení

GPA Cvičení

Teorie 61


fotografie

64



https://www.facebook.com/FSvKurzy

velikost snímače

Adobe Photoshop, Adobe InDesign, SketchUp, Autodesk 3DSmax

Full Frame – kinofilmové políčko

62


fotografie

65


fotografie


15

63

fotografie

66



ohnisková vzdálenost vzdálenost mezi optickým středem objektivu a digitálním snímačem

GPA

aplikace

Cvičení

Teorie fotografie

67


70



zorný úhel je dán ohniskovou vzdáleností a velikostí senzoru

fotografie

68


aplikace

71



16

fotografie

69

aplikace

72



GPA

téměř 200 aplikací pro všehny odvětví průmyslu Autodesk AutoCAD Autodesk Revit Autodesk 3ds Max Autodesk Inventor Autodesk Maya

aplikace

Cvičení

Teorie 73


aplikace

76



SketchUp aplikace

74


aplikace

77


@Last Software » Google » Trimble Navigation 2000 » 2006 » 2012 Vypracováno za podpory rozvojových projektů akademických pracovníků a studentů na Fakultě stavební v rámci Institucionálního plánu ČVUT pro rok 2015.

17

aplikace

75

aplikace

78



CorelDRAW® X7 vektorové ilustrace a stránkový zlom Corel® PHOTO-PAINT™ X7 úpravy obrázků Corel® PowerTRACE™ X7 – Převod rastrové grafiky na vektorovou (součást sady CorelDRAW X7) Corel® CONNECT™ – Program pro vyhledávání obsahu Corel® CAPTURE™ X7 – Nástroje pro tvorbu snímků obrazovky Corel® Website Creator™* – Návrh webových stránek PhotoZoom Pro 3† – Modul plug-in pro zvětšení digitálních obrázků ConceptShare™ – Nástroj pro spolupráci online

aplikace

79


aplikace

82

GPA Cvičení



Adobe Photoshop ilustrace: Diego L. Rodriguez

aplikace

80


aplikace

83



18

aplikace

81

aplikace

84



CorelDRAW® X7 vektorové ilustrace a stránkový zlom Corel® PHOTO-PAINT™ X7 úpravy obrázků Corel® PowerTRACE™ X7 – Převod rastrové grafiky na vektorovou (součást sady CorelDRAW X7) Corel® CONNECT™ – Program pro vyhledávání obsahu Corel® CAPTURE™ X7 – Nástroje pro tvorbu snímků obrazovky Corel® Website Creator™* – Návrh webových stránek PhotoZoom Pro 3† – Modul plug-in pro zvětšení digitálních obrázků ConceptShare™ – Nástroj pro spolupráci online

aplikace

85


aplikace

aplikace

88

GPA Cvičení



86


aplikace

89


přehled cvičení 1. Úvod 2. AutoCAD 3. AutoCAD 4. SketchUp 5. SketchUp 6. SketchUp 7. Photoshop 8. Photoshop 9. Photoshop 10. Adobe Illustrator 11. Adobe Illustrator 12. Finalizace plachty 13. Odevzdání

Adobe Illustrator


19

ilustrace: Vlad Penev

aplikace

87

program

90



GPA Cvičení

Teorie program

91


program

program

94



92

program

95



20

program

93

1. Úvod

4. Vlastnosti objektu

A.

A. B.

Seznámení s programem Připomenutí zařazení programu z hlediska principů tvorby z úvodního cvičení. ›› Nový výkres Použití šablony výkresu – automatické nastavení parametrů). Vysvětlení rozdílu mezi šablonou „acad“ a „acad – Named Plot Styles.

2. Uživatelské rozhraní A.

Nastavení výchozího prostředí AutoCADu Aktivace nastavení pracovního prostoru – „Kreslení a poznámka“ – restart případných individuálních nastavení (některých) předchozích uživatelů.

B.

Uživatelské rozhraní – pracovní prostředí

Měření vzdáleností a ploch Změna vlastností objektu Barva objektů, styl a tloušťka čáry.

5. Hladiny A.

Vytváření nových hladin Přepínání mezi hladinami, přemisťování objektů mezi hladinami.

B.

Nastavení hladiny Typy čar a tloušťky, barvy (vypnutá, zmrazená, zamknutá a netisková hladina)

6. Doplnění výkresu

›› Tlačítko aplikace (ikona „A“ vlevo nahoře) (základní příkazy, možnosti programu)

Alternativní doplnění cvičení. Pro další postup v rámci předmětu GPA není nutné probírat.

›› Panel nástrojů – rychlý přístup (volitelná nabídka)

›› Text

›› Titulní lišta (informace o aplikaci a otevřeném výkresu) ›› Pás karet – „Ribbon“ (volby jednotlivých nástrojů a příkazů) ›› Infocentrum – přihlášení do Autodesk 360 (online služby Autodesku – přístup k rozšiřujícím aplikacím programu a „Cloudu“)

2.

Cvičení (1 / 1)

AutoCAD 1 Úvodní cvičení k aplikaci AutoCAD. Připomenutí základních principů a zařazení programu (z úvodního cvičení). Vysvětlení základních nástrojů a postupů v programu. Příprava na konkrétní úlohu – Digitalizace skici – překreslení čárové grafiky pomocí aplikace AutoCAD.

Řádkový text, odstavcový text, úprava textu. ›› Kóty Kótování délek, oblouků, úhlů, úprava kót. ›› Šrafy Způsoby zadání šrafy, převzetí vlastností šrafy, nastavení šraf.

›› Pracovní plocha – grafická oblast ›› Příkazový řádek (textové zadávání příkazů, volby příkazů) ›› Stavový řádek (Přepínání modelového prostoru a rozvržení, stavové ikony) ›› Pracovní plocha

3. Základy kreslení v programu Stručné a obecné vysvětlení principů „kreslení“ v AutoCADu, konkrétní postupy a podrobné vysvětlení až u konkrétních úkolů.

A.

Kreslení základních objektů Čáry, křivky, kružnice, oblouk, ...

B.

Práce s uzly – rychlá editace objektů Rychlá změna délky úsečky, rychlá změna velikosti objektu.

C.

Příkazy k úpravě objektů Posun, kopie, otočení, zrcadlení, odsazení, oříznutí, prodloužení, ...


21

1. Rastrová grafika Konkrétní zadání úlohy. Překreslení naskenované grafiky (obrázku) – půdorysy, řezy, pohledy.

A. B.

Vložení obrázku Změna velikosti obrázku – měřítko Zvětšení / zmenšení obrázku na měřítko 1:1.

C.

Nastavení pro překreslení rastrové grafiky Přesunutí do hladiny, průhlednost hladiny – lepší přehlednost.

2. Tisk a publikování výkresů z AutoCADu A. B.

Tisk z modelového prostoru Nastavení tisku

3.

Cvičení (1 / 1)

AutoCAD 2 Konkrétní zadání úlohy. Překreslení naskenované grafiky (obrázku) – půdorysy, řezy, pohledy.

Tisknutelné hladiny, barevnost tisku.

C.

Publikování do formátu pdf, dwf


22

1. Úvod Úvodní cvičení k aplikaci SketchUp. Úkolem je naučit se ovládat aplikaci. Pochopení principů fungování a ovládání. Nástroje pro kreslení a modelování. ›› Spuštění aplikace (programu) ›› Volba šablony – Template Šablona: Architectural Design – Millimeters Pokud je „uvítací obrazovka“ SketchUp deaktivována, je vhodné hned po startu aplikace zkontrolovat nastavení jednotek. Roletová nabídka – Window / Model Info / Units (nastavit – Format: Decimal, Millimeters)

2. Uživatelské rozhraní ›› Nastavení (úprava) uživatelského prostředí Kompletní „vyčištění“ pracovní plochy – zavření všech nástrojových panelů a oken. Aktivace (zobrazení) jen potřebných nástrojových panelů. Konkrétně pro začátek aktivujeme dva nástrojové panely: Large Tool Set a Standard. Roletová nabídka – View / Toolbars. ›› Základní ovládání Select – výběr objektů ›› Orientace v prostoru ›› Pohyb v modelovém prostoru, perspektiva, ortogonální režim

3. Kreslení základních tvarů Vysvětlení základních principů práce. Bezrozměrové kreslení základních objektů. ›› Line – čára (úsečka) Zadání kliknutím koncových bodů úsečky. ›› Rectangle – obdélník (čtverec) Zadání kliknutím rohových bodů (uhlopříčky). Objasnění principu tvorby objektů – SketchUp „umí“ pouze dva typy objektů – čáru a plochu. Všechny složitější typy objektů skládá z těchto dvou základních. ›› Circle – kružnice Zadání kliknutím středu a poloměrem. Kružnice je ve skutečnosti 24–úhelník.

›› Polygon – N–úhelník Před zadáním zvolíme počet hran – položka Sides vpravo dole. Dále stejně jako u kružnice zadáváme střed a poloměr opsané kružnice.

4. Editační nástroje

Základním editačním nástrojem a patentovanou technologií je nástroj Push/Pull pro vytváření prostorových modelů „vytažením“ plochy ve směru normály této plochy (kolmo k této ploše). ›› Push/Pull – vytažení (vysunutí) plochy Kliknutí do plochy a určení (kliknutí) výšky vytažení. Výběr objektu (objektů) nástrojem Select – kliknutím na jednotlivé entity. Stisknutím klávesy ctrl (+) k výběru objekty přidáváme, klávesa shift (±) objekty přidává, nebo z výběru odebírá. Nástrojem Select lze vybír at i oknem – kliknutím do volné plochy (mimo objekt) a tažením se stisknutým levým tlačítkem myši. V případě, že oknem táhneme zprava doleva vybereme všechny objekty „zasažené“ výběrovým oknem. Pokud oknem táhneme zleva doprava vybereme jen ty objekty, které jsou ve výběrovém okně celé. Veškeré výběry platí jak pro čáry, tak pro plochy. ›› Move/Copy – posun/kopie Výběr objektu, poté aktivace nástroje Move/Copy. Určení výchozího bodu, poté určení bodu nového umístění. Kopírování objektů je stejné jako posun, jen před kliknutím výchozího bodu stiskneme ctrl. U ikonky posunu na ploše se objeví +. ›› Rotate – otočení Výběr objektu, poté aktivace nástroje Rotate. Zobrazí se „úhloměr“, jeho barva se mění podle toho na jakou plochu najedeme myší (pokud je plocha kolmá k systému os (Origin) – úhloměr se otočí a zbarví podle této osy (červená, zelená, modrá). Pokud plocha není kolmá k systému úhloměr bude černý. Pozici lze „ukotvit“ stisknutím klávesy shift. Pokračujeme kliknutím bodu, kolem kterého budeme objekt otáčet. Kliknutí druhého bodu zadáme stávající úhel. Kliknutí třetího bodu určíme nový úhel.

4.

Cvičení (1 / 2)

SketchUp 1 Prostorové modelování v programu SketchUp od Trimble. SketchUp byl prezentován jako softwarový program, který designérovi umožňuje pracovat stejně jako při práci s perem a papírem. To vše s jednoduchým a elegantním rozhraním, jehož použití je zábavné a snadno pochopitelné. SketchUp poskytuje návrháři celou řadu funkcí, díky nimž si může hrát se svými návrhy, tak jak to v ostatních softwarech podobného zaměření nebylo dosud možné. Odkazy: videotutoriály: http://www.sketchup. com/learn/videos/58 modely: https://3dwarehouse.sketchup.com

›› Scale – zvětšení/zmenšení Výběr objektu, poté aktivace nástroje Scale. Kolem vybraného objektu se zobrazí žluté ohraničení (kvádr) se zelenými editačními body. Rozměry objektu lze měnit třemi způsoby. Pokud vybereme rohový bod, měníme rozměry celého objektu proporcionálně. Výběrem středového bodu hrany měníme velikost ve dvou směrech. Výběrem středového bodu plochy měníme rozměr v jednom směru. ›› Offset – odsazení U nástroje Offset, nevybíráme objekt dopředu. Nejprve aktivujeme nástroj, poté klikneme do plochy. Druhým kliknutím určíme vzdálenost odsazení (pokud klikneme dovnitř, stávající plochu rozdělíme, kliknutím mimo, vytvoříme plochu novou. ›› Follow Me – tažení po křivce Vytažení plochy po křivce. Aktivujeme nástroj, klikneme


23

na plochu a poté najedeme myší na křivku, „jetím“ po čarách vytváříme objem.

5. Přesné kreslení a modelování Využití systému os (Origin). ›› Line – čára (úsečka) Zadání kliknutím prvního bodu úsečky do výchozího bodu (průnik červené, zelené a modré osy – Origin). Určíme směr druhého bodu, napíšeme hodnotu 1000 (mm) a stiskneme Enter. Klikneme na nástroj Zoom Extents, dostaneme tím scénu do relativního měřítka. Dokreslení čtverce ›› Push/Pull – vytažení (vysunutí) plochy Kliknutí nástrojem Push/Pull do plochy čtverce, posunutím myši určíme směr vytažení a hodnotu zadáme číselně (1000). Tímto je vytvořena krychle o hraně 1000 mm. Komponenty a práce s nimi Pomocné přímky ›› Pokročilejší modelování Nástroj „Follow me“, nástroj „Scale“, panel nástrojů „Sandbox“, nástroj plastického textu.

6. Materiály Materiálový editor, základní barva, rub a líc modelu, mapování textur

A.

- Stahování z 3D Warehouse – nevýhody a výhody - Popisy, kótování - Autosave - Vrstvy - Řezy

4.

Cvičení (2 / 2)

SketchUp 1 Prostorové modelování v programu SketchUp od Trimble. SketchUp byl prezentován jako softwarový program, který designérovi umožňuje pracovat stejně jako při práci s perem a papírem. To vše s jednoduchým a elegantním rozhraním, jehož použití je zábavné a snadno pochopitelné. SketchUp poskytuje návrháři celou řadu funkcí, díky nimž si může hrát se svými návrhy, tak jak to v ostatních softwarech podobného zaměření nebylo dosud možné. Odkazy: videotutoriály: http://www.sketchup. com/learn/videos/58 modely: https://3dwarehouse.sketchup.com

Import Nastavení importu

B.

Získání výstupu z programu - Nastavení stínů, geografické polohy, severky - Nastavení ortogonálních pohledů - Nastavení stylů zobrazení - Jednoduché uložení obrázku - Vytváření scén a animací z nich - Zakreslení do fotografie - Funkce „Watermark“ Další funkce programu - Import různých formátů souborů


24

1. Příprava pro modelování ›› Import DWG ›› Skupiny pohledů Rozdělení a opětovné složení jednotlivých pohledů samostatně do skupin. ›› Sestavení čárového modelu Sestavení jednotlivých pohledů do „čárového“ modelu. Otočení a posun pohledů do správné pozice.

2. Modelování ›› Hlavní plochy modelu „Potažení“ modelu plochami pomocí nástroje Obdélník, nebo soustavou uzavřených čar.

5.

Cvičení (1 / 1)

SketchUp 2 Prostorové modelování v programu SketchUp od Trimble.

›› Rozdělení hlavních ploch modelu Opět pomocí nástroje Obdélník, nebo nástrojem čára.


25

1. Styly 2. Řezy 3. Scény 4. Textury 5. Zákres do fotografie

6.

Cvičení (1 / 1)

SketchUp 3 Prostorové modelování v programu SketchUp od Trimble.


26

1. Obecný úvod k aplikaci – Photoshop Seznámení s pracovním prostředím aplikace.

A.

Licencování Adobe Creative Cloud (studentská sleva)

B.

Prostředí programu Adobe Photoshop ›› Nastavení uživatelského prostředí Vypnutí všech panelů a nástrojových panelů.

C.

Informace o obrazu Otevření libovolného obrázku (například fotografii FS CVUT z minulého cvičení – zákres)

7.

Cvičení (1 / 1)

Photoshop 1 Digitální úpravy rastrové grafiky.

›› Horní menu – Obraz – Režim Informace o barevném prostoru a barevné hloubce

›› Horní menu – Obraz – Velikost obrazu Informace o velikosti a rozlišení obrazu. Případně jejich změna.

›› Horní menu – Obraz – Přizpůsobení Základní úpravy rastrové grafiky z hlediska


27 Rychlá maska je v podstatě jen vizualizace výběru

1. Postprodukce Postprodukce – úprava jednoduché stínované perspektivy (výstupu z programu SketchUp). Úprava spočívá v doplnění okolí (terén – krajina, keře, stromy) a přidání pozadí (obloha).

A.

Pořízení fotografie ›› Internet ›› Fotobanka ›› Vlastní tvorba

B.

Vložení obrazu (travnatá plocha) Jedním z hlavních „úkolů“ postprodukce je doplnění travnatých ploch. Hlavním předpokladem věrohodnosti výsledku je volba „správné“ fotografie zelené (travnaté) plochy nejdůležitějším faktorem je zpravidla shodnost perspektivního záběru (úhel záběru vůči horizontu) obou obrazů.

8.

Cvičení (0 / 8)



28

1. Úvod

B.

Obraz se vložil jako samostatná (nová) vrstva. Upravíme jeho velikost (zvětšíme) na šířku plátna (nebo mírně větší).

Postprodukce – úprava jednoduché stínované perspektivy (výstupu z programu SketchUp). Úprava spočívá v doplnění okolí (terén – krajina, keře, stromy) a přidání pozadí (obloha).

A.

›› Nástroj přesun (aktivní Ovladače transformací). Stisknutou klávesou Shift zajistíme zachování proporcí obrazu.

Nastavení uživatelského prostředí.

Posuneme obraz tak aby horizont krajiny korespondoval s horizontem perspektivy objektu, tedy s pomocnou vodící linkou.

Stejné nastavení pracovního prostředí a nástrojových panelů Photoshopu jako v předchozím cvičení.

›› Nástroj přesun. Stisknutou klávesou Shift zajistíme pohyb jenom jedním směrem (dolů).

›› Zobrazit panely: Volby, Nástroje, Vrstvy, Navigátor

B. C.

Úprava velikosti obrazu

Otevření obrazu – perspektivy

8.

Cvičení (1 / 8)

Otevření obrazu – jednoduché stínované perspektivy (výstupu z programu SketchUp)

Photoshop 2

Horizont

Digitální úpravy rastrové grafiky.

Pro lepší koordinaci jednotlivých vrstev při zpracovávání celkové koláže – umisťování jednotlivých částí nám si vytvoříme si čáru horizontu. Pro tento účel je vhodné použít pomůcky Photoshopu – vodících linek. ›› Zobrazíme pravítka pracovní plochy. Zobrazení / Pravítka. Z horního (vodorovného) si „vytáhneme“ vodící linku a umístíme ji do horizontu otevřeného obrazu. Odhadem horní třetina vstupního prostoru. Pomocí nástroje přesun lze umístění vodících linek kdykoli změnit. ›› Nakonec provedené transformace potvrdíme tlačítkem Potvrdit transformaci, nebo klávesou Enter.

C.

Úprava velikosti plátna Vzhledem k tomu, že nyní máme rezervu v travnaté ploše pod naším objektem (obraz krajiny přesahuje velikost plátna) můžeme zvětšit velikost plátna a využít této rezervy v koláži. V dalším zpracování výsledného obrazu se nám tato rezerva může hodit. ›› Obraz / Velikost plátna

2. Obraz krajiny (tráva) A.

Vložení obrazu (travnatá plocha) Začneme největším obrazem (z hlediska zabírané plochy na výsledné koláži – postprodukci). Umístíme fotografii krajiny z adresáře podkladů. ›› Soubor / Umístit Vyhledáme a umístíme obraz krajiny (GPA_Ps__podklady / krajina / krajina_1


29

›› Zaškrtávací políčko Relativní ponecháme nezatržené (měníme pouze jeden rozměr). U znázornění možností ukotvení ponecháme výchozí volbu Od středu. U volby barva přidaného plátna zvolíme položku Bílá. Změníme výšku plátna na dvojnásobek.

›› Přiblížíme obraz na velikost objektu a pomocí nástroje Mnohoúhelníkové laso provedeme výběr obrysu tohoto objektu. V okamžiku kdy se klikáním jednotlivých bodů mnohoúhelníku vrátíme do výchozího bodu Photoshop provede výběr (zobrazí hranice přerušovanou čarou).

Současná hodnota je něco kolem 16 cm, změníme ji na 30 cm. Je to více než potřebujeme, ale oříznout obraz můžeme vždycky. Obraz – plátno se nám volbou „od středu“ zvětší i nahoře, což se nám následně bude také hodit.

Pozor na nastavení nástroje Mnohoúhelníkové laso. A to, aby byl v režimu nového výběru.

8.

Cvičení (2 / 8)


D. Promazání obrazu krajiny Protože jsme obraz krajiny vložili pomocí příkazu umístit, vložil se v nové vrstvě, jako Inteligentní objekt (specifický druh vrstvy Photoshopu). Převedeme proto tuto vrstvu na „standardní“ vrstvu Photoshopu.

›› Zkontrolujeme zda jsme ve vrstvě krajina_1 a klávesou Delete z této vrstvy výběr vymažeme.

›› Klikneme pravým tlačítkem myši na vrstvě krajina_1, z kontextové nabídky zvolíme položku Rastrovat vrstvu.

›› Vrátíme průhlednost vrstvy zpět na 100 % a zrušíme výběr.

E. ›› Snížíme průhlednost této vrstvy, tak abychom dobře viděli vrstvu (obraz objektu) pod ní.

Vržený stín v trávě Objekt v krajině celkem přirozeně „sedí“, ale zatím se pocitově nepřirozeně „vznáší“. Je to způsobeno hlavně absencí vrženého stínu od budovy, který teď zakrývá tráva.


30

›› Opět snížíme průhlednost vrstvy krajina_1, tak abychom dobře viděli vrstvu (obraz objektu) pod ní. Přiblížíme oblast vrženého stínu budovou a provedeme výběr jeho hranic Nástrojem mnohoúhelníkové laso.

›› Vrátíme průhlednost vrstvy zpět na 100 %. Lépe tak můžeme kontrolovat další úpravy. ›› Zkontrolujeme zda jsme ve vrstvě krajina_1 a zvolíme některou z úprav pro ztmavení výběru v této vrstvě. Například: Obraz > Přizpůsobení > Expozice. Přetáhneme posuvník doleva na hodnotu cca –1,5.

›› Z Přírodních štětců zvolíme například stopu 46.

8. ›› Zkontrolujeme zda jsme ve vrstvě krajina_1 a se stisknutou klávesou Alt klikneme do oblasti s trávou. Dalším kliknutím (bez klávesy Alt) definujeme vzdálenost kopie této oblasti. Pokračujeme dále klikáním na místa na která chceme oblast s trávou naklonovat. Pokud chceme změnit vzdálenost mezi oblastí opakujeme postup s klávesou Alt.

Cvičení (3 / 8)


›› Postup s klonováním opakujeme, tak abychom skryli hranu objektu u terénu. Pracujeme také s velikostí stopy a průhledností pro přirozenější vzhled této části. Cílem této úpravy je efekt „obrůstání“ trávy kolem objektu a tím i přirozenější vzhled celku.

›› Zrušíme výběr.

F.

Doplnění trávy Ještě jeden detail snižuje uvěřitelnost umístění objektu v krajině. Je jím efekt zalehnutí vzrostlé trávy objektem. Ve skutečnosti budou některá stébla zakrývat tento objekt. ›› Z nástrojového panelu vybereme Nástroj klonovací razítko. Klonovací stopa se nastavuje stejně jako stopa štětce. K základním stopám si přidáme Přírodní štětce.

3. Vložení obrazu (tráva s keřem) Pokud je potřeba složit krajinu (travnaté plochy) z více částí pokračujeme obdobným způsobem jako u hlavní vrstvy travnatých ploch – krajiny_1. Není to případ této konkrétní úlohy, ale někdy si z hlediska pokrytí všech travnatých částí nevystačíme s jednou fotografií a musíme „texturu“ terénu složit z více částí (z více fotografií). Opět platí pravidlo o podobnosti úhlu záběru s perspektivou objektu který tímto způsobem doplňujeme. Perspektiva by měla být více podob-


31

nější čím více plochy ve výsledné koláži bude zabírat. Není úplně nutné řešit odlišnou barevnost, s tím bychom si ve Photoshopu měli umět poradit. Z další fotografie můžeme použít třeba i jen její část. Například pro odlišení části terénu, pokud by působil příliš jednotně v celé ploše.

›› Klikneme pravým tlačítkem myši na vrstvě krajina_2, z kontextové nabídky zvolíme položku Rastrovat vrstvu. ›› Snížíme průhlednost této vrstvy, tak abychom dobře viděli vrstvu (obraz objektu) pod ní. ›› Přesuneme tuto vrstvu do levé části obrazu.

Tuto situaci si v této úloze zkusíme. Z další fotografie použijeme jen její část.

A.

Vložení obrazu (travnatá plocha s keřem)

Cvičení (4 / 8)

Umístíme fotografii krajiny z adresáře podkladů. ›› Soubor / Umístit Vyhledáme a umístíme obraz krajiny (GPA_Ps__podklady / krajina / krajina_2

B.

Úprava velikosti obrazu Obraz se opět vložil jako samostatná (nová) vrstva. Upravíme jeho velikost (zvětšíme). ›› Nástroj přesun (aktivní Ovladače transformací). Stisknutou klávesou Shift zajistíme zachování proporcí obrazu. Se stisknutou klávesou Alt zajistíme změnu velikosti od středu.

8.

Photoshop 2 Vymažeme nepotřebné části fotografie.


›› Průhlednost vrstvy vrátíme na 100 % pro lepší přehlednost mazaných částí. ›› U Nástroje guma nastavíme velikost kolem 150 a tvrdost 100 % (rozmazané okraje). Nahrubo odmažeme vzdálenější části od keře.

Vzhledem k poloze stínů na vložené fotografii bude vhodnější celou fotografii zrcadlit. Stíny tak budou korespondovat se stíny modelu.

›› Úpravy > Transformovat > Převrátit vodorovně

›› Pokud chceme použít z fotografie jen keř tak snížíme krytí Nástroje guma na hodnotu kolem 20 % a promažeme trávu v okolí keře. Nakonec změníme stopu na některou z přírodních stop a promažeme horní části keře.

C.

Promazání fotografie Z fotografie do naší koláže použijeme jen část s keřem. Protože jsme fotografii vložili opět pomocí příkazu umístit, vložila se v nové vrstvě, jako Inteligentní objekt. Převedeme proto tuto vrstvu na „standardní“ vrstvu Photoshopu.


32

D. Barevná korekce fotografie Pomocí nástroje Vyvážení barev můžeme vytvořit efekt suchého keře.

›› Nástroj přesun. ›› Nakonec provedené transformace potvrdíme tlačítkem Potvrdit transformaci, nebo klávesou Enter.

8.

›› Obraz > Přizpůsobení > Vyvážení barev (nastavení podle obrázku)

Cvičení (5 / 8)

Photoshop 2 Digitální úpravy rastrové grafiky. Můžeme vysokou trávu ještě několikrát nakopírovat a doplnit scénu. Převážně v místech „nepovedených“ spojů jednotlivých dílů koláže postprodukce.

4. Vysoká tráva A.

Vložení obrazu (tráva) Pokud máme k dispozici již „promazané“ fotografie – zbavené pozadí s výhodou je použijeme. Z podkladů vybereme fotografii a umístíme do koláže.

›› Soubor / Umístit Vyhledáme a umístíme obraz trávy (GPA_Ps__podklady / stromy / trava

B.

Úprava velikosti obrazu Obraz se vložil jako samostatná (nová) vrstva. Upravíme jeho velikost (zmenšíme). ›› Nástroj přesun (aktivní Ovladače transformací). Stisknutou klávesou Shift zajistíme zachování proporcí obrazu. Posuneme obraz do vhodného místa (například vpravo dole.

›› V přehledu vrstev klikneme pravým tlačítkem na vrstvě tráva a z kontextové nabídky zvolíme Duplikovat vrstvu. ›› Zmenšíme vysokou trávu a přesuneme k objektu. Nástrojem přesun (aktivní Ovladače transformací). Stisknutou klávesou Shift zajistíme zachování proporcí obrazu. Provedené transformace potvrdíme tlačítkem Potvrdit transformaci, nebo klávesou Enter.

V případě této konkrétní fotografie a umístění bude nutné promazat její spodní část. Předtím musíme inteligentní objekt převést na standardní vrstvu. ›› Klikneme pravým tlačítkem myši na vrstvě trava kopie, z kontextové nabídky zvolíme položku Rastrovat vrstvu. ›› Změníme stopu gumy na některou z přírodních stop a promažeme spodní část. Můžeme tuto vrstvu ještě několikrát zkopírovat na další místa a různě promazávat pro odlišení jednotlivých trsů trávy. Pro různorodost lze případně použít barevnou korekci podobně jako u keře.


33

6. Suchý strom A.

Vložení obrazu (strom) Pokud máme k dispozici již „promazané“ fotografie – zbavené pozadí s výhodou je použijeme. Z podkladů vybereme fotografii a umístíme do koláže. ›› Soubor / Umístit Vyhledáme a umístíme obraz stromu (GPA_Ps__podklady / stromy / strom_2

B.

5. Zelený strom A.

Úprava velikosti obrazu

8.

Cvičení (6 / 8)

Obraz se vložil jako samostatná (nová) vrstva. Upravíme jeho velikost.

Photoshop 2

›› Nástroj přesun (aktivní Ovladače transformací). Stisknutou klávesou Shift zajistíme zachování proporcí obrazu.


Posuneme obraz do vhodného místa (například do pravé části koláže).

Vložení obrazu (strom)

›› Nástroj přesun.

Pokud máme k dispozici již „promazané“ fotografie – zbavené pozadí s výhodou je použijeme. Z podkladů vybereme fotografii a umístíme do koláže.

›› Nakonec provedené transformace potvrdíme tlačítkem Potvrdit transformaci, nebo klávesou Enter.

›› Soubor / Umístit Vyhledáme a umístíme obraz stromu (GPA_Ps__podklady / stromy / strom_1

B.

Úprava velikosti obrazu Obraz se vložil jako samostatná (nová) vrstva. Upravíme jeho velikost (zmenšit, nebo zvětšit). ›› Nástroj přesun (aktivní Ovladače transformací). Stisknutou klávesou Shift zajistíme zachování proporcí obrazu. Posuneme obraz do vhodného místa (například do pravé části koláže). ›› Nástroj přesun. ›› Nakonec provedené transformace potvrdíme tlačítkem Potvrdit transformaci, nebo klávesou Enter. V případě této konkrétní fotografie můžeme promazat některé její části, nebo zprůhlednit celou vrstvu. ›› Snížíme krytí vrstvy na hodnotu kolem 60 %. Opět můžeme barevně korigovat s ohledem na celkové pojetí koláže.

C.

Seskupení vrstev Pro lepší přehlednost v panelu vrstev můžeme vrstvy seskupovat. Přesuneme všechny vrstvy týkající se zeleně do jedné skupiny. V našem případě jsou to všechny vrstvy kromě pozadí – našeho objektu. Jednou z možností je, že vytvoříme prvně skupinu a potom do skupiny přesuneme vybrané vrstvy.


34

›› Druhou možností je vybrání všech vrstev, které chceme přesunout do skupiny (ideálně, protože jsou všechny vrstvy pod sebou vybereme první a se stisknutou klávesou Shift vybereme poslední vrstvu (tedy všechny až na vrstvu objektu – pozadí). Klikneme se stisknutou klávesou Shift na ikonku Vytvořit novou skupinu.

8.

Vybrané vrstvy se shromáždí v nové skupině. Je vhodné skupinu přejmenovat logickým názvem.

Cvičení (7 / 8)


Vzhledem k tomu, že nyní máme rezervu v obloze nad naším objektem (obraz oblohy přesahuje velikost plátna) můžeme zvětšit velikost plátna a využít této rezervy v koláži. V dalším zpracování výsledného obrazu se nám tato rezerva může hodit (následný ořez). U této konkrétní úlohy máme nad objektem rezervu dostatečnou, plátno tedy zvětšovat nemusíme.

C.

7. Obloha A.

Vložení obrazu (obloha) Další velkou částí obrazu (z hlediska zabírané plochy na výsledné koláži – postprodukci) je pozadí – obloha. Umístíme fotografii krajiny z adresáře podkladů. ›› Soubor / Umístit Vyhledáme a umístíme obraz krajiny (GPA_Ps__podklady / krajina / krajina_1

B.

Úprava velikosti obrazu Obraz se vložil jako samostatná (nová) vrstva. Upravíme jeho velikost (zvětšíme) na šířku plátna (nebo mírně větší). ›› Nástroj přesun (aktivní Ovladače transformací). Stisknutou klávesou Shift zajistíme zachování proporcí obrazu. Posuneme obraz tak aby horizont oblohy korespondoval s horizontem perspektivy objektu a krajiny, tedy s pomocnou vodící linkou. ›› Nástroj přesun. Stisknutou klávesou Shift zajistíme pohyb jenom jedním směrem (nahoru). ›› Nakonec provedené transformace potvrdíme tlačítkem Potvrdit transformaci, nebo klávesou Enter.

Promazání obrazu oblohy Protože jsme obraz krajiny vložili pomocí příkazu umístit, vložil se v nové vrstvě, jako Inteligentní objekt (specifický druh vrstvy Photoshopu). Převedeme proto tuto vrstvu na „standardní“ vrstvu Photoshopu. ›› Klikneme pravým tlačítkem myši na vrstvě obloha_1, z kontextové nabídky zvolíme položku Rastrovat vrstvu. ›› Snížíme průhlednost této vrstvy, tak abychom dobře viděli vrstvu (obraz objektu) pod ní. ›› Přiblížíme obraz na velikost objektu a pomocí nástroje Mnohoúhelníkové laso provedeme výběr obrysu tohoto objektu. V okamžiku kdy se klikáním jednotlivých bodů mnohoúhelníku vrátíme do výchozího bodu Photoshop provede výběr (zobrazí hranice přerušovanou čarou). Pozor na nastavení nástroje Mnohoúhelníkové laso. A to, aby byl v režimu nového výběru. ›› Zkontrolujeme zda jsme ve vrstvě obloha_1 a klávesou Delete z této vrstvy výběr vymažeme.


35

›› Vrátíme průhlednost vrstvy zpět na 100 % a zrušíme výběr.

›› Změníme stopu na některou z přírodních stop a promažeme horní části keřů a stromů.

D. Promazání obrazu oblohy

8.

›› Přesuneme oblohu pod skupinu zeleň.

Cvičení (8 / 8) E.

Barevná korekce oblohy ›› Zapneme všechny vrstvy v koláži a přepneme se do vrstvy oblohy.

Vymažeme části fotografie krajiny ze skupiny zeleně.


›› Snížíme barevnost oblohy. Obraz / Přizpůsobení / Živost. Stáhneme posuvník Sytost na hodnotu kolem –50.

›› Všechny vrstvy kromě vrstvy krajina_1 a obloha_1 prozatím zhasneme. Přepneme se do vrstvy krajina_1.

›› Nakonec soubor uložíme ve formátu Photoshopu (*.psd). Případně potom jako standardní obrázek ve formátu *.jpg.

›› U Nástroje guma nastavíme velikost kolem 150 a tvrdost 100 % (rozmazané okraje). Nahrubo odmažeme vzdálenější části od horizontu.


36

1. Dokončení postprodukce vizualizace – skici

9.

Cvičení (1 / 1)



37

1. Úvod Obecné vysvětlení principů programu Illustrator – vektorového editoru.

A.

Nový dokument

C.

Změna formátu dokumentu (velikosti kreslícího plátna) Dodatečná změna velikosti kreslícího plátna. ›› Panel ovládání > Nastavení dokumentu > Upravit kreslící plátna

Vytvoření nového dokumentu: Soubor > Nový

10.

Cvičení (1 / 1)

Illustrator 1 Úvodní cvičení k aplikaci Illustrator. Připomenutí základních principů a zařazení programu (z úvodního cvičení). Vysvětlení základních nástrojů a postupů v programu. Příprava na konkrétní úlohu – Sestavení prezentační plachty v programu Adobe Illustrator.

B.

Nastavení uživatelského prostředí. Změna barevného (odstíny šedé) schématu pracovního prostředí Illustratoru: Úpravy > Předvolby > Uživatelské rozhraní

›› Změníme formát dokumentu „Na šířku“.


38

2. Kreslení objektů A.

›› Pokud je zaškrtnuto připojení, vytvoří se vazba (něco jako v Autocadu externí reference)

Základní objekty ›› Kreslení základních objektů Obdélník, elipsa, mnohoúhelníky, ... ›› Výplně objektů Nástroj výplň (přechodová, vzorky, textury, palety, změna barvy. Kapátko a plechovka barvy. ›› Obrysy objektů – nástroj tah ›› Manipulace s objekty Označování objektů, nástroj pro výběr, nástroj pro přímý výběr, přesun, otočení, zkosení, zrcadlení.

B.

Křivky ›› Kreslení křivek – nástroj pero ›› Modifikace křivek Vybírání uzlů, odebírání uzlových bodů, vyhlazení křivky, manipulace s křivkou, tvarování uzlů, spojování a rozdělení křivek.

›› Pokud chci vložit přímo do Illustratoru, dám vložit. Vytvoří se skupina čar, vlastnostmi stejná, jako by byla vytvořena v Illustratoru.

›› Kreslící pomůcky Přichytávání k objektům, přichytávání k vodítkům, automatická vodítka, mřížka, pravítka. ›› Umístění objektů Rozmístění objektů, pořadí zobrazení objektů, zarovnání objektů.

3. Kombinování křivek a objektů ›› Seskupit, rozložit, skupiny, booleovské operace, cestář.

4. Text ›› Text, odstavcový text, formátování textu, práce s odstavci. Převod textu na křivky.

5. Vrstvy ›› Vytvoření, přejmenování, odstranění, skrývání vrstvy. Přesouvání objektů mezi vrstvami.

6. Import A.

Import PDF ›› Otevření Autocadu, vytištění výkresu (ty 4 pohledy) do pdf (opakování) ›› Nový dokument formátu A3 na výšku ›› Vložení do Illustratoru

›› Je vhodné vytvořit novou vrstvu pouze pro tyto výkresy a zamknout ji. Další kreslené objekty (plochy místností například) využívají uchopování na tyto čáry. Vypracováno za podpory rozvojových projektů akademických pracovníků a studentů na Fakultě stavební v rámci Institucionálního plánu ČVUT pro rok 2015.

39

1. Zadání Závěrečnou úlohou cvičení počítačové části předmětu GPA bude sestavení prezentačního panelu (posteru) z jednotlivých podkladů zpracovávaných na předchozích cvičeních. Panel bude mít velikost 2× A3 na výšku, tedy 297 × 840 mm.

A.

Hlavní obraz Hlavním motivem bude obrazová postprodukce zpracována v programu Adobe Photoshop. Jde o výstup z programu SketchUp (export ve formátu *.jpg) následně upravený rastrovým editorem – Photoshopem.

B.

A

Sestavení prezentační plachty v programu Adobe Illustrator.

Volíme vhodné písmo, spíše geometrické konstrukce.

Skici Podklady zpracovávané ve výtvarné části předmětu GPA. Alternativně lze použít různé výstupy z ostatních programů (respektive výstupy z různých fází tvorby).

Cvičení (1 / 4)

Illustrator 2

Identifikace Název předmětu, jméno autora, fotografie, škola / obor, semestr.

C.

11.

Grafická prezentace architektury Jméno Příjmení 1. ročník, sk. 101 Architektura a stavitelství, FSv ČVUT v Praze ZS 2015

D. CAD

B C

Výstupy z programu AutoCAD. Je možno vybavit výkresy nábytkem, stafáží (postavy, nebo stromy) v řezech a pohledech (buď přímo v AutoCADu, nebo až v Illustratoru. Tento výstup bude v měřítku 1:100.

E.

SketchUp Prezentovanými výstupy z programu SketchUp jsou exporty jednotlivých scén (kamer). Exportujeme do formátu *.jpg. Na prezentační plachtu se vejdou cca 4 tyto rastrové výstupy (například vedle každého výkresu z CADu jeden)

půdorys 1. np m 1:100

Je možné místo jednoho nebo dvou z nich použít vaši kresbu z kreslířské části (viz příklad řešení). V programu SktechUp lze pro výstupy použít různá nastavení skrytých hran, axonometrii, řez ... atd. Model lze také doplnit dalšími prvky. A to modelovanými, nebo staženými prvky – například stromy, postavy, nebo zařizovací předměty. Nejjednodušeji z portálu provozovaného přímo firmou Trimble (SketchUp) a to úložišti 3D Warehouse (https://3dwarehouse.sketchup.com) Pokud bychom chtěli prezentovat ručně kreslené práce, je vhodné je po naskenování upravit rastrovým editorem – Photoshopem. Jde hlavně o základní úpravy a korekce (natočení – narovnání obrazu, kontrast, tonalita, ...)

F.

půdorys 2. np m 1:100

příčný řez m 1:100

Ostatní Prezentační plachtu lze doplnit o další grafické, nebo popisné prvky dle vlastního uvážení (popisky k výkresům, měřítko, severku, ... – viz. příklad řešení).

D E F


40 pohled východní m 1:100

2. Úvod

3. Uživatelské rozhraní

›› Spuštění aplikace (programu) Adobe Illustrator.

A.

Stejně jako v ostatních aplikacích je doporučeno přizpůsobit uživatelské rozhraní potřebám konkrétního projektu.

Nový dokument

Ideálním postupem kompletní „vyčištění“ pracovní plochy – zavření všech nástrojových panelů a oken. A následná aktivace (zobrazení) jen potřebných nástrojových panelů a oken.

›› Vytvoření nového dokumentu: Soubor > Nový Předpokládáme jako primární výstup tohoto prezentačního panelu v tiskové formě.

›› Zavření oken provedeme jejich vysunutím z ukotvené pozice a následným kliknutím na křížek.

›› Zvolíme přednastavení nového dokumentu: Profil: Tisk

11.

Cvičení (2 / 4)

Illustrator 2 Sestavení prezentační plachty v programu Adobe Illustrator.

›› Nastavení uživatelského rozměru. Šířka: 297 mm a Výška: 840 mm.

A.

Nástroje a ovládání ›› Pro začátek necháme zobrazené nebo aktivujeme dva nástrojové panely: Nástroje a Ovládání. Roletová nabídka – Okna / Nástroje (Ovládání).

B.

Okna Pokud máme dostatečně velká monitor není nutné následující okno – panel Transformace zobrazovat, protože se základní transformační údaje zobrazují přímo na panelu Ovládání v horní části aplikace (viz. předchozí bod)


41

›› Roletová nabídka – Okna / Transformace. Panel můžeme ukotvit do pravé části okna aplikace (postup je stejný jako u ostatních programů Adobe).

›› Roletová nabídka – Zobrazení / Vodítka. Nabídka by měla zobrazovat možnost Zamknout vodítka. To znamená, že jsou odemčená.

Z horního pravítka "vytahujeme" vodorovná vodítka, z pravítka na levém okraji potom svislá.

11.

Cvičení (3 / 4)


C.

Pravítka Zobrazíme si pomocný prvek – pravítka. V tomto případě nám poslouží k umisťování dalšího pomocného prvku – vodítek. ›› Roletová nabídka – Zobrazení / Pravítka / Zobrazovat pravítka.

Přesnou pozici vodítka zajistíme přepsáním hodnot x nebo y (poloha vodítka) na panelu Transformace. Při přesném umisťování vodítek můžeme také využít pomocného objektu – čtverečku o rozměrech okrajů, nebo mezer mezi vodítky. ›› Začneme okrajem formátu. Vytvoříme čtverec nástrojem Obdélník o rozměrech 15 × 15 mm. Vypneme obrys (tah) objektu a výplň nastavíme barevně kontrastní vůči pozadí.

4. Rozvržení – layout Rozvrhneme si vytvořený formát na sekce do kterých později umístíme připravenou grafiku. K rozvržení formátu použijeme vodítka. Vodítka pomáhají zarovnat text a grafické objekty. Vodítka můžete vytvořit rovné svislé nebo vodorovné. Vodítka se podobně jako mřížka netisknou.

A.

Vodítka Nejprve zkontrolujeme, zda máme vodítka odemknuta – abychom s nimi mohli manipulovat.

›› Přesuneme tento čtverec do rohu formátu přesnou pozici zajistí automatické uchopení. Alternativně lze pro přesné umístění opět využít panelu Transformace.


42

›› Do opačného rohu čtverce umístíme jedno svislé a jedno vodorovné vodítko. Následně vytvoříme stejným způsobem vodítka v opačném rohu formátu posteru.

11.

Cvičení (4 / 4)


Předpokládáme, že budeme tisknout výsledný poster na dva formáty A3. Abychom nemuseli řešit napojování jednotlivých obrazů, budeme s touto variantou dělení počítat už od začátku. ›› Pokračujeme tedy vodítkem které nám formát rozdělí na poloviny (dva formáty Aš na výšku).


43

1. Export 2. Tisk

12.

3. Odevzdání.

Cvičení (1 / 1)

Odevzdání Finalizace a odevzdání vytištěného posteru (ve formátu 2× A3 na výšku – 297 × 840 mm)

GRAFICKÁ PREZENTACE ARCHITEKTURY Jana Nováková A+S / FSv ČVUT v Praze


44

GPA Cvičení. Počítačová. grafika. Základní údaje o předmětu Grafická prezentace architektury v části počítačová

Recommend Documents