Upload
allison-ossama
View
214
Download
0
Embed Size (px)
Citation preview
8/17/2019 Presentación1 Proyecto Del Bloque 2
1/26
COLEGI DE BACHILLERES PLANTEL 12 “NEZHUALCOYOTL”ALUMNA: MARYLIN REYES LÓPEZ
PROFA: MARÍA RUTH
MATERIA: DISEÑO 2D PARA WEBGRUPO: 6!TRABA"O: MODELADO EN 2D Y !D
ANIMACION EN 2D Y !DACTIÓN SCRIPTS
ELEMENTO MULTIMEDIA
MANUAL DE HTM
8/17/2019 Presentación1 Proyecto Del Bloque 2
2/26
MODELADO EN 2DY !D
Definición: Es una representación esquite matica visible através de un conjunto de objetos, elementos y propiedades
una vez procesados se convierten en una imagen en 3D,2D o una animación
!ué se ocupa en el modelado: "on objetos poligonales, seocupan tonalidades, te#turas, reflejos transparencias,translucidez, refra#iones, iluminación $directa, indirecta yglobal% desenfoque por movimiento, ambiente punto de
vista entre otros
8/17/2019 Presentación1 Proyecto Del Bloque 2
3/26
&'()E" DE* +DE*'D DE 2D y 3D
E#$%&%'(# P)*+,#-($+,'(# E#.%$/,# L0*(%#
C,*(/3%3
8/17/2019 Presentación1 Proyecto Del Bloque 2
4/26
M,3(&%3, (* 2D
n el modelado en 2D todas las figuras tienen
un tratamiento plano, existe una textura visual,
no se puede visualizar el volumen, el espacio es
considerado por dimensiones expandidas.
8/17/2019 Presentación1 Proyecto Del Bloque 2
5/26
C,4, #( ( )* 4,3(&%3, (* !3
U* 4,3(&, !D .)(3( ('#( 3( 3,#5,'4%# 3/#+/*+%# D(#3( )* .)*+, 3(/#+% +7$*/$,8 (# )* 9')., 3( 5'4)&%#4%+(4;+/$%# D(#3( )* .)*+, 3( /#+%
/#)%&8 )* 4,3(&, (* !D (# )*%'(.'(#(*+%$/* (#
8/17/2019 Presentación1 Proyecto Del Bloque 2
6/26
P',9'%4% .%'% 4,3(&%' (* 2D ? !D
AutoQ3D Community – 3D Editor: Es una sencilla,ligera y rápida herramienta de edicióntridimensional que usa toda la potencia dehardware gráico de tu !C" #u intera$ es limpia,
intuiti%a y ácil de usar" #e rige &a'o ()* (eneral!u&lic +icense por lo que puede usarse conpropósitos acadmicos, proesionales ocomerciales"
http://autoq3d.ecuadra.com/content/view/28/26/http://autoq3d.ecuadra.com/content/view/28/26/http://autoq3d.ecuadra.com/content/view/28/26/http://autoq3d.ecuadra.com/content/view/28/26/http://autoq3d.ecuadra.com/content/view/28/26/
8/17/2019 Presentación1 Proyecto Del Bloque 2
7/26
Anim-or
Es un programa de modelado 3D y animación que permite alos usuarios crear y modificar modelos en 3D las formasb-sicas, tales como esferas, cilindros, sólidos platónicos,etc "e maneja a partir de mallas y un interfaz
subdividido
http://www.anim8or.com/main/http://www.anim8or.com/main/
8/17/2019 Presentación1 Proyecto Del Bloque 2
8/26
#eamless3d
Es un soft.are de modelización 3D decódigo abierto destinado a aquellas personasque quieran crear modelos tridimensionalesde forma muy r-pida y sencilla 'plicación
m-s art/stica que ingenieril
http://www.seamless3d.com/http://www.seamless3d.com/
8/17/2019 Presentación1 Proyecto Del Bloque 2
9/26
h t t p :// b l o g i n g e n i e r i a. c o m/.../ 2 5 - a p l i c a c i o n e s - g r a t u i t a s - d e - m o d e l a c
i o n - 3 d/
h t t p s :// p r e z i. c o m/ y k b f o u a 8 u k r a/ m o d e l a d o - 2 d - 3 d/
http://blogingenieria.com/.../25-aplicaciones-gratuitas-de-modelacion-3d/https://prezi.com/ykbfoua8ukra/modelado-2d-3d/https://prezi.com/ykbfoua8ukra/modelado-2d-3d/https://prezi.com/ykbfoua8ukra/modelado-2d-3d/https://prezi.com/ykbfoua8ukra/modelado-2d-3d/https://prezi.com/ykbfoua8ukra/modelado-2d-3d/https://prezi.com/ykbfoua8ukra/modelado-2d-3d/https://prezi.com/ykbfoua8ukra/modelado-2d-3d/https://prezi.com/ykbfoua8ukra/modelado-2d-3d/https://prezi.com/ykbfoua8ukra/modelado-2d-3d/https://prezi.com/ykbfoua8ukra/modelado-2d-3d/https://prezi.com/ykbfoua8ukra/modelado-2d-3d/https://prezi.com/ykbfoua8ukra/modelado-2d-3d/https://prezi.com/ykbfoua8ukra/modelado-2d-3d/https://prezi.com/ykbfoua8ukra/modelado-2d-3d/https://prezi.com/ykbfoua8ukra/modelado-2d-3d/https://prezi.com/ykbfoua8ukra/modelado-2d-3d/https://prezi.com/ykbfoua8ukra/modelado-2d-3d/https://prezi.com/ykbfoua8ukra/modelado-2d-3d/https://prezi.com/ykbfoua8ukra/modelado-2d-3d/https://prezi.com/ykbfoua8ukra/modelado-2d-3d/https://prezi.com/ykbfoua8ukra/modelado-2d-3d/https://prezi.com/ykbfoua8ukra/modelado-2d-3d/https://prezi.com/ykbfoua8ukra/modelado-2d-3d/https://prezi.com/ykbfoua8ukra/modelado-2d-3d/https://prezi.com/ykbfoua8ukra/modelado-2d-3d/https://prezi.com/ykbfoua8ukra/modelado-2d-3d/https://prezi.com/ykbfoua8ukra/modelado-2d-3d/https://prezi.com/ykbfoua8ukra/modelado-2d-3d/https://prezi.com/ykbfoua8ukra/modelado-2d-3d/https://prezi.com/ykbfoua8ukra/modelado-2d-3d/https://prezi.com/ykbfoua8ukra/modelado-2d-3d/https://prezi.com/ykbfoua8ukra/modelado-2d-3d/https://prezi.com/ykbfoua8ukra/modelado-2d-3d/https://prezi.com/ykbfoua8ukra/modelado-2d-3d/https://prezi.com/ykbfoua8ukra/modelado-2d-3d/https://prezi.com/ykbfoua8ukra/modelado-2d-3d/https://prezi.com/ykbfoua8ukra/modelado-2d-3d/https://prezi.com/ykbfoua8ukra/modelado-2d-3d/https://prezi.com/ykbfoua8ukra/modelado-2d-3d/https://prezi.com/ykbfoua8ukra/modelado-2d-3d/https://prezi.com/ykbfoua8ukra/modelado-2d-3d/https://prezi.com/ykbfoua8ukra/modelado-2d-3d/http://blogingenieria.com/.../25-aplicaciones-gratuitas-de-modelacion-3d/http://blogingenieria.com/.../25-aplicaciones-gratuitas-de-modelacion-3d/http://blogingenieria.com/.../25-aplicaciones-gratuitas-de-modelacion-3d/http://blogingenieria.com/.../25-aplicaciones-gratuitas-de-modelacion-3d/http://blogingenieria.com/.../25-aplicaciones-gratuitas-de-modelacion-3d/http://blogingenieria.com/.../25-aplicaciones-gratuitas-de-modelacion-3d/http://blogingenieria.com/.../25-aplicaciones-gratuitas-de-modelacion-3d/http://blogingenieria.com/.../25-aplicaciones-gratuitas-de-modelacion-3d/http://blogingenieria.com/.../25-aplicaciones-gratuitas-de-modelacion-3d/http://blogingenieria.com/.../25-aplicaciones-gratuitas-de-modelacion-3d/http://blogingenieria.com/.../25-aplicaciones-gratuitas-de-modelacion-3d/http://blogingenieria.com/.../25-aplicaciones-gratuitas-de-modelacion-3d/http://blogingenieria.com/.../25-aplicaciones-gratuitas-de-modelacion-3d/http://blogingenieria.com/.../25-aplicaciones-gratuitas-de-modelacion-3d/http://blogingenieria.com/.../25-aplicaciones-gratuitas-de-modelacion-3d/http://blogingenieria.com/.../25-aplicaciones-gratuitas-de-modelacion-3d/http://blogingenieria.com/.../25-aplicaciones-gratuitas-de-modelacion-3d/http://blogingenieria.com/.../25-aplicaciones-gratuitas-de-modelacion-3d/http://blogingenieria.com/.../25-aplicaciones-gratuitas-de-modelacion-3d/http://blogingenieria.com/.../25-aplicaciones-gratuitas-de-modelacion-3d/http://blogingenieria.com/.../25-aplicaciones-gratuitas-de-modelacion-3d/http://blogingenieria.com/.../25-aplicaciones-gratuitas-de-modelacion-3d/http://blogingenieria.com/.../25-aplicaciones-gratuitas-de-modelacion-3d/https://prezi.com/ykbfoua8ukra/modelado-2d-3d/https://prezi.com/ykbfoua8ukra/modelado-2d-3d/https://prezi.com/ykbfoua8ukra/modelado-2d-3d/https://prezi.com/ykbfoua8ukra/modelado-2d-3d/https://prezi.com/ykbfoua8ukra/modelado-2d-3d/https://prezi.com/ykbfoua8ukra/modelado-2d-3d/https://prezi.com/ykbfoua8ukra/modelado-2d-3d/https://prezi.com/ykbfoua8ukra/modelado-2d-3d/https://prezi.com/ykbfoua8ukra/modelado-2d-3d/https://prezi.com/ykbfoua8ukra/modelado-2d-3d/https://prezi.com/ykbfoua8ukra/modelado-2d-3d/https://prezi.com/ykbfoua8ukra/modelado-2d-3d/https://prezi.com/ykbfoua8ukra/modelado-2d-3d/https://prezi.com/ykbfoua8ukra/modelado-2d-3d/https://prezi.com/ykbfoua8ukra/modelado-2d-3d/https://prezi.com/ykbfoua8ukra/modelado-2d-3d/https://prezi.com/ykbfoua8ukra/modelado-2d-3d/https://prezi.com/ykbfoua8ukra/modelado-2d-3d/https://prezi.com/ykbfoua8ukra/modelado-2d-3d/https://prezi.com/ykbfoua8ukra/modelado-2d-3d/https://prezi.com/ykbfoua8ukra/modelado-2d-3d/https://prezi.com/ykbfoua8ukra/modelado-2d-3d/https://prezi.com/ykbfoua8ukra/modelado-2d-3d/https://prezi.com/ykbfoua8ukra/modelado-2d-3d/https://prezi.com/ykbfoua8ukra/modelado-2d-3d/https://prezi.com/ykbfoua8ukra/modelado-2d-3d/https://prezi.com/ykbfoua8ukra/modelado-2d-3d/https://prezi.com/ykbfoua8ukra/modelado-2d-3d/https://prezi.com/ykbfoua8ukra/modelado-2d-3d/https://prezi.com/ykbfoua8ukra/modelado-2d-3d/https://prezi.com/ykbfoua8ukra/modelado-2d-3d/https://prezi.com/ykbfoua8ukra/modelado-2d-3d/https://prezi.com/ykbfoua8ukra/modelado-2d-3d/https://prezi.com/ykbfoua8ukra/modelado-2d-3d/https://prezi.com/ykbfoua8ukra/modelado-2d-3d/https://prezi.com/ykbfoua8ukra/modelado-2d-3d/https://prezi.com/ykbfoua8ukra/modelado-2d-3d/https://prezi.com/ykbfoua8ukra/modelado-2d-3d/https://prezi.com/ykbfoua8ukra/modelado-2d-3d/https://prezi.com/ykbfoua8ukra/modelado-2d-3d/https://prezi.com/ykbfoua8ukra/modelado-2d-3d/https://prezi.com/ykbfoua8ukra/modelado-2d-3d/https://prezi.com/ykbfoua8ukra/modelado-2d-3d/https://prezi.com/ykbfoua8ukra/modelado-2d-3d/https://prezi.com/ykbfoua8ukra/modelado-2d-3d/https://prezi.com/ykbfoua8ukra/modelado-2d-3d/https://prezi.com/ykbfoua8ukra/modelado-2d-3d/https://prezi.com/ykbfoua8ukra/modelado-2d-3d/https://prezi.com/ykbfoua8ukra/modelado-2d-3d/https://prezi.com/ykbfoua8ukra/modelado-2d-3d/https://prezi.com/ykbfoua8ukra/modelado-2d-3d/https://prezi.com/ykbfoua8ukra/modelado-2d-3d/https://prezi.com/ykbfoua8ukra/modelado-2d-3d/https://prezi.com/ykbfoua8ukra/modelado-2d-3d/http://blogingenieria.com/.../25-aplicaciones-gratuitas-de-modelacion-3d/http://blogingenieria.com/.../25-aplicaciones-gratuitas-de-modelacion-3d/
8/17/2019 Presentación1 Proyecto Del Bloque 2
10/26
A)./AC.0) E) 1D 2 3D
0!ué es una animación1
*a animación es el proceso que logra dar movimiento adibujos u objetos inanimados por lo general Esto esposible gracias a una secuencia de dibujos o fotograf/asque al estar ordenadas consecutivamente logran generar un
movimiento cre/ble ante nuestros ojos, los cuales seprestan al juego de la ilusión visual
8/17/2019 Presentación1 Proyecto Del Bloque 2
11/26
E"EMPLO
S/ (8 3(=('0%4,#3/=)>%' $%3% )*, 3( &,# .%#,# %# #(.%'%3%# $%3% ,>% 3/=)>%3% $,*)*% .,#( 3/#+/*+% #( 3(*( , #( $,*,$($,4, 5,+,9'%4% , 5'%4( .%'%
8/17/2019 Presentación1 Proyecto Del Bloque 2
12/26
Es un ser%isio del cual toda persona puede haceruso, ya sea para %ender una idea, pu&licar sunegocio de manera proecional, reali$ar un e%ento,capacitar a personal mediante un %ideo quecon'unte ilmacion y animación, mostrar como
unciona cierto mecanismo, son muchas lasaplicciones posi&les )os sir%en para crear peliculas,%ideo'uegos ,eectos
%isuales, rrecoridos %irtuales para proyectosarquictetocnicos
http:www"digitalac&"come4plicacion"html
5!A6A Q*E #.67E *)AA)./AC.8)9
http://www.digitalacb.com/explicacion.htmlhttp://www.digitalacb.com/explicacion.html
8/17/2019 Presentación1 Proyecto Del Bloque 2
13/26
.!0# DE A)./AC.8)
radicional: Consiste en di&u'o cuadro a cuadro ootograma a otograma"En sus inicios se reali$a&a a tra%s del di&u'ado ypintado de cada cuadro ;incluido el ondo,escenario o &ac
8/17/2019 Presentación1 Proyecto Del Bloque 2
14/26
A*/4%$/* .,' R($,'+(#
)écnica que usa figuras recortadas, ya sea papel ofotograf/as*os miembros del cuerpo de los personajes seconstruyen a base de recortes
*a animación se logra moviendo y reemplazando laspartes del cuerpo recortadas
http:pi4el>creati%o"&logspot"m41?@1?que>es>animacion"html
http://pixel-creativo.blogspot.mx/2012/09/que-es-animacion.htmlhttp://pixel-creativo.blogspot.mx/2012/09/que-es-animacion.htmlhttp://pixel-creativo.blogspot.mx/2012/09/que-es-animacion.htmlhttp://pixel-creativo.blogspot.mx/2012/09/que-es-animacion.html
8/17/2019 Presentación1 Proyecto Del Bloque 2
15/26
ACTIÓN SCRIPTS
0!ué es 'ctión "(4&)"1
*enguaje de programación utilizado en aplicaciones .ebanimadas realizadas en el entorno +acromedia 5las6 Esun lenguaje orientado a objetos 5ue incorporado desde laversión 7 de 5las6, actualmente es un lenguaje robusto ycompleto
8/17/2019 Presentación1 Proyecto Del Bloque 2
16/26
UE PUEDES HACER ENACTIÓN SCRIPT
!uede ser utili$ado para e4aminar o modiicar laspropiedades de los elementos de una pelBcula" !ore'emplo, podemos: Cam&iar el color y la
locali$ación de un o&'eto" 6educir el %olumen deun sonido" Especiicar la tipograBa de un &loque dete4to" Campos de te4to que permiten a losusuarios entrar datos a la pelBcula como en unormulario" /odiicar las propiedadesrepetidamente produciendo comportamientos
nicos como son los mo%imientos &asados en laBsica y la detección de colisiones"
8/17/2019 Presentación1 Proyecto Del Bloque 2
17/26
omunicación con el servidor 'ction"cript provee de una ampliavariedad de 6erramientas para enviar y recibir información delservidor Ejemplos de comunicación con el servidor son Enlace auna p-gina .eb *ibro de visitas 'plicación de c6at 8uego
multijugadores a través de la red )ransacción de e9comercio"itio personalizado con nombre de usuario y contrasea
;na base de código de compilador m-s moderna, que se ajustamejor al est-ndar E+'"cript $E+' 2
8/17/2019 Presentación1 Proyecto Del Bloque 2
18/26
CARACTERISTICAS
N, #( *($(#/+% $'(%' )* .',9'%4% $,4.&(+,.%'% $,*#(9)/' '(#)&+%3,# *,'4%& 4(*+( &%%.&/$%$/* 3( 5'%94(*+,# 3( $3/9, .('4/+(*%&$%*@%' #)# ,=>(+/,# (* &%# .(&0$)&%#
http://es.slideshare.net/yyurany/actionscript-7877538
http://es.slideshare.net/yyurany/actionscript-7877538http://es.slideshare.net/yyurany/actionscript-7877538
8/17/2019 Presentación1 Proyecto Del Bloque 2
19/26
ELEMENTOS MULTIMEDIA
)7 (# 4)&+/4(3/% E# &% 5,'4% 3( .'(#(*+%' /*5,'4%$/*
8/17/2019 Presentación1 Proyecto Del Bloque 2
20/26
CAPACIDAD DEINFORMACIÓN
Las aplicaciones multimedia son
programas informáticos, que suelen
estar almacenados en CD-R!s " claro
que pueden residir en páginas de #e$.
L%# %.&/$%$/,*(# 4)&+/4(3/% #)(&(* *($(#/+%' 4;#4(4,'/% ? $%.%$/3%3 3( .',$(#,
8/17/2019 Presentación1 Proyecto Del Bloque 2
21/26
ELEMENTOS -ISUALES
C)%*3, 4%?,' ? *0+/3% #(% &% /4%9(*8 4;#3/50$/& (# 3( .'(#(*+%' ? 4%*/.)&%' (* &%.%*+%&&% 3( )*% $,4.)+%3,'%
L%# 5,+,9'%50%#8 3/=)>,#8 9';$,# ? ,+'%# /4;9(*(#
(#+;+/$%# 3(=(* .%#%'#( % )* 5,'4%+,
8/17/2019 Presentación1 Proyecto Del Bloque 2
22/26
GRAFICOS MULTIMEDIA L,# 9';$,# 3( 4;# =/+# %&4%$(*%* 4%*/.)&%* ?
.'(#(*+%* &%# /4;9(*(# $,4, &%# ? $,&)4*%# 3(.(
8/17/2019 Presentación1 Proyecto Del Bloque 2
23/26
Gráfcos vectoriales
En un gr-fico vectorial, los puntos no est-n definidos poruna dirección de fila y columna, sino por la relaciónespacial que tienen entre s/ omo los puntos que loscomponen no est-n restringidos a una fila y columnaparticulares, los gr-ficos vectoriales pueden reproducir
las im-genes m-s f-cilmente, y suelen proporcionar unaimagen mejor en la mayor/a de los monitores Entre losformatos de gr-ficos vectoriales figuran el Encapsulated&ostscript $E&"%, el =indo.s +etafile 5ormat $=+5%, el>e.lett9 &ac?ard @rap6ics *anguage $>&@*%, arc6ivos de
+acromedia
8/17/2019 Presentación1 Proyecto Del Bloque 2
24/26
Videos multimedia
P%'% ,=+(*('8 5,'4%+(%' ? (3/+%' (&(4(*+,#3( 03(, %$(* 5%&+% $,4.,*(*+(# ?.',9'%4%# /*5,'4;+/$,# (#.($/%&(# L,#%'$/,# 3( 03(, .)(3(* &&(9%' % #(' 4)?
9'%*3(#8 .,' &,
8/17/2019 Presentación1 Proyecto Del Bloque 2
25/26
El sonido, igual que los elementos visuales, tiene que ser
grabado y ormateado de orma que la computadora pueda
manipularlo y usarlo en presentaciones. Algunos tipos
recuentes de ormato audio son los archivos de orma de
onda (AV!, el "usical #nstrument $igital #nterace ("#$#!,
El "%G &ayer. &os archivos AV, "% y V)* almacenan los sonidos
propiamente dichos, como hacen los +$ musicales o las
cintas de audio. &os archivos AV pueden ser muy grandes
y requerir compresin, lo que se ha logrado con el "% y el
V)*. &os archivos "#$# no almacenan sonidos, sino
instrucciones que permiten a unos dispositivos llamadossinteti-adores reproducir los sonidos o la msica.
Elementos de audio
8/17/2019 Presentación1 Proyecto Del Bloque 2
26/26
Elementos de organi-acin
Elementos de organización *as barras de desplazamiento,que suelen estar situadas en un lado de la pantalla,permiten al usuario moverse a lo largo de un documento oimagen e#tensa *os 6iperv/nculos o enlaces conectancreativamente los diferentes elementos de una
presentación multimedia a través de te#to coloreado osubrayado o por medio de iconos, que el usuario sealacon el cursor y activa puls-ndolos con el mouse
6ttp:AAesslides6arenetAbudabluesAelementos9multimedi
a9BC73