Posts Tagged ‘Tutoriales’

Power Zoom o el reemplazo del Navigator Panel en InDesign CS4

Viernes, Noviembre 7th, 2008

Hablando de características que Adobe ha removido en sus aplicaciones nos hemos encontrado con la ausencia del Navigator Panel (Panel de Navegación) en InDesign CS4 con el cual se facilitaba el desplazamiento entre diferentes lugares del documento. Sin embargo hay una buena razón para esta eliminación y es una nueva función llamada Power Zoom con la cual se puede realizar una navegación similar a la que se realizaba con el Navigator Panel pero esta vez directamente sobre las páginas del documento.

Power Zomm InDesign CS4

Para activar el  Power Zoom simplemente seleccionas la heramienta Hand (Mano) y haces un click sostenido sobre el documento hasta que aparezca un marco rojo con el que puedes desplazarte por el documento; si deseas cambiar el tamaño del marco usas las teclas flecha arriba y flecha abajo o el scroll del mouse (si, es un poco acrobático). Cuando sueltas el mouse el marco rojo definirá el lugar y el nivel de ampliación que quedará activo en el documento.

En mi opinión, es un buen reemplazo.

¿Dudas y preguntas? Visita nuestros foros Xpert.

Popularity: 44% [?]

convert this post to pdf.

Efectos interesantes en Photoshop

Domingo, Noviembre 2nd, 2008

Como diseñadores siempre estamos a la caza de tutoriales que nos enseñen la mejor manera de crear ciertos efectos en Photoshop o en otras aplicaciones.  Bueno, para dar gusto a los fanáticos del diseño les tengo este sitio en donde pueden encontrar -en mi humilde concepto- muy buenos tutoriales sobre creación de texturas y efectos “sucios” en nuestro amado Photoshop. !Disfruten!

Por: Iván Gómez S.

¿Dudas y preguntas? Visita nuestros foros Xpert.

Popularity: 19% [?]

convert this post to pdf.

Crear conjunto personalizado de glifos en InDesign

Jueves, Octubre 30th, 2008

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”.

  1. En el menú Type active Glyphs y en el menú del panel seleccione la opción New Glyph Set (Nuevo conjunto de Glifos).
  2. 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 con cada uno de los pictogramas que desea añadir y con diferentes fuentes.

Para utilizar los pictogramas seleccione el nombre de su conjunto desde el menú Show (se mostrará unicamente los elementos añadidos a su conjunto) sitúe el cursor de texto donde desee colocar el elemento y dé doble clic.

Por: Iván Gómez S.

¿Dudas y preguntas? Visita nuestros foros Xpert.

Popularity: 15% [?]

convert this post to pdf.

Repetir una línea de tiempo en Flash

Miércoles, Octubre 8th, 2008

En el pasado tutorial de Flash explicamos cómo hacer que Flash “espere” determinado tiempo en cualquier fotograma mediante unas sencillas líneas de codigo. 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 capa as  sitúe el cursor sobre el primer fotograma, de clic derecho y active desde el menú contextual Actions.

repeat01.jpg

repeat02.jpg

repeat03.jpg

En el fotograma no. 1 escriba el siguiente código (las líneas de código aparecen en rojo):
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) {
this.gotoAndPlay (2);
}else{
this.play();
}

En el último fotograma colocamos una acción que detiene la animación, así que escribimos:

stop ();

Explicación

Fotograma 1:
var repetir:Number = 0; crea una nueva variable llamada repetir cuyo valor es numérico :Number y le asigna un valor inicial de 0

Fotograma 24:
repetir++;

Aquí le indicamos al reproductor que la variable repetir debe incrementarse progresivamente. Esto quiere decir que el valor inicial de la variable es 0, y cada vez que el reproductor llegue a este fotograma (25) la variable se incrementará en 1 así que su valor será 1 la segunda vez, 2 la tercera vez y así sucesivamente.

if (repetir <3) {

Si el valor de la variable repetir es menor de 3 (el número de veces que deseamos que se repita la animación), entonces se ejecutará este comando:

this.gotoAndPlay (2);

ordenamos al reproductor ir al fotograma no. 2 y reproducir

}else{
this.play();

Cuando el reproductor haya regresado 3 veces al fotograma no. 2 la condición ya no se cumplirá - ya que repetir será mayor que 3-  entonces la animación continuará en el fotograma no. 26.

Puede ver el resultado final aquí.

Por: Iván Gómez S.

¿Dudas y preguntas? Visita nuestros foros Xpert.

Popularity: 22% [?]

convert this post to pdf.

Animación de mezclas en Illustrator

Miércoles, Septiembre 24th, 2008

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.

  1. 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.
  2. Cree un duplicado del objeto y abra el panel de Appeareance.
  3. Dé doble clic sobre el icono del efecto Scribble. Esto abrirá nuevamente la ventana de opciones del efecto. Modifique nuevamente los ajustes.
  4. 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.

  5. 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 cambios necesarios.

Ver resultado final con algunos ajustes dentro de Flash.

Por: Iván Gómez S.

¿Dudas y preguntas? Visita nuestros foros Xpert.

Popularity: 23% [?]

convert this post to pdf.

Evitar la rasterización de vectores en una imagen de Photoshop

Martes, Septiembre 16th, 2008

Photoshop es un programa de edición de imágenes digitales las cuales se basan en pixeles, sin embargo en esta aplicación es posible crear elementos vectoriales como los caracteres de fuentes, los Shape Layers o los Smart Objects creados a partir de archivos de Illustrator. Es común que todos los elementos vectoriales que creamos o importamos en Photoshop terminan convirtiéndose en pixeles en el momento de la impresión lo cual es problemático ya que por ejemplo, una fuente pequeña al ser convertida a pixeles pierde su definición.

En este pequeño tutorial ofreceremos dos soluciones:

  1. Importar las imágenes a Illustrator y crear los vectores sobre las imágenes. Esta técnica es muy sencilla pero no suele ser práctica, además si necesitamos pasar la imagen final a otros programas que no sean de Adobe tendríamos que exportar a otro formato como .eps
  2. Solución recomendada: crear los elementos vectoriales en Photoshop y posteriormente guardar la imagen como eps. En la ventana de opciones debemos verificar que esté marcada la casilla “Include Vector Data” la cual permite respetar la información vectorial, es decir que no se convertirá en pixeles. Posteriormente se puede importar ese .eps en cualquier aplicación e imprimir desde ahí.

    eps.gif

    Esta técnica tiene un punto importante a tener en cuenta y es que como pueden leer en el mensaje inferior de la ventana “EPS Options” (ver imagen superior) los datos vectoriales de la imagen se rasterizarán cuando el archivo sea abierto nuevamente en Photoshop. Esto quiere decir que una vez guardada la imagen no se puede volver a abrir por lo cual es necesario tener la versión en psd para ediciones futuras.

¿Dudas y preguntas? Visita nuestros foros Xpert

Popularity: 12% [?]

convert this post to pdf.

Uso de la opción Cache Photoshop

Lunes, Agosto 18th, 2008

¿Quiere mejorar el redibujo en pantalla en Photoshop a la hora de editar imágenes de alta resolución? la respuesta está en aumentar los niveles de Cache.

Active las preferencias del programa (Ctrl+K), seleccione del listado Performance (Desempeño) y aumente el número de niveles de Cache (por defecto estan activados 4 y reinicie el programa.

“Cuando se mira un imagen a un porcentaje menor del 100%, Photoshop utiliza versiones en baja resolución de la imagen para redibujar más rápido la pantalla. Esto puede ser de utilidad si se trabaja en imágenes de gran peso y necesita hacer zooms constantes. Sin embargo, al aumentar los niveles de cache, los archivos tardarán más en abrir, mientras Photoshop crea las previsualizaciones en baja resolución.”

Tenga en cuenta que entre más alto en número de niveles, mayor será la demanda de RAM, así que si no tiene suficiente RAM es mejor que deje los niveles de cache en 1 ó 2.

Por: Iván Gómez S.

¿Dudas y preguntas? Visita nuestros foros Xpert

Popularity: 12% [?]

convert this post to pdf.

Eliminar dominante de color

Sábado, Agosto 16th, 2008

Imagen con dominante de color

Esta es una de mis técnicas favoritas para eliminar la dominante de color en una imagen.

  1. Abra la imagen “emproblemada” y en el menú filtro active Filter/Blur/Average/. !No se asuste!: la imagen quedará convertida en un “parche” de color (de hecho eso es lo que hace el filtro Average, selecciona el color predominante en la imagen y rellena la imagen con este color).
  2. filtro average

  3. En la paleta de herramientas active la herramienta de Gotero y de clic sobre la imagen; observe que el color queda “guardado” como color frontal en la paleta de herramientas.
  4. Oprima  Ctrl+Z (no querrá que su imagen quede así, ¿no?)
  5. En la paleta de Layers cree una nueva capa de ajuste Photo Filter y en el cuadro de diálogo que aparece, de clic sobre la muestra de color, esto lo llevará al selector de color. Con el selector de color abierto sitúe el cursor (que en este momento se convierte en gotero) hasta la paleta de herramientas y de clic sobre el color frontal.
  6. Acá esta el truco: en las casillas de Lab cambie los valores de  a y b a sus opuestos. Por ejemplo: si dice a:-3 cambielo a a: 3 El valor de L NO  se debe tocar, ya que en este canal está la luminosidad de la imagen. De clic en Ok y en el cuadro de ajuste de Photo Filter ajuste el valor Density hasta eliminar la dominante de color.

ajuste dominantes

Este es el resultado final:

final

La ventaja de esta técnica es que como las capas de ajuste se pueden mover de un documento a otro, si tiene varias imágenes con la misma dominante de color, solo basta arrastrar esta capa sobre cada uno de los documentos.

Por: Iván Gómez S.

¿Dudas y preguntas? Visita nuestros foros Xpert

Popularity: 19% [?]

convert this post to pdf.

Algo de Rey Midas

Martes, Julio 22nd, 2008

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).

Por: Iván Gómez

¿Dudas y preguntas? Visita nuestros foros Xpert.

Popularity: 9% [?]

convert this post to pdf.

Correcciones de texto en un archivo PDF

Viernes, Junio 13th, 2008

Ya habíamos hablado sobre el dilema de editar o no editar archivos PDF para preprensa, ahora hablemos sobre las correcciones de texto dentro de este mismo formato de archivo.

Muchas veces encontramos errores ortográficos en los archivos PDF justo antes de filmar películas, planchas o hacer la impresión digital. Afortunadamente los errores ortográficos están catalogados como problemas de correción sencilla que pueden realizarse en el archivo PDF sin devolvernos a los archivos fuente.

adv_editing.jpg

En Acrobat tenemos dos herramientas aparentemente similares: Select tool y TouchUp Text (esta última resaltada en la imagen). Las dos herramientas permiten seleccionar texto y copiarlo al Clipboard pero solo TouchUp Text permite realizar cambios al texto haciendo Click derecho y seleccionando la opción Properties…. Esta herramienta permite entre otras cosas, hacer cambios de texto y de color pero para archivos de preprensa es muy importante tener en cuenta lo siguiente:

  1. Desde hace algunas versiones de Acrobat (creo que desde la versión 6), sólo es posible cambiar o agregar caracteres a un PDF si la fuente está instalada en el sistema.
  2. Algunos cambios del tipo de fuente pueden hacer que desaparezcan caracteres o cambien por símbolos.
  3. Cuando se hacen ediciones de color, estas modificaciones quedan en RGB lo cual es crítico cuando se realiza un cambio de cualquier color a negro ya que en la mayoría de los sistemas de preprensa la conversión de negro RGB a negro CMYK da como resultado porcentajes de tinta en los 4 colores( CMYK).

Moraleja: se pueden hacer correcciones ortográficas con Acrobat en los archivos PDF pero tengan mucha precaución con los cambios de fuente y eviten cambios de color (preferiblemente usar PitStop).

¿Dudas y preguntas? Visita nuestros foros Xpert.

Popularity: 21% [?]

convert this post to pdf.