Entradas

Mostrando entradas de 2008

Flight Simulator desde Google Earth

Imagen
Sé que esto no tiene nada que ver con diseño - y mucho menos con Adobe-, pero descubrí que Google Earth tiene una opción diferente para mirar mapas que consiste en realizar "vuelos" sobre la zona que elija el usuario. Para activar el simulador de vuelo, en Google Earth (version 4.2) active en el menú Herramientas> Entrar al simulador de vuelo.
No respondo por horas de trabajo perdidas!

Más Photoshop infortunado

Imagen
En un post anterior hablé sobre este sitioque se muestra errores de retoque con Photoshop. ¿recuerdan los famosos misiles disparados con Photoshop?. Observen el pavoroso descuido del diseñador. ¿será que aún trabaja para esa revista?

Ajuste de color en Photoshop

Este es uno de los tutoriales más requeridos en mis cursos. En este video muestro una de las maneras para ajustar el color de una foto utilizando los puntos blanco, negro y gris de la imagen.

Crear mosaicos vectoriales

Imagen
Como diseñadores, en algunas ocasiones nos vemos limitados por la falta de material para realizar determinados proyectos: fotos de baja calidad, clipart insuficiente… En este tutorial mostraré uno de los efectos que se pueden lograr en Illustrator con una imagen de baja calidad.
Importa cualquier imagen a Illustrator. Una vez colocada, desde el panel de control en la parte superior haz clic en el botón Incrustar. Esto es necesario ya que este efecto solo se habilita con imágenes incrustadas.
Con la herramienta de selección, selecciona la imagen y ve al menúObjeto y active Crear mosaico de objetos. En el cuadro de diálogo que aparece a continuación introduce los valores para número de filas y columnas. Si deseas que los cuadros sean proporcionales activa la casilla Usar proporción. Da clic en Ok y ¡listo! la imagen aparecerá “pixelada”. Pero puedes ir más allá. Para crear el efecto de la imagen de abajo necesitas aplicar un efecto a cada uno de los elementos de mosaico. Primero que todo, …

La importancia de los perfiles de color

He estado algo alejado del blog debido a un trabajo de corrección de color para un libro. La experiencia en realidad ha resultado algo traumática: siempre recalco en mis cursos sobre la importancia de adquirir un dispositivo para calibrar y caracterizar el monitor. Sin embargo, en muchos lugares no se piensa en estos aparatos como una inversión sino como en un gasto innecesario. Debido a esto se comete el primer error: trabajar con un monitor que no muestra los colores reales. El segundo error aparece cuando se intenta trabajar sin los perfiles del dispositivo en el cual se pretende imprimir. No entiendo por qué entregar los perfiles de color de la maquina al cliente es un mito para algunos impresores. ¿será que se daña la maquina si lo hacen? o será que sienten que estan entregando un “secreto de estado”?…Por último, algunas empresas (de cuyo nombre no quiero acordarme) realizan flujos de trabajo obsoletos donde el documento PDF pasa por extraños procesos (Distiller, Photoshop, InDes…

Muestras para diseño editorial

Imagen
Isuu es un sitio donde cualquier persona puede publicar sus documentos en línea. Después de una corta inscripción se pueden subir archivos que luego se podrán ver con el simpatico efecto de avance de página (page flip).
Lo interesante es que se pueden explorar trabajos de otros diseñadores de todo el mundo, lo cual puede servir de fuente de inspiración.
Get your own - Open publication

Caracteres especiales a la mano

Imagen
En el trabajo diario a veces necesitamos ciertos caracteres especiales como @, TM, ©, ® ... además, en distintas fuentes. Para evitar estar buscando estos caracteres cada vez, se puede crear un conjunto personalizado de Glifos o pictogramas. "Los conjuntos de pictogramas no están relacionados con ningún documento en concreto; se guardan con el resto de preferencias de InDesign en un archivo independiente que se puede compartir".En el menúTypeactive Glyphs y en el menú del panel seleccione la opción New Glyph Set (Nuevo conjunto de Glifos). Asigne un nombre para el conjunto de pictogramas (en nuestro caso Revista).

La idea a partir de este momento, es añadir al conjunto de pictogramas los caracteres que se requieran en cada una de las fuentes. Para esto, en la parte inferior del panel de pictogramas elija la fuente que contiene el pictograma que necesita, haga clic en el pictograma, y desde el menú del panel de pictogramas active la opción Add To Glyph Set. Repita estos pasos …

Clipart vectorial (2a entrega)

Imagen
Como diseñadores, siempre estamos a la casa de recursos para acelerar nuestro trabajo: pinceles, acciones, plugins, patrones... Lo mejor es que gran cantidad de estos recursos se encuentran on-line y algunos son gratis. Si no le encuentra un uso específico de todas maneras se puede aprender mucho de estos trabajos ya que son realizados por expertos
Encontré este sitio donde se puede descargar Clipart vectorial. Espero que a alguien le funcione!

Repetir una línea de tiempo en Flash

Imagen
En este tutorial explicaré como hacer que se repita una animación en una línea de tiempo determinado número de veces antes de continuar. Hacer este tipo de tareas con Action Script tiene la ventaja que evita largas líneas de tiempo y ahorra tiempo de edición. En la línea de tiempo donde se encuentra la animación, agregue una nueva capa. En esta capa colocaremos el código. Nombre la capa as (o como desee, pero recuerde darle un nombre que indique que en ella va a colocar solamente las acciones). Sobre la capaas sitúe el cursor sobre el primer fotograma, de clic derecho y active desde el menú contextual Actions.



En el fotograma no. 1 escriba el siguiente código:
var repetir:Number = 0;En el fotograma donde termina la animación, en nuestro caso el fotograma no. 25 (el logotipo al 100% de opacidad) escriba en la capa de acciones:repetir++;
if (repetir <3)> En el último fotograma colocamos una acción que detiene la animación, así que escribimos:stop ();Explicación del código
Fotograma 1:

Photoshop CS3 para 3D y video

Xpert realizará este jueves 9 de octubre (4 - 5 p.m. hora de Colombia) un meeting sobre el uso y aplicación de Photoshop en 3D y video. Es un evento gratís en línea al que podrán ingresar todos los usuarios registrados del Adobe User Group Colombia. Mayor información.

Ayuda de CS4

Ya está disponible la ayuda en línea y en formato PDF de la Creative Suite 4, puede encontrar los enlaces a estos documentos en nuestro blog.
En Xpert nos hemos estado preparando para ofrecer la capacitación sobre los programas de esta nueva versión. Visite nuestro sitio para obtener más información sobre nuestros cursos y eventos.

Animación de mezclas en Illustrator CS3

Imagen
Animar contenido desde Illustrator para colocar en Flash es muy sencillo. Se pueden crear efectos muy interesantes que en Flash sería casí imposible lograr.
En Illustrator seleccione un objeto, vaya al menú Effect y seleccione Stylize>Scribble.
En el cuadro de opciones del efecto ajuste los parámetros gusto.Cree un duplicado del objeto y abra el panel de Appeareance.
Dé doble clic sobre el icono del efecto Scribble. Esto abrirá nuevamente la ventana de opciones del efecto. Modifique nuevamente los ajustes.En el panel de herramientas, active la herramienta de Blend. Haga clic sobre uno de los objetos y luego clic en el otro objeto. Puede especificar el número de pasos de la mezcla haciendo doble clic sobre la herramienta Blend.
En el menú File seleccione Export... active la opción Macromedia Flash (*.swf ),
y en el cuadro de diálogo que aparece a continuación active las opciones que se indican.


En Flash, importe el archivo .swf a la línea de tiempo actual o a la biblioteca y haga los camb…

Sobre fuentes

Encontré este divertido video sobre una conferencia de fuentes. Está en inglés pero se entiende, la caracterización que se hace de las familias tipográficas es bien interesante.

Diplomado en artesanias

La Pontificia Universidad Javeriana está ofreciendo este diplomado en la segunda mitad de este año. Si desea mayor información por favor de clic en este enlace.

Esperar en un fotograma

Imagen
Para pausar una pelicula de flash por algunos segundos, tenemos que extender la línea de tiempo añadiendo fotogramas hasta completar el tiempo de espera deseado. Este procedimiento resulta tedioso y origina líneas de tiempo muy largas, y lo peor es que, si se desea aumentar o reducir el tiempo, nos vemos obligados a, nuevamente, incrementar o quitar fotogramas.
Afortunadamente, se pueden evitar este tipo de tareas utilizando ActionScript.


Cree una nueva capa de acciones y nombrela, en nuestro caso la he llamado as. Este es un procedimiento recomendado para evitar tener el código disperso en toda la línea de tiempo.Vaya al fotograma donde desea que se detenga la película e inserte un nuevo fotograma clave (F6).De clic derecho (Ctrl+clic en Mac) y habilite Actions.Escriba en el panel de acciones el siguiente código.stop ();
pausa = setInterval(siga, 2000);
function siga() {
play();
}

Explicación


La primera línea de codigo stop (); detiene la película en el fotograma en el cual está la acción.
L…

Matematicas a la carta

Imagen
En InDesign y en Illustrator se pueden efectuar operaciones matemáticas como sumar, restar, multiplicar y dividir introduciendo los signos correspondientes después de las cifras. Lo mejor es que es posible combinar unidades de medida (ya sé profe de kinder: no mezcle peras con manzanas…) introduciendo los prefijos mm para milímetros, pt para puntos, in para pulgadas, p para picas, y px para pixeles).

Curso de Acrobat 9. Gratis!

Xpert - Centro de entrenamiento autorizado Adobe - por intermedio de su Grupo de Usuarios Adobe, está ofreciendo este curso gratuito on-line. Para más información e inscripciones visite este enlace. El cupo es limitado.

Ahora InDesign CS3

En esta ocasión quiero compartir con uds. mi recertificación en InDesign CS3!. La verdad el examen no estuvo tan díficil como pensaba. Para ver todo el listado de preguntas hagan clic aquí…. mentiras, estoy bromeando, las preguntas siempre son aleatorias y no se tiene la posibilidad de saber las respuestas acertadas. Mi puntaje: 90.32%.

Pincel de patrón (toma II)

Imagen
En un tutorial anterior explicaba cómo crear pinceles de patrón en Illustrator. Existe sin embargo, una limitante: los objetos que contengan degradados o que sean parte de una máscara, no pueden convertirse en pinceles (haga la prueba: arrastre un objeto con degradado a la paleta de pinceles, elija un tipo de pincel y de clic en Aceptar). La siguiente técnica permite lograr efectos bastante interesantes utilizando objetos con rellenos degradados para convertirlos en pinceles de patrón.
Dibuje un rectángulo y aplíquele un relleno degradado como el que se muestra.

Duplique el rectángulo, colóquelo en la posición que se indica en la gráfica y oscurezca un poco todos los colores. (En Illustrator CS3 puede utilizar Recolor Artwork para bajar la luminosidad del objeto).


Vaya al menú Objecty active Expand. En el cuadro de diálogo, en la sección Expand Gradient To escriba el número de objetos en los que desea convertir el degradado (este es el truco!).
De clic derecho sobre el objeto (Ctrl+clic …

Clip art vectorial ¡gratis!

Imagen
Encontré estesitio donde se pueden descargar clipart vectorial de muy buena calidad.

Algo de rey Midas

No todos los comandos de reemplazo de color funcionan en algunas imágenes. En este video muestro como reemplazar color, cuando las herramientas convencionales no funcionan. (Perdonen por favor la voz de tarro, tengo gripa en este instante, pero no me aguanté las ganas de publicar este tutorial). ¿Dudas o comentarios? visiten nuestros foros.

Mi logotipo al final

Imagen
Cliente:necesito que al final de cada uno de los artículos de esta publicación, me coloques el logotipo de la revista.
Diseñador:Uhmmm claro que si, pero se va a demorar un poco ya que hay 60 articulos...
Cliente: Lo necesito ya! Entro a impresión en 15 minutos. Eso es fácil: copiar y pegar ¿no?
Diseñador:(empieza a sudar y piensa en aplicar sus habilidades de "cortaor - pegaor")...

La solución a este tipo de retos en InDesign es utilizar búsquedas GREP. (En un nuevo post explicaré en detalle en que consisten este tipo de búsquedas). Por ahora solucionemos el problema de nuestro diseñador:

Siga estos pasos, al final del artículo explico en detalle el significado de los codigos:
Seleccione el objeto que quiere que aparezca al final del articulo. Puede ser un logotipo, un gráfico vectorial, una imagen bitmap...
Asegurese que el objeto esté al tamaño deseado, cópielo.En el menú Edit seleccione Find Change y active la pestaña GREPSeleccione la casilla Search y escriba (.\Z)En la casil…

Photoshop desastroso

He aqui un muy buen ejemplo de lo que se puede llegar a hacer con un mal manejo y, sobre todo, pésima planeación del retoque digital en Photoshop. Gracias a Maria Cristina por el enlace.

La divina proporción

La proporción áurea - utilizada por grandes artistas desde tiempos inmemoriales -, puede eventualmente resolver problemas de diseño y composición en nuestras creaciones. Sin embargo, no todos saben como aplicarla en la práctica. Pues bien, esta sencilla aplicación http://goldenratiocalculator.com permite al diseñador establecer las medidas automáticamente sin complicarse con las matemáticas. De todas maneras es bueno leer algo de la teoría.

Ajustes de color a capas individuales

Imagen
Cuando se corrige color usando capas de ajuste, los ajustes de esta capa se aplican a TODAS las capas inferiores.





Para hacer que el ajuste de color solamente se aplique a la capa inmediatamente inferior situe el cursor en medio de la capa de ajuste y la capa inferior, oprima la tecla Alt (option en Mac), y haga clic.




Otra manera de obtener el mismo efecto es activar la casilla Use Previous Layer to Create Clipping Mask en el cuadro de diálogo de la nueva capa de ajuste cuando se selecciona Layer>New Adjustment Layer.

La tipografía de las películas

Imagen
Sé que esto le va a encantar a más de uno. En este sitio pueden descargar totalmente gratis, la tipografía de las películas más famosas, así como la tipografía de grupos musicales. Vale la pena echar un vistazo.

Imagen con texto ASCII

Bueno, creo que era hora de un cambio de "look", espero que les guste. A propósito del cambio, se preguntarán con que programa se hizo el efecto banner superior del blog. Visiten este sitio.

Objetos inteligentes - inteligentes!

Imagen
Cuando se pegan objetos vectoriales en Photoshop desde Illustrator, el programa nos pregunta entre otras opciones si deseamos crear un Smart Object (Objeto Inteligente). La ventaja de esta opción es que en cualquier momento se puede editar el objeto vectorial nuevamente (haciendo doble clic sobre la capa) y éste se mantiene como una especie de enlace interno desde Photoshop.



Sin embargo, si queremos transformar el objeto con Warp (Envolvente) notamos que la opción no aparece en el menú contextual!



¿Quiere decir esto que es imposible aplicar este tipo de deformación a objetos inteligentes vectoriales? Bueno, el asunto es algo "trucoso":
Con la capa inteligente activa, en el menú del panel de Capas seleccione la opción "Convert to Smart Object". Si, suena raro; convertir un objeto inteligente nuevamente en objeto inteligente...



Oprima Ctrl + T para transformar el objeto y dé clic derecho; notará que la opción Warp ya aparece en el menú.



Deforme el objeto a su gusto y fina…

Ilustración realista

Imagen
Esta ilustración es una muestra de lo que puede lograr en Illustrator una persona que no ilustre (como yo) con algo -o mucho?- de paciencia y conocimiento de algunas técnicas.
Me tomó 12 horas realizar esta ilustración a partir de una fotografía. Utilicé 9 capas, la herramienta de Malla (Mesh Tool), Mezclas (Blends) y mucha Pluma (Pen Tool).


Detalle.

Recertificación CS3

Quiero contarles que acabo de recertificarme en Illustrator CS3.
Los exámenes de recertificación los pueden tomar personas que tengan un ACE (Adobe Certified Expert), son más cortos (en el caso de Illustrator 32 preguntas), y se supone que son preguntas sobre las nuevas características del programa. Mi opinión: demasiadas preguntas sobre impresión y absolutamente NADA sobre lo nuevo. Mi puntaje 78%.

Photoshop para Dummies

Adobe acaba de lanzar Adobe Photoshop Express un nuevo editor de imagenes en línea. Con esta herramienta personas (non designers)que no posean el presupuesto para comprar, o el tiempo para aprender Photoshop, pueden "arreglar" sus fotos de una manera muy fácil y rápida.
Vale la pena aclarar que de ninguna manera es un editor de imágenes profesional. Pueden probar el programa en en este sitio.

Recortar efectos de capa

Imagen
¿Es posible recortar parcialmente los efectos de una capa en Photoshop?


El efecto no es tan fácil como parece, ya que si pinta (recorta) sobre la máscara obtendría esto:



Como puede ver, al editar la máscara, los efectos de la capa siguen aplicándose a la imagen. Hay varias formas de obtener este resultado. Esta es una:

Con la capa seleccionada cree un nuevo grupo de capa. Menú de la paleta de capas >New Group from layers...Teniendo el grupo activo, de clic sobre el botón añadir máscara de capa. Una nueva máscara aparecerá al frente del grupo.Sobre esta nueva máscara pinte con negro las zonas que desea recortar.

La siguiente captura le dará más claridad de cómo se crea el efecto:

Querido Photoshop: Recuerdame lo que he hecho

Imagen
En Photoshop existe la opción de guardar todos los pasos que se efectuen en el programa en un archivo de texto. Para habilitar esta interesante opción abra la paleta de Preferencias (Ctrl + K/Cmd + K, en Mac) y habilite dentro de PreferenciasGenerales la opción History Log. Cuando active la casilla Text File (Archivo de texto) aparecerá un cuadro de diálogo preguntando por una ubicación de su archivo de texto (esta puede ser cualquiera) y en la opción Detailed (Detallado) si quiere que el reporte sea completo.

History en InDesign

Imagen
¿Recuerda la paleta de Historia (History) en Photoshop?. Pues bien, existe un plugin desarrollado por DTP tools que hace que se habilite esta paleta en InDesign, facilitando el proceso de edición al poder regresar a cualquier estado del documento. El plugin no es gratuito pero bien vale la pena probarlo (14 días) y eventualmente adquirirlo.

Leopard: problemas con Photoshop

Photoshop se ha estado portando "mal" en Leopard (el nuevo sistema operativo de Apple). Uno de los inconvenientes es que los valores en algunas de las paletas de opción no se actualizan (ej. los tamaños de pincel). Afortunadamente Apple publicó una actualización (10.5.2) de su sistema operativo que soluciona este incomodo comportamiento de Photoshop. Tomado de John Nack.
Por ahora, y mientras actualice su sistema la opción es utilizar los deslizadores de valor en lugar de digitar los valores numéricos. Para más iformación sobre este tema consulte este documento.

Previsualización de archivos InDesign en Bridge

Imagen
El problema

Bridge permite previsualizar la primera página de los archivos de InDesign. Si Bridge muestra solamente el icono del programa es necesario habilitar en las preferencias de InDesign Always Save Preview Images with Documents.



De aquí en adelante, Bridge le mostrará la vista previa correcta. Nota: para documentos creados ANTES de habilitar la preferencia puede que sea necesario volver a abrirlos y aplicar un Save as...

Dibujo isométrico en Illustrator (automatizado)

Imagen
Una de las herramientas más útiles en Illustrator son las acciones. Igual que en Photoshop, se pueden grabar secuencias de comandos para luego reproducirlas con un solo clic.
La buena noticia es que no siempre es necesario crear acciones, algunas acciones se pueden descargar de sitios como www.adobe/exchange.com Esta acción crea una vista isometrica a partir de las tres vistas (arriba, iaquierda y derecha). A continuación los pasos a seguir.
Primero que todo,asegúrese de tener las tres vistas del objeto.



El segundo paso consiste en cargar la acción. En el menú de la paleta de acciones seleccione Load Actions y escoga el archivo isometrico.aia (Adobe Illustrator Action). La acción aparecerá ahora en el listado de la paleta.



Seleccione la vista superior y haga clic sobre Vista superior y oprima el botón Play, la acción ejecutará automaticamente los pasos necesarios para que el objeto quede con las transformaciones necesarias para simular una vista superior.



Ahora seleccione la cara izquierda…