Http:// Ing. Juan Carlos Espinoza Gastélum Desarrollo de Aplicaciones Web Manejo de efectos en.

17
http://www.espbar .com Ing. Juan Carlos Espinoza Gastélum Desarrollo de Aplicaciones Web Manejo de efectos en

Transcript of Http:// Ing. Juan Carlos Espinoza Gastélum Desarrollo de Aplicaciones Web Manejo de efectos en.

Page 1: Http:// Ing. Juan Carlos Espinoza Gastélum Desarrollo de Aplicaciones Web Manejo de efectos en.

http://www.espbar.comIng. Juan Carlos Espinoza Gastélum

Desarrollo de Aplicaciones Web

Manejo de efectos en

Page 2: Http:// Ing. Juan Carlos Espinoza Gastélum Desarrollo de Aplicaciones Web Manejo de efectos en.

http://www.espbar.comIng. Juan Carlos Espinoza Gastélum

Espacio de trabajo

Page 3: Http:// Ing. Juan Carlos Espinoza Gastélum Desarrollo de Aplicaciones Web Manejo de efectos en.

http://www.espbar.comIng. Juan Carlos Espinoza Gastélum

Barras de HerramientasBarra Típica

• Contiene todas las funciones y comandos más utilizados.

Además de los comandos de archivo, objeto y selección cara biselada, botones , así como los tres movimientos básicos

Barra de Animación

• Muestra todos los controles que necesitan para manipular un proyecto de animación, incluyendo marco y línea de controles tiempo clave , modos de animación en bucle , números de fotograma y velocidad de fotogramas .

Page 4: Http:// Ing. Juan Carlos Espinoza Gastélum Desarrollo de Aplicaciones Web Manejo de efectos en.

http://www.espbar.comIng. Juan Carlos Espinoza Gastélum

Barras de Herramientas (continuación)Barra de Localización

• Muestra la posición, tamaño, rotación, luz, y coordenadas de la textura del Objeto 3D seleccionado. Le permite introducir valores a usted mismo, o muestra los valores cambiantes del objeto cuando lo arrastra en la ventana de edición .

Barra Geométrica

• Se activa al insertar un objeto geométrico 3D básico. Le permite personalizar sus dimensiones y seleccionar las caras individuales a editar.

Page 5: Http:// Ing. Juan Carlos Espinoza Gastélum Desarrollo de Aplicaciones Web Manejo de efectos en.

http://www.espbar.comIng. Juan Carlos Espinoza Gastélum

Barras de Herramientas (continuación)Barra de Objeto

• Permite colocar y editar texto, gráficos y formas básicas 3D en su proyecto.

Barra de Texto

• Le permite ajustar la alineación del texto dentro de un objeto de texto , así como el espaciado entre líneas y caracteres.

Page 6: Http:// Ing. Juan Carlos Espinoza Gastélum Desarrollo de Aplicaciones Web Manejo de efectos en.

http://www.espbar.comIng. Juan Carlos Espinoza Gastélum

Barras de Herramientas (continuación)Ventana de Edición

• Le permite una vista previa del proyecto 3D a medida que trabaja . Usted puede también arrastrar objetos directamente dentro de la ventana para personalizar aspectos básicos tales como la posición, la rotación y tamaño , entre otros.

Paleta de Acceso Rápido

• Contiene un directorio de todos los aspectos que puede aplicarse a su objeto 3D, incluidos los efectos de plug-in. Hacer docenas de efectos predefinidos en el panel de miniaturas .

Page 7: Http:// Ing. Juan Carlos Espinoza Gastélum Desarrollo de Aplicaciones Web Manejo de efectos en.

http://www.espbar.comIng. Juan Carlos Espinoza Gastélum

Barras de Herramientas (continuación)Barra de Atributos

• Le permite personalizar muchos aspectos de su proyecto, incluidos los efectos de plug-in.

Manejador de Objetos

• Es un panel flotante que le permitirá agrupar, cambiar el nombre y eliminar objetos para mejorar el control de edición.

Page 8: Http:// Ing. Juan Carlos Espinoza Gastélum Desarrollo de Aplicaciones Web Manejo de efectos en.

http://www.espbar.comIng. Juan Carlos Espinoza Gastélum

Texto• Para insertar un objeto de texto

realice los siguientes pasos:I. En la barra de objeto presione el

botón de insertar texto (insert text), la ventana de texto aparecerá.

II. Elija un tipo y tamaño de letra, escriba el texto en la caja.

III. Presione el botón Ok y el texto aparecerá en la ventana de edición.

IV. Repita los pasos para cada texto deseado.

• Para editar un objeto de texto realice los siguientes pasos:

I. En la barra de objeto presione el botón de editar texto (edit text), la ventana de texto aparecerá.

II. Modifique el texto en la caja.III. Presione el botón Ok y el

texto aparecerá en la ventana de edición.

Page 9: Http:// Ing. Juan Carlos Espinoza Gastélum Desarrollo de Aplicaciones Web Manejo de efectos en.

http://www.espbar.comIng. Juan Carlos Espinoza Gastélum

Movimiento• Para mover un objeto presione el botón de movimiento y realice

cualquiera de las siguientes acciones: I. Arrastre el objeto hacia arriba en la Ventana de Edición, y el valor de

Y aumenta . Arrastre el objeto hacia abajo, y el valor de Y disminuye.

II. Arrastre el objeto hacia la derecha en la Ventana de Edición, y el valor de X aumenta . Arrastre el objeto hacia la izquierda, y el valor de X disminuye.

Page 10: Http:// Ing. Juan Carlos Espinoza Gastélum Desarrollo de Aplicaciones Web Manejo de efectos en.

http://www.espbar.comIng. Juan Carlos Espinoza Gastélum

Movimiento (continuación)III. Arrastre el objeto a lo largo del eje Z por manteniendo pulsado el

botón derecho del ratón mientras se arrastra. Esto hace que el objeto parezca venir hacia usted o alejarse de usted. Así ya no tendrá que girar el objeto, entonces será simplemente parecer más grande a medida que lo mueve hacia usted o menor medida que se aleja.

Page 11: Http:// Ing. Juan Carlos Espinoza Gastélum Desarrollo de Aplicaciones Web Manejo de efectos en.

http://www.espbar.comIng. Juan Carlos Espinoza Gastélum

Rotación• Para rotar un objeto presione el botón y realice cualquiera de las

siguientes acciones: I. Arrastre hacia la izquierda y la derecha con el ratón, y el objeto gira

en consecuencia. Observe cómo los valores de X, Y, Z se convierten en negativos cuando se arrastra hacia la izquierda y positivo cuando se arrastra hacia la derecha.

II. Arrastre hacia arriba y hacia abajo con el ratón, el objeto gira hacia atrás lejos de usted y hacia usted.

Page 12: Http:// Ing. Juan Carlos Espinoza Gastélum Desarrollo de Aplicaciones Web Manejo de efectos en.

http://www.espbar.comIng. Juan Carlos Espinoza Gastélum

Rotación (continuación)III. Mantenga pulsado el botón derecho del ratón , a continuación,

arrastre hacia arriba y hacia abajo en la ventana de edición . El objeto gira en sentido antihorario y con las agujas del reloj .

Page 13: Http:// Ing. Juan Carlos Espinoza Gastélum Desarrollo de Aplicaciones Web Manejo de efectos en.

http://www.espbar.comIng. Juan Carlos Espinoza Gastélum

Tamaño• Para cambiar el tamaño de un objeto presione el botón y realice

cualquiera de las siguientes acciones: I. Arrastre hacia arriba para disminuir la altura y hacia abajo para

aumentarla.

II. Arrastre el cursor hacia la izquierda para disminuir el ancho y la derecha para aumentarlo.

Page 14: Http:// Ing. Juan Carlos Espinoza Gastélum Desarrollo de Aplicaciones Web Manejo de efectos en.

http://www.espbar.comIng. Juan Carlos Espinoza Gastélum

Tamaño (continuación)III. Mantenga pulsado el botón derecho del ratón , a continuación,

arrastre hacia la izquierda o derecha para ajustar el espesor del objeto. ( Para ver este efecto mejor , girar el objeto ligeramente. )

Page 15: Http:// Ing. Juan Carlos Espinoza Gastélum Desarrollo de Aplicaciones Web Manejo de efectos en.

http://www.espbar.comIng. Juan Carlos Espinoza Gastélum

Caras y Biseles• Un bisel se refiere al borde de un objeto 3D . Mediante el ajuste de sus

características en la barra de Atributos, un bisel puede ser parte de lo que hace que los objetos realmente interesantes. La anatomía de un bisel, así como las caras se muestran a continuación:

Page 16: Http:// Ing. Juan Carlos Espinoza Gastélum Desarrollo de Aplicaciones Web Manejo de efectos en.

http://www.espbar.comIng. Juan Carlos Espinoza Gastélum

Caras y Biseles (continuación)• Lo relevante acerca de la aplicación de la textura y el color en Ulead

COOL 3D es que se puede aplicar a caras individuales de su objeto. Para hacerlo haga clic en un botón de bisel-cara (Bisel Face) en la Barra de herramientas para seleccionar el lado del objeto para editar . A continuación, arrastre un color o textura de los posibles a la ventana de edición . Trate de aplicar diferentes colores y texturas para los diferentes biseles y caras de un objeto.

Objeto plano Objeto con biseles

Page 17: Http:// Ing. Juan Carlos Espinoza Gastélum Desarrollo de Aplicaciones Web Manejo de efectos en.

http://www.espbar.comIng. Juan Carlos Espinoza Gastélum

Fondo del área del objeto• Para insertar una imagen en el fondo del área de trabajo realice los

siguientes pasos:I. Haga clic en el botón de carga de archivo de imagen .II. Seleccione un archivo de imagen (* .jpg o * .bmp ) en el cuadro de

diálogo que aparece y haga clic en Abrir.III. Si lo desea, puede ajustar las dimensiones de su proyecto para que

coincida con el tamaño de la imagen que se está utilizando . Para ello, usar el menú de dimensiones de Imágenes, haga clic en el uso del botón de imagen de fondo, y haga clic en Aceptar (Ok).