2.-Dibuix

1. Macromedia Flash 2.-Dibuix

2. Objectius del tema 2 L’objectiu d’aquest segón tema, és introduir l’alumne en el concepte de gràfics vectorials, i ensenyar-li a dibuixar amb Flash 8. Al finalitzar el tema, l’alumne serà capaç de realitzar els seus propis dibuixos, aprofitant al màxim les possibilitats de Flash 8.

3. Tema 2 - Dibuix 1.- Gràfics vectorials i escalars 2.- Línies i farcits 3.- Colors i degradats 4.- Eines de dibuix 5.- Eines de transformació

4. Tema 2 - Dibuix 1.- Gràfics vectorials i escalars

5. 1.- Gràfics vectorials i escalars Un dibuix escalar es aquell en el que guardem informació del color de cada píxel que la composa. Un dibuix vectorial es composa bàsicament de punts, línies i farcits, i guarda la informació en format de coordenades 1 2 3 4 5 6 7 8 En format escalar: bbbbbbbb bnbbbbbb bbnnbbbb bbbbnnbb bbbbbbnb bbbbbbbb 1 b b b b b b b b 2 b n b b b b b b 3 b b n n b b b b 4 b b b b n n b b En format vectorial: Fons blanc. Linia de (2,2) a (7,5) negra 5 b b b b b b n b 6 b b b b b b b b

6. 1.- Gràfics vectorials i escalars • VECTORIALS • Per imatges simples, ocupen menys espai • En augmentar el zoom no perd resolució • Permet animar de forma més senzilla i precisa • (exemples: gràfics d’AutoCAD, de Photoshop, de Flash) • ESCALARS • Permet comprimir la informació (imatges complexes ocupen menys) • Si es fa zoom es veu la imatge pixelitzada (es veuen quadradets i no línies) • (exemples: fotografies, imatges escanejades, etc.)

7. Tema 2 - Dibuix 2. Línies i farcits

8. 2.- Línies i farcits • Flash distingeix entre linies i farcits. • Les propietats que caracteritzen una línia són: • Punts inicial i final • Punts clau (de curvatura) • Curvatura • Color o degradat • Les propietats que caracteritzen un farcit són: • Forma (adopta les característiques de la línia que l’envolta) • Color o degradat

9. 2.- Línies i farcits Quan dues línies es creuen es divideixen (no importa el color ni cap altra de les propietats) L2 L1 L2 L1 + = L3 L4 Quan dos farcits es superposen: - Si són del mateix color es fusionen - Si el color és diferent el de sota desapareix i queda només el de sobre (si movem el de sobre quedarà blanc a sota)

10. 2.- Línies i farcits Si una línia talla un farcit el separa, però si després movem la línia tot queda com abans Si un farcit talla una línia, la línia desapareix en el tram que hi ha el farcit

11. 2.- Línies i farcits Si una línia talla un farcit el separa. Si després esborrem la línia, tot torna a quedar igual. Si un farcit talla una línia, la línia desapareix en el tram que hi ha el farcit

12. Tema 2 - Dibuix 3. Colors i degradats

13. 3.- Colors i degradats Per escollir el color d’un farcit o d’una línia ho podem fer des de la barra d’eines, des del panell de propietats o des del panell del mesclador de colors. Buit (sense color) Transparència

14. 3.- Colors i degradats Des del panell de mesclador de colors a més podem: - Afegir mostres a la paleta de colors - Seleccionar i editar degradats - Seleccionar un mapa de bits com a textura

15. Tema 2 - Dibuix 4. Eines de dibuix

16. 4.- Eines de dibuix El llapis Angular Redondeada Bísel Enderezar Suavizar Tinta NingunoRedondeado Cuadrado Color, grosor y tipo de la línea Tipo de extremo Tipo de unión Modo de dibujo

17. 4.- Eines de dibuix Línies, Rodones i rectangles Imant: Quan estem dibuixant i ens apropem a algún punt significatiu (una línia, una intersecció, etc), apareix una rodoneta com la d’abaix per connectar perfectament els dos elements. Arrodonir rectangle: Quan dibuixem un rectangle podem arrodonir els cantons indicant un radi en el quadre que ens apareix quan fem click al botó.

18. 4.- Eines de dibuix L’eina PoliStar Si fem click en el botó Opcions del panell de propietats podrem modificar el mode de treball de l’eina amb el quadre que es apareix. Si mantenim pressionat el botó del ratolí sobre l’eina Rectangle podrem seleccionar l’eina PolyStar per fer polígons i estrelles

19. 4.- Eines de dibuix La ploma La ploma és un eina que serveix per dibuixar línies tant rectes com corbes amb precisió. Per dibuixar una línia recta seleccionem l’eina i fem click al dibuix pels punts que volem que passi. Si volem fer un tram corb, cal arrossegar el ratolí en la direcció que volem la corba

20. 4.- Eines de dibuix El pinzell El pinzell dibuixa farcits. Funciona com el llapis, però els modes de dibuix varien una mica, i ara són: Normal Farcits Darrera Selecció Dintre

21. 4.- Eines de dibuix La goma d’esborrar Serveix per esborrar tant línies com farcits. Podem escollir el mode de treball, l’aixeta (que funciona com el cubell de pintura però esborrant) i la forma i mida de la goma Si fem doble click, esborrem tot el dibuix Normal Farcits Línies Farcits Dintre seleccionats

22. 4.- Eines de dibuix El cubell de pintura i el pot de tinta El primer serveix per omplir un àrea tancada per una línia o per canviar el color d’un farcit, i el segon dibuixa una línia al voltant d’un farcit o canvia el color de la que ja l’envolta. El cubell permet omplir àrees no totalment tancades. En aquest cas obtenim el mateix resultat si a la figura de l’esquerra hi apliquem el cubell de pintura que si al de la dreta apliquem el pot de tinta. En tots dos casos, el resultat és el de sota

23. Tema 2 - Dibuix 5. Eines de transformació

24. 5.- Eines de transformació L’eina de selecció • Ens permet seleccionar, moure i canviar la forma de línies i farcits. • - Fent click sobre una línia o farcit seleccionem. • - Fent doble click sobre una línia, seleccionem totes les línies que estan en contacte amb la que tenim a sota. • - Fent doble click sobre un farcit seleccionem el farcit i les línies que l’envolten • - Per moure, fem click sobre la selecció i arrosseguem el cursor • - Quan apropem el cursor a un farcit o una línia, canvia per permetre’ns modificar la forma. Només cal clicar i arrossegar.

25. 5.- Eines de transformació L’eina de subselecció • Ens permet seleccionar, moure i modificar els punts clau d’una corba o línia. • - Podem moure clicant i arrossegant • - Quan seleccionem una línia, se’ns marquen els punts clau en forma de quadrat de fons blanc. Per seleccionar un punt clau fem click i el quadre corresponent s’omple. Si és una línia recta, només apareix el quadre (imatge de l’esquerra). Si és corba, apareixen altres dos punts i unes línies per modificar l’angle i el radi de la corba (imatge de la dreta)

26. 5.- Eines de transformació L’eina de transformació lliure • Permet nombroses transformacions: • - Girar un objecte (1) • - Modificar la mida de l’objecte (2 i 3) • - Tòrcer un objecte (4) • - Canviar el punt de referència per a girs i transformacions. És el punt blanc que per defecte està al mig i que en les imatges 5 i 6 hem canviat per girar respecte un dels vértex 1 2 3 4 5 6

27. 5.- Eines de transformació L’eina de transformació de farcits Permet modificar l’aspecte d’un degradat - Podem canviar tant degradats radials (esquerra) com lineals (dreta)