MagazineXpert 01

Magazine para la comunidad Adobe en Latinoamérica Medios Impresos - Preprensa - Video - Sonido - Fotografía Digital - Web

magazine

www.magazinexper t.com

Lea en este número: Novedades en Adobe CS4 Ajuste profesional de color en Photoshop Efecto Star Wars en Flash Alinear imágenes en InDesign USER GROUP

Publicación del Grupo de Usuarios Adobe en Colombia - http://aug.xpert.com.co Marzo - Abril de 2009

Contenido magazine

Full Screen / Normal

www.magazinexpert.com

USER GROUP

Editorial

Contenido

Esta no es sólo una revista más...

D

esde hace algún tiempo nos rondaba por la cabeza la idea de realizar una publicación y ya que lideramos diferentes comunidades de usuarios Adobe y que trabajamos día a día con base a las tecnologías y aplicaciones de esta empresa decidimos emprender la tarea de realizar un magazine sobre estos temas.

“Nuestro deseo es ofrecer a la comunidad un medio con múltiples características, informativo sobre la actualidad tecnológica, educativo mediante los diversos tutoriales que ofreceremos y que sirva para que los usuarios puedan publicar sus trabajos más representativos.”

Noticias y actualidad Adobe. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . Página 2

Galería Trabajos enviados por los lectores. . . . . . . . . . . . . . . . . . . . . . . . . . . Página 2

Novedades Adobe CS4 Conozca las novedades de algunas aplicaciones CS4. . . . . . . . . Página 3

Nuestro deseo es ofrecer a la comunidad un medio con múltiples características, informativo sobre la actualidad tecnológica, educativo mediante los diversos tutoriales que ofreceremos y que sirva para que los usuarios puedan publicar sus trabajos más representativos.

Tutorial Photoshop

Estamos seguros que aprenderemos mucho de esta experiencia y que cada número será mejor que el anterior. Debido a que es una publicación orientada a los usuarios esperamos que sean ellos los que continuamente nos retro alimenten con correcciones, sugerencias y contenidos que estaremos interesados en publicar.

Efecto de texto Star Wars. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . Página 8

En este primer número daremos un repaso a las características de algunas de las aplicaciones Adobe CS4. Además incluimos tutoriales sobre Photoshop, Flash e InDesign.

Los invitamos a hacer parte del Grupo de UsuariosAdobe Xpert registrándose en la página web: http://aug.xpert.com. co o haciéndose seguidores de nuestro sitio facebook: http:// facebook.xpert.com.co

Ajuste profesional del color en una imagen. . . . . . . . . . . . . . . . . . Página 6

Tutorial Flash Tutorial InDesing Alinear imágenes . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . Página 10

Preguntas de los lectores Respuestas a las dudas de los lectores. . . . . . . . . . . . . . . . . . . . . . Página 11

Adobehispano

Marlon Ceballos - Editor Director del Grupo de Usuarios Adobe - Xpert

Página 1

Organiza:

TM

Desea pautar en nuestro magazine? Comuníquese con nosotros a los teléfonos 3016640110 - 8136456 (Bogotá) o al email: aug@xpert.com.co

magazine

Noticias

Contenido

Un gran evento online sobre tecnologías Adobe 9 paises - 15 conferencistas - 3 dias - 20 conferencias

Adobe

User Group

USER GROUP

w w w.adobehispano.com

Full Screen / Normal

www.magazinexpert.com

USER GROUP

Noticias

Galería

Descuento en software Adobe

Nombre: Malok Ref: Futuro Comic - Proyecto Personal Técnica: Illustración Digital Fecha: 2008 Autor: Patricio Ruales López Website: www.patokali.com

Si tiene más preguntas o prefiere realizar su pedido por teléfono, póngase en contacto con Adobe en al 800-585-0774.

Cocomo es ahora AFCS

Adobe se complace a ofrecer a los miembros del Grupo de Usuarios Adobe en Colombia - Xpert precios especiales en software de Adobe. Haga su pedido antes del 2 de marzo de 2009 y obtenga un 20% de descuento en todos los productos de la tienda en línea Adobe de Norte América.

Aquí están los pasos necesarios para obtener su descuento: 1. Unase al Grupo de Usuarios Adobe en Colombia - Xpert (siga las instrucciones) o hágase seguidor de la página Facebook Adobe Colombia & Latinoamérica.

2. Visite http://www.adobe.com/go/cspartners y rellene el formulario. En la casilla “Association Name” ingrese AUG y en la casilla “Member Number” ingrese 72360 al rellenar el formulario.

3. Un link de la tienda en línea Adobe con un código de cupón incrustado le será enviado por correo electrónico.

4. El link puede ser utilizada una sola vez y sólo por el solicitante. Términos adicionales de la promoción están detallados en el link mencionado.

Adobe ha desarrollado un nuevo producto que mantuvo bajo el código name Cocomo (Common Collaboration Model) y que ahora ha liberado en versión beta con el nombre de Adobe Flash Collaboration Service el cual consiste en una plataforma que permite a los desarrolladores Flex agregar capacidades sociales en tiempo real a las RIAs (Rich Internet Applications) con lo cual podrán construir aplicaciones colaborativas como juegos multiusuario y chats con audio y video. Esta plataforma estará enlazada con los servicios de Acrobat.com.

Si quieres conocer más sobre Adobe Flash Collaboration Service y evaluar esta plataforma visita la página web del producto en Adobe Labs.

Adobe eLearning Suite Adobe ha lanzado un nuevo paquete de aplicaciones orientado a la creación de contenidos educativos el cual ha llamado Adobe eLearning Suite. Esta suite está compuesta por Captivate 4, Presenter 7, Dreamweaver CS4, Photoshop CS4 Extended, Flash CS4 Professional, Adobe Acrobat 9 Pro y Soundbooth CS4. Cabe resaltar en nivel de integración entre stas aplicaciones la cual ya es común entre las últimas versiones de software, por ejemplo Captivate reconoce las capas de Photoshop y es posible pasar un archivo de Flash a Captivate (o al contrario) en cualquier proyecto.

Las versiones de Flash y Dreameaver de esta suite incluyen adiciones que permiten realizar fácilmente tareas tales como evaluaciones o incluso conectarse a un sistema de administración de contenido.

Página 2 magazine

Contenido

Nombre: Arcanna / Dreamtales Crossover Ref: Koni Waves / El Jaguar Técnica: Digital (Adobe Photoshop CS2 y Painter X) Fecha: 2008 Autor: Javier Gacharná Website: www.elilustrador.com

Si deseas que publiquemos tus trabajos de cualquier tipo como fotografías, ilustraciones, etc, envíalos al email: aug@xpert.com.co. Debes incluir: nombre de trabajo, técnica usada, fecha e creación, nombre del autor y sitio web. Nos reservaremos el derecho de seleccionar los trabajos que serán publicados.

Full Screen / Normal

www.magazinexpert.com

USER GROUP

Tutoriales

Tutoriales

Novedades de Adobe Creative Suite 4 “Varios meses después del lanzamiento de la Adobe CS4, seguramente ya has tenido la oportunidad de evaluarlo. Aquí te hacemos un resumen de las principales novedades de algunas de las aplicaciones que componen esta suite para que puedas repasarlas y ver cuales te faltan por conocer.”

Novedades Generales Interfaz: Adobe incluyó la interfaz OWL (OS Widget Library) en todas la aplicaciones de la suite excepto Acrobat. Esta interfaz estandariza una serie de características que hacen cada vez más fácil aprender a usar una aplicación teniendo experiencia en otra.

Algunas de las características de la interfaz OWL son los documentos organizados en tabs y el concepto de Application Frame (solo en mac) el cual permite minimizar el tamaño de toda la aplicación como si se tratara de una ventana.

ConnectNow: Desde las aplicaciones Adobe es posible acceder a ConnectNow, la cual es una versión minimizada de Acrobat Connect con la cual es posible compartir la pantalla para fines colaborativos hasta con 3 personas. (Figura 1).

Kuler Panel: También es posible acceder desde las aplicaciones Adobe a Kuler la cual es una comunidad online donde se crean y comparten temas de color para ser usados como muestras de color.

Página 3 magazine

Adobe Community Help: Las aplicaciones Adobe ahora integran una casilla de búsqueda que se conecta con la comunidad de ayuda Adobe la cual integra diferentes contenidos en internet. (Figura 2.)

Adobe Photoshop Content-Aware Scaling (Escalado según el contenido): Esta característica, más conocida como Escalado Líquido fue probablemente la más publicitada y esperada. Permite escalar imágenes de manera no proporcional regenerando pixeles mientras respeta elementos claves de manera automática o a partir de máscaras.

(Figura 3) Nuevos páneles: Los nuevos páneles Adjustments (Ajustes) y Masks (Máscaras) hacen más fácil trabajar con estas características y agregan funciones como el Target Adjustment, Vibrance (intensidad) y el Feather (Desvanecer) para las máscaras vectoriales.

Figura 1. Es posible acceder a Connect Now directamente desde las aplicaciones Adobe CS4.

Figura 2. La casilla de búsqueda nos conecta directamente al recurso online Community Help.

Trabajo con 3D: Todos los comandos para trabajo con 3D fueron agrupados en un nuevo menú el cual simplemente se llama 3D. Además se agregaron varias características como la posibilidad de usar herramientas de pintura sobre los elementos 3D. Algunas de las características para 3D de Photoshop CS4 requieren una tarjeta de video que soporte OpenGL. Smart Objects (Objetos inteligentes): Los Smart Objects ahora soportan capas vinculadas y Vector Masks (Máscaras Vectoriales) por lo cual son respetados.

Camera Raw 5: Photoshop CS4 incluye la versión 5 de Camera Raw la cual integra nuevas interesantes nuevas funciones como el Adjustment Brush (Pincel de Ajuste) con el cual se pueden hacer

Contenido

Full Screen / Normal

Figura 3. La característica Content-Aware Scale permite realizar transformaciones no proporcionales sin distorsionar las imágenes.

www.magazinexpert.com

USER GROUP

Tutoriales

Tutoriales

ajustes zonales y Graduated Filter (Filtro Graduado) con el cual se pueden realizar ajustes desvanecidos. El efecto de viñeta es dinámico respecto al recorte de la imagen, es decir que las viñetas se actualizan cuando se recorta la imagen.

la Herramienta de Degradados ahora tiene un comportamiento similar a la herramienta Gradient Transform (Transformación de Degradados) al permitir editar del degradado tales como su rotación, desplazamiento y edición de colores.

Mejoras de previsualización: En general, la velocidad para la previsualización de las imágenes fue mejorada notablemente (siempre que se cuente con una tarjeta de video que soporte OpenGL), además se agregaron características como el Pixel Grid (Grilla de Pixel) la cual permite diferenciar los pixeles individuales al ampliar la imagen y herramientas como el Rotate View (Rotar Vista) la cual permite rotar la previsualización de las imágenes.

Appearance Panel (Panel de Apariencia): Ahora es posible realizar más tareas directamente dentro de este panel tales como la edición de los efectos y de las propiedades como relleno y contorno. Ahora también es posible hacer selecciones basadas en las apariencias.

Adobe Illustrator Multiples Artboards (Múltiples Mesas de trabajo): Adobe escuchó el clamor de los usuarios al incluir múltiples Artboards a Illustrator. Esto permitirá tener elementos gráficos relacionados en un mismo archivo dentro de un máximo de 100 Artboards por archivo.

En el momento de imprimir, exportar o importar los archivos a Flash o InDesign, es posible seleccionar un rango de artboards.

Blob Tool (Pincel de Manchas): Esta nueva herramienta permite dibujar con total libertad de manera natural al crear rellenos totalmente editables.

Gradients (Degradados): Los Gradients pueden contener transparencias lo cual evita usar máscaras de transparencias. Además

Página 4 magazine

Live Prelight (Comprobación preliminar dinámica): La función de preflight fue mejorada al poder estar siempre activa en background y tener la opción de crear perfiles personalizados.

Graphic Styles (Estilos Gráficos): Es posible previsualizar los estilos antes de aplicarlos y combinarlos sin necesidad de crear estilos adicionales.

Separation Preview Panel (Panel Previsualizar Separaciones): Otra característica importante que será muy usada por quienes trabajan para medios impresos. Ya no es necesario pasar un archivo a InDesign para poder previsualizar las separaciones pues Illustrator ahora integra este panel.

Clipping Mask (Máscara de Recorte): A diferencia del comportamiento de los Clipping Mask en las versiones anteriores de Illustrator, ahora Illustrator reconoce sólo el contenido de la máscara lo cual facilita su manejo por ejemplo para alinear.

InDesign

Bleeds (Sangrados): Las personas de preprensa estarán complacidos al saber que ahora pueden imprimir o generar archivos PDF desde Illustrator manteniendo las áreas de Bleed de la misma manera que en InDesign.

Formato IDML (InDesign Markup): Este formato de exportación permite pasar un archivo a versiones anteriores de InDesign al igual que el formato .inx, sin embargo la diferencia radica en que el .idml esta totalmente basado en XML y por lo tanto tiene la potencialidad de poder ser leído y modificado sin necesidad de usar InDesign.

Esta es la aplicación que ha integrado más funcionalidades nuevas en esta la versión CS4. InDesign está pasando de ser sólo un software maquetación de páginas a convertirse en un centro de diseño con múltiples opciones de salida y por ese motivo parte de las novedades de la versión CS4 se enfocan en nuevos formatos de exportación.

Formato SWF: Ahora podemos exportar directamente a formato .swf manteniendo elementos interactivos creados desde InDesign como botones y links y usando varios tipos de transiciones entre las que se encuentra Page Turn (Pasar página) cuyo efecto sólo se podía realizar programando directamente en ActionScript.

Formato XFL: Al exportar a este formato es posible pasar fácilmente un archivo de InDesign a Flash para agregar características dinámicas e interactivas.

Contenido

Full Screen / Normal

Smart Guides (Guías Inteligentes): Esta es una característica heredada de Illustrator que consiste en información visual que el usuario recibe para alinear elementos (Smart Object Alignment), igualar tamaños o valores de rotación de diferentes elementos (Smart Dimensions), igualar distancias de separación entre elementos (Smart Spacing) o simplemente ver los valores de la trasformación que estamos realizando a un elemento (Smart Cursors).

Smart Text Reflow (Flujo Inteligente de Texto): Como su nombre lo indica, esta opción permite que el texto fluya de manera automática agregando o eliminando páginas si son necesarias y de esta manera evitar el Overset Text (Texto Desbordado) y cajas de texto o páginas vacías.

Links Panel (Panel de vínculos): Este panel incluye ahora mucha más información como la rotación, escala y resolución. Además es posible reemplazar por todas las imágenes en baja resolución por las de alta que se encuentren en otra carpeta y que correspondan al mismo nombre.

www.magazinexpert.com

USER GROUP

Tutoriales

Tutoriales

Conditional Text (Texto Condicional): Esta característica permite crear y administrar fácilmente para impresión o exportación diferentes versiones de un documento.

Cross-references (Referencias cruzadas): Ahora es posible relacionar textos de manera que al actualizarlo sus referencias se actualizan de manera automática.

Flash Motion Tween (Interpolación de Movimiento): Flash CS4 agrega un nuevo modelo de interpolación basado en los objetos la cual genera de manera automática los Keyframes. El Motion Tween usado en la versiones anteriores ha sido renombrado a Classic Tween.

Motion Editor Panel (Panel Editor de Movimiento): Este panel que ha sido heredado de After Effects permite controlar de manera precisa mediante valores numéricos todas las transformaciones y efectos que hagan parte de un Motion Tween.

Herramientas decorativas: Flash CS4 incorpora la herramienta Deco la cual permite crear fácilmente patrones a partir de símbolos y la herramienta Spray Brush (Pincel Rociador) para aplicar símbolos de manera aleatoria. El Spray Brush está siendo heredado de Illustrator.

XFL Import: Es posible importar archivos desde InDesign y After Effects en formato XFL. AIR: Ahora es posible generar fácilmente aplicaciones AIR desde Flash.

Live view (Vista en vivo): Con esta función es posible hacer una previsualización real de las páginas web sin necesidad de usar el navegador.

Related Files (Archivos relacionados): Dreamweaver ahora reconoce los archivos relacionados a su página web tales como .js y los abre como tabs para tener un fácil acceso a ellos.

InContext Editing: Podemos hacer modificaciones sencillas a las páginas web desde el navegador sin necesidad de usar software especializado.

3D Tools (Herramientas 3D): El Flash Player 10 incorpora capacidades 3D y por lo tanto se han integrado las herramientas 3D Rotation y 3D Translation con las cuales se pueden transformar los símbolos en sus 3 ejes.

Photoshop Smart Objects (Objetos Inteligente): Aunque este función tiene el mismo nombre que una característica de capas en Photoshop no se trata de lo mismo. Ahora podemos insertar archivos en formato .psd los cuales automáticamente abrirán la ventana de optimización y permitirán guardar la versión optimizada la cual estará relacionada con el archivo original .psd de manera que podemos hacer modificaciones en este último y actualizar los cambios en Dreamweaver.

Funciones eliminadas: Ciertas características fueron eliminadas de Dreamweaver entre las cuales están:

magazine

• Elementos de Flash (Visor de imágenes) • Texto de Flash y botones de Flash • Comportamientos de servidor y juegos de registros ASP.NET y JSP Deseas que sigamos publicando este magazine? Déjanos saberlo publicando un comentario en este post: http://xpert. com.co/blog/2009/02/magazine-xpert-una-publicacionpara-la-comunidad-adobe-en-espanol/

Macroactiva Ltda Agencia Publicitaria Interactiva

Seguridad, desempeño y estabilidad Alojamiento web Profesional 1 Dominio 200 MB capacidad 1.000 MB Transferencia Mensual 5 Correos electrónicos 1 Base de Datos Plesk 8.1 Capacitación presencial

• Líneas de tiempo Precios desde

• Servicios Web

Página 5

• Vista Mapa del sitio • Compatibilidad con Java Bean

Dreamweaver

Code Navigator (Navegador de código): Esta función permite mostrar todas las fuentes de código que afectan a un elemento seleccionado como por ejemplo CSS, plantillas, .js, etc.

Inverse Kinematic (Animación Kinemática Inversa): Esta función permite realizar animaciones de apariencia orgánica mediante el uso de huesos y articulaciones que los cuales se crean y editan con la nueva herramienta Bone (Hueso).

• Modo de diseño

Contenido

Full Screen / Normal

$200.000

Oferta válida para usuarios

Solicita tu servicio a: servidor@macroactiva.com 7 58 25 06 - Bogotá Colombia

www.macroactiva.com

www.magazinexpert.com

USER GROUP

Tutoriales

Tutoriales

E

n este tutorial realizaremos los ajustes tonales típicos que suele requerir una imagen, para lo cual usaremos varios comandos que combinados nos darán un buen resultado.

La imagen que corregiremos (Figura 1) tiene una predominancia hacia el azul a lo cual le sumamos un rango tonal comprimido que está afectando el contraste. Si la falta de experiencia nos impide definir los problemas que tiene una imagen, una muy buena costumbre antes de iniciar a trabajar es mirar el Histogram (Histograma) el cual encontramos bajo el menú Window (Ventana). -Figura 2-.

Ajuste profesional de color Nivel: Intermedio

Uno de los problemas que tenemos las personas que conocemos los programas desde hace mucho tiempo es que a veces seguimos trabajando con las mismas herramientas aún cuando las nuevas versiones incluyen mas opciones. Un ejemplo son las personas que aprendieron a trabajar con la opción Curves (Curvas) y actualmente siguen procesando todas las imágenes con dicha herramienta sin tener en cuenta que a veces no es la mejor opción. No existe la herramienta perfecta que corrija todas las imágenes si no varias opciones que usaremos de acuerdo al tipo de imagen que estamos trabajando. Solamente hace falta mirar todas las opciones que se encuentran bajo el menú Image > Adjustment…

(Imagen > Ajustes…) para ver los diferentes comandos de ajustes que podemos usar.

El Histograma nos muestra una representación gráfica de la información que contiene la imagen activa en una escala lumínica de 0 a 256 donde 0 corresponde a las áreas oscuras de la imagen o sombras y 256 corresponden a las áreas claras o luces, por ese motivo podemos definir fácilmente que nuestra imagen tiene un problema en las sombras pues están desplazadas hacia la derecha.

Cuando realizamos ajustes de color, debemos empezar por realizar los ajustes generales para finalizar con los ajustes particulares los cuales generalmente requieren selecciones.

Figura 1. Los paneles y herramientas que se usaron en el ejemplo corresponden a la versión CS4 de Photoshop en inglés por lo cual pueden variar ligeramente si usted tiene una versión anterior u otro idioma, en todo caso hemos escrito las rutas a los comandos en inglés y en español.

Esta vez vamos a empezar a trabajar con la herramienta Levels (Niveles) a la cual tradicionalmente hemos accedido mediante el menú Image > Adjustments > Levels... (Imagen > Ajustes > Niveles…) o el atajo de teclado Cmd+L/Control+L, sin embargo para realizar un ajuste que mantenga la información original de los pixeles sin destruirlos vamos a usar un Layer Adjustment (Ajuste de Capa) para lo cual vamos al menú Layer > New Adjustment Layer > Levels… (Capa > Nuevo ajuste de capa > Niveles…) o simplemente hacemos clic en el cuarto ícono en la parte inferior del panel Layers (Capas).

La ventana Levels (Niveles) -Figura 3- muestra un histograma donde también podemos visualizar los problemas de sombras que tiene la imagen, . En este ejercicio no configuraremos ni usaremos el punto gris ya que visualmente es difícil identificar un gris neutro y si nos equivocamos afectaremos el balance de color de la imagen. Aunque para definir los valores de punto blanco y punto negro necesitamos cierta información como por ejemplo si la imagen va a ser visualizada en internet o va a ser impresa, para efectos de este ejercicio usaremos unos valores promedios.

Ahora hacemos doble clic en el gotero de punto negro lo cual abre una ventana de selección de color (Figura 4) donde tendremos que

Página 6 magazine

Figura 2. El histograma muestra una representación gráfica de la información que contiene la imagen activa.

Contenido

Full Screen / Normal

Figura 3. La ventana niveles tiene en la parte izquierda 3 goteros que indican de arriba a abajo un punto negro, un punto gris y un punto blanco los cuales se configuran haciendo doble clic sobre el ícono correspondiente

www.magazinexpert.com

USER GROUP

Tutoriales

Tutoriales

ingresar un valor neutro para el punto más claro de la imagen. Para este ejercicio usaremos los valores 15R/15G/15B. Usamos valores en RGB para asegurar un color neutro mediante valores iguales de cada color. Al presionar Enter o dar clic en el botón OK obtendremos un mensaje que nos pregunta si queremos dejar los valores que digitamos como valores por defecto. Posteriormente repetimos el proceso anterior en el gotero de punto blanco donde ingresamos los valores 238R/238G/238B. Con los puntos negro y blanco definidos procedemos a pasar estos valores a la imagen para lo cual debemos identificar el punto más oscuro y el punto más claro dentro de la misma. En muchos casos puede ser confuso definir estos puntos dentro de la imagen por lo cual haremos lo siguiente: arrastramos hacia la izquierda el triángulo de luces que se encuentra debajo del histograma hasta que veamos el último parche de color neutro oscuro el cual es el área de sombra donde hacemos clic con el gotero de punto negro; después arrastramos hacia la derecha el triángulo de sombras que se encuentra debajo del histograma hasta que veamos el último parche de color neutro claro el cual es el área de luces donde hacemos clic con el gotero de punto blanco. Yo he seleccionado como el área para el punto blanco el reloj de la iglesia y como el área para el punto negro la parte oscura del balcón que se encuentra en la derecha de la foto.

Ahora aclaramos un poco la imagen general mediante la herramienta Brightness/Contrast (Brillo/Contraste) -Figura 7- a la cual accederemos de la misma manera como lo hicimos con los Levels.

Ingresamos el valor de 15 en la opción Brightness.

Figura 4. En la ventana Color Picker (Selector de color) se puede escoger un color o crearlo en diferentes modelos como RGB, CMTK, etc .

Y eso es todo, finalmente realizaremos los ajustes particulares que creamos convenientes como ajustes zonales de color. Como pueden ver se combinaron varias herramientas para lograr el resultado final y como usamos Layer Adjustment (Ajuste de Capa), podemos editar todos los ajustes que realizamos para lo cual vamos al menú Window/Layers (Ventana/Capas) y hacemos doble clic sobre el ícono del ajuste correspondiente para mostrar la ventana del ajuste y experimentar con sus propios valores para lograr un mejor resultado.

La Figura 8 muestra una comparación entre la imagen inicial y la imagen ajustada. Si tienes dudas sobre este tutorial te invitamos a publicar tus preguntas en los foros Xpert: www.xpert.com.co/foros

Figura 6. La ventana Selective color (Color selectivo) permite hacer ajustes por determinados colores o tonalizades .

Con proceso anterior ha mejorado el rango tonal, sin embargo sigue existiendo una tendencia hacia el cyan la cual vamos a corregir con la herramienta Color Balance (Equilibrio de Color) a la cual accederemos de la misma manera como lo hicimos con los Levels.

En la ventana Color Balance (Figura 5) vamos a desplazar el primer deslizador hacia el color rojo hasta llegar a un valor de 42 con lo cual balanceamos el color general de la imagen. Un buen punto de comparación para evaluar el balance es verificar el color del cielo o la neutralidad de la calle.

Las montañas se ven muy oscuras y magenta lo cual vamos a corregir con la herramienta Selective Color (Corrección selectiva) -Figura 6- a la cual accederemos de la misma manera como lo hicimos con los Levels. Seleccionamos Green (Verdes) en la opción Colors (Colores) e ingresamos los valores -60 en Cyan, -100 en Magenta y -60 en Yellow

Página 7 magazine

Figura 5. La ventana Color Balance (Balance de color) permite corregir desviaciones tonales.

Contenido

Figura 8. Comparación entre la imagen inicial y la imagen después de los ajustes realizados.

Puedes descargar el archivo de ejemplo en este link: http://www.magazinexpert.com/mag001/ejemplos/ejercicio_levels.jpg

Full Screen / Normal

Figura 7. La ventana Color Brightness/Contrast (Brillo/ Contraste).

www.magazinexpert.com

USER GROUP

Tutoriales

Tutoriales

Ahora creamos un Layer nuevo y lo llamaremos texto. Con la herramienta de texto activa seleccionamos una fuente Times Bold a 22 pts y color amarillo y creamos una caja de texto de aproximadamente 347 px de ancho. Para llenar esta caja podemos copiar un texto de otro programa como por ejemplo Word o simplemente digitar texto hasta que alcance aproximadamente 485 px de alto.

Con la herramienta Selection (Selección) seleccionamos la caja de texto y vamos al menú Modify > Convert to symbol… (Modificar > Convertir en símbolo…), en la ventana resultante escribimos Text en la casilla Name (Nombre) y seleccionamos Movie Clip en el menú desplegable Type (Tipo). También podemos abrir esta misma ventana haciendo clic derecho en el texto y seleccionando la opción Convert to symbol… o simplemente presionando la tecla F8. La caja de texto que habíamos creado se convierte ahora en una instancia de MovieClip la cual alineamos horizontalmente en el stage mediante el panel Aling (Alineación) el cual podemos activar desde el menú Window o con el atajo de teclado Cmd+K/Ctrl+K. Como referencia mira la Figura 2.

Efecto de texto Star Wars en Flash CS4 Nivel: Intermedio

En este tutorial vamos a recrear el efecto de animación “Star Wars” que aparece al iniciar estas películas cuando un texto va apareciendo mientas se proyecta hacia el infinito.

I

Página 8 magazine

SU EMPRESA DEBE ESTAR PAUTANDO AQUI!

El Motion Tween que se usabamos en Flash CS3 y versiones anteriores ha sido renombrado aDiseño, Classic Tween (Interpolación clásica) por Preprensa, Fotografía, Impresión, Web, Diseño, Preprensa, F lo tanto el Motion Tween de la versión CS4 es diferente, para empeDiseño, Preprensa, Fotografía, Impresión, Web, zar no requiere crear Keyframes (Fotogramas Claves).

niciamos con un documento nuevo y vamos a el menú Modify > Document… (Modificar > Documento…) para cambiar dentro las propiedades del documento el fondo a color negro, el tamaño a 550 px por 400 px y 12 fps. También es posible acceder a las propiedades del documento mediante el atajo de teclado Cmd+J/Ctrl+J o haciendo clic derecho sobre el stage (scenario).

Cambiamos el nombre del Layer (Capa) a “fondo”. Ahora crearemos rápidamente unas estrellas para lo cual seleccionamos la herramienta Spray Brush (Pincel Rociador) que se encuentra dentro de la herramienta Brush (Pincel). En el panel de Properties (Propiedades) escogemos un color blanco y marcamos las casillas de verificación Default shape (Forma predeterminada) y Random scaling (Escala aleatoria). Con la herramienta Spray Brush hacemos un clic sostenido para dibujar sobre todo el stage hasta obtener el efecto de estrellas sobre el espacio (Figura 1). Si queremos un efecto de más realista podemos crear una estrella animada en un Movie Clip (Clip de película) y luego seleccionamos este Movie Clip con la herramienta Spray Brush activa haciendo clic en el botón Edit.. (Editar…) del panel Properties.

Figura 2.

Diseño, Preprensa, Fotografía, Impresión, Web, Diseño, Preprensa, F

Figura 1. Con la herramienta Spray Brush (Pincel Rociador) es posible crear un efecto de estrellas.

Hacemos clic derecho en instancia de MovieClip que se encuenDiseño, Preprensa, Fotografía, Impre tra en el Stage y escogemos la opción Create Motion Tween (Crear Diseño, Preprensa, Fotografía, Impresión, Web, Diseño, Prepre interpolación de movimiento) la cual genera de manera automáDiseño, Preprensa, Fotografía, Impresión, We tica una serie de Frames (Fotogramas). Hacemos clic derecho sobre Diseño, Preprensa, Fotografía, cualquiera de los frames de la capa texto y escogemos la opción 3D Tween (Interpolación 3D) lo cual nos permitirá animar los giros y Diseño, Preprensa, Fotografía, Impresión, Web, desplazamientos en 3D de las instancias mediante el panelFotografía, Motion Diseño, Preprensa, Impresión, Web, Diseño, Prepr Editor (Editor de Movimiento).

Diseño, Preprensa, Fotografía, Impresión, We

Ampliamos el Movie Clip al 200% desde el panel Transform (Transformación) al cual podemos acceder desde el menú Window o con el atajo de teclado Cmd+T/Ctrl+T, posteriormente alineamos la parte superior del Movie Clip con el borde inferior del stage.

Ahora seleccionamos el Frame 1 y activamos el Motion Editor el cual se encuentra agrupado con el Panel Timeline (Línea de Tiempo). En este panel buscamos la opción Rotation X (Rotación X) dentro del grupo Basic Motion (Movimiento Básico) e ingresamos un valor de -45. Si es necesario alineamos nuevamente la parte superior del

Contenido

Full Screen / Normal

magazine

3016640110 - 8136456 email: aug@xpert.com.co www.magazinexpert.com

www.magazinexpert.com

USER GROUP

Tutoriales

Si vas a invertir en capacitación que sea con los mejores.

Movie Clip con el borde inferior del stage. Como referencia mira la Figura 2.

Presionamos Cmd+3/Ctrl+3 para visualizar todos los elementos creados. Seleccionamos el último Frame y activamos la herramienta 3D Translation (Herramienta de traslación 3D) la cual se encuentra dentro de la herramienta 3D Rotation (Herramienta de rotación 3D).

Al seleccionar esta herramienta, en el centro del Movie Clip se visualizan tres flechas de color rojo, verde y azul las cuales corresponden a la traslación en los ejes X, Y y Z. Arrastramos la flecha verde hasta que la parte inferior del Movie Clip esté alineada con el borde superior del stage. Como referencia mira la Figura 3.

Ubicamos el cursor sobre el borde derecho del último Frame en la línea de tiempo hasta que aparezca una flecha doble y arrastramos hasta alcanzar el Frame 1000. Usamos una gran cantidad de Frames para que el desplazamiento del texto sea lento. Ahora ubicados en el Frame 1000 hacemos clic derecho en la capa fondo y seleccionamos la opción Insert Frame (Insertar fotograma).

pert

Figura 2.

Adobe Authorized Training Center Adobe User Group Colombia

Somos el centro de entrenamiento oficial Adobe con el mayor número de certificaciones en Colombia, todas actualizadas a sus últimas versiones.

Nuestras capacitaciones son dictadas por instructores certificados por Adobe.

Figura 3.

Finalmente presionamos Cmd+Enter/Ctrl+Enter para previsualizar la película. La Figura 4 muestra una imagen de la animación final.

Puedes ver esta animación final en este link: www.xpert.com.co/ foros

CERTIFIED INSTRUCTOR

CERTIFIED INSTRUCTOR

CERTIFIED INSTRUCTOR

CERTIFIED INSTRUCTOR

CERTIFIED INSTRUCTOR

CERTIFIED INSTRUCTOR

Photoshop®

InDesign ®

Si tienes dudas sobre este tutorial te invitamos a publicar tus preguntas en los foros Xpert: www.xpert.com.co/foros

Flash ® Professional

Illustrator ®

Acrobat ®

Print Specialist

Conoce nuestros programas de capacitación: www.xpert.com.co AUTHORIZED

Training Center Figura 4.

Puedes ver la animación final en este link: http://www.magazinexpert.com/mag001/ejemplos/starwars.swf

Página 9 magazine

Tels: 8136456 - 3016640110 • email: adobe@xpert.com.co • Bogotá - Colombia

Contenido

Full Screen / Normal

www.magazinexpert.com

USER GROUP

Tutoriales

Tutoriales

podremos ver una guía ya sea horizontal o verical, de lo contrario veremos ambas guías.

Seguimos importando las imágenes para crear una galería de imágenes. Lo más probable es que al importar todas las imágenes veas necesario usar guías para igualar el espaciado por lo cual usaremos de nuevo la función Smart Guides. Ubicamos la segunda imagen a la distancia que deseamos de la primera, posteriormente acercamos la tercera imagen hasta que unas guías entre los espacios de las 3 imágenes nos indiquen que éstos son iguales (Figura 3). Repetimos los procesos anteriores hasta alinear todas las imágenes formando la galería.

Alinear imágenes en InDesign Nivel: Básico

InDesing CS4 tiene importantes mejoras respecto a la forma como podemos importar elementos dejándolos al mismo tamaño y también en la forma de alinearlos. Para seguir este ejemplo usaremos varias imágenes preferiblemente de proporciones similares.

Como pueden ver, el uso de las Smart Guides evita la necesitan de crear Ruler Guides (Guías de Regla) las cuales toman tiempo ubicar.

Ahora veremos una opción más rápida de hacer la galería importando todas las imágenes en un sol paso.

Figura 1. Smart Cursor.

V

amos a importar una imagen con el comando File > Place (Archivo > colocar) y en vez de hacer clic sobre la página, hacemos un clic sostenido y arrastramos para definir el tamaño de la imagen. Gracias al nuevo Smart Cursor de InDesign CS4 podemos ver la escala del elemento que estamos importando (Figura 1), además, a diferencia de versiones anteriores, al hacer clic sostenido y arrastrar no estamos recortando la imagen si no que ésta modifica su tamaño de manera proporcional. Cuando veamos un tamaño de imagen adecuado simplemente soltamos el botón del mouse.

Para seguir importando otras imágenes de manera al mismo tamaño de la primera imagen usaremos una nueva característica de InDesign CS4 llamada Smart Guides. Importamos la siguiente imagen de la misma manera que importamos la anterior, hacemos clic sostenido a la derecha de la primera imagen y arrastramos para definir el tamaño hasta ver las Smart Guides (Guías inteligentes) las cuales nos indicarán cuando el tamaño coincida con la primera imagen (Figura 2). Si la proporción de la imagen que estamos importando es diferente a la proporción de la que ya está en el documento, solo

Página 10 magazine

Figura 2. La característica Smart Guides permite igualar fácilmente el tamaño entre varias imágenes.

Figura 3. Smart Cursor.

Contenido

InDesign CS3 permite importar varias imágenes a la vez, sin embargo a menos que se tengan listas los frames con los tamaños donde van a estar ubicadas, las imágenes importadas no se pueden alinear fácilmente ni modificar sus tamaños antes de colocarlas en la página, de tal manera que terminaremos con varias imágenes en la página que tendremos que alinear manualmente (Figura 4).

En un documento nuevo vamos a importar todas las imágenes que harán parte de la galería en un solo paso. Usamos el comando File > Place... (Archivo > Colocar...), en la ventana de importación seleccionamos todas las imágenes y hacemos clic en el botón Open. Veremos una miniatura de la primera imagen y un número que indica la cantidad de imágenes que estamos importando (en nuestro ejemplo hemos usado 9 imágenes) -Figura 5-, ahora presionamos las teclas Cmd + Shift y veremos cambiar el ícono para mostrar a un grupo de páginas (Figura 6).

Sin soltar el mouse hacemos clic y arrastramos para definir el tamaño de la galería (Figura 7). Si deseamos cambiar el número de imágenes de la galería usamos las teclas flecha arriba y flecha abajo para aumentar o reducir el número de filas y flecha izquierda y flecha derecha para aumentar o reducir el número de columnas, finalmente soltamos el mouse y ya tenemos nuestra galería creada (Figura 8). Si no nos gusta el resultado simplemente deshacemos la acción con el shortcut Cmd+Z y repetimos el proceso.

Full Screen / Normal

Figura 4.

Figura 5.

Figura 6.

Figura 7.

Figura 4. Galería final

www.magazinexpert.com

USER GROUP

Comunidades

Adobe

User Group

USER GROUP

ACROBAT USER COMMUNITY

Preguntas de los lectores

Grupo de Usuarios Adobe en Colombia

Problema con sombras en Illustrator

Esta comunidad tiene como objetivo dar a conocer las tecnologías Adobe apoyando el intercambio de conocimientos y creando espacios para este fin. Actualmente se están programando reuniones bimensuales de los usuarios con el apoyo de Tecnoparque.

Correo de contacto: aug@xpert.com.co Sitio web: http://aug.xpert.com.co Blog: www.xpert.com.co/blog Pagina Facebook: http://facebook.xpert.com.co Twitter: www.twitter.com/adobexpert

Pregunta: Tengo un archivo en Illustrator con una serie de sombras que han sido aplicadas a varios elementos. Envié a imprimir este trabajo en offset y observo que las sombras están pixeladas, se puede aumentar esa calidad?

Grupo de Usuarios Acrobat en Colombia

Respuesta: En Illustrator todos los efectos que requieran usar pixeles para poder ser representados son dependientes de la resolución del documento y este es el caso de las sombras (Drop Shadows).

Para configurar esta resolución vamos por Effect > Document Raster Effect Settings... y en la ventana resultante defino la resolución necesaria. Afortunadamente esta resolución puede ser editada en cualquier momento sin pérdida de calidad pues Illustrator genera nuevamente el o los efectos cuando se modifican estos valores.

Esta comunidad de creación reciente agrupa empresas y personas interesadas en la plataforma PDF desde el campo gráfico hasta bibliotecas y entidades gubernamentales que usan este formato para gestión documental o para realizar formularios. Próximamente se programarán reuniones con el apoyo de Tecnoparque.

Correo de contacto: aug@xpert.com.co Sitio web: http://acrobatusers.xpert.com.co

/*AS*/

Domingo en la mañana (DELM) DELM son reuniones de emprendedores, empresarios y entusiastas de Internet alrededor del mundo. Las únicas reglas son: Domingo, mañana. Puede ser en un café, en un parque, en la casa de alguien.

Lo importante es conocernos y compartir el conocimiento y las experiencias de la gente que está creando la web.

Sitio web: www.domingoenlamanana.com

Participa con la comunidad Adobe

www.xpert.com.co

Tú puedes colaborar con el grupo de usuarios Adobe de muchas maneras, por ejemplo puedes proponer y realizar una conferencia de un tema que domines para realizarla en nuestras reuniones presenciales o virtuales, enviar tutoriales para ser publicados en el blog o en el magazine o simplemente ayudándonos a dar a conocer el grupo en tu universidad, empresa, etc.

Envíenos sus preguntas al email: aug@xpert.com.co. Nos reservaremos el derecho de seleccionar las preguntas que serán publicadas.

Comunícate con nosotros al correo: aug@xpert.com.co

Página 11 magazine

Capacitación certificada Adobe

Contenido

Full Screen / Normal

8136456 - 3016640110 aug@xpert.com.co

www.magazinexpert.com

USER GROUP