Concepto de Photoshop

Adobe Flash CS5

Concepto de lo que es adobe flash

Adobe Flash Professional es el nombre o marca comercial oficial que recibe uno de los programas más populares de la casa Adobe, junto con sus programas hermanos Adobe Illustrator y Adobe Photoshop y que se trata de una aplicación de creación y manipulación de gráficos vectoriales con posibilidades de manejo de código mediante el lenguaje ActionScript en forma de estudio de animación que trabaja sobre "fotogramas" y está destinado a la producción y entrega de contenido interactivo para las diferentes audiencias alrededor del mundo sin importar la plataforma. Es actualmente desarrollado y comercializado por Adobe Systems Incorporated y forma parte de la familia Adobe Creative Suite, su distribución viene en diferentes presentaciones, que van desde su forma individual hasta como parte de un paquete siendo estos: Adobe Creative Suite Design Premium, Adobe Creative Suite Web Premium y Web Standard, Adobe Creative Suite Production Studio Premium y Adobe Creative Suite Master Collection. Se usa en las diferentes animaciones publicitarias, de reproducción de vídeos (como ocurre en YouTube) y otros medios interactivos que se presentan en casi todas las páginas web del mundo le han dado la fama a éste programa dándoles el nombre de "animaciones Flash" a los contenidos creados con éste.
Adobe Flash utiliza gráficos vectoriales y gráficos rasterizados, sonido, código de programa, flujo de vídeo y audio bidireccional (el flujo de subida sólo está disponible si se usa conjuntamente con Macromedia Flash Communication Server). En sentido estricto, Flash es el entorno de desarrollo y Flash Player es el reproductor utilizado para visualizar los archivos generados con Flash. En otras palabras, Adobe Flash crea y edita las animaciones o archivos multimedia y Adobe Flash Player las reproduce.
Los archivos de Adobe Flash, que tienen generalmente la extensión de archivo SWF, pueden aparecer en una página web para ser vistos en un navegador web, o pueden ser reproducidos independientemente por un reproductor Flash. Los archivos de Flash aparecen muy a menudo como animaciones en sitios web multimedia, y más recientemente en Aplicaciones de Internet Ricas. Son también ampliamente utilizados como anuncios en la Web.





 1.-Primer trabajo Dibujo con vectores




2.-Animacion "La cocina divertida"



3.-Animacion "Principios basico -La vida en el Mar"




4.-Animacion "Mariposa"




5.-Animacion "Tema Libre"





6.-Efecto Botones y Menus

Propiedades de la herramienta pluma.

Como primer paso, debemos saber cuáles son las posibilidades que nos da la Herramienta Pluma en Illustrator. 

Buscamos la pluma en la barra de herramientas, si no la ves la buscas desde el menú Window>Tool. Lo más cómodo en Illustrator es manejarse mediante el teclado, así de a poco vamos aprendiendo a llamar a cada herramienta para luego, poder trabajar a pantalla completa. (alabadas sean las ventanas flotantes). Entonces mediante la tecla ( P ) también podemos seleccionar la herramienta pluma. 


Si mantenemos apretado el botón, vemos que se despliega un menú emergente con algunas opciones para realizar distintos trabajos sobre el vector. 


Add anchor Point Tool: Agrega nodos o puntos a un trazado. Si tenemos seleccionada la herramienta pluma, usando la tecla ( + ) ya llamamos a esta herramienta.
Delete anchor Point Tool: Quita nodos o puntos a un trazado. Si tenemos seleccionada la herramienta pluma, usando la tecla ( - ) ya llamamos a esta herramienta.
Convert anchor Point Tool: Convierte curvas en ángulos y ángulos en curvas.
Si tenemos seleccionada la herramienta pluma, usando la tecla ( Alt ) ya llamamos a esta herramienta.

Cómo generar líneas rectas

Pasamos a dibujar una línea recta, haciendo solamente dos clicks en lugares diferentes, esto genera dos puntos, y con esto un segmento, un trazo dibujado.





¿Cómo logramos una línea recta? Luego de realizar el primer clic, mantenemos apretada la tecla ( Shift ) y al hacer el segundo click ya tenemos nuestra línea bien recta.
Ahora bien, si nos posicionamos encima de la recta generada, veremos que al puntero en forma de pluma se le sumará el signo de adición: ( + ). Hacemos clic sobre la línea generando así otro nodo o punto sobre la recta y vemos que donde antes estaba el signo de adición ( + ) ahora está el de sustracción ( - ). Si volvemos a hacer click sobre el punto generado, vemos como desaparece. 

Como todo, es cuestión de explorar y ver qué resultados nos da cada herramienta. Si hacemos clicks consecutivos en diferentes lugares, vemos cómo podemos ir generando diferentes formas.

Cómo mover nodos o puntos de un trazado.

Para mover nodos de lugar, se utiliza la herramienta de selección directa desde la barra de herramientas o mediante la tecla ( A ).

Una vez seleccionada, hacemos un clic sobre el trazado. Notaremos que los tres puntos se vuelven blancos. 

Seleccionamos el punto del medio con un clic, y notamos que el punto esta seleccionado porque ha cambiado su color mientras los demás siguen estando blancos, como lo muestra la imagen.

Ahora solo nos queda arrastrar el punto hasta otro lugar.

Cómo generar trazados con curvas.

Como dijimos antes, para comenzar un trazado sólo se deben hacer dos puntos en lugares diferentes. Pero si quiero realizar un trazado completamente curvo, debo, a cada punto, arrastrar el puntero para que se genere la curva en cada extremo, por cada nodo. Veamos los pasos a seguir en el grafico, las flechas rojas indican la dirección de arrastre que debemos darle al puntero. Cuanto más lo alejemos del nodo, más pronunciada será la curva:

Cómo generar curvas a partir de un ángulo.

Para generar curvas debemos tener la herramienta pluma ( P ) seleccionada. Si nos posicionamos frente a un nodo o punto, vemos cómo al cursor se le suma el signo de sustracción ( - ), pero si apretamos la tecla ( Alt ), vemos cómo el cursor cambia en forma de pico:. Teniendo entonces apretada la tecla ( Alt ) procedemos a arrastrar el puntero hacia un costado y vemos cómo se genera una curva.

Cómo generar esquinas angulosas a partir de una curva.

Este punto para el manejo del vector es muy útil. Teniendo la herramienta pluma seleccionada, sólo debemos arrastrar el punto de dirección mientras apretamos la tecla Alt. Vemos que al apretar la tecla ( Alt ) ya el puntero cambio a la forma de pico, que es lo que nos permitirá convertir el trazado.
Lo que está dentro del círculo rojo es el punto de dirección, y es lo que debemos arrastrar, formándose una esquina en punta.


Si tenemos una curva y sólo queremos que quede como un ángulo, debemos mantener apretada la tecla ( Alt ) y hacer un solo clic.



Como ven esto es una introducción básica acerca de una de las tantas maneras de comenzar a trabajar con vectores. Mediante la combinación de estas opciones que nos da la herramienta pluma podemos hacer trabajos de gran calidad y terminación.
Espero en una próxima entrega avanzar más sobre el uso de vectores en Illustrator.



1.- Diseño elaborado con la herramienta pluma calcando un cubo

1.-Creación de objetos 3D

1.-Concepto de Calco Interactivo
El Calco Interactivo en Illustrator nos proporciona la posibilidad de convertir en vectores nuestros mapas de bits. Ya sea una imagen en color, en blanco y negro o en escala de grises. 

2.-Principales Opciones De Calco

• Modo: nos permite escoger entre un resultado de calco en Color, Escala de Grises o Blanco y Negro.
• Umbral: se basa en un valor introducido para el modo Blanco y Negro. Todos los píxeles más claros que el valor introducido son convertidos a blanco y los más oscuros se pasan a negro.
• Panel: especifica una paleta de color para los modos Escala de Grises y Color. Illustrator determinará el color de manera automática. También cabe la posibilidad de escoger cualquier biblioteca de muestras para que el calco se realice con unos colores determinados.
• Desenfocar: desenfoca la imagen previamente al calcado. Puede hacer que los bordes sean más suaves, pero también puede derivar en un calcado menos preciso.
• Remuestrear: cambia la resolución de la imagen de referencia antes de calcar. No es muy recomendable usar este ajuste, ya que el remuestreo debe hacerse antes de colocar la imagen en Illustrator.
• Ajuste de trazado: controla hasta qué punto se ajustará el calco a la imagen inicial. Es recomendable utilizar un número bajo para conseguir que el trazado se ajuste con suavidad.
• Rasterizado y Vector: determina cómo queremos que se visualice en pantalla la imagen y su calco. Estos dos ajustes no afectarán al trabajo real, sólo a cómo lo verás en pantalla.

máscaras de recorte

1.-Concepto de Adobe Ilustrator

Es un programa para hacer o editar imágenes Vectoriales.

A diferencia de los mapas de bits, que se basan en pixeles, las imagenes vectoriales se basan en Vectores, donde las imagenes se pueden ampliar a tu gusto, sin perder nada de calidad.
Ademas, se pueden guardar imagenes en un tamaño muchisimo menor, a diferencia de las que se basan en pixeles.


Una fotografia nunca se basara en Vectores, solamente en matriz de puntos, o pixeles 


una muestra de vectores.

• Los efectos de Buscatrazos del menú Efecto sólo se pueden aplicar a grupos, capas y objetos de texto. Después de aplicar el efecto, todavía es posible seleccionar y editar los objetos originales. También puede utilizar el panel Apariencia para modificar o eliminar el efecto.
• Los efectos de Buscatrazos del panel Buscatrazos se pueden aplicar a cualquier combinación de objetos, grupos y capas. La combinación final de la forma se crea al hacer clic en un botón de Buscatrazos. Después, ya no se podrán editar los objetos originales. Si el efecto resultara en varios objetos, estos se agrupan automáticamente.
  
  
  
  

  efectos del Buscatrazos

  Añadir

   

  Define el contorno de todos los objetos como si fueran un único objeto combinado. La forma resultante adopta los atributos de pintura del objeto superior.

  Formar intersección

   

  Define el contorno del área con la que se superponen todos los objetos.

  Excluir

   

  Define las áreas no superpuestas de los objetos y convierte en transparentes las áreas que se superponen. Las áreas en las que se superponen un grupo de objetos par se hacen transparentes; cuando se superpone un grupo de objetos impar, el área se rellena.

  Restar

   

  Resta los objetos situados más al frente del objeto situado más al fondo. Puede usar este comando para eliminar ciertas áreas de la ilustración cambiando el orden de apilamiento.

  

  Menos fondo

   

  Resta los objetos situados más al fondo del objeto situado más al frente. Puede usar este comando para eliminar ciertas áreas de la ilustración cambiando el orden de apilamiento.

  Dividir

   

  Separa una parte de la ilustración en las caras rellenas que la componen (una cara es un área no dividida por un segmento de línea).
  

  Nota: al utilizar el botón Dividir del panel Buscatrazos, puede utilizar las herramientas Selección directa o Selección de grupos y manipular las caras resultantes de forma independiente. Puede optar por eliminar o por conservar los objetos no rellenos al aplicar el comando Dividir.

  Cortar

   

  Elimina la parte oculta de un objeto relleno. Elimina los trazos y no combina objetos de igual color.

  Combinar

   

  Elimina la parte oculta de un objeto relleno. Suprime los trazos y combina cualquier objeto añadido o superpuesto relleno con el mismo color.

  Recortar

   

  Divide una ilustración en las caras rellenas que la componen y, a continuación, elimina todas las partes de la ilustración que quedan fuera de los límites del objeto situado más al frente. También suprime todos los trazos.

  Contornear

   

  Divide un objeto en sus segmentos de línea o bordes. Este comando es útil para ilustraciones en las que es necesario cortar los objetos que se sobreimprimen. (Consulte Creación de un reventado.)
  

  Nota: al utilizar el botón Contornear del panel Buscatrazos, puede utilizar las herramientas Selección directa o Selección de grupos y manipular cada borde de forma independiente. Puede optar por eliminar o por conservar los objetos no rellenos al aplicar el comando Contornear.

  

  
  

  Mezcla definida

   

  Combina colores al escoger el valor más alto de cada uno de los componentes de color. Por ejemplo, si el color 1 es 20% cian, 66% magenta, 40% amarillo y 0% negro y el color 2 es 40% cian, 20% magenta, 30% amarillo y 10% negro, el color fuerte resultante será 40% cian, 66% magenta, 40% amarillo y 10% negro.

  Mezcla suave

   

  Hace que se puedan ver los colores subyacentes a través de la ilustración superpuesta y, a continuación, divide la imagen en las capas de sus componentes. Deberá especificar el porcentaje de visibilidad de los colores superpuestos.

  Reventar

   

  Compensa los posibles huecos entre los colores de una ilustración. Para ello, crea una estrecha área de superposición (denominada reventado) entre dos colores adyacentes.