lunes, 20 de septiembre de 2010

Informática - PhotoShop

HERRAMIENTAS DE PINTURA
AERÓGRAFO
Esta herramienta simula los efectos de un aerógrafo convencional. Si permanece en una zona sin moverse y tiene el botón del ratón pulsado el aerógrafo seguirá soltando pintura.
Opciones: Modo de fusión .
Presión: permite controlar el porcentaje de pintura que soltará el aerógrafo.
Transición: se puede decir que va a controlar el tiempo que estará pintando, aunque realmente lo que controla es el espacio que se puede recorrer sin que se acabe la pintura. Si se introduce el valor 0, no se acabará la pintura.
Transición a: transparente (cuando se acabe el color seguirá pintando pero con color transparente), fondo (seguirá pintando con el color de fondo).
PINCEL
Esta herramienta añade pintura como si fuese un pincel.
Opciones: Modo de fusión .
Opacidad: se puede controlar el tanto por cien de opacidad con que pintaremos.
Transición: igual que en Aerógrafo.
Transición a: igual que en Aerógrafo.
Húmedo: la pintura queda con cierta transparencia simulando pintura húmeda.
PINCEL DE HISTORIA
Permite restaurar una imagen a su estado primitivo después de haber sufrido algún cambio.
Para ello debemos tomar una instantánea previa de la imagen a la que nos interese retroceder: pinchamos con el botón derecho sobre la última acción de la ventana "historia" y "tomamos instantánea". Se puede observar que se añade una nueva instantánea en la parte superior, y si activamos la casilla de su izquierda ya se podrá retroceder hasta ella. También se puede activar la casilla de cualquier acción que se va almacenando en la historia para retroceder hasta ella. Parece complicado, pero solo es cuestión de probar.
Opciones: Modo de fusión .
Opacidad: igual que en Pincel.
Impresionista: actúa como la herramienta pincel pero aplicando un efecto impresionista.
TAMPÓN
Se utiliza para clonar una imagen o parte de ella. Se puede copiar una parte de la imagen y estamparla tantas veces como queramos.
Pulsando y haciendo clic se establece una guía, si se vuelve a pinchar con el ratón comienza la clonación.
Tampón de motivo: Se hace una selección rectangular y en el menú "edición", se "define motivo". Se podrá pintar de forma ajedrezada con el motivo seleccionado. Se conseguirán buenos efectos al abrir dos documentos, definir motivo en uno y aplicar tampón de motivo en una selección previamente hecha del otro documento.
BORRADOR
Hace que los pixels borrados adquieran el color de fondo del selector de color, o bien, si hay mas de una capa, los vuelve transparentes. Puede adoptar forma de pincel, aerógrafo, lápiz o cuadrado.
LÁPIZ
Permite dibujar a mano alzada, pulsando hacemos líneas rectas.
Línea: permite dibujar líneas de distintos grosores pudiendo incluir puntos de flecha en el inicio, fin o inicio y fin de la misma.
DESENFOCAR
Difumina la imagen y disminuye el contraste de la zona donde se aplique.
Enfocar: da mas nitidez a la imagen y aumenta el contraste del color.
Dedo: diluye los colores simulando la acción de arrastrar un dedo sobre pintura fresca.
SOBREEXPONER
Aclara las áreas de la imagen donde se aplique. Produce el mismo efecto que la técnica de exposición en fotografía.
Opciones:
Medios tonos: solo afecta a una escala intermedia de grises.
Sombras: el efecto se acentúa en las partes oscuras.
Luces: el efecto se acentúa en las partes de mayor claridad.
Subexponer: hace lo contrario que la herramienta anterior, oscurece la imagen.
Esponja: satura o desatura reduciendo el nivel de gris. Se consigue acentuar el brillo de los colores. Si la imagen está en escala de grises solo aumenta o disminuye el contraste.
PLUMA
Aunque se puede considerar como una herramienta de selección, lo que realmente se consigue con la pluma son trazados vectoriales , que se utilizan para dibujar, hacer selecciones precisas (convirtiendo trazado en selección), o exportar trazados a Illustrator . Su funcionamiento es similar al lazo poligonal; se van marcando puntos de anclaje a medida que se hace clic con el ratón, para posteriormente poder modificarlos. El trazado se irá completando según se añaden puntos de anclaje. Si al añadir uno no suelta el botón del ratón y arrastra en una dirección, podrá cambiar la curvatura de la línea creando una curva Bézier , que se podrá modificar.
• Pluma magnética: su funcionamiento es idéntico al lazo magnético, aunque ahora crea trazados y no selecciones.
• Pluma de forma libre: se utiliza para dibujar trazados a mano alzada. Utilizando la opción "anclaje de curva" el trazado será mas preciso.
• Añadir punto de anclaje: añade en cualquier punto del trazado un punto de anclaje.
• Eliminar punto de anclaje: elimina puntos de anclaje del trazado.
• Selección directa: selecciona un trazado, mueve 1 ó varios puntos de anclaje, o si los selecciona con pulsado, moverá los puntos de dirección.
• Convertir puntos de anclaje: transforma puntos de anclaje de curvas en puntos de anclaje asimétricos o la inversa.
TEXTO
Es la herramienta utilizada para pintar texto. Para poder aplicarle un filtro es necesario quitarle el carácter tipográfico convirtiéndola en mapa de bits, se hace desde "Capa/Texto/ interpretar capa".
• Máscara de texto: el texto que escribe aparecerá como selección.
• Texto vertical: el texto aparece escrito en vertical.
Opciones:
Rotar: los caracteres aparecerán rotados 90 grados.
Interlineado: es el espacio entre líneas base.
Línea base: es la línea imaginaria que pasa por la base de los caracteres. Permite subir o bajar el texto.
Tracking: es el espacio uniforme entre los caracteres seleccionados.
Kernign: espacio entre dos caracteres.
• Máscara de texto vertical: el texto se escribirá en vertical en forma de selección.
DEGRADADO
Se podrá crear gradientes de dos o más colores. Se elige el tipo de degradado, se pincha con el ratón, se arrastra y se suelta el botón del ratón. Se pueden conseguir efectos sorprendentes.
• Lineal: el gradiente se propaga en línea recta.
• Radial: el gradiente se propaga en círculos concéntricos.
• Angular: el gradiente se propaga como la línea de barrido de un radar.
• Reflejado: el gradiente tendrá un eje de simetría horizontal, resultando la parte inferior simétrico con la superior.
• De diamante: produce un efecto romboidal simulando el brillo de un diamante.
En todos ellos, pulsando , nos permite desplazarnos en múltiplos de 45º.
MEDICIÓN
Permite medir distancias, indicando también la posición relativa desde el punto donde se ha comenzado a medir con los ejes de coordenadas X, Y. Podrá medir ángulos tirando primeramente una línea con esta herramienta y después pinchando en un extremo y pulsando , así se formará un transportador de ángulos. Es de utilidad utilizar la tecla para girar en múltiplos de 45º.
BOTE DE PINTURA
Se podrá pintar con el color frontal los pixels donde hallamos pulsado y aquellos que tengan cierta similitud de color.
Opciones: Modos de fusión .
Opacidad: se puede controlar el tanto por cien de opacidad con que pintaremos.
Suavizar: suaviza los bordes de la zona pintada.
Tolerancia: se podrá variar la similitud de color de los pixels para que se pinten o no. Poca tolerancia; rellenará los pixels muy cercanos de similitud, mucha tolerancia; rellenará pixels más alejados en similitud.
Contenido: color frontal ; pintará con el color establecido como color frontal. Motivo ; hará un mosaico si antes hemos definido un motivo. Se definía motivo haciendo una selección rectangular y en menú edición "definir motivo".
CUENTAGOTAS
Se obtendrá la muestra del color que se coja con el cuentagotas, y se almacenará como color frontal. Trabajando con herramientas de pintura, al pulsar se mostrará esta herramienta.
• Muestra de color: permite tomar hasta 4 muestras de color almacenando sus valores en la ventana de información.
EDITAR EN MODO ESTANDAR
Desactiva la siguiente herramienta.
EDITAR EN MODO MÁSCARA RÁPIDA
Es una herramienta para conseguir selecciones precisas. A partir de una selección se podrá aplicar la máscara rápida, nunca antes. La parte que está seleccionada no cambiará, pero la parte no seleccionada se teñirá de rojo indicando que está enmascarada.
Ahora con cualquier herramienta de dibujo se podrá añadir máscara pintando con color negro , o restar máscara pintando con color blanco . Cuando se tengan teñidas aquellas partes del documento que no nos interesen se pasará al "modo estándar" y estas aparecerán deseleccionadas. Se habrá conseguido seleccionar las partes no enmascaradas.

HERRAMIENTAS DE VISUALIZACION
MANO
Pinchando y arrastrando permite moverse por el documento. La tecla rápida es .
ZOOM
Permite aumentar o disminuir el tamaño de visualización del documento. Al aplicar la herramienta la imagen aumenta, si pulsamos disminuye. Doble clic la visualización será del 100 %.
Las teclas rápidas: aumenta, disminuye.
PALETA DE COLORES FRONTAL Y DE FONDO
Color frontal: contiene el color con el que se pinta, rellena, se hace degradados, etc.
Color de fondo: contiene el color de relleno de borrados, selecciones y lienzo añadido.
Conmutar colores: esquina superior derecha. Intercambia los colores frontal y de fondo. Tecla rápida: .
Colores por defecto: esquina inferior izquierda. Siempre son el negro y el blanco.

MODOS DE VISUALIZACIÓN
Será la manera en que podamos ver el área de trabajo. Empezando de izquierda a derecha:
Estandar
Se mostrará la barra de menús, pudiendo ver más de un documento a la vez.
Entera con barra de menús
Se verá a pantalla completa con la barra de menús. Solo veremos un documento.
Entera
Pantalla completa sin barra de menús.


MODOS DE FUSION
Es la manera en que se mezclarán unos colores con otros. Se podrá elegir uno de ellos en cualquier herramienta de dibujo.
• Normal: es el usado con más frecuencia. El color de la herramienta tapa completamente el gráfico.
• Disolver: igual que el normal pero los pixels se mezclan de forma aleatoria dejando huecos.
• Detrás: idéntico al modo normal, pero solo pintará donde haya zonas transparentes.
• Multiplicar: el valor numérico del color con que pintemos, el frontal, se multiplicará por el valor numérico del color de la imagen de fondo. Se suelen conseguir colores oscuros.
• Trama: funciona igual que el anterior pero se multiplica por valores negativos. Resultando así colores claros.
• Superponer: los colores se mezclan mientras las luces y sombras se respetan.
• Luz suave: dependiendo del tono del color elegido se generan resultados oscuros o claros.
• Luz intensa: dependiendo de la luminosidad (la cantidad de gris) del color el dibujo se aclara u oscurece el resultado.
• Sobreexponer color: los colores se aclaran y el gráfico se hace más luminoso. Si se usa en zonas claras se generan zonas casi blancas, si se aplica en zonas oscuras casi no se nota el efecto.
• Subexponer color: los colores de fondo se hacen más oscuros. No se nota en el negro y blanco.
• Oscurecer: si el color con que se pinta es más oscuro que el de fondo, los pixels se pintarán de este color, si el fondo es más claro no se modificará el fondo.
• Aclarar: al contrario que el modo anterior.
• Diferencia: busca el valor de luminosidad del píxel de fondo, y el resultado será la diferencia con el frontal o a la inversa dependiendo de cuál tiene mayor valor.
• Exclusión: igual que el modo anterior pero con resultados más suaves. Si se pinta con blanco se obtiene el negativo de la imagen, pero si se pinta con negro no ocurre nada.
• Tono: el resultado depende de la luminosidad y saturación del color de fondo, y del tono y color con que se pinta.
• Saturación: no se notarán los efectos en zonas sin color. Se conservará la luminosidad y tono del documento y se sumará la saturación del color con que se pinte.
• Color: tomará la luminosidad del documento de fondo y la saturación y tono los toma del color frontal.
• Luminosidad: toma el tono y saturación del documento y la luminosidad del color de fusión. Es el efecto contrario al que produce el modo anterior.






PALETAS
Para poder ver las paletas a continuación enumeradas, deberá dirigirse al menú VentanaMostrar ....
Herramientas: (ver barra de herramientas)
Color: en ella podrá elegir el modo de color utilizando su menú desplegable ( ? ). También se puede cambiar el color frontal o de fondo.
Muestras: sirve para elegir el color frontal y de fondo. En su menú desplegable ( ? ) puede añadir o eliminar colores, así como guardar conjuntos de muestras que se podrán cargar en cualquier momento.
Pinceles: en ella podrá elegir el tamaño de pincel y de otras herramientas como pueden ser: Borrador, Tampón, etc... En su menú desplegable ( ? ) tiene los siguientes comandos:
• Nuevo pincel: define un nuevo pincel que se cargará en la paleta.
• Eliminar pincel: elimina el pincel seleccionado.
• Opciones de pincel: para modificar los valores del pincel seleccionado.
• Definir pincel: para crear pinceles propios.
• Pinceles por defecto: deja la paleta con los pinceles que Photoshop instala por defecto.
• Cargar pinceles: carga en la paleta pinceles que se encuentren situados en un archivo. Eje: C:Archivos de programaAdobePhotoshop 5.XGoodiesBrushes
• Guardar pinceles: guarda los pinceles creados en un fichero.
Info: muestra información de los valores de color y posición al situar el cursor en cualquier área de la imagen, u otro tipo de información dependiendo de la herramienta en uso.
Navegador: sirve para variar el zoom de la imagen. Se puede variar de forma numérica, introduciendo los valores o desplazando el regulador a derecha o izquierda.
En la miniatura de la imagen aparece un rectángulo el cual marca el área actualmente visible. Situándose sobre él aparecerá una mano y arrastrándola se variará la zona de la imagen que se visualiza. ( ? ) Opciones de paleta permite variar el color del rectángulo.
Opciones: muestra las diversas opciones que tenga la herramienta que este seleccionada en ese momento.
Historia: sirve para deshacer o rehacer las distintas modificaciones que se le hayan hecho a la imagen. Cada cambio realizado se verá reflejado en la paleta como un estado. Cuando se pasa de los 20 estados permitidos se van borrando automáticamente los mas antiguos. Para moverse de un estado a otro vasta con hacer click en el estado que quiera recuperar. En su menú desplegable ( ? ) tiene los siguientes comandos:
• Paso atrás: retrocede un estado.
• Paso adelante: avanza un estado
• Tomar instantánea : crea un estado fijo que se almacenará en la parte superior de la ventana.
• Eliminar. Borra el estado selección.
• Borrar instantánea: elimina la instantánea seleccionada.
• Nuevo documento: crea un nuevo documento a partir de una instantánea o un estado.
• Opciones de historia: permite modificar el numero de estados (nº_estados<=20).
• En la paleta también hay iconos que ejecutan los siguientes comandos: Nuevo documento, Tomar instantánea y Eliminar.
Acciones: sirve para gravar una serie de procesos que se realizarán automáticamente con solo pulsar un botón. Es muy útil por ejemplo para aplicar un mismo cambio o ajuste a varias imágenes. En su menú desplegable (?) tiene los siguientes comandos:
• Acción nueva: al ejecutar este comando surgirá una ventana en la que se dará nombre a la acción, se le asignará el grupo al que va a pertenecer y haciendo click en "Grabación" se comenzarán a grabar los procesos o comandos que se realicen en la imagen hasta que se detenga la grabación, ( el proceso es igual que grabar una cinta de casette ).
• Grupo nuevo: crea un nuevo grupo.
• Duplicar: duplica el grupo, acción o comando que se encuentre seleccionado.
• Eliminar: elimina el grupo, acción o comando que se encuentre seleccionado.
• Ejecutar: ejecuta la acción seleccionada ( igual que el "Play" de un video).
• Iniciar grabación: ( igual que el "Rec" de un video)
• Volver a grabar: modifica los parámetros de un comando ya grabado.
• Insertar ítem de menú: sirve para gravar un comando de alguno de los menús de Photoshop, bien seleccionándolo con el ratón o escribiéndolo.
• Insertar parada: sirve para insertar un mensaje en un momento determinado de la acción, permite detenerla o dejar que continué. Muy útil para poder realizar en la imagen acciones que no se pueden grabar, como puede ser realizar una selección determinada.
• Insertar trazado: inserta un trazado en la acción.
• Opciones de acción: para modificar el nombre de la acción y el grupo al que pertenece.
• Opciones de la ejecución: para modificar la velocidad de ejecución de la acción.
• Borrar acciones: borra las acciones.
• Cargar acciones: para obtener acciones de un archivo determinado.
• Sustituir acciones: cambia una acción determinada por otra.
• Guardar acciones: guarda la acción en un archivo *.ATM.
• Modo de botón: con este comando activado las diferentes acciones y comandos que la componen se visualizarán en forma de botones.



• Control modal: se puede activar un control modal en uno o varios comandos para detener la acción y mostrar el cuadro de diálogo si lo tuviera. De este modo podrá variar sus parámetros antes de continuar ejecutando la acción.
Capas: en ella se puede gestionar todo lo referente al manejo y opciones de las capas. Los comandos del menú desplegable (?) se encuentran explicados en el menú Capas.

Trazados: contiene una representación en miniatura de todos los trazados que se van dibujando. En su menú desplegable (?) tiene los siguientes comandos:
• Nuevo trazado: crea un nuevo trazado, pudiendo establecer un nombre distinto del asignado por defecto.
• Guardar trazado: guarda el trazado en un archivo.
• Duplicar trazado: duplica el trazado seleccionado.
• Eliminar trazado: elimina el trazado seleccionado.
• Desactivar trazado: deselecciona el trazado.
• Hacer trazado en uso...: convierte una selección en trazado.
• Hacer selección ...: convierte un trazado en selección.
• Rellenar subtrazado...: rellena el área comprendida dentro del trazado.
• Contornear subtrazado...: permite contornear el trazado utilizando diversas herramientas.
• Trazado de recorte...: permiten aislar el objeto frontal y convertir en transparente todo lo que quede fuera al imprimir la imagen o colocarla en otra aplicación.


Canales : muestra los canales de color, con el canal compuesto en primer lugar, y a continuación los canales alfa . En el lado izquierdo de cada canal se muestra una miniatura de la imagen, que irá cambiando su aspecto según se edite un canal u otro.
Para editar un canal de forma individual se hará un clic sobre el mismo. En su menú desplegable (?) tiene los siguientes comandos:
• Nuevo canal: crea un nuevo canal alfa.
• Duplicar canal: duplica el canal seleccionado.
• Eliminar canal: elimina el canal seleccionado.
• Nuevo canal de tinta plana: de utilidad para imprentas.
• Combinar canal de tinta plana: de utilidad para imprentas.
• Opciones de canal: permite cambiar el nombre y modificar el grado de opacidad del mismo.
• Dividir canales: sirve para separar los diferentes canales en imágenes diferentes e independientes. El archivo original se cerrará y los canales individuales se convertirán en archivos separados con imágenes en escala de grises. Solo se podrán dividir las imágenes que no contengan capas.
• Combinar canales: realiza la función opuesta a Dividir canales.














MENU FILTRO
Con los diferentes comandos de este menú podrá aplicar efectos especiales en sus imágenes de forma sencilla. Photoshop incluye de serie los siguientes filtros:
• Artísticos: emulan efectos de pintura.
• Bosquejar: dan efectos de 3D a las imágenes, simulando distintos materiales. Los aplica en función del color frontal y de fondo.
• Desenfocar: su función principal es la de suavizar las imágenes.
• Distorsión: realizan distorsiones geométricas.
• Enfocar: juntan pixels y corrige imágenes.
• Estilizar: emulan efectos de pintura.
• Interpretar: filtros con diversos efectos.
• Píxelizar: agrupan pixels semejantes.
• Ruido: añaden o eliminan ruido a una imagen.
• Textura: imitan diferentes materiales o texturas.
• Trazos de pincel: emulan los trazos de un pincel.
• Video: solo sirven si se trabaja con videos.
• Otros: ofrecen la oportunidad de desplazar una selección dentro de una imagen, realizar ajustes de color y hasta hacer filtros a medida.
• Digimark: Inserta una marca de agua con los datos del autor.









ATAJOS DE TECLADO
Abrir archivo Ctrl. + o
Cerrar archivo o ventana Ctrl. + w
Archivo nuevo Ctrl. + n
Mostrar / ocultar paletas y herramientas Tabulador
Mostrar / ocultar paletas Mayus + tabulador
Mostrar mano Barra espaciadora
Mostrar lupa Ctrl.+ barra espaciadora
Seleccionar todo Ctrl. + e
Aumentar / disminuir Zoom Cctrl. + (+), ctrl. + (-)
Rellenar selección de color frontal Ctrl. + retroceso
Suma / resta de selecciones Mayus + seleccionar, Alt + seleccionar
Deshacer Ctrl. + z
Cortar Ctrl. + x
Copiar Ctrl. + c
Pegar Ctrl. + v
Pegar dentro Ctrl. + Mayus + v
Salvar Ctrl. + s
Salvar como Ctrl. + Mayus + s
Transformar selección de forma libre Ctrl. + t
Invertir selección Ctrl. + mayus + i
Deseleccionar Ctrl. + d
Imprimir Ctrl. + p

miércoles, 14 de octubre de 2009

APUNTE 1: FLASH

Flash - Animación
Por animación entendermos que los objetos que aparecen en la pantalla cambien de posición, tamaño, aspecto, color, que giren, se deformen, etc...
Tipos de Animación
En Flash existen tres tipos de animación:fotograma a fotogramainterpolación de movimientointerpolación de forma
En la animación fotograma a fotograma, debemos dibujar cada uno de los fotogramas de la animación uno por uno, al estilo de las clásicas películas de dibujos animados. Permite una gran flexibilidad, pero a costa de un elevado esfuerzo. Además, el archivo debe almacenar los cambios de cada fotograma.
La animación por interpolación consiste en crear dos objetos diferentes, cada uno de ellos en fotogramas claves no contiguos, y hacer que Flash dibuje automáticamente los pasos intermedios. En este caso, el archivo sólo almacena los estados inicial y final.
La animación por interpolación de movimiento es que la debemos elegir cuando los objetos de los dos fotogramas claves sólo se diferencian en su posición, escala o rotación
La animación por interpolación de forma ese diferencia en que gradúa el cambio de la forma del objeto, realizada a través de la manipulación de sus puntos de control bezier. También permite cambiar el color.
ConsideracionesSe llaman Fotogramas Clave a los que contienen cambios en la forma o posición del objetoPara que un objeto se muestre en pantalla en un fotograma determinado, debe crearse un fotograma (no clave). Se mostrará así: . El rectángulo blanco significa que no ha habido cambios de forma ni posición.Podemos mover los fotogramas clave o los del rectángulo para cambiar los puntos de inicio o fin de la animación.
Podemos variar la velocidad de toda la animación en "Modificar-película-Veloc Fotogramas": nº de fotogramas/seg.
Podemos copiar un fotograma clave y pegarlo en otra posición para volver a esa situación después de haberla cambiado.
Cómo Crear Animaciones
Para crear una interpolación de movimiento, el mejor método es seguir exactamente los siguientes pasos:
Crear el objeto en el fotograma clave inicial
Crear interpolación de movimiento (con el botón derecho)
Insertar un fotograma clave al final
Mover el objeto en el fotograma clave final (y/o escalarlo, y/o rotarlo)
Si todo ha salido bien, se verá así:
En cambio, si falta el fotograma clave final, será así:
Y si lo que falta es crear la interpolación, veremos:
Para crear una interpolación de forma, el mejor método es seguir exactamente los siguientes pasos:
Crear el objeto en el fotograma clave inicial
Crear interpolación de forma (en la paleta "Fotograma", elegir interpolación: "Forma")
Insertar un fotograma clave al final
Modificar el objeto en el fotograma clave final
Si todo ha salido bien, se verá así:
Para crear un fundido de color, seguiremos los mismos pasos que en la interpolación de forma, pero en este caso debemos asignar diferentes colores a los fotogramas inicial y final. OJO: antes, hay que "separar" el texto.
Posibles problemas en las animaciones por interpolación:Antes de animar mediante el panel "Fotograma" un objeto con borde (por ejemplo, un rectángulo o una elipse), o uno que esté formado por varios objetos, debemos agruparlos ("Modificar-Agrupar"). Si elegimos "crear una interpolación de movimiento usando el botón derecho, Flash agrupa automáticamente los objetos seleccionados.
No podemos animar independientemente cada letra de una palabra a no ser que las distribuyamos en diferentes capas (cada letra en una capa)
No podemos cambiar el color de un texto gradualmente si no está convertido a gráfico. ("Modificar-Separar")
Si dos objetos van a animarse de formas diferentes, es mejor colocar cada uno en una capa diferente.Si queremos hacer una interpolación de forma y movimiento a la vez, debemos elegir la de forma.Si sólo deseamos cambiar la posición, rotación o escala (tamaño), no debemos hacer una interpolación de forma. En su lugar, elegiremos una interpolación de movimiento.
Cómo crear una línea a través de la cual se moverá el objeto:
Crear el objeto en el fotograma clave inicialAgregar una Guía de Movimiento (con el botón derecho encima del nombre de la capa)
Crear interpolación de movimiento (con el botón derecho apuntando al fotograma inicial)Insertar un fotograma clave al finalMover el objeto en el fotograma clave final (y/o escalarlo, y/o rotarlo)
En la capa guía, crear un trazado (con el pincel, la pluma, el lápiz, el óvalo e el rectángulo)Insertar un fotograma clave en la capa guía, al final
Arrastrar el objeto en cada fotograma clave hasta que ajuste con el comienzo o fin del movimiento trazado.Si deseamos que la forma gire a la vez que el trazado, debemos elegir "Orientar según trazado" en la paleta fotograma, en el fotograma inicial.Podemos ocultar el trazado de guía ocultando la capa que lo contiene (botón del ojo)Cómo cambiar el color de un texto gradualmente:
Veamos cómo hacer el famoso efecto de "fade in" o "fade out" (desvanecimiento) de un texto, que cambiará de color poco a poco, del color de fondo a otro, o de otro al color del fondo (o entre dos colores cualesquiera)
Crear el objeto en el fotograma clave inicial, con el color inicial
Separar el texto ("Modificar-Separar")
Crear interpolación de forma (en la paleta "Fotograma", elegir interpolación: "Forma")
Insertar un fotograma clave al finalCambiar el color del objeto en el fotograma final
¿Cómo hacer un giro de 360º o más?
Si intentamos hacer una interpolación de movimiento para un objeto que deseamos girar 360º, o incluso varias vueltas, veremos que no funciona mediante el método normal, puesto que Flash realizará el cambio por el camino más corto. Si lo hemos girado 380º, Flash sólo girará 20 (380-360). Si la rotación es múltiplo de 360º, el objeto vuelve a quedar en la misma posición en la que estaba, por lo que no se girará nada en absoluto.
El método adecuado para rotar una vuelta o más es:Crear el objeto en el fotograma clave inicialCrear interpolación de movimiento (con el botón derecho apuntando al fotograma inicial)En la paleta "Fotograma", elegir Rotar: "CMR" para que gire en el sentido de las agujas del reloj, o CCRM, en el contrario.
En la paleta "Fotograma", elegir el número de vueltas completasInsertar un fotograma clave al final.

Link: http://www.aulaclic.es/flash8/

STORY BOARD




APUNTE WEB: FLASH

1. Hierba Creciendo
Una de las animaciones con las que comencé fué ésta, se trata de crear el efecto de la hierba creciendo, realmente es muy sencillo y según la complejidad que le pongas se puede lograr un buen efecto.

Para comenzar dibujaremos una de las hojas con nuestra herramienta preferida, yo lo he hecho con la herramienta línea y luego le he dado curvas a los lados obteniendo esto:
Luego, este dibujo lo convierto en Movie Clip (F8)
En el primer Frame dejo la hierba en su ubicación original, en el último la pongo más arriba y finalmente en el último KeyFrame, en las acciones de este le pongo un stop (Esc+ST).
Listo, ya tenemos nuestra hoja base para hacer "crecer la hierba". Después de tenerla lista creamos otro Movie Clip para poder insertar ésta animación cada vez que lo necesitemos dentro de nuestras películas.

Dentro del Movie Clip lo que hacemos es arrastrar la hoja que ya creamos (hierba01) todas las veces que necesitemos, para crear un efecto interesante podemos cambiarles el color haciendo un clic en el Movie Clip y cambiándole el Tinte en el Panel de Propiedades.

También podemos cambiarle el tamaño a cada una de ellas y alinearlas de diferentes formas para que se vea que unas crecen más que otras.
Y el resultado final:
2. Puesta de Sol
Para hacer una puesta de sol trabajaremos con tres elementos, el primero es el fondo, el segundo son las montañas y el tercero es el sol.

Para hacer el sol, primero dibujamos un círculo, el cual le daremos relleno radial, para el primer color le damos un amarillo bien intenso, y para el segundo, elegimos el mismo amarillo pero le damos una transparencia cero (alpha = 0)

Para el Fondo elegimos varias tonalidades de azules para hacer un cielo en un día soleadoFinalmente dibujamos las montañas, el resultado final de la imágen sin animación es este. Hay que recordar que el orden de las capas es montañas, sol, fondo (de arriba hacia abajo) ver imágen 11, ésto para que se vea que el sol se oculta detrás de las montañas.

Listo, ahora si a animar nuestro paisaje. Lo primero que hay que hacer es mover el sol, para ello podemos también convertirlo en un MovieClip y darle a éste el movimiento de tal forma que en el KeyFrame éste no se vea es decir, que quede oculto tras las montañas.

Luego, al fondo le vamos a cambiar el color, entonces tenemos que en el primer Frame es azul claro, insertamos un KeyFrame (éste debe terminar en el mismo Frame en el que el sol se movió tras las montañas) y allí cambiamos el relleno a uno de azules más obscuros. Luego vamos al Panel Propiedades y en Tween seleccionamos Shape.

Para finalizar y darle un mejor efecto, a las montañas también le cambiamos el relleno, en el primer frame el color más claro está ubicado a la izquierda donde está el sol, como este ya se oculto, pondremos un verde más obscuro, e igual que en el fondo, vamos al Panel Propiedades y en Tween seleccionamos Shape.
La linea de tiempo se verá algo así:

3. Mariposa Volando
Y para finalizar con estas animaciones, la última y la más sencilla, una mariposa volando, para iniciar dibujamos una mariposa, yo utilice una fotografía como base.

Luego se convierte en un Movie Clip (F8), una vez dentro de éste, se hace una pequeña animación para dar el efecto del movimiento de alas, para ello insertamos un KeyFrame más o menos en el frame 5 (las mariposas baten las alas rápidamente y por eso la animación debe ser corta) y allí cambiamos el tamaño horizontal de la mariposa para que quede de la siguiente forma.
Y la linea de tiempo se ve algo así:Después de tener listo el Movie Clip, vamos a la escena, allí lo que hacemos es crear una línea guía para que la mariposa se desplace por ella, ésto se logra haciéndo clic en el ícono de Add Motion Guide ubicado en la parte inferior del panel de los layers.

Una vez allí dibujamos una línea por la cual se desplazará la mariposa.
Para hacer la animación, en el primer frame ubicamos la mariposa al comienzo de la línea, y en el último KeyFrame, ubicamos la mariposa al final de la línea, finalmente al hacer el Motion Tween chequeamos la opción Orient to Path y listo.

http://www.cristalab.com/tutoriales/interpolacion-de-movimiento-y-guias-en-flash-c119l/

miércoles, 7 de octubre de 2009

TUTORIAL FLASH 8 EN ESPAÑOL: PRIMERA ANIMACIÓN EN MACROMEDIA FLASH PROFESSIONAL 8

Bienvenidos a un video tutorial más de novatoflash.blogspot.com. Lo que haremos hoy es nuestra primera animación usando el Macromedia Flash Professional 8. Para eso seleccionamos "Archivo/Nuevo/Documento de Flash" que es la opción que viene seleccionada de forma predeterminada. Ya creado nuestro espacio, nuestro escenario, lo que usaremos es la herramienta "óvalo" y la herramienta "selección". Dibujamos un óvalo del escenario, pero como lo que queremos es un círculo, debemos presionar al mismo tiempo la tecla "Shift" y el botón izquierdo del ratón. Ya tenemos nuestro círculo hecho, ahora procedemos a seleccionar la herramienta "selección", seleccionamos el círculo, lo convertimos en un símbolo para así darle una animación. Ya creada nuestra instancia de símbolo círculo, seleccionamos el fotograma 20, pulsamos la tecla F5 y F6, una seguida de la otra, seleccionamos "propiedades" del símbolo círculo y la moveremos un poco hacia la derecha. Volvemos y seleccionamos el fotograma 1 y elegimos la opción "animación". Ahora, para probar que todo esté bien, arrastramos la cabeza lectora y vemos que el círculo está ya animado. Probamos nuestra película, y ya tenemos nuestra primera animación hecha en el Flash 8. Esto es todo.