miércoles, 9 de marzo de 2011

Herramientas Graficas 2 – Photoshop - Clase 05

En la quinta clase de Herramientas Gráficas 2 (Photoshop) Empezamos a trabajar en un proyecto de montaje Gráfico que será evaluado como parcial en la siguiente clase de la semana de parciales.
La idea, es tomar al menos 4 íconos de la ciudad y recortarlos (dejarlos sin fondo) con la herramienta laso poligonal, posteriormente, empezar a colocar cada ícono en una capa diferente y mezclarlos, creando una composición que será rematada con un texto que tenga efectos de deformación y opciones de fusión, además, el texto debe estar pasando a través de las capas y debe ser un texto alusivo a Cali, el tamaño del archivo es de 1024 x 768 pixeles, modo RGB, y formato vertical (más largo que ancho) la revisión de dicho trabajo constituirá el primer examen parcial de Photoshop, será evaluado el archivo raíz (PSD) y por protección, deben tambien tener una copia del trabajo en JPG.
La evaluación empezará a las 9 AM en punto con el que esté presente, NO se aceptan excusas de NINGUNA índole y cualquier falla en los procedimientos de trabajo o mala elaboración del mismo acarreará rebaja de puntos en la nota definitiva.

Electiva 1 - Clase 05

En la clase del dia Lunes, la quinta clase de la Electiva, los estudiantes dedicaron la clase a resolver problemas que tenian con su proyecto de lectura y el desarrollo de las piezas gráficas para el parcial de la clase de la semana que viene.

Multimedia - Clase 04

Aquí está un resumen gráfico de la clase No. 4 de Multimedia, donde se explica paso a paso como hacer la presentacion básica, colocando acciones muy elementales en las capas (stops) y en los botones (goto - quit)
espero que les sirva para la práctica y la preparación para el parcial de la semana que viene. 

jueves, 3 de marzo de 2011

Multimedia - Clase 03

A continuación, está registrado mediante una secuencia de imágenes la manera como se realiza un botón en flash (debo aclarar que el método puede variar mucho -en cuanto a simplificar el método- pero para entender mejor los procesos, es mejor hacerlo así) Luego, simplificaré algunos procesos







Espero que esté claro el procedimiento, no olviden hacer botones de práctica, y recuerden que para la clase del día 10, deben traer varios botones de salida, ir adelante, ir atras y home.

Electiva 1 - Clase 04

En la clase 4 de Electiva, cada estudiante expuso paso por paso, sus piezas gráficas y se sustentó los detalles concernientes a los proyectos, desde las explicaciones técnicas, hasta aspectos visuales (el plegable, la página web, la presentación flash y el diseño del afiche) previa entrega de trabajo de investigación. 

Multimedia - Clases 01 - 02



Para las clases 1 y 2 de Multimedia, por favor, remitirse a las clases 1 y 2 de Animación, que contienen toda la teoría y conceptos básicos para los principios fundamentales en Flash.

Herramientas Graficas 2 – Photoshop - Clases 01-02-03-04

Las clases de Herramientas Gráficas hasta este momento, han sido un recorrido por la interface del programa Adobe Photoshop en su versión CS3. Aquí un repaso breve de lo visto hasta ahora en clase.

Principios Básicos:

Adobe Photoshop, es una herramienta de uso frecuente en las plataformas de trabajo a nivel de diseño, fotografía e ilustración en el mundo entero, su potente desempeño se debe a las excelentes herramientas que tiene para el trabajo de retoque, construcción y diseño digital en las diversa áreas de influencia, desde la impresión hasta la web, pasando por ilustración y cine o animación.
Trabajaremos de forma básica para conocer las herramientas de uso frecuente y de mayor aplicabilidad en nuestro medio, sin embargo, si el estudiante está interesado, más adelante, les dejo links de referencia para que investiguen, lean mas sobre procesos que desarrolla Photoshop, porque la verdad, son extensos y el manejo y desarrollo de las características de trabajo de dicha herramienta digital son de verdad extensas.
Iniciemos con las herramientas básicas de la caja de herramientas principal:





Las herramientas Marco: realizan selecciones rectangulares, elípticas, de una fila y de una columna. Cuando quiera hacer una selección que tenga los bordes difuminados, debe: primero seleccionar la herramienta de selección, posteriormente en la parte superior, colocar el calado o desvanecido en un numero de pixeles determinado (entre más alto el numero, mas fuerte y amplia será el desvanecido) hecho esto, seleccionas la imagen, copias y pegas en un documento nuevo, veras que la imagen aparece con el contorno desvanecido. (siempre que no vayas a usar la herramienta, coloca el numero en cero en el cuadro en que marcaste el desvanecido)

La herramienta Mover mueve selecciones, capas y guías.

Las herramientas Laso
realizan selecciones a mano alzada, poligonales (bordes rectos) en un proceso parecido al de crear vectores y lazo magnético (del tipo ajustar) que funciona mejor cuando las imágenes están sobre un fondo plano de un solo color o de colores contrastantes con la imagen que vamos a seleccionar.  

La herramienta Varita mágica
selecciona áreas de un color similar. 
La herramienta Recortar recorta las imágenes convirtiendo el recorte en documento, también puedes determinar el corte preestableciéndolo en la parte superior determinando ancho, alto y resolución. 

La herramienta Sector
crea sectores y los selecciona para hacer “cortes” para web (se usa cuando se interactúa con Dreamwaver u otros editores web)

La herramienta Aerógrafo
pinta trazos de bordes suaves.

La herramienta Pincel
pinta trazos de pincel (que pueden ser modificadas las puntas, cuando se tiene seleccionada la herramienta, en la parte superior aparecen todas las opciones de modificación y también pueden ser descargadas muchas formas de pincel de la web) La herramienta pincel puede ser con bordes marcados o suaves como aerógrafo.

La herramienta Lápiz
(en el menú contextual de Pincel) pinta trazos de bordes marcados.

La herramienta Tampón
de clonar pinta con la muestra de una imagen, primero se selecciona la herramienta, se pasa sobre la imagen con la tecla ALT presionada y luego se usa sobre el lugar donde queremos duplicar/clonar la imagen).

La herramienta Tampón de motivo
(en el menú contextual de Tampón) pinta parte de una imagen como un motivo o textura definida.

La herramienta Pincel de historia:
pinta una copia del estado o instantánea seleccionados en la ventana de la imagen actual.

La herramienta Pincel histórico
(en el menú contextual de Pincel de historia) pinta con trazos estilizados que simulan la apariencia de distintos estilos de pintura, utilizando un estado o una instantánea seleccionados.

La herramienta Borrador
borra píxeles y restaura partes de una imagen a un estado anteriormente guardado.

La herramienta Borrador de fondos
(en el menú contextual de Borrador) al arrastrar, borra áreas y las transforma en transparentes.

La herramienta Borrador mágico
(también en el menú contextual de Borrador) borra áreas de color sólido y las convierte en transparentes con un solo clic.

La herramienta Degradado
crean fusiones lineales, radiales, angulares, reflejadas y de diamantes entre colores.

La herramienta Bote de pintura
(en el menú contextual de Degradado) rellena de manera similar las áreas coloreadas con el color frontal.

La herramienta Desenfocar
suaviza los bordes definidos de una imagen. La herramienta Enfocar (en el menú contextual de Desenfocar) enfoca los bordes suaves de una imagen.

La herramienta Dedo
(también en este menú contextual) extiende los datos de color de la imagen. La herramienta Sobreexponer aclara áreas de una imagen.

La herramienta Subexponer
(en el menú contextual de Sobreexponer) oscurece áreas de una imagen. La herramienta Esponja (también en este menú contextual) cambia la saturación del color de un área.

Las herramientas Selección
de trazado realizan selecciones de formas o segmentos mostrando los puntos de ancla y las líneas y puntos de dirección.

La herramienta texto
crea texto en una imagen.

Las herramientas Pluma
permiten dibujar trazados con bordes suaves.

Las herramientas Forma
crean formas como Rectángulo, Rectángulo redondeado, Elipse, Polígono, Línea o forma personalizada.

La herramienta Anotaciones
inserta notas y anotaciones de voz que pueden añadirse a la imagen.

La herramienta Cuentagotas
muestrea los colores de una imagen.

La herramienta Medición
(en el menú contextual de Cuentagotas) sirve para medir distancias, ubicaciones y ángulos.

La herramienta Mano
mueve una imagen dentro de su ventana.

La herramienta Zoom
aumenta o reduce la visualización de una imagen esto también se puede hacer con la ventana de Navegador en las ventanas flotantes de la derecha, todas las ventanas y herramientas, siempre se pueden obtener de el menú ventana.

Partes de la barra de opciones La barra de opciones de Photoshop posee dos partes diferenciadas. Por un lado, están las opciones referentes a cada herramienta. Mira por ejemplo, las opciones que, sobre la herramienta Pluma, ofrece el programa:

Como se puede dar idea, la barra de opciones amplia enormemente la capacidad de trabajo y recursos en Photoshop, y convierte a éste en un programa muy completo.

La otra parte de la barra de las opciones es un 'contenedor de paletas emergentes'. Se encuentra en la parte derecha de la barra y ahí se pueden ajustar las paletas emergentes de Photoshop, como Muestras, Acciones o Capas, ofreciendo acceso rápido a ellas. El contenedor de paletas sólo se puede usar si se usa una resolución de pantalla superior a 800 x 600 píxeles (se recomienda una configuración mínima de 1024 x 768).

Para insertar una paleta en este contenedor de emergentes de la barra de opciones, arrastra la ficha de la paleta deseada hasta esta zona y suelta encima de ella.

Facilidad en la Movilidad de la barra de opciones
Puedes desplazar la barra de opciones a cualquier parte del área de trabajo. Además, puedes ajustarla ya sea en la parte superior o inferior de la pantalla, dependiendo de tus gustos y necesidades. Para mover la barra de opciones, haz clic en la parte izquierda de ella y arrástrala hasta dejarla en la zona deseada.

EJERCICIOS:


Realizar en diversos tipos de imagen, selecciones de toda índole y copiar pegar en documentos nuevos para entender los procesos relacionados. (usar el recurso de desvanecer los contornos de las selecciones)
Usar la herramienta de lazo poligonal para cortar partes de una imagen y volverlas a pegar ahí (se generará una capa nueva) y empezar a hacer montajes respectivos.

El proceso de CAPAS en Photoshop
 
1. Para crear una nueva capa elegimos la opción en la parte inferior que permite crear una nueva capa y hacemos click en la pequeña hoja de papel blanco que se encuentra en la zona inferior derecha, si no estuviera a la vista la opción de crear nueva capa, vamos a ventana/mostrar capas.

2. Ahora vemos que hace presencia una nueva capa llamada capa 1. Podemos cambiarle el nombre haciendo un click derecho donde dice capa 1 y eligiendo en el menú contextual opciones de capa aparece una ventana donde podemos especificar el nuevo nombre. Una vez que lo insertamos hacemos click en el botón que dice OK, otra manera es haciendo doble Click en el nombre y reescribiéndolo.

3. En este paso se han creado dos capas a cada una se le puede colocar nombres diferentes.
Hay que tener en cuenta que la capa que siempre aparecerá por defecto en el archivo, es llamada Fondo (Background) y estará bloqueada, para desbloquearla, se le da doble click al candado, aparece un cuadro de dialogo, se le da OK y listo, la otra forma es tomar el candado con un click sostenido y llevarlo hasta el tarrito de basura que hay abajo.

 No olviden que la disposición de las capas va de las de arriba están más cerca a nosotros y hacia el fondo las que están lejos de nuestra vista.