Adobe Flash Professional CS6

Adobe Creative Team

Adobe Flash Professional CS6 Oficiální výukový kurz

Computer Press Brno 2013

K2060.indd 1

7.6.2013 15:51:19

Adobe Flash Professional CS6 Oficiální výukový kurz Adobe Creative Team Překlad: Libuše Gieblová Obálka: Adobe Creative Team Odpovědný redaktor: Roman Bureš Technický redaktor: Jiří Matoušek Translation © Libuše Gieblová, 2012. Authorized translation from the English language edition, entitled ADOBE FLASH PROFESSIONAL CS6 CLASSROOM IN A BOOK, 1st Edition, 0321827333 by ADOBE CREATIVE TEAM, published by Pearson Education, Inc., publishing as Adobe Press. Copyright © 2012, Pearson Education, Inc., publishing as Adobe Press. All rights reserved. No part of this book may be reproduced or transmitted in any form or by any means, electronic or mechanical, including photocopying, recording or by any information storage retrieval system, without permission from Pearson Education, Inc. CZECH language edition published by Albatros Media a. s., Copyright © 2013. Autorizovaný překlad z anglického jazyka publikace nazvané ADOBE FLASH PROFESSIONAL CS6 CLASSROOM IN A BOOK, první edice, kterou vytvořil ADOBE CREATIVE TEAM, vydalo nakladatelství Pearson Education Inc., publikující jako Adobe Press. Objednávky knih: http://knihy.cpress.cz www.albatrosmedia.cz [email protected] bezplatná linka 800 555 513 ISBN 978-80-251-3802-1 Vydalo nakladatelství Computer Press v Brně roku 2013 ve společnosti Albatros Media a. s. se sídlem Na Pankráci 30, Praha 4. Číslo publikace 16 880. © Albatros Media a. s. Všechna práva vyhrazena. Žádná část této publikace nesmí být kopírována a rozmnožována za účelem rozšiřování v jakékoli formě či jakýmkoli způsobem bez písemného souhlasu vydavatele. 1. vydání

K2060.indd 2

7.6.2013 15:51:33

OBSAH ZAČÍNÁME . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .15 O knize . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . Co je nového . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . Předpoklady pro používání knihy . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . Instalace aplikace Flash . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . Kopírování souborů k lekcím . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . Kopírování ukázkových filmů a projektů . . . . . . . . . . . . . . . . . . . . . . . . Práce s lekcemi . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . Další zdroje informací . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . Certifikace od společnosti Adobe . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .

15 15 16 16 17 18 18 18 19

PRVOTNÍ SEZNÁMENÍ . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .22 Spuštění programu Flash a otevření souboru . . . . . . . . . . . . . . . . . . . Vytváření nového dokumentu . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . Seznámení s pracovní plochou . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . Výběr nové pracovní plochy . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . Ukládání pracovní plochy . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . Vymezená plocha. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . Změna vlastností vymezené plochy . . . . . . . . . . . . . . . . . . . . . . . . . . . . Práce s panelem Knihovna . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . O panelu Knihovna . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . Importování položky do panelu Knihovna . . . . . . . . . . . . . . . . . . . . . . Přidání položky z panelu Knihovna na vymezenou plochu . . . . . . Časová osa . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . Přejmenování vrstvy . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . Přidávání vrstvy . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . Vkládání snímků . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . Vytvoření klíčového snímku . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . Přesouvání klíčového snímku . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . Uspořádání vrstev na časové ose . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . Vytváření složek pro vrstvy . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . Přidávání vrstev do složek vrstev . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .

24 24 26 27 27 27 28 29 29 29 30 30 31 32 33 34 36 37 37 38

3

K2060.indd 3

7.6.2013 15:51:33

Změna vzhledu časové osy. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . Inspektor Vlastnosti . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . Změna polohy objektu na vymezené ploše . . . . . . . . . . . . . . . . . . . . . Panel Nástroje . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . Výběr a použití nástroje . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . Vracení kroků v programu Flash . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . Náhled filmu . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . Změna obsahu a vymezené plochy. . . . . . . . . . . . . . . . . . . . . . . . . . . . . Změna velikosti vymezené plochy a jejího obsahu . . . . . . . . . . . . . . Ukládání filmu . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . Využití funkce automatického ukládání. . . . . . . . . . . . . . . . . . . . . . . . . Využití funkce automatického obnovení pro zálohování . . . . . . . . Ukládání dokumentu SFL . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . Úprava dokumentu XFL . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . Publikování filmu . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . Vyhledávání zdrojů pro aplikaci Flash . . . . . . . . . . . . . . . . . . . . . . . . . . Kontrola aktualizací . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .

39 40 40 43 43 47 48 49 50 51 51 52 53 53 54 56 57

PRÁCE S GRAFIKOU . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .60 Začínáme . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . Seznámení s tahy a výplněmi . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . Vytváření tvarů . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . Použití nástroje Obdélník . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . Použití nástroje Elipsa. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . Provádění výběrů . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . Výběr tahů a výplní . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . Úprava tvarů . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . Použití nástroje Volná transformace . . . . . . . . . . . . . . . . . . . . . . . . . . . . Použití příkazů Kopírovat a Vložit . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . Změna obrysů tvaru . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . Změna tahů a výplní . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . Použití přechodových a bitmapových výplní . . . . . . . . . . . . . . . . . . . Vytvoření barevných přechodů. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . Použití nástroje Transformace přechodu . . . . . . . . . . . . . . . . . . . . . . . . Přidání bitmapové výplně. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . Seskupování objektů . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 4

K2060.indd 4

62 62 63 63 63 64 64 64 65 65 66 66 68 68 70 71 71

OBSAH

7.6.2013 15:51:33

Vytváření vzorů a dekorací . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . Vytvoření symbolu pro vzor . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . Použití štětce Symetrie u nástroje Deco . . . . . . . . . . . . . . . . . . . . . . . . Zarovnávání objektů . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . Rozdělování a seskupování objektů . . . . . . . . . . . . . . . . . . . . . . . . . . . . Použití Dekorativního štětce u nástroje Deco . . . . . . . . . . . . . . . . . . . Použití štětce Květina u nástroje Deco . . . . . . . . . . . . . . . . . . . . . . . . . . Převod vektorového obrázku do bitmapového formátu . . . . . . . . . Tvorba křivek . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . Úprava křivek pomocí nástrojů Výběr a Dílčí výběr . . . . . . . . . . . . . . Odstraňování a přidávání kotevních bodů . . . . . . . . . . . . . . . . . . . . . . Vytváření průhledností . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . Úprava hodnoty alfa u výplně . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . Sladění barvy se stávajícím objektem . . . . . . . . . . . . . . . . . . . . . . . . . . Tvorba a úprava textu. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . Použití nástroje Text . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .

72 72 73 74 76 76 77 78 79 80 81 81 81 82 83 83

VYTVÁŘENÍ A ÚPRAVA SYMBOLŮ . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .86 Začínáme . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 88 Importování souborů aplikace Illustrator . . . . . . . . . . . . . . . . . . . . . . . 88 Seznámení se symboly . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 90 Symboly filmových klipů . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 92 Symboly tlačítek . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 92 Grafické symboly . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 92 Vytváření symbolů . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 93 Importování souborů aplikace Photoshop . . . . . . . . . . . . . . . . . . . . . . 94 Úprava a správa symbolů . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 96 Přidání složek a uspořádání knihovny . . . . . . . . . . . . . . . . . . . . . . . . . . 97 Úprava symbolů z knihovny . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 99 Úprava symbolu na místě . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 100 Rozdělení instance symbolu . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 101 Změna velikosti a umístění instancí . . . . . . . . . . . . . . . . . . . . . . . . . . . 102 Použití pravítek a vodítek . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 103 Změna barevného efektu instancí . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 105 Změna jasu . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 105 Změna průhlednosti . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 106 ADOBE FLASH PROFESSIONAL CS6 OFICIÁLNÍ VÝUKOVÝ KURZ

K2060.indd 5

5

7.6.2013 15:51:34

Pochopení možností zobrazení. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 107 Nastavení viditelnosti filmových klipů . . . . . . . . . . . . . . . . . . . . . . . . . 107 Efekty prolnutí . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 108 Možnost Exportovat jako bitmapu . . . . . . . . . . . . . . . . . . . . . . . . . . . . 108 Aplikování filtrů pro speciální efekty. . . . . . . . . . . . . . . . . . . . . . . . . . . 109 Aplikování filtru rozostření . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 109 Umisťování objektů v 3D prostoru. . . . . . . . . . . . . . . . . . . . . . . . . . . . . 110 Změna 3D Natočení objektu . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 111 Změna 3D pozice objektu . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 112 Obnovení původního natočení a polohy . . . . . . . . . . . . . . . . . . . . . . 113 Úběžný bod a úhel perspektivy . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 113 PŘIDÁVÁME ANIMACI . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 116 Začínáme . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 118 O animaci . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 118 Seznámení se souborem projektu . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 119 Animování polohy . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 120 Využití panelu Ovladač k náhledu animace . . . . . . . . . . . . . . . . . . . 122 Změna tempa a časování . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 123 Změna doby trvání animace . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 123 Přidávání snímků . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 124 Přesouvání klíčových snímků . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 125 Animování průhlednosti . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 125 Animování filtrů . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 128 Animování transformací . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 133 Změna cesty pohybu . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 136 Přesouvání cesty pohybu . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 137 Změna měřítka nebo natočení cesty . . . . . . . . . . . . . . . . . . . . . . . . . . 137 Upravování cesty pohybu . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 137 Orientace objektů podle cesty . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 138 Prohození cílů doplnění . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 139 Tvorba vnořených animací . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 140 Vytváření animací uvnitř symbolů filmových klipů . . . . . . . . . . . . . 140 Editor pohybu . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 142 Nastavení možností pro zobrazení Editoru pohybu . . . . . . . . . . . . 143

6

K2060.indd 6

OBSAH

7.6.2013 15:51:34

Změna hodnot vlastností . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 145 Vkládání klíčových snímků . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 146 Úprava klíčových snímků . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 147 Obnova hodnot a mazání vlastností . . . . . . . . . . . . . . . . . . . . . . . . . . . 147 Náběh a doběh . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 148 Nastavení náběhů a doběhů doplnění pohybu . . . . . . . . . . . . . . . . 148 Použití přednastavených náběhů a doběhů . . . . . . . . . . . . . . . . . . . 150 Animace 3D pohybu . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 154 Testování filmu . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 157 PROPOJENÝ POHYB A MORFOVÁNÍ . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 160 Začínáme . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 162 Propojený pohyb s inverzní kinematikou . . . . . . . . . . . . . . . . . . . . . . 162 Definování kostí . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 163 Vkládání pozic . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 167 Izolování rotací jednotlivých uzlů . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 169 Přidržení jednotlivých uzlů . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 170 Omezování spojů . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 171 Omezování otáčení spojů . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 171 Omezování posunutí spojů . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 174 Inverzní kinematika u tvarů . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 178 Definování kostí uvnitř tvaru . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 178 Úprava tvaru . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 180 Úprava kostí a armatury . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 182 Možnosti armatury . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 185 Vývojové a běhové armatury . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 185 Řízení náběhu a doběhu . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 186 Morfování pomocí doplnění tvarů. . . . . . . . . . . . . . . . . . . . . . . . . . . . . 189 Vytvoření klíčových snímků s různými tvary . . . . . . . . . . . . . . . . . . . 189 Aplikování doplnění tvaru . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 190 Pomocné body tvaru . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 192 Přidávání pomocných bodů tvaru . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 192 Odstraňování pomocných bodů tvaru . . . . . . . . . . . . . . . . . . . . . . . . . 194 Simulace fyzikálních jevů pomocí inverzní kinematiky . . . . . . . . . 195 Definování kostí v armatuře . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 195

ADOBE FLASH PROFESSIONAL CS6 OFICIÁLNÍ VÝUKOVÝ KURZ

K2060.indd 7

7

7.6.2013 15:51:34

Nastavení síly pružin pro jednotlivé kosti . . . . . . . . . . . . . . . . . . . . . 196 Vkládání dalších pozic . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 198 Přidání efektu tlumení . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 200 TVORBA INTERAKTIVNÍ NAVIGACE . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 202 Začínáme . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 204 O interaktivních filmech . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 204 Tvorba tlačítek . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 204 Vytvoření symbolu tlačítka . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 205 Duplikování tlačítek . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 209 Zaměňování bitmap . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 210 Rozmisťování instancí tlačítek . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 212 Pojmenování instancí tlačítek . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 214 Seznámení s jazykem ActionScript 3.0 . . . . . . . . . . . . . . . . . . . . . . . . . 215 O jazyku ActionScript . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 215 Terminologie skriptovacích jazyků . . . . . . . . . . . . . . . . . . . . . . . . . . . . 216 Používání správné syntaxe ve skriptech . . . . . . . . . . . . . . . . . . . . . . . 217 Práce s panelem Akce . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 218 Příprava časové osy . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 219 Přidávání akce stop . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 220 Vytváříme obsluhy událostí pro tlačítka . . . . . . . . . . . . . . . . . . . . . . . 220 Přidání posluchače události a funkce . . . . . . . . . . . . . . . . . . . . . . . . . . 221 Kontrola syntaxe a formátování kódu. . . . . . . . . . . . . . . . . . . . . . . . . . 223 Tvorba cílových klíčových snímků . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 224 Vkládání klíčových snímků s odlišným obsahem . . . . . . . . . . . . . . . 224 Popisy na klíčových snímcích . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 226 Tvorba tlačítka hlavní nabídky pomocí panelu Fragmenty kódu 228 Přidání další instance tlačítka . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 229 Použití panelu Fragmenty kódu k přidání kódu jazyka ActionScript. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 229 Možnosti fragmentů kódu . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 232 Vytváření vlastního fragmentu kódu . . . . . . . . . . . . . . . . . . . . . . . . . . 233 Sdílení fragmentu kódu . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 234 Přehrávání animace v cíli . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 235 Tvorba přechodových animací . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 235 Použití příkazu gotoAndPlay . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 238

8

K2060.indd 8

OBSAH

7.6.2013 15:51:34

Zastavování animací . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 238 Animovaná tlačítka . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 240 Tvorba animace v symbolu filmového klipu . . . . . . . . . . . . . . . . . . . 240 PRÁCE S TEXTEM . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 244 Začínáme . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 246 Pochopení textu TLF . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 247 Vnoření knihovny textového modulu TLF . . . . . . . . . . . . . . . . . . . . . . 248 Přidání jednoduchého textu . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 250 Přidání nadpisů . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 250 Tvorba svislého textu . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 253 Úprava znaků . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 254 Přidání sloupců . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 258 Úprava textového kontejneru . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 260 Použití pravítka karet TLF . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 261 Obtékání textu . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 262 Přidání grafiky . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 262 Navazování textových kontejnerů . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 264 Přidání obsahu do navázaných textových kontejnerů . . . . . . . . . . 267 Odstraňování a vkládání textových kontejnerů . . . . . . . . . . . . . . . . 268 Rozpojení a opětovné navázání textových kontejnerů . . . . . . . . . 270 Hypertextový odkaz v textu . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 272 Přidání hypertextového odkazu . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 272 Tvorba textu přijímajícího uživatelský vstup . . . . . . . . . . . . . . . . . . . 273 Přidání prvků statického textu . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 273 Přidání zobrazovacích polí . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 274 Vkládání písem . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 276 Pojmenování textových kontejnerů . . . . . . . . . . . . . . . . . . . . . . . . . . . 277 Změna obsahu textových kontejnerů . . . . . . . . . . . . . . . . . . . . . . . . . 278 Testování kalkulačky . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 280 Načítání externího textu . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 280 Pojmenování textových kontejnerů . . . . . . . . . . . . . . . . . . . . . . . . . . . 280 Vkládání písem . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 282 Načtení a zobrazení externího textu . . . . . . . . . . . . . . . . . . . . . . . . . . . 283


K2060.indd 9

9

7.6.2013 15:51:34

PRÁCE SE ZVUKEM A VIDEEM . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 290 Začínáme . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 292 Seznámení se souborem projektu . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 293 Používání zvuků . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 294 Importování zvukových souborů . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 294 Umisťování zvuků na časové ose . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 296 Přidávání snímků na časovou osu . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 298 Ořezání konce zvuku . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 298 Změna hlasitosti zvuku . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 301 Mazání a úpravy zvukového souboru. . . . . . . . . . . . . . . . . . . . . . . . . . 303 Nastavení kvality zvuků . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 303 Přidání zvuku do tlačítek . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 305 Video v dokumentu Flash . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 306 Aplikace Adobe Media Encoder . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 307 Přidání videosouboru do aplikace Adobe Media Encoder . . . . . . 307 Převod videosouborů do formátu Flash Video . . . . . . . . . . . . . . . . . 308 Možnosti kódování . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 310 Oříznutí videa . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 311 Úprava délky videa . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 314 Nastavování pokročilých možností zvuku a videa . . . . . . . . . . . . . . 315 Uložení pokročilých možností zvuku a videa . . . . . . . . . . . . . . . . . . . 317 Přehrávání externího videa. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 318 Ovládání přehrávání videa . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 321 Práce s videem a průhledností . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 322 Importování videoklipu . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 322 Použití startovacích bodů . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 325 Vkládání startovacích bodů . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 325 Detekování a reakce na startovací body . . . . . . . . . . . . . . . . . . . . . . . 327 Přidávání synchronizovaných prvků Flash . . . . . . . . . . . . . . . . . . . . . 330 Poslední úpravy . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 332 Vkládání videa Flash . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 333 Kódování videa určeného pro vložení . . . . . . . . . . . . . . . . . . . . . . . . . 334 Vložení videa na časovou osu . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 335 Používání vloženého videa . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 336

10

K2060.indd 10

OBSAH

7.6.2013 15:51:34

NAČÍTÁNÍ A OVLÁDÁNÍ OBSAHU FLASH . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 340 Začínáme . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 342 Načítání externího obsahu . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 344 Použití panelu Fragmenty kódu . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 348 Odstraňování externího obsahu . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 351 Ovládání filmových klipů . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 353 Vytváření masek . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 354 Definování masky a maskovaných vrstev . . . . . . . . . . . . . . . . . . . . . . 355 Vytvoření masky . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 357 PUBLIKOVÁNÍ DOKUMENTŮ FLASH . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 362 Začínáme . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 364 Testování dokumentu Flash . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 365 Seznámení s publikováním . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 367 Publikování filmu pro web . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 367 Specifikace nastavení souboru Flash . . . . . . . . . . . . . . . . . . . . . . . . . . 367 Zjišťování verze přehrávače Flash Player . . . . . . . . . . . . . . . . . . . . . . . 370 Změna nastavení zobrazení . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 371 Změna nastavení přehrávání . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 374 Seznámení s profilováním šířky pásma . . . . . . . . . . . . . . . . . . . . . . . . 374 Zobrazení Profilování šířky pásma . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 374 Testování výkonu stahování . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 375 Přidávání metadat . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 376 Publikování desktopové aplikace . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 378 Vytvoření projektoru . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 378 Vytváření aplikace AIR . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 380 Instalace aplikace AIR . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 384 Publikování pro mobilní zařízení . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 385 Simulace mobilní aplikace . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 385 Organizace projektů . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 389 Založení nového projektu . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 389 Sdílení symbolů z Knihovny . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 390 Úprava symbolů ze sdílené knihovny . . . . . . . . . . . . . . . . . . . . . . . . . . 392 Další kroky . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 392 REJSTŘÍK . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 395


K2060.indd 11

11

7.6.2013 15:51:34

K2060.indd 12

7.6.2013 15:51:35

PRACOVNÍ SOUBORY K JEDNOTLIVÝM LEKCÍM Pracovní soubory k jednotlivým lekcím knihy Adobe Flash Professional CS6: Oficiální výukový kurz si můžete stáhnout z adresy http://knihy.cpress.cz/K2060 po klepnutí na odkaz Soubory ke stažení. Naleznete tam všechny soubory, jež jsou potřebné k vypracování cvičení v této knize, a dále užitečné odkazy na další výukový materiál v anglickém jazyce, který vám usnadní práci s programem Adobe Flash Professional CS6.

Soubory z jednotlivých lekcí Každá lekce má svou vlastní složku ve složce Lekce. Tyto složky s lekcemi je potřeba před zahájením studia stáhnout z výše uvedené internetové adresy.

Internetové zdroje Uvnitř souboru HTML naleznete odkazy na nápovědu Adobe Community Help, nápovědu k produktu, stránky podpory, Adobe Press, programy certifikace Adobe, Adobe TV a na další užitečné internetové zdroje. Stačí otevřít soubor v internetovém prohlížeči a klepnout na odkazy, mezi nimiž je i speciální odkaz na produkt z této knihy, kde naleznete aktualizace a bonusový materiál.

K2060.indd 13

7.6.2013 15:51:35

K2060.indd 14

7.6.2013 15:51:36

ZAČÍNÁME Aplikace Adobe Flash Professional CS6 nabízí komplexní vývojové prostředí pro tvorbu interaktivních a datově náročných aplikací. Aplikace Flash je široce rozšířená technologie používaná především k tvorbě poutavých projektů zahrnujících video, zvuk, grafiku či animace. V této aplikaci můžete svůj originální obsah přímo vytvářet nebo do ní můžete importovat zdroje z jiných aplikací společnosti Adobe, jako jsou Photoshop či Illustrator, v rychlosti navrhnout nějaké animace nebo multimedia a pomocí jazyka Adobe ActionScript 3.0 do nich následně zaintegrovat důmyslnou interaktivitu. Aplikaci Flash můžete využít k vytváření pokrokových a působivých webových stránek, k tvorbě samostatných aplikací pro váš stolní počítač nebo aplikací určených pro mobilní zařízení se systémem Android nebo iOS. Díky rozsáhlé sadě ovládacích prvků animací, intuitivním a flexibilním kreslícím nástrojům a výkonnému objektově orientovanému kódovacímu jazyku aplikace Flash nabízí ojedinělé robustní prostředí, které promění vaše představy ve skutečnost.

O knize Kniha, kterou držíte v ruce, je součástí oficiální výukové řady zaměřené na grafický a publikační software společnosti Adobe, která byla vyvinuta ve spolupráci s jejími produktovými odborníky. Jednotlivé lekce jsou navrženy tak, abyste je mohli procházet svým vlastním tempem. Pokud s aplikací Flash teprve začínáte, naučíte se zde základní pojmy a funkce nezbytné k používání programu. Kromě toho vám v této knize představíme také celou řadu pokročilých funkcí, včetně rad a postupů týkajících se nejnovější verze této aplikace.

Co je nového Lekce v této knize nabízejí příležitost k využití některých nových funkcí a zlepšení, která aplikace Flash Professional CS6 přinesla, jako jsou například:

•

Zdokonalený panel Dokument (Document) umožňující rychlejší přístup k nastavení dokumentu.

• • •

Efektní ovládací prvky pro správu vrstev.

•

Dodatečné možnosti pro symboly jako Převést na bitmapu (Convert to Bitmap) a Exportovat jako bitmapu (Export as Bitmap), které umožňují lepší kontrolu nad manipulací s grafikou.

•

Výstup animací v podobě přehledu pohyblivých symbolů (tzv. Sprite sheet) nebo sekvencí PNG podporujících alternativní přístupy k animaci.

•

Nová funkce pro inverzní kinematiku s názvem Přidržení (Pinning), umožňující jemnější ovládání armatur.

Změna velikosti vymezené plochy zaručující proporcionální změnu veškerého jejího obsahu. Nové funkce Automatické ukládání (Auto-Save) a Automatická obnova (Auto-Recovery), které vám ulehčí od starostí s potencionální ztrátou dat v případě pádu aplikace.


K2060.indd 15

15

7.6.2013 15:51:36

• •

Pravítko tabulátorů pro text TLF sloužící k umístění textu s precizním rozvržením.

•

Dodatečné fragmenty kódu dostupné z panelu Fragmenty kódu (Code Snippets), spousta z nichž slouží zejména k interakci mobilních zařízení.

• • •

Ještě efektivnější dialogové okno Nastavení publikování (Publish Settings).

•

Simulátor interakce mobilního zařízení umožňující vyzkoušení gest, jako je shrnutí či přejetí prstem přímo v aplikaci Flash.

•

Mnoho dalších dílčích vylepšení funkcí a celkově lepší výkon.

Vylepšený panel Fragmenty kódu (Code Snippets) představující rychlý vizuální způsob použití kódu na objekty na vymezené ploše.

Lepší průběh práce při sdílení zdrojů v rámci většího počtu souborů FLA. Vylepšené rozhraní aplikace Adobe Media Encoder pro efektivnější zpracování vašich mediálních souborů.

Předpoklady pro používání knihy Dříve, než se pustíte do četby, ujistěte se, že je váš systém správně nastaven a že jste si nainstalovali potřebný software. V rámci této knihy se předpokládá pracovní znalost počítače a operačního systému. Měli byste umět pracovat s myší i se standardními nabídkami a příkazy a kromě toho byste měli také vědět, jak otevírat, ukládat a zavírat soubory. Potřebujete-li si tyto dovednosti osvěžit, projděte si tištěnou či online dokumentaci, která je součástí vašeho operačního systému (ať už Microsoft Windows, či Apple Mac OS).

Instalace aplikace Flash Aplikaci Adobe Flash CS6 si musíte zakoupit buď jako samostatnou aplikaci, nebo jako součást balíku Adobe Creative Suite. Přitom minimální požadovaná konfigurace vašeho počítače zahrnuje následující specifikace:

Windows • Procesor Intel Pentium 4, Intel Centrino, Intel Xeon či Intel Core TM Duo (nebo jiný kompatibilní procesor)

• • • • • • •

16

K2060.indd 16

Microsoft Windows XP s aktualizací Service Pack 3 nebo Windows 7 Minimálně 2 GB paměti RAM (doporučeno 3 GB) Monitor s rozlišením 1024 × 768 2,5 GB volného místa na pevném disku (další volné místo je nutné při instalaci) Internetové připojení potřebné k aktivaci produktu Přehrávač QuickTime 7.x potřebný pro multimediální funkce a importované sekvence PNG Rozhraní DirectX verze 9.0c nebo vyšší

ZAČÍNÁME

7.6.2013 15:51:36

Mac OS • Vícejádrový procesor Intel • Mac OS X verze 10.6.x či 10.7.x • Minimálně 2 GB paměti RAM (doporučeno 3 GB) • Monitor s rozlišením 1024 × 768 • 2,5 GB volného místa na pevném disku (další volné místo je nutné při instalaci) • Internetové připojení potřebné k aktivaci produktu • Přehrávač QuickTime 7.x potřebný pro multimediální funkce a importované sekvence PNG Aktuální požadavky na systém a veškeré instrukce týkající se instalace programu jsou k dispozici na webové stránce http://www.adobe.com/cz/products/flash/tech-specs.html. Aplikaci Flash je nutné nainstalovat z DVD nebo z obrazu disku staženého ze stránek společnosti Adobe na pevný disk. Přímo z instalačního disku ji spustit nelze. Při instalaci se řiďte pokyny na obrazovce. Před zahájením instalace se ujistěte, že máte k dispozici sériové číslo. Obvykle jej naleznete na zadní straně obalu instalačního DVD nebo jej obdržíte e-mailem, pokud jste si aplikaci Flash stáhli ze stránek společnosti Adobe.

Kopírování souborů k lekcím Lekce v této knize využívají jisté zdrojové soubory, jako jsou obrázky vytvořené v aplikaci Adobe Illustrator, videa z programu Adobe After Effects, zvukové nahrávky a předem připravené flashové animace. Abyste si mohli lekce v této knize projít, musíte si soubory z přiloženého CD (které najdete uvnitř knihy na jejím zadním obalu) zkopírovat na svůj pevný disk. Při kopírování postupujte následovně: 1 Na pevném disku si nejprve na příhodném místě vytvořte složku FlashProCS6_OVK.

•

Windows: Ve Windows 7 nebo Vista klepněte pravým tlačítkem a vyberte příkaz Nový (New) → Složka (Folder). Následně složku pojmenujte.

•

Mac OS: V aplikaci Finder zvolte příkaz Soubor (File) → Nová složka (New Folder). Zadejte název složky a pak ji přetáhněte na místo, kde si ji přejete uložit.

Nyní již můžete na svůj pevný disk překopírovat zdrojové soubory. 2 Složku Lekce (obsahující složky Lekce01, Lekce02 atd.) přetáhněte z přiloženého CD na svůj pevný disk do nově vytvořené složky FlashProCS6_OVK. Pokaždé, když budete začínat novou lekci, přejděte do složky s příslušným názvem, kde najdete veškeré zdroje, ukázkové filmy a ostatní projektové soubory nezbytné k jejímu dokončení. Máte-li na svém počítači omezený úložný prostor, můžete si jednotlivé lekce kopírovat až v momentě, kdy je budete potřebovat, a průběžně je zase mazat, až je dokončíte. Některé lekce vycházejí z předchozích lekcí. V takových případech máte u navazující lekce či projektu k dispozici také výchozí soubor projektu původního. Dokončené projekty si ukládat nemusíte, pokud sami nechcete nebo pokud máte na pevném disku omezený prostor.


K2060.indd 17

17

7.6.2013 15:51:36

Kopírování ukázkových filmů a projektů V některých lekcích budete vytvářet a publikovat animační soubory SWF. Ukázky dokončených projektů z jednotlivých lekcí najdete ve složkách, jejichž jméno končí řetězcem Výsledný (01Výsledný, 02Výsledný atd.) a které se nacházejí ve složkách jednotlivých lekcí. Tyto soubory můžete použít pro referenci, budete-li chtít svůj rozpracovaný projekt porovnat s projektovými soubory použitými k vytvoření ukázkových filmů. Velikost těchto souborů se do značné míry liší a pohybuje se od relativně malých až po projekty o velikosti několika megabytů. Máte-li dostatečný prostor na svém pevném disku, můžete si je zkopírovat všechny naráz, pokud ne, můžete si dle potřeby zkopírovat pouze výsledný projektový soubor probírané lekce a po jejím dokončení jej opět smazat.

Práce s lekcemi Jednotlivé lekce této knihy popisují krok za krokem postup při vytváření jednoho či více konkrétních prvků skutečného projektu. Přestože některé lekce vycházejí z projektů vytvořených v předchozích kapitolách, ve většině z nich se vytvářejí samostatné projekty. Na druhou stranu však jednotlivé lekce vycházejí z předpokladu znalosti pojmů a dovedností probíraných v těch předchozích. Nejlepší je tedy lekce procházet popořadě jednu za druhou, a to také proto, že jsou některé techniky a postupy podrobně vysvětleny a popsány pouze při několika prvních použitích. Jednotlivé lekce jsou uspořádány spíše podle projektů než podle funkcí. To znamená například to, že se symboly nebudete pracovat pouze v jedné kapitole, ale hned v několika různých lekcích při vytváření skutečných návrhových projektů.

Další zdroje informací Tato kniha nemá za cíl nahradit dokumentaci dodávanou k programu Flash CS6 ani se stát vyčerpávající příručkou k veškerým funkcím. Jejím cílem je objasnit pouze ty příkazy a volby, které se používají v jednotlivých lekcích. Ucelenější informace o funkcích a výukových programech najdete v následujících zdrojích: Nápověda komunity Adobe: Nápověda komunity svádí dohromady aktivní uživatele produktů společnosti Adobe, členy produktových týmů společnosti Adobe, autory a odborníky, kteří vám poskytnou ty nejužitečnější, nejrelevantnější a neaktuálnější informace o produktech společnosti. Jak přistupovat k Nápovědě komunity: Pro vyvolání nápovědy stiskněte klávesu F1 nebo zvolte možnost Nápověda (Help) → Nápověda programu Flash (Flash Help). Obsah Adobe je aktualizován v závislosti na zpětné vazbě a příspěvcích této komunity. Také vy do ní můžete přispívat, a to buď přidáváním komentářů k obsahu či diskuzím na fóru (včetně odkazů na obsah na webu), publikováním vlastního obsahu pomocí aplikace Community Publishing anebo přidáváním vlastních receptů do Kuchařky nápadů (Cookbook Recipes). Bližší informace k příspěvkům najdete na webové stránce www.adobe.com/cz/community/publishing/ download.html. Odpovědi na často kladené dotazy vztahující se k Nápovědě komunity najdete na webové stránce http://community.adobe.com/help/profile/faq.html.

18

K2060.indd 18

ZAČÍNÁME

7.6.2013 15:51:36

Centrum nápovědy a podpory Adobe Flash CS6 Professional (viz www.adobe.com/cz/support/ flash) je místo, kde si můžete procházet nápovědu a podporu obsažené na webu společnosti Adobe. Diskusní fóra Adobe (viz http://forums.adobe.com) vám umožňují nejen si vyměňovat zkušenosti, ale také klást otázky týkající se produktů společnosti Adobe a dostávat na ně odpovědi. Adobe TV (viz http://tv.adobe.com) je online zdroj videí obsahujících odborné instrukce a inspiraci k produktům společnosti Adobe, včetně kanálu „Jak na to“ (How To), který vám pomůže s vaším produktem začít. Adobe Design Center (viz www.adobe.com/designcenter) nabízí promyšlené články na téma návrhu a problémů s ním spojených, galerii prací prvotřídních designérů, výuková videa a další materiály. Adobe Developer Connection (viz www.adobe.com/devnet) je vaším zdrojem technických článků, ukázek zdrojového kódu a videí „Jak na to“ pokrývajících vývojové produkty a technologie společnosti Adobe. Zdroje informací pro vzdělávání (viz www.adobe.com/cz/education) nabízí bohatý zdroj informací pro školitele, kteří vyučují kurzy o softwaru společnosti Adobe. Najdete zde řešení vzdělávání pro všechny úrovně, včetně bezplatných vzdělávacích plánů založených na integrovaném přístupu k výuce softwaru Adobe, které lze uplatnit v přípravě na zkoušky pro Certifikovaného zástupce společnosti Adobe. Dále se vám také mohou hodit následující odkazy: Adobe Marketplace & Exchange (viz www.adobe.com/cfusion/exchange) je centrální zdroj pro hledání nástrojů, služeb, rozšíření, ukázek zdrojového kódu a dalších inovací doplňujících a rozšiřujících produkty společnosti Adobe. Domovská stránka produktu Adobe Flash Professional CS6 (viz www.adobe.com/products/ flash). Adobe Labs (viz http://labs.adobe.com) vám nabízí přístup ke starším verzím nejmodernějších technologií i do diskuzních fór, kde můžete komunikovat jak s vývojovými týmy společnosti Adobe, které danou technologii vyvíjejí, tak také s dalšími podobně smýšlejícími členy komunity.

Certifikace od společnosti Adobe Školicí a certifikační programy společnosti Adobe jsou navržené tak, aby zákazníkům a lektorům pomohly zdokonalit jejich odborné dovednosti v rámci jednoho či více produktů společnosti Adobe a pozvedly je na vyšší úroveň. Existují čtyři úrovně certifikace:

• • • •

Certifikovaný zástupce společnosti Adobe (Adobe Certified Associate – ACA) Certifikovaný expert společnosti Adobe (Adobe Certified Expert – ACE) Certifikovaný instruktor společnosti Adobe (Adobe Certified Instructor – ACI) Autorizované školicí centrum společnosti Adobe (Adobe Authorized Training Center – AATC)

Osvědčení Certifikovaný zástupce společnosti Adobe potvrzuje, že daná osoba ovládá základní dovednosti nezbytné pro plánování, navrhování, budování a udržování efektivní komunikace pomocí nejrůznějších forem digitálních médií.


K2060.indd 19

19

7.6.2013 15:51:36

Program s názvem Certifikovaný expert společnosti Adobe poskytuje zkušeným uživatelům možnost k obohacení životopisu. Tuto certifikaci můžete použít k rychlejšímu povýšení v zaměstnání, nalezení práce či propagaci vlastní odborné kvalifikace. Pokud se z vás stane instruktor pro úroveň ACE, pak pomocí programu s názvem Certifikovaný instruktor společnosti Adobe dostanete své dovednosti na další úroveň a získáte přístup k pestré škále zdrojů společnosti Adobe. Autorizovaná školicí centra společnosti Adobe nabízejí kurzy a školení vedené instruktory z oblasti produktů společnosti Adobe, přičemž zaměstnávají pouze své vlastní certifikované instruktory. Katalog těchto center je k dispozici na adrese http://partners.adobe.com. Více informací ohledně certifikačních programů společnosti Adobe najdete na webové stránce www.adobe.com/support/certification/main.html.

20

K2060.indd 20

ZAČÍNÁME

7.6.2013 15:51:36

K2060.indd 21

7.6.2013 15:51:36

1

PRVOTNÍ SEZNÁMENÍ

Obsah lekce V této lekci se naučíte následující:

• • • • • • • • • • •



Vytvářet nové soubory v aplikaci Flash Upravovat nastavení vymezené plochy a vlastnosti dokumentu Přidávat vrstvy na časovou osu Spravovat klíčové snímky na časové ose Pracovat s importovanými obrázky v panelu Knihovna (Library) Posouvat a přemisťovat objekty na vymezené ploše Otevírat panely a pracovat s nimi Vybírat a používat nástroje v panelu Nástroje (Tools) Zobrazovat náhled animací Flash Ukládat soubory Flash Přistupovat k online zdrojům aplikace Flash

K dokončení této lekce budete potřebovat nejvýše jednu hodinu. Z CD přiloženého ke knize si zkopírujte složku Lekce01 na svůj pevný disk, pokud ji tam dosud nemáte.

22

K2060.indd 22

7.6.2013 15:51:36

V aplikaci Flash se veškerý děj odehrává na vymezené ploše, časová osa slouží k uspořádání snímků a vrstev a ostatní panely pak umožňují další úpravy a ovládání vytvořeného projektu.


K2060.indd 23

23

7.6.2013 15:51:36

Spuštění programu Flash a otevření souboru Při prvním spuštění aplikace Flash uvidíte uvítací obrazovku s odkazy na standardní šablony souborů, výuková videa a další zdroje. V této lekci vytvoříte jednoduchou animaci předvádějící několik snímků z dovolené. Do projektu přidáte fotografie a nápis a přitom se dozvíte něco málo o umisťování prvků na vymezenou plochu a jejich rozmisťování podél časové osy. Je důležité, abyste pochopili, že vymezená plocha slouží k prostorovému uspořádání vizuálních prvků, zatímco v časové ose je organizujete podle časového hlediska. 1 Spusťte aplikaci Adobe Flash Professional CS6, což lze ve Windows provést například zvolením položky Adobe Flash CS6 v nabídce Start → Všechny programy (All Programs) a v Mac OS poklepáním na ikonu Adobe Flash Professional CS6 ve složce Applications nebo v panelu Dock. 2 V nabídce Soubor (File) zvolte příkaz Otevřít (Open), v dialogovém okně Otevřít vyberte soubor 01_výsledný.swf umístěný ve složce Lekce01\01Výsledný, klepněte na tlačítko Otevřít (Open) a prohlédněte si výsledný projekt. 3 Zvolte příkaz Soubor (File) → Náhled publikování (Publish Preview) → HTML. Flash vytvoří potřebné soubory (HTML a SWF), aby mohl dokončenou animaci přehrát ve výchozím prohlížeči. Spustí se animace, ve které se postupně objeví několik překrývajících se fotografií a nakonec ještě nápis. 4 Zavřete prohlížeč.  Poznámka: Aplikaci Flash můžete spustit také poklepáním na soubor Flash (*.fla nebo *.xfl), jako je

například soubor 01_výsledný.fla, který obsahuje dokončený projekt.  Poznámka: Pokud ve vašem počítači chybí písmo použité ve výsledném projektu, aplikace Flash zob-

razí výstražné dialogové okno. Pokud chcete, můžete si zvolit nějaké náhradní písmo nebo jen kliknout na možnost Zvolit výchozí (Use Default) a aplikace Flash písmo vybere automaticky.

Vytváření nového dokumentu Vytváření jednoduché animace, kterou jste si právě zobrazili v náhledu, zahájíme otevřením nového dokumentu. 1 V nabídce Soubor (File) zvolte příkaz Nový (New). Otevře se dialogové okno Nový dokument (New Document). 2 V záložce Všeobecné (General) zvolte možnost ActionScript 3.0. ActionScript 3.0 je nejnovější verzí skriptovacího jazyka aplikace Flash, pomocí něhož budete svým animacím přidávat interaktivitu. V této lekci sice s jazykem ActionScript pracovat nebudeme, ale i přesto je potřeba vybrat verzi, se kterou bude váš soubor kompatibilní. Vybráním

24

K2060.indd 24

LEKCE 1


7.6.2013 15:51:36

verze ActionScript 3.0 vytvoříte nový dokument, který bude nakonfigurován k přehrávání v prohlížeči (jako je například Chrome, Safari nebo Firefox) pomocí přehrávače Flash Player. Další možnosti v této záložce pak slouží k přehrávání v alternativním prostředí. Například AIR for Android a AIR for iOS vytvářejí nové dokumenty nakonfigurované k přehrávání v aplikaci AIR na Androidu nebo na mobilním zařízení značky Apple.

3 Na pravé straně dialogového okna můžete nastavit rozměry vymezené plochy v obrazových bodech přiřazením nových hodnot parametrům Šířky (Width) a Výšky (Height). Vložte hodnotu 800 pro šířku a 600 pro výšku. Jednotky pravítka (Ruler units) ponechejte nastavené na možnost obrazových bodů. Kmitočet snímků (Frame rate) a Bar vu pozadí (Background colour) vymezené plochy ponechejte v jejich výchozím nastavení. Jak se dozvíte později v této lekci, tyto vlastnosti dokumentu můžete kdykoliv změnit.


K2060.indd 25

25

7.6.2013 15:51:36

4 Klepněte na tlačítko OK. Aplikace Flash vytvoří nový soubor v jazyku ActionScript 3.0 s použitím veškerých specifikovaných nastavení. 5 V nabídce Soubor (File) zvolte příkaz Uložit (Save), soubor pojmenujte 01_pracovníkopie.fla a v rozevírací nabídce Formát/Uložit jako typ (Format/Save as Type) zvolte možnost Dokument Flash CS6 (*.fla). Soubor následně uložte do složky 01Původní. Okamžité uložení souboru je dobrým pracovním návykem, díky němuž máte jistotu, že vaše práce nebude v případě pádu aplikace nebo systému ztracena. Svůj soubor Flash byste měli vždy ukládat s příponou .fla, která určuje, že se jedná o zdrojový soubor aplikace Flash.  Poznámka: Pro jednoduché projekty, jako je například animace vytvářená v rámci této lekce, stačí vytvořit jediný dokument FLA. Pokud se však jedná o komplexnější projekty, které vyžadují spolupráci více tvůrců, anebo o projekty určené pro přehrávání v různých prostředích (např. na stolním počítači a v telefonu), je lepší použít při jejich vytváření panel Project (Projekt), který otevřete zadáním příkazu Okno (Window) → Projekt (Project) a který vám pomůže s organizací většího množství zdrojů. O panelu Projekt (Project) se dozvíte více v lekci 10 s názvem „Publikování dokumentů Flash“.

Seznámení s pracovní plochou V horní části pracovní plochy aplikace Adobe Flash Professional se nacházejí příkazové nabídky a pestrá škála nástrojů a panelů sloužících k úpravě a přidávání prvků do filmu. Všechny objekty, které budete potřebovat do své animace, si buď můžete vytvořit přímo v aplikaci Flash, nebo můžete importovat prvky, které jste si vytvořili v aplikacích Adobe Illustrator, Adobe Photoshop, Adobe After Effects nebo jiném kompatibilním programu. Ve výchozím nastavení se v aplikaci Flash zobrazuje řádek nabídek, časová osa, vymezená plocha, panel Nástroje (Tools), inspektor Vlastnosti (Properties) a několik dalších panelů. Při práci v této aplikaci si můžete otevírat, zavírat, ukotvovat, uvolňovat a přesouvat panely po obrazovce tak, aby vyhovovaly vašemu pracovnímu stylu nebo případně rozlišení monitoru.

Panel Nástroje (Tools)

Vrstvy

26

K2060.indd 26

Vymezená plocha

LEKCE 1

Časová osa

Inspektor Vlastnosti (Properties)


7.6.2013 15:51:36

Výběr nové pracovní plochy Aplikace Flash nabízí několik přednastavených rozložení panelů, která mohou lépe vyhovovat potřebám některých uživatelů. Tato odlišná rozvržení pracovní plochy najdete v rozevírací nabídce v pravém horním rohu pracovní plochy nebo v nabídce Okno (Window) → Pracovní plocha (Workspace). 1 V pravém horním rohu pracovní plochy klepněte na tlačítko Základní (Essentials) a vyberte některou z ostatních předdefinovaných pracovních ploch. Uspořádání a velikost jednotlivých panelů se liší v závislosti na jejich důležitosti pro konkrétního uživatele. Například pracovní plochy Animátor (Animator) a Návrhářská (Designer) mají časovou osu umístěnou v horní části, kde je k ní při častém použití jednodušší přístup. 2 Pokud jste některé z panelů přemístili a chcete se vrátit k přednastavené pracovní ploše, vyberte příkaz Okno (Window) → Pracovní plocha (Workspace) → Obnovit (Reset) „název přednastavené pracovní plochy“. 3 Pro návrat k výchozí pracovní ploše stačí klepnout na příkaz Okno (Window) → Pracovní plocha (Workspace) → Základní (Essentials). V této knize budeme používat právě tuto Základní pracovní plochu.

Ukládání pracovní plochy Pokud najdete určité uspořádání panelů, které více vyhovuje vašemu pracovnímu stylu, můžete si jej uložit a následně se k němu kdykoli v budoucnu vrátit. 1 V pravém horním rohu pracovní plochy klepněte na tlačítko Základní (Essentials) a vyberte možnost Nová pracovní plocha (New workspace). Objeví se dialogové okno se stejným názvem. 2 Zadejte název nové pracovní plochy a klepněte na tlačítko OK. Aplikace Flash uloží aktuální rozložení panelů. Vaše pracovní plocha se přidá do seznamu možností v rozevírací nabídce Pracovní plocha (Workspace), kterou máte neustále k dipozici.

Vymezená plocha Velkému bílému obdélníku uprostřed obrazovky se říká vymezená plocha. Vymezená plocha v programu Flash je v podstatě divadelní scéna, kterou diváci při přehrávání filmu uvidí. Obsahuje text, obrázky a video, které se mají objevit na obrazovce. Přesunutím prvků na vymezenou plochu či jejich odstraněním v podstatě určujete, zda je diváci uvidí či nikoliv. Pro snadnější ADOBE FLASH PROFESSIONAL CS6 OFICIÁLNÍ VÝUKOVÝ KURZ

K2060.indd 27

27

7.6.2013 15:51:37

umístění položek na vymezené ploše pak můžete využít pravítka [Zobrazit (View) → Pravítka (Rulers)] či mřížky [Zobrazit (View) → Mřížka (Grid) → Zobrazovat mřížku (Show Grid)]. Kromě toho můžete použít také panel Zarovnat (Align) či další nástroje, o kterých se více dozvíte v jednotlivých lekcích této knihy. Ve výchozím stavu uvidíte kolem vymezené plochy šedou oblast, kam můžete umisťovat prvky, které nebudou pro vaše publikum viditelné. Této šedé oblasti se říká pracovní plocha. Chcete-li vidět jen vymezenou plochu, zrušte v nabídce Zobrazit (View) výběr možnosti Pracovní plocha (Pasteboard). Prozatím však ponechte tuto možnost vybranou. Chcete-li upravit velikost vymezené plochy tak, aby vyplnila celé aplikační okno, zvolte v nabídce Zobrazit (View) → Zvětšení (Magnification) možnost Do celého okna (Fit in Window). Kromě toho můžete také k přenastavení možnosti zobrazení použít rozevírací nabídku nad vymezenou plochou.

Změna vlastností vymezené plochy Nyní se naučíme měnit barvu vymezené plochy. Tu můžete podobně jako další vlastnosti dokumentu, jako jsou rozměry vymezené plochy či kmitočet snímků, měnit v inspektoru Vlastnosti (Properties), což je svislý panel po pravé straně vymezené plochy. 1 V dolní části inspektoru Vlastnosti (Properties) si můžete všimnout, že aktuální rozměry vymezené plochy jsou 800 × 600 obrazových bodů, přesně podle vašeho nastavení při vytváření tohoto dokumentu. 2 Klepněte na tlačítko Barva pozadí (Background color) a ze zobrazené barevné palety vyberte novou barvu vymezené plochy. Zvolte tmavě šedou barvu (#333333). Vaše vymezená plocha má nyní odlišnou barvu. Vlastnosti vymezené plochy můžete měnit kdykoliv.

28

K2060.indd 28

LEKCE 1


7.6.2013 15:51:37

Práce s panelem Knihovna K panelu Knihovna (Library) se dostanete pomocí záložky umístěné po pravé straně inspektoru Vlastnosti (Properties). Tento panel slouží k ukládání a organizování nejen symbolů vytvořených aplikací Flash, ale také nejrůznějších importovaných souborů, jako jsou bitmapy, grafiky, zvukové soubory či videoklipy. Symboly jsou v podstatě často používané grafické prvky, které se používají při vytváření animací či interaktivity.  Poznámka: O symbolech se dozvíte více v lekci 3 s názvem „Tvorba a úprava symbolů“.

O panelu Knihovna Panel Knihovna (Library) umožňuje uspořádání jednotlivých položek do složek, ověření počtu použití daného prvku v dokumentu či setřídění položek podle typu. Při importování položek do aplikace Flash se můžete rozhodnout, zda je chcete importovat přímo na vymezenou plochu nebo do knihovny. Přitom se však každá položka, kterou importujete na vymezenou plochu, automaticky přidá také do knihovny, podobně jako každý symbol, který vytvoříte. Díky tomu pak můžete k těmto položkám snadno přistupovat, opětovně je přidávat na vymezenou plochu, upravovat je nebo zobrazovat jejich vlastnosti. Pro zobrazení panelu Knihovna (Library) použijte příkaz Okno (Window) → Knihovna (Library) nebo stiskněte kombinaci kláves Ctrl+L (Windows) nebo Command+L (Mac).

Importování položky do panelu Knihovna Často budete vytvářet grafické prvky přímo pomocí kreslicích nástrojů programu Flash a ukládat je jako symboly, které se uchovávají v knihovně. Jindy budete importovat média, například obrázky typu JPEG nebo zvukové soubory MP3, která se také ukládají do knihovny. V této lekci naimportujete do knihovny několik obrázků typu JPEG, které následně použijete při vytváření animace. 1 Zvolte příkaz Soubor (File) → Importovat (Import) → Importovat do knihovny (Import to Library). V dialogovém okně Importovat do knihovny (Import to Library) přejděte do složky Lekce01\01Původní, vyberte soubor pozadí.jpg a klepněte na tlačítko Otevřít (Open). 2 Aplikace Flash naimportuje zvolený obrázek typu JPEG a umístí jej do panelu Knihovna (Library). 3 Stejným způsobem importujte ze složky 01Původní také soubory foto1.jpg, foto2.jpg a foto3.jpg. Poslední obrázek foto4.jpg zatím neimportujte. Ten použijete až později v této lekci. Podržíte-li klávesu Shift, můžete označit více souborů a následně je všechny importovat najednou.


K2060.indd 29

29

7.6.2013 15:51:37

4 Panel Knihovna zobrazí všechny importované obrázky typu JPEG s odpovídajícími názvy souborů a miniaturními náhledy. Tyto obrázky jsou nyní připravené k použití ve vašem dokumentu Flash.

Přidání položky z panelu Knihovna na vymezenou plochu Importovaný obrázek použijete tak, že jej jednoduše přetáhnete z panelu Knihovna (Library) na vymezenou plochu. 1 Pokud není panel Knihovna (Library) otevřen, otevřete jej zadáním příkazu Okno (Window) → Knihovna (Library). 2 V panelu Knihovna vyberte položku pozadí.jpg. 3 Položku pozadí.jpg přetáhněte na vymezenou plochu a umístěte ji přibližně do jejího středu.

 Poznámka: Chcete-li obrázek importovat do knihovny a zároveň jej také vložit na vymezenou plochu,

můžete použít příkaz Soubor (File) → Importovat (Import) → Importovat na plochu (Import to Stage) nebo klávesovou zkratku Ctrl+R (Windows), případně Command+R (Mac).

Časová osa Časová osa je umístěna pod vymezenou plochou. Stejně jako u filmu se i v dokumentech Flash měří čas ve snímcích. Při přehrávání filmu se přehrávací hlava (znázorněná svislou červenou čárou) posouvá přes jednotlivé snímky na časové ose, jejichž obsah můžete měnit na vymezené ploše. Chcete-li zobrazit obsah některého snímku na vymezené ploše, stačí na něj přesunout přehrávací hlavu. Ve spodní části časové osy se zobrazuje číslo zvoleného snímku, aktuální kmitočet snímků (kolik snímků se přehraje za sekundu) a čas uplynulý od začátku filmu.

30

K2060.indd 30

LEKCE 1


7.6.2013 15:51:37

Aktuální snímek

Kmitočet snímků Uplynulý čas

Časová osa obsahuje také vrstvy, které vám pomáhají s uspořádáním kreseb v dokumentu. V tento okamžik má váš projekt jen jednu vrstvu, která se nazývá Vrstva 1 (Layer 1). Vrstvy si můžete představit jako několik filmových pásů naskládaných na sobě. Každá vrstva může obsahovat jiný obrázek, který se objeví na vymezené ploše, přičemž můžete kreslit a upravovat objekty v jedné vrstvě, aniž by to mělo vliv na jinou vrstvu. Uspořádání vrstev určuje jejich překrývání. To znamená, že objekty ve spodní vrstvě jsou na vymezené ploše umístěny úplně vespod. Jednotlivé vrstvy můžete skrývat, zamykat nebo zobrazovat jejich obsah v podobě obrysů, a to tak, že v nich klepnete na příslušné tečky umístěné pod ikonou možností vrstvy. Zobrazit/Skrýt vrstvu Zamknout/Odemknout vrstvu Název vrstvy

Zobrazit vrstvu jako obrysy

Přejmenování vrstvy Obsah je dobré rozdělit do různých vrstev a každou z nich pojmenovat podle toho, co obsahuje, abyste později potřebnou vrstvu snadno našli. 1 V časové ose vyberte stávající vrstvu nazvanou Vrstva 1 (Layer 1). 2 Poklepejte na název vrstvy a přejmenujte ji na pozadí. 3 Klepnutím mimo pole se jménem aplikujete nově zadané jméno. 4 Vrstvu uzamkněte klepnutím na tečku pod ikonkou zámku. Uzamčením vrstvy zabráníte provedení nechtěných změn.


K2060.indd 31

31

7.6.2013 15:51:37

Přeškrtnutá ikona tužky, která se zobrazí za jménem vrstvy, signalizuje, že ve vrstvě nemůžete provádět žádné změny, protože je zamčená.

Přidávání vrstvy Nový dokument vytvořený v aplikaci Flash sice obsahuje pouze jednu vrstvu, další však můžete přidávat podle potřeby. Přitom myslete na to, že objekty v horních vrstvách budou překrývat objekty v těch spodních. 1 Na časové ose vyberte vrstvu pozadí. 2 Zvolte příkaz Vložit (Insert) → Časová osa (Timeline) → Vrstva (Layer) nebo klepněte na tlačítko Nová vrstva (New Layer) ( ), umístěné pod časovou osou. Nová vrstva se vloží nad vrstvu pozadí. 3 Poklepejte na novou vrstvu a přejmenujte ji na foto1. Klepněte mimo vstupní pole s názvem, čímž dojde k aplikaci nového jména. Na časové ose jsou nyní dvě vrstvy. Vrstva pozadí obsahuje fotku s pozadím a nově vytvořená vrstva foto1, která je umístěna nad ní, je zatím prázdná. 4 Vyberte horní vrstvu s názvem foto1.

32

K2060.indd 32

LEKCE 1


7.6.2013 15:51:37

5 Pokud není panel Knihovna (Library) otevřen, otevřete jej zadáním příkazu Okno (Window) → Knihovna (Library). 6 Přetáhněte položku s názvem foto1.jpg z Knihovny na vymezenou plochu. Obrázek foto1 se objeví na vymezené ploše a překryje obrázek s pozadím. 7 Pomocí příkazu Vložit (Insert) → Časová osa (Timeline) → Vrstva (Layer) nebo tlačítka Nová vrstva (New Layer) ( ), umístěného pod časovou osou, vložte třetí vrstvu. 8 Tuto vrstvu pojmenujte foto2.

Práce s vrstvami Pokud některou z vrstev nepotřebujete, můžete ji snadno smazat, a to tak, že ji vyberete a poté klepnete na tlačítko Odstranit (Delete) umístěné pod časovou osou. Chcete-li své vrstvy přeuspořádat, stačí na některou z nich klepnout a přesunout ji na novou pozici v pořadí vrstev.

Vkládání snímků Zatím máte na vymezené ploše umístěné pozadí, které překrývá jiná fotografie. Celá animace se odehrává v jednom jediném snímku. Chcete-li ji rozprostřít do delšího časového úseku, musíte přidat další snímky do časové osy. 1 Ve vrstvě pozadí vyberte snímek 48.

2 Zvolte příkaz Vložit (Insert) → Časová osa (Timeline) → Snímek (Frame) nebo stiskněte klávesu F5. Kromě toho můžete také na snímek klepnout pravým tlačítkem (Windows) nebo se stisknutou klávesou Ctrl (Mac) a ze zobrazené místní nabídky vybrat příkaz Vložit snímek (Insert Frame). Program Flash přidá snímky do vrstvy pozadí až ke zvolenému místu, tedy ke snímku 48. ADOBE FLASH PROFESSIONAL CS6 OFICIÁLNÍ VÝUKOVÝ KURZ

K2060.indd 33

33

7.6.2013 15:51:37

3

Nyní vyberte snímek 48 ve vrstvě foto1.

4 Zvolte příkaz Vložit (Insert) → Časová osa (Timeline) → Snímek (Frame) (případně použijte klávesu F5). Kromě toho můžete také na snímek klepnout pravým tlačítkem (Windows) nebo se stisknutou klávesou Ctrl (Mac) a ze zobrazené místní nabídky vybrat příkaz Vložit snímek (Insert Frame). Program Flash přidá snímky do vrstvy foto1 až ke zvolenému místu, tedy ke snímku 48. 5 Vyberte snímek 48 ve vrstvě foto2 a vložte snímky i do této vrstvy. Nyní máte tři vrstvy, přičemž každá má na časové ose 48 snímků. Vzhledem k tomu, že kmitočet snímků je ve vašem dokumentu Flash nastaven na 24 snímků za sekundu, trvá nyní vaše animace 2 sekundy.

Výběr několika snímků Stejně jako lze podržením klávesy Shift vybírat více souborů najednou, můžete také v programu Flash vybírat stejným způsobem více snímků na časové ose. Máte-li několik vrstev a chcete-li vložit snímky do všech z nich, podržte klávesu Shift a klepněte na místo, do kterého chcete ve všech vrstvách přidat snímky. Následně zvolte příkaz Vložit (Insert) → Časová osa (Timeline) → Snímek (Frame).

Vytvoření klíčového snímku Klíčový snímek označuje změnu obsahu na vymezené ploše. Klíčové snímky jsou na časové ose označeny kolečkem. Prázdné kolečko znamená, že se ve zvoleném čase v dané vrstvě nic nenachází. Na druhou stranu plné černé kolečko značí, že se ve zvoleném čase v dané vrstvě něco nachází. Například vrstva pozadí obsahuje ve svém prvním snímku zaplněný klíčový snímek (černé kolečko), stejně jako vrstva foto1. Obě vrstvy totiž obsahují fotografie. Vrstva foto2 však obsahuje v prvním snímku prázdný klíčový snímek, což znamená, že je vrstva v současné chvíli prázdná. 34

K2060.indd 34

LEKCE 1


7.6.2013 15:51:38

Prázdný klíčový snímek

Zaplněný klíčový snímek

Nyní do vrstvy foto2 umístíte klíčový snímek přesně do okamžiku, ve kterém chcete, aby se objevila další fotografie. 1 Ve vrstvě foto2 vyberte snímek 24. Při výběru snímku se pod časovou osou zobrazí jeho číslo.

2 V nabídce Vložit (Insert) → Časová osa (Timeline) zvolte příkaz Klíčový snímek (Keyframe) nebo stiskněte klávesu F6. Ve vrstvě foto2 se ve snímku 24 objeví nový klíčový snímek označený prázdným kolečkem.

3 Tento nový klíčový snímek ve snímku 24 vyberte. 4 Přetáhněte položku foto2.jpg z knihovny na vymezenou plochu. Prázdné kolečko ve snímku 24 se vyplní, což signalizuje, že ve vrstvě foto2 proběhne nějaká změna. V tomto snímku se totiž na vymezené ploše objeví vaše fotka. Červenou přehrávací hlavu v horní části časové osy můžete uchopit a posouvat, abyste si prohlédli, co se na vymezené ploše v daném okamžiku odehrává. Uvidíte, že fotka s pozadím a foto1 zůstávají na vymezené ploše po celou dobu trvání časové osy, ale fotka foto2 se objeví pouze ve snímku 24.


K2060.indd 35

35

7.6.2013 15:51:38

Pro zvládnutí práce s programem Flash je pochopení snímků a klíčových snímků naprosto zásadní. Ujistěte se, že opravdu rozumíte tomu, co znamená, že vrstva foto2 obsahuje 48 snímků s dvěma klíčovými snímky – prázdným klíčovým snímkem ve snímku 1 a zaplněným klíčovým snímkem ve snímku 24. Vrstva foto2 je mezi snímky Vrstva foto2 mezi snímky 24–48 1–23 prázdná něco obsahuje

Přesouvání klíčového snímku Chcete-li, aby se fotka ze souboru foto2.jpg objevila později nebo dříve, musíte přesunout klíčový snímek, v němž se objevuje, do dřívější či pozdější pozice na časové ose. Libovolný klíčový snímek můžete snadno posouvat po časové ose tak, že jej jednoduše vyberete a následně přetáhnete na nové místo. 1 Ve vrstvě foto2 vyberte klíčový snímek ve snímku 24.

36

K2060.indd 36

LEKCE 1


7.6.2013 15:51:38

2 Po jemném posunutí kurzoru myši se u něj objeví ikonka rámečku, která signalizuje, že přesouváte klíčový snímek. 3 Přetáhněte klíčový snímek do snímku 12 ve vrstvě foto2. Obsah souboru foto2.jpg se nyní objeví na vymezené ploše mnohem dříve.

Odstraňování klíčových snímků K odstranění klíčového snímku nepoužívejte klávesu Delete! Tím byste totiž pouze vymazali obsah tohoto klíčového snímku na vymezené ploše. Místo toho klíčový snímek vyberte a zvolte příkaz Změnit (Modify) → Časová osa (Timeline) → Vymazat klíčový snímek (Clear Keyframe) nebo stiskněte kombinaci kláves Shift+F6. Tím zvolený klíčový snímek vymažete z časové osy.

Uspořádání vrstev na časové ose V tomto okamžiku obsahuje váš pracovní soubor Flash pouze tři vrstvy: pozadí, foto1 a foto2. Do tohoto projektu budete postupně přidávat další vrstvy a stejně jako u většiny jiných projektů budete nakonec muset spravovat větší počet vrstev. Aby vaše časová osa zůstala uspořádaná a snadno ovladatelná, můžete související vrstvy seskupovat do složek stejným způsobem, jakým vytváříte složky pro související dokumenty ve svém počítači. Přestože jejich vytvoření zabere nějakou dobu, daleko více času si později ušetříte, protože budete přesně vědět, kde kterou vrstvu hledat.

Vytváření složek pro vrstvy V tomto projektu budete pokračovat v přidávání vrstev pro další fotky, přičemž tyto vrstvy umístíte do složek pro vrstvy. 1 Vyberte vrstvu foto2 a klepněte na tlačítko Nová vrstva (New Layer) v dolní části časové osy ( ). 2 Vrstvu pojmenujte foto3. 3 Vložte klíčový snímek do snímku 24. 4 Přetáhněte položku foto3.jpg z knihovny na vymezenou plochu. Nyní máte čtyři vrstvy. Horní tři obsahují fotografie momentek z Coney Islandu, které se objevují v různých klíčových snímcích. 5 Vyberte vrstvu foto3 a klepněte na ikonku Nová složka (New Folder) v dolní části časové osy ( ). Nad vrstvou foto3 se objeví nová složka vrstev.


K2060.indd 37

37

7.6.2013 15:51:38

6 Složku pojmenujte fotky.

Přidávání vrstev do složek vrstev Nyní do složky fotky přidáte vrstvy s fotografiemi. Při uspořádávání vrstev nezapomínejte na to, že aplikace Flash zobrazuje vrstvy ve stejném pořadí, v jakém se nacházejí na časové ose, tedy horní vrstvu úplně vepředu a dolní vzadu. 1 Přetáhněte vrstvu foto1 do složky fotky. Všimněte si silné čáry, která označuje cíl přemístění vaší vrstvy. Jakmile vrstvu umístíte do složky, její název se odsadí.

38

K2060.indd 38

LEKCE 1


7.6.2013 15:51:38

2 Přetáhněte vrstvu foto2 do složky fotky. 3 Přetáhněte vrstvu foto3 do složky fotky. Všechny tři vrstvy by nyní měly být ve složce fotky.

Složku můžete sbalit tak, že klepnete na příslušnou šipku. Opětovným klepnutím na tuto šipku pak danou složku zpátky rozbalíte. Pamatujte také na to, že pokud složku vrstev vymažete, smažete také všechny vrstvy v ní obsažené.

Změna vzhledu časové osy Vzhled časové osy si můžete přizpůsobit tak, aby vyhovoval vašemu stylu práce. Chcete-li vidět více vrstev, zvolte v rozbalovací nabídce Zobrazení snímků (Frame View) v pravém horním rohu časové osy možnost Nízké (Short). Tím zmenšíte výšku řádků pro buňky snímků. Volby Náhled (Preview) a Náhled v kontextu (Preview in Context) pak na časové ose zobrazí náhledy obsahu vašich klíčových snímků. Šířku buněk snímků můžete změnit pomocí voleb Drobné (Tiny), Malé (Small), Normální (Normal), Střední (Medium) nebo Velké (Large).

Vyjmutí, kopírování, vložení a duplikování vrstev Když pracujete s větším množstvím vrstev a více složkami, můžete pomocí příkazů Vyjmout, Kopírovat, Vložit a Duplikovat zjednodušit a zefektivnit průběh vaší práce. Při jejich použití se totiž kopírují a vkládají všechny vlastnosti vybrané vrstvy, včetně všech snímků, klíčových snímků, animací, a dokonce i jejího názvu a typu. Podobným způsobem můžete kopírovat také složky vrstev s veškerým jejich obsahem. Chcete-li některou vrstvu nebo složku vrstev vyjmout nebo zkopírovat, označte ji a klepněte na ni pravým tlačítkem / se stisknutou klávesou Ctrl. Ve zobrazené nabídce pak jen stačí vybrat možnost Vyjmout vrstvy (Cut Layers) nebo Kopírovat vrstvy (Copy Layers).


K2060.indd 39

39

7.6.2013 15:51:38

Pokud následně znova klepnete pravým tlačítkem / se stisknutou klávesou Ctrl na časovou osu a zvolíte možnost Vložit vrstvy (Paste Layers), vyjmutá nebo zkopírovaná vrstva či vrstvy se vloží do časové osy. Pro zkopírování a vložení vrstvy v jednom kroku pak slouží volba Duplikovat vrstvy (Duplicate Layers). Vrstvy můžete také vyjmout, zkopírovat, vložit nebo duplikovat pomocí hlavní nabídky aplikace Flash. Stačí přejít do nabídky Změnit (Edit) → Časová osa (Timeline) a následně vybrat některou z možností Vyjmout vrstvy (Cut Layers), Kopírovat vrstvy (Copy Layers), Vložit vrstvy (Paste Layers) nebo Duplikovat vrstvy (Duplicate Layers).

Inspektor Vlastnosti Inspektor Vlastnosti (Properties) nabízí snadný přístup k nejčastěji používaným atributům. Jeho obsah závisí na typu zvoleného prvku. Pokud například není zvolen žádný prvek, nabídne vám inspektor Vlastnosti volby pro obecný dokument Flash včetně změny barvy či rozměrů vymezené plochy. Zvolíte-li nějaký objekt na vymezené ploše, zobrazí inspektor Vlastnosti mimo jiné jeho souřadnice x, y a jeho šířku a výšku. Pomocí inspektoru Vlastnosti budete nyní posouvat fotky po vymezené ploše.

Změna polohy objektu na vymezené ploše Nejdříve pomocí inspektoru Vlastnosti (Properties) přesunete fotky, které následně otočíte pomocí panelu Transformovat (Transform). 1 Ve snímku 1 časové osy vyberte objekt foto1.jpg, který jste přetáhli na vymezenou plochu do vrstvy foto1. Zobrazený modrý obrys signalizuje, že je daný objekt vybrán. 2 V inspektoru Vlastnosti zadejte do souřadnice X i do souřadnice Y hodnotu 50 a stiskněte klávesu Enter/Return. Na souřadnice X a Y můžete také jednoduše klepnout myší a tažením nastavit požadovanou hodnotu. Fotografie se přesune k levé straně vymezené plochy.

Hodnoty souřadnic X a Y se na vymezené ploše odměřují od levého horního rohu. X roste od nuly směrem doprava a Y roste od nuly směrem dolů. V levém horním rohu se také nachází vztažný bod importovaných fotografií.

40

K2060.indd 40

LEKCE 1


7.6.2013 15:51:38

 Poznámka: Není-li inspektor Vlastnosti otevřený, zvolte příkaz Okno (Window) → Vlastnosti (Proper-

ties) nebo stiskněte kombinaci kláves Ctrl+F3 (Windows) nebo Command+F3 (Mac).

3 Otevřete panel Transformovat zvolením příkazu Okno (Window) → Transformovat (Transform). 4 V panelu Transformovat vyberte Otočit (Rotate) a do vstupního pole zadejte hodnotu -12 nebo klepněte myší a táhněte na požadovanou hodnotu. Pro aplikaci zadané hodnoty stiskněte klávesu Enter/Return. Vybraná fotografie se na vymezené ploše otočí o 12 stupňů proti směru hodinových ručiček.

5 Ve vrstvě foto2 vyberte snímek 12 a klepněte na obrázek foto2.jpg ve vymezené ploše. 6 Pomocí inspektoru Vlastnosti a panelu Transformovat umístěte podobným způsobem také druhou fotografii a nějak zajímavě ji natočte. Aby se lišila od první fotky, můžete použít hodnoty X=80, Y=50 a otočit ji o 6 stupňů.


K2060.indd 41

41

7.6.2013 15:51:39

Práce s panely Téměř při všem, co v aplikaci Flash děláte, se používá nějaký panel. Například v této lekci použijete panel Knihovna (Library), Nástroje (Tools), inspektor Vlastnosti (Properties), panel Transformovat (Transform), panel Historie (History) a panel Časová osa (Timeline). V dalších lekcích pak použijete panel Akce (Actions), panel Barva (Color), panel Editor pohybu (Motion Editor) a další panely, které vám umožní ovládat nejrůznější aspekty vašeho projektu. Vzhledem k tomu, že jsou panely nedílnou součástí pracovní plochy programu Flash, vyplatí se vědět, jak je spravovat. K otevření kteréhokoliv panelu v programu Flash stačí vybrat jeho název v nabídce Okno (Window). V několika málo případech je nutné zvolit panel z podnabídky, například Okno (Window) → Další panely (Other Panels) → Historie (History). Ve výchozím nastavení se v pravé části obrazovky nachází inspektor Vlastnosti, panel Knihovna a panel Nástroje, ve spodní části časová osa s Editorem pohybu a v horní části vymezená plocha. Každý panel si ovšem můžete přesunout tam, kde vám bude nejvíce vyhovovat.

•

K uvolnění panelu z pravé strany obrazovky uchopte jeho záložku a přetáhněte ji na nové místo.

•

K ukotvení panelu uchopte jeho záložku a přetáhněte ji do zvolené zásuvky. Můžete jej přetáhnout do horní či spodní zásuvky nebo jej ukotvit mezi jiné panely. Místa, do nichž je možné panel ukotvit, se při jeho přetahování zvýrazňují modrou barvou.

• •

K seskupení panelu s jiným přetáhněte jeho záložku na záložku druhého panelu. K přesunutí skupiny panelů použijte uchopení za její tmavě šedý titulní pruh.

Chcete-li ušetřit místo a přitom neztratit rychlý přístup k panelům, můžete si většinu z nich zobrazit jako ikony. Panel sbalíte do ikony tak, že klepnete na šipky umístěné v jeho pravém horním rohu. Po opětovném klepnutí na tyto šipky se panely zase rozbalí.

42

K2060.indd 42

LEKCE 1


7.6.2013 15:51:39

7 Vyberte snímek 24 ve vrstvě foto3 a poté na vymezené ploše klepněte na obrázek foto3.jpg. 8 Pomocí inspektoru Vlastnosti (Properties) a panelu Transformovat (Transform) umístěte na vymezenou plochu třetí fotografii a nějak zajímavě ji otočte. Aby se od předchozích fotek odlišovala, použijte hodnoty X=120, Y=55 a otočte ji o -2 stupně. Tím vaše fotografie získají optickou různorodost.

 Poznámka: Pokud v programu Flash měníte velikost obrázků nebo jejich otočení, mohou

vypadat zubatě. Chcete-li je vyhladit, poklepejte na jejich bitmapovou ikonu v panelu Knihovna. V otevřeném dialogovém okně Vlastnosti bitmapy (Bitmap Properties) následně zaškrtněte políčko Povolit vyhlazení (Allow Smoothing).

Panel Nástroje V panelu Nástroje (Tools), což je úzký, dlouhý panel na pravém okraji pracovní plochy, najdete nástroje pro výběr, kreslení, psaní, malování, úpravy a navigaci a také možnosti nástrojů. Tento panel budete používat velmi často, abyste se mohli přepínat mezi nástroji, které zrovna budete potřebovat. Nejčastěji budete používat nástroj Výběr (Selection), který najdete pod ikonou černé šipky v horní části panelu. Tímto nástrojem můžete označit potřebný prvek na vymezené ploše či v časové ose nebo na něj klepnout. Pokaždé, když si vyberete nějaký nástroj, nezapomeňte se podívat do spodní části panelu, jaké jsou jeho další možnosti či nastavení, která byste mohli při své činnosti využít.

Výběr a použití nástroje Když vyberete nový nástroj, volby dostupné v dolní části panelu Nástroje (Tools) a v inspektoru Vlastnosti (Properties) se změní. Pokud například zvolíte nástroj Obdélník (Rectangle), objeví se volby režimu Kreslení objektu (Object Drawing) a Přitahovat na objekty (Snap To Objects). Vyberete-li nástroj Lupa (Zoom), objeví se volby Zvětšit (Enlarge) a Zmenšit (Reduce). ADOBE FLASH PROFESSIONAL CS6 OFICIÁLNÍ VÝUKOVÝ KURZ

K2060.indd 43

43

7.6.2013 15:51:39

Panel nástrojů obsahuje příliš mnoho nástrojů na to, aby je bylo možné zobrazit všechny najednou. Proto jsou některé z nich uspořádány do skrytých skupin, přičemž se zobrazuje pouze ten nástroj, který jste v dané skupině použili naposledy. To, že se pod daným nástrojem ukrývá skupina dalších nástrojů, poznáte podle malého trojúhelníčku v pravém spodním rohu jeho tlačítka. Klepnutím a přidržením ikonky zobrazeného nástroje si můžete prohlédnout nabídku ostatních dostupných nástrojů a některý z nich si vybrat. Nyní do své animace přidáte nápis pomocí Textového nástroje (Text). 1 Vyberte horní vrstvu v časové ose a poté klepněte na tlačítko Nová vrstva (New Layer). 2 Novou vrstvu pojmenujte text. 3 Zamkněte všechny ostatní vrstvy, abyste do nich omylem něco nepřesunuli. 4 Přesuňte přehrávací hlavu na časové ose na snímek 36 a vyberte snímek 36 ve vrstvě text. 5 Pomocí příkazu Vložit (Insert) → Časová osa (Timeline) → Klíčový snímek (Keyframe) nebo klávesy F6 vložte do snímku 36 ve vrstvě text nový klíčový snímek.

Nyní vytvoříte nápis, který se objeví ve snímku 36 této vrstvy. 6 V panelu Nástroje (Tools) vyberte Textový nástroj (Text), který je označen velkým písmenem T. 7 V inspektoru Vlastnosti vyberte v první rozevírací nabídce položku Klasický text (Classic Text) a v nabídce, která se následně zobrazí pod ní, položku Statický text (Static Text). Statický text je režim používaný k přidávání jednoduchého textu, který nevyžaduje žádné pokročilé volby, jako jsou vícenásobné sloupce či obtékání kolem objektů. Tento režim je vhodný pro jakýkoliv text určený k pouhému zobrazení. Dynamický text (Dynamic Text) a Vstupní text (Input Text) jsou speciální volby, které slouží k interaktivnějším účelům a které lze ovládat pomocí kódu jazyka ActionScript. O pokročilejších možnostech textu se dozvíte více v lekci 7 s názvem „Práce s textem“. 8 V inspektoru Vlastnosti vyberte písmo a jeho velikost. Ve vašem počítači nemusíte mít nutně stejná písma, jaká používáme v této lekci. Proto stačí když vyberete nějaké podobné. 9 Klepnutím na barevný čtvereček v inspektoru Vlastnosti vyberte barvu textu. V pravé horní části můžete klepnout na barevný kruh, čímž otevřete dialogové okno Výběr barvy (Color Picker), nebo můžete změnit procentuální hodnotu parametru Alfa (Alpha), který určuje míru průhlednosti.

44

K2060.indd 44

LEKCE 1


7.6.2013 15:51:39

Aktuální barva

Průhlednost

Výběr barvy

Volby barev

10 Ujistěte se, že je vybrán prázdný klíčový snímek ve snímku 36 vrstvy text, a poté klepněte na vymezenou plochu do místa, kam chcete začít přidávat text. Můžete buď jednou klepnout a začít psát, nebo klepnout a táhnout, čímž určíte šířku svého textového pole. 11 Zadejte text, který popisuje fotografie zobrazované na vymezené ploše.


K2060.indd 45

45

7.6.2013 15:51:39

Podrobný pohled na panel nástrojů Panel Nástroje (Tools) obsahuje nástroje pro výběr, kreslení, malování a navigaci. Oblast voleb na panelu nástrojů umožňuje modifikaci zvoleného nástroje. Rozbalené nabídky na pravé straně ukazují skryté nástroje. Černé čtverečky v těchto nabídkách označují nástroj, který je v panelu nástrojů zobrazen jako výchozí. Velká písmena v závorkách představují klávesové zkratky pro výběr příslušného nástroje. Všimněte si, jak jsou nástroje s podobnou funkcí seskupeny dohromady. 1 Nástroje pro Výběr (V) výběr Dílčí výběr (A) 2 1 2 Laso (L) Kreslicí a textové nástroje

3 3

Text (T) Čára (L) 4

4

Tužka (Y) 5 Nástroj Deco (U) Retušovací nástroje

6 7

5

Kapátko (I) Guma (E) Navigační nástroje

Ručička (H)

6

Lupa (Z) 7

Oblast barev

Barva tahu Barva výplně Černá a bílá Zaměnit barvy

Oblast voleb

Přitahovat na objekty Vyhladit Narovnat

46

K2060.indd 46

LEKCE 1


7.6.2013 15:51:39

12 Z Textového nástroje se přepněte klepnutím na nástroj Výběr (Selection) ( ). 13 Pokud chcete, můžete nápis na vymezené ploše ještě přemístit nebo otočit pomocí inspektoru Vlastnosti (Properties) nebo panelu Transformovat (Transform). Zároveň také můžete zvolit nástroj Výběr (Selection) a nápis jednoduše přetáhnout po vymezené ploše na nové místo. Během přetahování nápisu si můžete povšimnout, že se hodnoty jeho souřadnic X a Y v inspektoru Vlastnosti aktualizují.

14 Vaše animace pro tuto lekci je hotová! Zkuste si porovnat svou časovou osu s časovou osou v připraveném výsledném souboru 01_výsledný.fla.

Vracení kroků v programu Flash V dokonalém světě by šlo všechno podle plánu. Ve skutečnosti je však někdy nutné vrátit se o krok či dva zpět a začít znovu. V aplikaci Flash můžete kroky vracet pomocí příkazu Zpět (Undo) nebo panelu Historie (History). Pro vrácení jediného kroku zvolte příkaz Upravit (Edit) → Zpět (Undo) nebo stiskněte kombinaci kláves Ctrl+Z (Windows) nebo Command+Z (Mac). Pro zopakování vráceného kroku zvolte příkaz Upravit (Edit) → Znovu (Redo). Pro vrácení většího počtu kroků je jednodušší sáhnout po panelu Historie (History), který zobrazuje posledních 100 provedených kroků. Jeho obsah se automaticky vymaže uzavřením dokumentu. Panel Historie (History) otevřete pomocí příkazu Okno (Window) → Další panely (Other Panels) → Historie (History). Pokud například nejste spokojeni s nově přidaným textem, můžete svou práci anulovat a vrátit svůj dokument Flash do předchozího stavu.


K2060.indd 47

47

7.6.2013 15:51:40

1 Pomocí příkazu Upravit (Edit) → Zpět (Undo) zrušte poslední provedený krok. Příkaz Zpět (Undo) můžete použít vícekrát po sobě, abyste se vrátili zpět o libovolný počet kroků zachycených v panelu Historie (History). Maximální počet možných použití příkazu Zpět (Undo) můžete změnit v nabídce Upravit (Edit) → Předvolby (Preferences). 2 Pomocí příkazu Okno (Window) → Další panely (Other Panels) → Historie (History) otevřete panel Historie. 3 Přetáhněte posuvník v panelu Historie směrem nahoru až ke kroku těsně předcházejícímu vaší chybě. Kroky pod tímto místem se v panelu zobrazí ztlumeně a z projektu budou odstraněny. Pro opětovné provedení následujícího kroku stačí pohnout posuvníkem směrem dolů.  Poznámka: Pokud odeberete kroky v panelu Historie a poté pro-

vedete další kroky, nebudou již odebrané kroky dostupné.

Náhled filmu Při práci na projektu je vhodné si často prohlížet průběžnou podobu filmu, abyste si byli jisti, že vaše práce směřuje k požadovanému výsledku. Chcete-li si rychle prohlédnout, jak se daná animace či film bude jevit divákovi, vyberte příkaz Ovládání (Control) → Testovat film (Test Movie) → v aplikaci Flash Professional (in Flash Professional). Další možností pro zobrazení náhledu je stisknout kombinaci kláves Ctrl+Enter (Windows) nebo Command+Return (Mac).

48

K2060.indd 48

LEKCE 1


7.6.2013 15:51:40

1 Zvolte příkaz Ovládání (Control) → Testovat film (Test Movie) → v aplikaci Flash Professional (in Flash Professional). Program Flash vytvoří ve složce, kde se nachází váš soubor FLA, soubor SWF, který následně otevře a přehraje v samostatném okně. Soubor SWF je zkomprimovaný, publikovaný soubor, který se nahrává na web, odkud je možné jej přehrávat v prohlížeči. V tomto režimu náhledu aplikace Flash automaticky přehrává váš film stále dokola. Nechcete-li, aby se film opakoval, zrušte výběr možnosti Ovládání (Control) → Opakovat přehrávání (Loop). 2 Zavřete okno s náhledem. 3 Pomocí nástroje Výběr (Selection) klepněte na vymezenou plochu. Ve spodní části inspektoru Vlastnosti (Properties) si můžete všimnout nové části Historie souboru SWF (SWF History), která uchovává záznam o velikosti, datu a času posledního publikovaného souboru SWF. Pomůže vám tedy sledovat postup vaší práce a provedených revizí.

Změna obsahu a vymezené plochy Na začátku této lekce jste si vytvořili nový soubor s vymezenou plochou o velikosti 800 x 600 obrazových bodů. Váš klient však může později požadovat vytvoření animace v několika různých velikostech, které budou odpovídat různým rozvržením. Například bude chtít vytvořit menší verzi s odlišným poměrem stran pro bannerovou reklamu nebo verzi AIR pro mobilní zařízení s operačním systémem Android, která mají specifické rozměry. Velikost vymezené plochy můžete naštěstí upravovat dokonce i po dotvoření jejího obsahu. Jakmile změníte rozměry vymezené plochy, aplikace Flash vám nabídne možnost automatického proporcionálního zmenšení či zvětšení celého jejího obsahu.


K2060.indd 49

49

7.6.2013 15:51:40

Adobe Flash Professional CS6

Recommend Documents