Enderezar imágenes en Photoshop
Oct 10, 2007 Apaños, Photoshop, Tutoriales
No es extraño que entre el material que se te proporciona para hacer una maquetación existan fotografías que has de editar para retocarlas, ajustarlas el color, recortarlas, enderezarlas…
Vamos a centrar esta entrada en el giro/enderezamiento de fotografías, utilizando una fotografía “casera” que viene torcida “de fábrica”.
Una de las técnicas que existen es la “manual” (creo que todos la hemos utilizado alguna vez).
Para realizarla, selecciona toda la imagen accediendo al Menú Selección–>Seleccionar todo, acto seguido ve al Menú Edición–>Transformar–>Rotar. Te saldrán los selectores de transformación. No los utilices todavía.
Antes de aplicar la transformación coloca una guía más o menos cerca de la zona que te más te ayude a poner recta la imagen. En este caso sería la orilla de la playa.
Ayúdate con la guía (o las guías, si has utilizado varias) para realizar la transformación, y cuando ya consideres que la imagen quedará lo suficientemente recta, aplica la transformación pinchando dos veces dentro de la imagen o pulsando la Tecla Return. Ya está… sólo queda recortar la fotografía.
Otra revolucionaria técnica
Dentro de las herramientas de Photoshop es la Herramienta de Medición, que nos proporciona una forma fácil de hacer medidas en nuestra imagen como son la anchura, la altura y ángulos.
¿Ángulos?
Si… si… Ángulos
Escoge una zona de tu fotografía en la que puedas trazar una línea recta con la Herramienta de Medición. Volvemos a nuestro caso, y la orilla de la playa será la zona que utilicemos. Traza la línea recta con esta Herramienta sobre la imagen.
Ahora fíjate en los valores que muestra la Barra de Herramientas. Entre ellos encontrarás un valor Ángulo (entre otros)
Apúntalo (o si tienes buena memoria, quédate con él).
En este momento podemos aplicar dos formas para terminar el trabajo:
1.- Ve al Menú Imagen–>Rotar Lienzo–>Arbitrario. Te aparecerá una ventana donde has de poner el valor que hemos recogido
El lienzo variará su tamaño para que quepa toda la imagen girada
Ahora tendrás que recortar la imagen para dejarla completamente rectangular.
2.- Para realizarla, selecciona toda la imagen yendo al Menú Selccción–>Seleccionar todo, acto seguido ve al Menú Edición–>Transformar–>Rotar. Te saldrán los selectores de transformación. Tampoco los utilices aún. Ve a la Barra de Herramientas e introduce el valor obtenido de la medición del ángulo.
Ahora la imagen quedará girada sobre el lienzo que tenías. Aplica la transformación pinchando dos veces dentro de la imagen o pulsando Return.
Ahora tendrás que recortar la imagen para dejarla completamente rectangular.
Sencillo ¿No?
Tags: técnicas
Estilos de línea Avanzados en Illustrator
Oct 7, 2007 Apaños, Cartografía, Illustrator, Tutoriales
Hace algún tiempo, se me presentó un problema a la hora de preparar una hoja de cartografía para imprenta. Sencillamente se me proporcionaba como original un archivo PDF (que provenía de un SIG) que yo editaba con Illustrator CS2 y que me provocó bastantes quebraderos de cabeza simplemente por un símbolo cartográfico que se basaba en un estilo de línea discontínua que Illustrator no era capaz de representar y que automáticamente se transformaba en una línea contínua. El resto de la hoja de cartografía no suponía ningún problema.
¿Cuál era el problema en sí?
Pues este:
Pero… ¡si es una línea muy sencilla! ¿Cómo es posible que Illustrator no fuera capaz de editarla correctamente?
Bueno, pues la explicación viene dada porque Illustrator (así como Indesign) sólo es capaz de representar un estilo de línea discontínua con tres huecos y tres guiones en sucesión contínua. La puedes ver en el ejemplo que pongo a continuación.
Por lo tanto, el estilo de línea que había que reproducir/editar (con 4 huecos y 4 guiones) se le “atragantaba” a Illustrator y lo convertía automáticamente en una línea contínua (tiraba a lo fácil, claro…).
Aquí he de hacer un inciso y decir que Freehand sí es capaz de representar este estilo de línea.
La cuestión es que Freehand no es capaz de abrir “directamente” documentos PDF (por lo menos PDF,s extremadamente complicados con mucha información vectorial y ráster, como son las hojas de cartografía), por lo que directamente la solución tuve que buscarla en Illustrator (aunque, como podrás comprobar y como de costumbre esta técnica que te presento vale para Indesign, Illustrator, Corel y Freehand)
La solución
La solución llegó echando mano a la imaginación… ¿y si creaba dos líneas que sobrepuestas me dieran la apariencia deseada?
¿Cómo?
A través de Apariencia (Menú Ventana–>Apariencia). En esta ventana, puedes añadir una (o más) línea(s) a otra línea que ya tengas definida.
De esta forma, lo primero que hice fue construir un estilo de línea que tuviera los guiones y huecos necesarios para poder completarlos luego con otra línea del mismo grosor y color pero con distintos huecos/guiones que los complementara.
De esta forma así hice la primera línea:
Así hice la segunda:
Y así quedó el conjunto:
Objetivo conseguido, pero… ¿Y si quisiéramos una línea con cinco huecos y cinco guiones?
La solución es sencilla: añadir una tercera línea.
Te muestro a continuación los pantallazos de la secuencia de guiones/huecos que seguí en esta ocasión.
Para obtener este resultado:
Bueno, pues aquí no acaba la cosa…
Si quieres transformar las apariencias creadas en un estilo de línea, puedes arrastrar la línea que has creado hacia la Paleta Estilos Gráficos, donde podrás dar un nombre al nuevo Estilo, guardarlo y aplicarlo en posteriores ocasiones.
Y ya como gran final…
¿Y si combinas huecos, guiones, grosores, colores, remates…?
Puedes obtener resultados como estos:
Por si quieres investigar, te proporciono la descarga de la Biblioteca de Estilos Gráficos que he creado con los archivos de ejemplo (Válida para Illustrator CS2 y CS3).
Tags: técnicas, truquillos
Rotar textos dentro de una caja en Indesign CS3
Oct 6, 2007 Apaños, Indesign, Tutoriales
Esta es una de esas opciones “escondidas” de Indesign CS3 que hará las delicias de todos aquellos que trabajan con este programa y que hacen maquetaciones “creativas”.
Este Truco se basa en rotar un texto dentro de un marco, no de rotar el marco con el texto contenido (aunque aparentemente así sea). El “apaño” nos va a venir bien cuando deseemos maquetar páginas completas con textos girados.
Bueno… vamos allá…
Lo primero que has de hacer es crear un marco (una caja de texto vacía, un marco rectangular, o incluso un rectángulo valen perfectamente).
A continuación, haz una caja de texto donde has de poner el texto que quieras “girar”.
Un consejo, para que el efecto sea mejor, justifica el texto a ambos lados.
Una vez hecho esto, gira la caja de texto en el ángulo que quieras, en nuestro caso 45 grados. Luego colócala “dentro” del marco que dibujaste al principio. Es muy importante que quede dentro del marco, si no es así, tendrás que hacer el marco inferior lo suficientemente grande para que la caja de texto quepa en él.
Cuando tengas girado el texto y colocado dentro del primer marco, selecciona ambos y usa la herramienta buscatrazos para unir los dos marcos.
Creo que sobran las palabras… ya tienes tu texto girado dentro de una caja…
Y tú te preguntarás: ¿para qué me puede valer esta técnica?
Y yo te contestaré: Mira un ejemplo…
Tags: truquillos
Igualar colores de imágenes en Photoshop
Oct 3, 2007 Apaños, Photoshop, Tutoriales
La igualación del color de las fotografías en una publicación es algo realmente importante cuando pretendemos darle un toque de “seriedad” a nuestro trabajo. Debido a los distintos orígenes del material gráfico que se nos proporciona deberíamos hacerlo más a menudo, pero con los plazos de entrega de trabajos tan pequeños de que disponemos, esto es un “lujo” que en muchas ocasiones no nos permitimos por la pérdida de tiempo que ello supone. Pero hay veces en las que no queda más remedio…
¿Cuantas veces has tenido que hacerlo y no sabías como?
Seguro que te has hartado de tocar niveles, curvas, hacer correcciones selectivas de color, etc… y al final los resultados no han sido todo lo aceptables que tú querías. Vuelta a empezar…
Photoshop te ofrece la posibilidad de hacerlo “casi” automáticamente utilizando la opción Igualar Color.
Voy a mostrarte como hacerlo con un par de fotos de un “bicho” muy simpático que me he encontrado durante estas vacaciones. La verdad es que las fotos no son realmente maravillosas, pero valen perfectamente para el ejemplo, puesto que los colores son bastante distintos entre una y otra, aunque están tomadas en el mismo lugar.
Lo primero que hemos de hacer es abrir las dos fotografías en Photoshop, pero manteniendo en primer plano la imagen a la que queremos igualar el color con respecto de la otra. Acto seguido iremos al menú Imagen–>Ajustes–>Igualar color.
Una vez nos ha salido el menú, hemos de poner en el desplegable Origen el nombre de la otra fotografía, en este caso “Lagarto1.jpg”, y, en su caso, la capa de origen. Hecho esto, puedes jugar con los controles Luminancia, Intensidad de Color y Transición para conseguir mejores resultados. La conversión es bastante buena en principio, aunque siempre hay que ajustarla un poquito ayudándose de la previsualización.
Bueno, pues cuando hayas realizado estos pasos, quedarás sorprendido de los resultados obtenidos en cinco minutos. Aquí te dejo mis resultados.
¿Te imaginas lo que se puede llegar a hacer igualando el color de fotografías de paisajes o bien fotografías de personas con distintos tipos de piel?
¿Fácil no?
Tags: técnicas
Aprovechar logotipos vectoriales de archivos Flash
Ago 29, 2007 Apaños, Logotipos Vectorizados, Recursos, Tutoriales
Ya estamos otra vez…
Martes por la mañana y el cliente “pesao” de los martes viene con un diseño de tarjetas hecho en Word (se lo ha hecho su sobrino, o la secretaria, o un amigo….) con unos logotipos preciosos y a una resolución deplorable. Pero nuestro “cliente” quiere hacer una tirada en imprenta y hemos de conseguir calidad como sea. La verdad es que son logotipos conocidos y nos ponemos manos a la obra. Enseguida echamos mano de San Google y le encendemos una vela para que todo salga bien…
Cuando buscamos logotipos vectoriales en internet lo primero que hacemos (o deberíamos hacer) es:
- Buscar alguna página Web en la que aparezca el logotipo en cuestión (habitualmente la de la empresa del logotipo). Si tenemos suerte, habrá una página de descargas y podremos obtener el logotipo en formato vectorial desde dicha página o bien podremos buscar algún documento en PDF que lo incluya.
- Si no obtenemos resultados, accedemos a una página donde poder descargar logotipos vectorizados que ha ido subiendo el personal para ayudar a otros. Si tenemos suerte y la empresa es relativamente “conocida” (podría decir que a nivel mundial) lo encontraremos sin mucha dificultad, puesto que ya habrá alguien que haya redibujado el logo.
- Como un último caso y desesperados, casi que nos conformamos con cualquier cosa y buscamos un .jpeg o un .gif o hacemos un pantallazo del logotipo lo suficientemente grande como para que nos permita cierto “margen” de maniobra y poder redibujarlo a mano.
Bueno… pues existe otro caso que nos puede salvar del cabreo del martes:
Hace ya tiempo que la tecnología Flash se ha implementado en las páginas Web y muchas se ven muy bonitas con logotipos que se mueven, se ensanchan, se estrechan, giran… (¿vectorialmente?).
Bueno pues si San Google nos ofrece un milagro y la página contiene una animación Flash y en ella nuestro logotipo está integrado vectorialmente, podemos aprovechar esta animación para rescatar el logotipo y abrirlo en Freehand o Illustrator.
Puedes hacerlo de dos formas distintas:
1.- En la misma página web
2.- Bajándote el .swf
En ambos casos, pulsando con el botón derecho del ratón sobre el fichero Flash, deberemos desactivar la opción “Bucle” (preferiblemente cuando el logotipo esté completo en la animación). De esta forma “pararemos” el .swf y podemos imprimirlo en la impresora que queramos (podremos hacerlo generando un postscript o a la Acrobat PDF directamente) pulsando también con el botón derecho–>Imprimir.
Una vez hecho el Postscript o el PDF ya sabemos todos como actuar…
Hala… ya tenemos el logotipo “paradito” y “vectorizado”
Tags: técnicas, truquillos
