Aprendiendo con ZKJ

Cómo corregir la posición de un sujeto en una imagen

2011-01-16T15:08:00.001-04:30

En las películas los mejores efectos especiales son aquellos que no pueden ser detectados. En foto montaje se aplica lo mismo.

Cuántas veces hemos observado un foto montaje e instintivamente detectamos que algo está mal; el sujeto claramente se ve superpuesto.

Hay una regla muy simple que aplica en cada imagen y que puede hacer que tus sujetos aparezcan realmente como si hubiesen sido fotografiados allí.

La Regla del Horizonte

1. El Horizonte está siempre al mismo nivel del ojo del espectador.

No importa si estás sentado o de pie, cuando miras al frente ves el horizonte.

2. Las personas pequeñas como los niños estarán por debajo de la línea, las personas más altas por encima.

Con esta simple regla podemos posicionar correctamente y escalar diferentes sujetos en una composición.

Ve aquí un ejemplo práctico.

Paso 1 Determinar el Horizonte

En tu imagen de fondo dibuja líneas para mostrar la perspectiva de la imagen.

El punto donde todas las líneas se cruzan es el punto de desvanecimiento. Coloca una guía horizontal en ese punto y dibuja una línea.

Este es el horizonte

Paso 2 Coloca a los sujetos

Para este ejemplo usaremos el mismo sujeto para apreciar mejor el efecto.

Coloca tu sujeto y escálalo. No importa cuán pequeño sea. Colócalo de forma que sus ojos queden al mismo nivel de la línea del horizonte.

Escala el mismo sujeto un poco más grande y colócalo haciendo que sus ojos queden al mismo nivel de la línea del horizonte.

Podemos seguir haciendo esto varias veces y si colocamos los sujetos nivelados con la línea del horizonte siempre se verán en la posición correcta y a una escala apropiada a la habitación o fondo.

Crear una escena otoñal en Photoshop

2010-10-03T14:17:00.000-04:30

Si tienes una fotografía con algunos árboles puedes convertirla en una escena otoñal utilizando Photoshop y algunos truquitos con capas, que te mostraré a continuación. Trabajaremos con la siguiente foto:

Paso 1. Duplicar Capas
Abre la imagen en Photoshop y duplíca la capa (Capa>Duplicar capa). Hacer esto te permitirá borrar partes de la imagen que no desees que aparezcan.

Paso 2. Estilo de Capa
Con doble click en la capa superior abrimos la ventana de Estilo de Capa y seleccionamos la opción Superposición de Colores. Esto convertirá la imagen en un bloque de color pero no entres en pánico que es fácilmente ajustable. Cambia el Modo de Fusión a "Tono" y selecciona el recuadro coloreado para seleccionar el color que desees aplicar. Una vez hecho esto selecciona OK.

Paso 3. Borrar algunos colores
Los árboles ahora tienen los colores otoñales, sin embargo hay partes de la imagen, como la grama que ahora tiene tonalidad naranja, que debería ser mas verde. Para remover cualquier color no deseado seleccionamos la herramienta Borrador y simplemente borramos sobre el area para mostrar el color de la capa inferior. Quizas puedas querer mantener algunos árboles verdes y la grama también. Eso ya queda a gusto tuyo.

Una vez que has borrado las partes no deseadas deberia quedar la imagen asi:

Share |

Efecto de Arcoiris - Tutorial

2010-09-08T15:07:00.000-04:30

Un tutorial muy sencillito y fácil de seguir para obtener este hermoso efecto de arcoiris en Photoshop

PASO 1= abrir un nuevo documento 1000 px / 1000 px y rellénalo con negro
PASO 2= crea una nueva capa, colócala encima y rellénala con blanco
PASO 3= aplicar el siguiente filtro: filtro >> interpretar >> fibras... con la siguiente configuración

PASO 4= aplicar filtro ... filtro >> desenfoque >> desenfoque de movimiento y aplica esta configuración

PASO 5= aplica el estilo de capa Superposición de Degradado con los siguientes valores

PASO 6= convierte la capa a Objeto Inteligente y duplícala; aplica a la capa la opción Superponery el filtro ... filtro >> otro >> paso alto con un radio de 10 pixels

PASO 6= pon la capa negra invisible y combina las visibles; luego redimensiona la capa combinada para que se vea como en la imagen.

PASO 7= con transformación libre realiza una rotación de la capa de 45 grados y estira las esquinas

PASO 8= ve a .. imagen >> ajustes >> niveles y aplica estos valores

FINAL = aplica cualquier otro efecto que desees o añade cualquier otro elemento para personalizar tu imagen

Simple y fácil..... muéstrame tu creación!!!!

Técnicas de Impresión

2010-08-20T18:22:00.000-04:30

GRABADO/RELIEVE

La grabación y el relieve son procesos similares que crean un resultado diferente. Ambos procesos implican hacer una placa metálica y un contador. La placa es montada en una prensa y el papel es sellado entre ella y el contador. La fuerza de la presión empuja la placa, creando la impresión.

El relieve es una impresión que queda con la superficie levantada, mientras que el grabado crea una impresión deprimida.

RELIEVE

GRABADO

LAMINADO

El laminado proporciona un acabado final suave, parecido a una seda, es hidrófugo y resistente a las raspaduras, y complementa los colores vibrantes. Las piezas son impresas a todo color, de la forma tradicional, como cualquier tarjeta de presentación, pero le sigue un paso adicional para conseguir lsu texttura única - la tarjeta es cubierta de un laminado duradero, resistente a la intemperieLos pedazos son tradicionalmente imprimidos en a todo color, como cualquier tarjeta de visita regular, sin embargo un paso adicional es tomado para conseguir su textura única — el cardstock es cubierto de un laminado duradero, resistente a la intemperie, con acabado de seda.

La laminación puede ser líquida o una película. De cualquier forma se adhiere a la superficie para protegerla asi como para darle brillo o un efecto suavizado. El efecto podría ser lustroso, embotado, o hasta satinado.

BARNIZADO

Un barniz es una capa de líquido aplicada a una superficie impresa para añadir un brillo claro, matte, satinada, o neutra.

Tipos de Barnices:

Barniz Lustroso:

Da a la superficie impresa un aspecto brillante.

Barniz Matte:

Da a la superficie impresa un aspecto liso, sin brillo.

Barniz Satinado o de Seda:

No dan a la superficie impresa ningun lustre alto o matte, sino neutral.

Barniz UV:

El Barnizado Ultravioleta (UV) es un proceso para conseguir una cubierta más asombrosa en algunas partes de su material impreso.

Barniz UV Total:

Se usa como un sello aplicado por todas partes de la superficie impresa.

Mancha de Barniz UV:

Es un barniz aplicado a puntos elegidos (áreas) de un pedazo impreso. Lo que logra destacar y llamar la atención hacia aquella parte del diseño.

MANCHA DE BARNIZ

METALIZADO

Se utiliza para conseguir un sello en oro/plata, aplicando una una capa de hoja de metal adjuntada a cierto material en un proceso de calefacción. No es demasiado complicado, siendo un proceso completamente similar a la impresión de mancha de barniz UV.

TERMOGRAFIA

La termografía produce una impresión similar en apariencia al grabado, pero se utiliza un proceso diferente para alcanzar el efecto.

En la termografía, se añade un polvo especial a la tinta que debe ser impresa en el papel. El pedazo impreso es calentado, haciendo que la mezcla de polvo y tinta se seque, lo que causa un efecto levantado en el papel.

TERMOGRAFIA

LETTERPRESS

Es el proceso de imprenta más viejo. En este método, una superficie es entintada y presionada contra la superficie o sustrato para reproducir una imagen al revés.

Típicamente, se ha usado el tipo metálico, pero otras posibilidades incluyen bloques de madera o de piedra esculpidos. El popularmente usado en invitaciones de boda, este proceso también puede ser usado para crear tarjetas de presentación únicas.

SERIGRAFIA

Es una técnica que usa una malla tejida que se apoya en una plantilla que bloquea la tinta. La malla tiene áreas abiertas que permite que la tinta se traslade al material. Un rodillo o el enjugador son movidos a través de la malla, forzando o bombeando la tinta a través de los hilos en las áreas abiertas.

Fabricación de las Guías de Color Pantone

2010-05-12T15:58:00.004-04:30

Todos los que trabajamos en diseño o cualquier otra carrera afín, conocemos lo que son las Guías de Color Pantone. Para quien no las conoce, las Guías de Color Pantone constan de un gran numero de tarjetas de cartón sobre las que se ha impreso en un lado muestras de color, organizadas todas en un cuaderno de pequeñas dimensiones. Cada una de las muestras está numerada y una vez seleccionada es posible recrear el color de manera exacta, pues cada muestra trae además la proporción exacta de colores que deben mezclarse para obtener ese tono en particular. Usar la Guía de Color Pantone es la forma más exacta de obtener el color deseado.

A continuación les dejo un video donde podrán observar la forma de elaboración de estas guías de color. Si entiendes inglés lo podrás aprovechar mucho más. Pero aún viendo las imágenes, se puede seguir la secuencia del proceso.

Share |

Revistas Gratuitas para Diseñadores

2010-05-05T12:25:00.000-04:30

Las revistas de arte y diseño son el compañero más cercano de los diseñadores. No sólo nos alimentan con las últimas tendencias y noticias en la industria de diseño, sino que son también una buena fuente buena de inspiración, particularmente útil para aquellos que se han golpeado frecuentemente con el muro del diseño.

Si este es tu caso, no te preocupes, hay una cantidad enorme de revistas de diseño gratis en la red; nos referimos a aquellas revistas softcopy que puedes hojear bien sea en línea o por descarga (.PDF, .SWF). No sólo tienen contenido de alta calidad, sino que cada tema publicado es también gratuito. Hoy queremos presentarte Revistas Gratis para Diseñadores. Incluso si buscas algo para matar el tiempo libre, pensamos que estos mags ayudarán.

¿Más? Si conoces alguna buena revista gratuita que no hayamos colocado aquí, déjanos un comentario o ponte en contacto con nosotros y la añadiremos.

Nuestras mejores selecciones

GizMag

Revista semanal, llena de mucho material bien organizado. Cada 3 meses es publicado un .PDF gratis con temas anteriores, incluyendo entrevistas e ilustraciones.

A List Apart

No es realmente 'una revista' ya que no viene en formato .PDF ni ningún otro descargable. Pero seguramente debe ser leído por cualquier diseñador de web.

Bak Magazine

Artzmania

Veer Catalog

PDF Mags

Solamente muchas revistas PDF, gratis.

Destructed Magazine

Revista de Arte y Diseño en formato .PDF publicado trimestralmente con temas orientados a un tópico único.

Magwerk

Love Pics

Komma

Delve Magazine

Delve fue creado para explorar la cultura visual a través de la experimentación en el diseño, fotografía, ilustración y otras artes visuales relacionadas.

Kino Mag

CRU A Magazine

CRU A es una revista digital acerca de las artes y la cultura.

Root Magazine

Más revistas gratis

RevolutionArt Magazine

REVOLUTIONART es una revista internacional publicada en formato .PDF como una colección de muestras de los mejores artes gráficos, modelos, música, y tendencias mundiales. Entrega cada 2 meses.

Castle Magazine

Castlemagazine es una revista online en formato pdf que consta de trabajos de Ilustradores, Artistas y otros creativos freelance.

ANTI

ANTI Magazine tiene como objetivo exponer contenido visual excepcional en una revista en línea y también en futuras exposiciones por todo el mundo.

Blanket Magazine

PDF gratis con arte + diseño+ fotografía de publicación bimensual.

bitFUUL Magazine

Breed Magazine

BREED Magazine cubre arte, moda, música e ideas bimensualmente por suscripción gratuita.

Bloodwars Magazine

Wag

True Eye

Royal Magazine

El diario privado de The KDU (Keystone Design Union), un Colectivo Creativo FraternoGlobal dedicado a crear y dirigir objetos de diseño innovador, marcas y experiencias.

Ruby Mag

Sphere Magazine

Phase Collective

NLF Magazine

Noname Magazine

Multilink Magazine

Kromag

TXTnein

Revista gratuita en formato pdf realizada con la colaboración de diseñadores gráficos, fotógrafos y artistas de todo el mundo.

Etel Magazine

Proteus Mag

{ths} Beast Magazine

La biblia de la inspiración.

Bedifferent

CODE Magazine

Daheim Magazine

Design And Life

Esta revista reúne información que incluye diseño, estilos de vida, moda, tendencias y noticias creativas de todo el mundo.

File Magazine

Publica imágenes acerca de sujetos y situaciones inesperadas.

Made in Street

2ndDesign Magazine

Share |

Bloggers Unidos por Haiti!!!

2010-03-03T18:23:00.000-04:30

¿Te gustaría ayudar a Haití con tu blog o página web?

El terremoto de magnitud 7.3 en Haití dejó a millones de personas con necesidad urgente de alimentos. Unas 24 horas después de lo ocurrido, el Programa Mundial de Alimentos se encontraba en el terreno distribuyendo alimentos, y hoy, después de un mes del terremoto, hemos podido alimentar a más de 3 millones de personas.

Sin embargo, nuestros esfuerzos en la isla necesitan del apoyo y la ayuda de todo el mundo para llegar a más haitianos. La forma más efectiva de ayudar es mediante una donación, pero hay muchas otras maneras también.

Por eso, invitamos a los bloggers y administradores de páginas web que quieran aportar un grano de arena en ayudarnos a crear conciencia sobre la crisis de hambre que vive Haití y ser partícipes de la solución.

Colocando un banner en tu blog o página web puedes darle voz a quienes más lo necesitan.

¡Ayúdanos a ayudar!

Encontrarás los banners en la web del Programa Mundial de Alimentos (WFP).

Share
|

Sotware Util – Watermark Images

2010-03-03T18:15:00.002-04:30

Agregar una marca de agua nos ayuda a evitar que usen las imágenes que publicamos en Internet sin nuestra autorización.
Para los casos en que necesitamos automatizar la tarea de agregar a un grupo de imágenes una de estas marcas de aguas, existen programas como Watermark Images.
Watermark Images es un programa gratis para Windows cuya principal tarea es procesar un grupo de imágenes, para entre otras opciones, agregarles una marca de agua.
Dicha marca puede ser un texto (podemos elegir color, tamaño y ángulo) o una imagen. Sólo tenemos que seleccionar las carpetas con las imágenes a procesar y la carpeta en donde las guardará una vez que tengan su respectiva marca.
Además ofrece procesar en lotes, la calidad de las imágenes, redimensionarlas, mantener la información EXIF y convertirlas a otro formato.

Watermark Image - Interfaz

Watermak Images

Sitio/descargar: www.watermark-image.com

Compresión de Imágenes

2010-02-25T18:37:00.002-04:30

El uso adecuado de la compresión de imágenes puede marcar una gran diferencia en la apariencia y el tamaño de sus archivos para web. Sin embargo, la compresión es un tema a menudo mal entendido, en parte porque hay una falta real de conocimiento sobre el uso de los diferentes tipos de compresión. Si no entiendes qué tipo de compresión usar para diferentes tipos de imágenes, lo más probable es que obtengas uno de dos resultados: o bien imágenes que no se ven tan bien como deberían, o tamaño de los archivos de imagen más grandes de lo necesario.
A continuación se muestra todo lo que necesita saber acerca de compresión de imagen en relación con el diseño web.

1. Compresión “Sin pérdida” vs. “Con pérdida”

Muchas personas piensan que sólo debe utilizar formatos de imagen que utilizan compresión sin pérdidas. Mientras que la compresión sin pérdida es adecuada para muchos tipos de imágenes, no es necesaria para otras. Básicamente, en la compresión de imágenes sin pérdidas, todos los datos del archivo original se conservan. En la compresión con pérdida, por otra parte, se eliminan algunos datos del archivo original y se guarda la imagen con un tamaño de archivo reducido. Depende de tí, como diseñador, decidir que cantidad de datos se eliminarán al establecer la tasa de compresión de imagen.

Compresión sin pérdida

Existen distintos métodos de compresión sin pérdidas. Está la compresión RLE o run-length encoding (utilizada para los archivos BMP), la cual toma secuencias de datos (datos de elementos consecutivos con valores idénticos) y los almacena en un valor único más su recuento. Es el más adecuado para gráficos sencillos, donde hay largas tiradas de idénticos elementos de datos.

DEFLATE (desinflar) es otro método de compresión sin pérdida de datos utilizados para imágenes PNG. Utiliza una combinación del algoritmo LZ77 y Huffman. Además de ser utilizado para las imágenes PNG, que también se usa en la compresión ZIP y gzip.

Lempel-Ziv-Welch (LZW) es un algoritmo de compresión sin pérdida que realiza un análisis limitado de datos. Se utiliza en archivos con formato GIF y algunos TIFF.

Compresión con Pérdida

Hay una serie de métodos de compresión con pérdidas, algunos de los cuales se pueden combinar con métodos sin pérdidas para crear archivos con tamaños más pequeños. Un método consiste en reducir el espacio de color de la imagen a los colores más comunes dentro de la misma imagen. Esto se utiliza a menudo en imágenes con formato GIF y, a veces en imágenes PNG para dar lugar a archivos más pequeños. Cuando se utiliza en el tipo correcto de imágenes y es combinado con tramado, puede dar lugar a imágenes casi idénticas a los originales.

Transform encoding es el tipo de codificación utilizado para imágenes JPEG. En las imágenes, la transformación de codificación promedia el color en pequeños bloques de la imagen utilizando una transformación discreta del coseno (DCT) para crear una imagen que tiene colores muy inferior a la original.

Submuestreo de croma es otro tipo de compresión con pérdida que tiene en cuenta que el ojo humano percibe los cambios en el brillo de forma más pronunciada que los cambios de color, y se aprovecha de ésta por gravedad o promedio de algún croma (color), manteniendo la información de luminancia (brillo).Es comúnmente usada en los esquemas de codificación de vídeo y de imágenes JPEG.

2. Diferentes Tipos de archivo

A los efectos de este artículo, sólo vamos a centrarnos en tres tipos de archivos, los más comunes en diseño web: PNG, JPEG y GIF. Si bien existen otros formatos de imagen que se aprovechan de compresión (TIFF, PCX, TGA, etc), es poco probable que los utilices para trabajos de diseño digital.

GIF

GIF siglas de Graphics Interchange Format, es un formato de imagen de mapa de bits introducido en 1987 por CompuServe. Soporta hasta 8 bits por píxel, lo que significa que una imagen puede tener hasta 256 diferentes colores RGB.Una de las mayores ventajas del formato GIF es que permite imágenes animadas, algo que ninguno de los otros formatos mencionados permiten.

JPEG

JPEG (Joint Photographic Experts Group) es un formato de imagen que utiliza la compresión con pérdida para crear archivos más pequeños. Una de las grandes ventajas de JPEG es que permite al diseñador ajustar la cantidad de compresión utilizada. Esto resulta en una mejor calidad de imagen cuando se utiliza correctamente, mientras que también resulta en un menor tamaño del archivo. Debido a que JPEG utiliza compresión con pérdida, las imágenes guardadas en este formato son propensas a distorsionarse, pixelarse y a formar halos extraños alrededor de determinados sectores de la imagen. Estas son más comunes en las áreas de una imagen donde hay un fuerte contraste entre los colores. Generally, the more contrast in an image, the higher quality the image needs to be saved at to result in a decent-looking final image. Generalmente, cuanto más contraste hay en una imagen, necesita ser guardada con mayor calidad lo que va a traducirse en un buen aspecto final.

PNG

PNG (Portable Network Graphics) es otro formato de imagen de mapa de bits que utiliza la compresión sin pérdida de datos y fue creado para reemplazar el formato de imagen GIF. El formato PNG no fue soportado por Internet Explorer por mucho tiempo, lo que hacía su uso menos frecuente que los formatos GIF y JPEG, aunque ahora ya es soportado correctamente por los navegadores más importantes. Los archivos PNG soportan la paleta de colores (entre 24-bit RGB o 32-bit RGBA), escala de grises, espacios de color RGBA y RGB. Una de las mayores ventajas del PNG es que soporta un número de opciones de transparencia, incluida la transparencia de canal alfa.

3. La elección de un formato de archivo

Cada uno de los formatos de archivo especificado anteriormente son apropiados para los diferentes tipos de imágenes. Elegir el formato adecuado resulta en imágenes de mayor calidad y tamaños de archivo más pequeño. Elegir el formato incorrecto significa que sus imágenes no será de tan alta calidad, como podrían ser y que su tamaño sea mayor de lo necesario.

Para gráficos simples, como logos o dibujos de líneas, GIF a menudo funciona mejor. Debido a la limitada paleta de colores de GIF, los gráficos con degradaciones o cambios sutiles de color a menudo terminan posterizados. Si bien esto se puede superar en cierta medida mediante el uso de interpolación de colores, a menudo es mejor utilizar un formato de archivo diferente.

Para fotos o imágenes con degradaciones donde GIF es inadecuado, el formato JPEG puede ser mejor. JPEG funciona muy bien para las fotos con los cambios sutiles en color y sin fuertes contrastes. En las zonas con un fuerte contraste, es más probable que haya distorsión (un halo multi-color alrededor de la zona). Para evitar esto hay que ajustar el nivel de compresión del JPEG antes de guardarlo.

Para las imágenes con alto contraste, sobre todo las fotos, ilustraciones con grandes cantidades de degradaciones de color o contraste, el formato PNG es mejor. Es también la mejor opción para imágenes transparentes, sobre todo aquellas que necesitan una transparencia parcial. Los archivos PNG son a menudo más grande que los JPEG, aunque depende de la imagen exacta. Los archivos PNG no tienen pérdida, es decir, toda la calidad original de la imagen permanece intacta.

Aquí hay una descripción de los tipos de archivos que funcionan mejor para cada tipo de imagen:

GIF

Si se requiere la animación.
Los dibujos y gráficos simples.

JPEG

Fotos, especialmente sin un alto contraste.
Capturas de pantalla, sobre todo de películas, juegos o contenido similar.

PNG

Línea de arte, ilustraciones.
Fotos con alto contraste.
La transparencia, especialmente la transparencia del canal alfa.
Capturas de pantalla de aplicaciones o diagramas detallados.

Y aquí está un resumen de los formatos que se debe evitar usar para cada tipo de imagen:

GIF

Las imágenes con gradientes.
Fotos.

JPEG

Las imágenes con alto contraste.
Las imágenes detalladas, especialmente en los diagramas.
Los gráficos simples (el tamaño de los archivos son más grandes).

PNG

Fotos con bajo contraste (tamaños de archivos son más grandes).

4. La Compresión de imagen en Diseño para Imprenta

Aunque la mayor parte de este artículo se ha centrado en la compresión de imágenes en el diseño web, vale la pena mencionar el efecto que la compresión puede tener en la impresión. En su mayor parte, la compresión de imágenes con pérdida debe evitarse por completo en el diseño para imprenta. Los gráficos impresos son mucho menos tolerantes a los defectos y baja calidad de imagen que los gráficos en pantalla. Guardar un archivo JPEG en calidad media podría verse muy bien en su monitor, cuando se imprime, incluso en una impresora de inyección de tinta, la pérdida de calidad es notable.

For print design, using file types with lossless compression is preferable. TIFF (Tagged Image File Format) es a menudo el formato de archivo preferido si la compresión es necesaria, ya que da opciones para una serie de métodos de compresión sin pérdidas (incluyendo LZW mencionado anteriormente). Una vez más, dependiendo de la imagen y el tipo de impresión, a menudo es mejor utilizar un tipo de archivo sin compresión. Consulte con su impresor acerca del formato que que ellos prefieran.

5 Consejos para tener éxito en el negocio del diseño

2010-02-19T17:59:00.002-04:30

CONTRATA UN CONTADOR

Muchos diseñadores sienten como si lo puede hacer todo, pero la verdad es que no pueden!especialmente cuando se trata de equilibrar su chequera. El dinero que se gasta en estos profesionales terminaría siendo una fracción mínima de lo que gastaría si es auditado. Multas, el tiempo y la pérdida de productividad y el dolor de cabeza, simplemente no vale la pena.

Es casi universal, que muchos diseñadores no quieran gastar el dinero, (que a veces ni siquiera tienen) en este tipo de "lujos" como un contador. El problema es que no son "lujos", son tan esenciales para tu negocio como el aire para los seres humanos. Seamos realistas, hay una razón por la cual los contadores no son buenos diseñadores, esa parte de su cerebro no está tan desarrollada como la otra parte que "cuenta". De la misma manera, la mayoría de los diseñadores no son buenos "contadores de frijoles", y es por eso que necesitan a un profesional que lo haga por ellos.

Y en cuanto a los costos, algunos contadores estarían abiertos al trueque de sus servicios por sus servicios de diseño, por lo que el costo no es realmente tan alto como se imagina. Todo es cuestión de negociar.

RESPALDA TU TRABAJO SEMANALMENTE

Aquí en nuestras oficinas, realizamos una copia de seguridad copia de seguridad todos los viernes a las 3pm.

En estos días hay tanto software y hardware para Mac como para PC que realizan automáticamente copias de seguridad de todo, de manera tan fácil, que es un pecado no hacerlo. También vale la pena mencionar que es importante realizar copias de seguridad en un disco externo y almacenar ese disco en otro lugar fuera de la oficina, para prevenir pérdidas en caso de un incendio

Si deciden hacer copia de seguridad de forma manual, no hay problema. Los USB portátiles con discos duros son muy baratos en estos días, lo que permite fácilmente hacer copias de seguridad. Imagínense cuánto tiempo les tomará recrear todos los trabajos de sus clientes si lo pierden de alguna manera?

NO OLVIDES LA ERGONOMIA

Asegúrense de que su área de trabajo es totalmente ergonómica. Si no te sientes bien, con el tiempo empezarás a sentir el dolor en la espalda, brazos, manos y cuello. El dolor te hará disminuir tu rendimiento, y en el peor de los casos puede paralizarte. Y el dolor crónico no es divertido, sobre todo porque ese tipo de dolor es el que dura y dura y dura. Solo tienes un cuerpo, cuida de él y él te cuidará a ti.

Lo que hay que tener es un teclado ergonómico y un ratón, de preferencia un ratón trackball, para que la mano se mueve lo menos posible, una silla ergonómica y un apoya pies, además de un escritorio que dejé la pantalla del computador a nivel del ojo. Por supuesto, esto está simplificado, porque hay mucho más se pueden encontrar en la web. Y, podrías también considerar la posibilidad de contratar a un experto en ergonomía por un par de horas para ayudarte.

PROMOCIÓNATE

Un portafolio virtual no puede faltar en nuestros días. Y un portafolio que se puede actualizar fácilmente es esencial. La elección de la plataforma para el sitio no es tan importante lo importante es su capacidad de actualización sobre la marcha en cualquier parte del mundo. Sin embargo, su propio sitio web es sólo una parte de la "batalla", las redes sociales son también muy importantes en términos de promoción de lo que haces. Asegúrate de compartir tus redes con los colegas, y los clientes potenciales.

CONSTRUYE UNA MARCA

Construye una marca - Tu propia marca. Llena tu vida personal y profesional con significado y propósito. Ten en cuenta que cualquier cosa que hagas puede afectar la forma en que tu marca es considerada por los clientes actuales y potenciales. Sí, tu trabajo habla por ti, y mostrarlo en un sitio web fresco es importante, pero la ropa que usas, donde trabajas, cómo hablas, todos estos detalles hablan por ti también.

Siempre ten una tarjeta de presentación cerca, nunca se sabe quién querría tenerla y lo que la interacción puede hacer por tí. En este sentido, asegúrate de que tienes una tarjeta con aspecto fresco, muchas veces es lo único que te representa. La gente se inclinará más a ver tu sitio web si están inicialmente impresionado por la tarjeta en la mano.

Teoría del Color – Conceptos y Terminologías

2010-02-19T16:15:00.002-04:30

Si quieres utilizar el color de manera efectiva en tus diseños, necesitarás conocer algunos conceptos de color y la terminología de la teoría del color. Conocimientos prácticos de conceptos como el fondo del croma, valor y saturación es la clave para crear tus propios e impresionantes esquemas de color. En la primera parte de nuestra serie cubrimos los significados de diferentes colores. Aquí, vamos a repasar los conceptos básicos de lo que afecta a un color determinado, como la adición de gris, blanco o negro al color puro, y su efecto en un diseño, con ejemplos, por supuesto.

Hue (Color)

Hue es el término más básico de color e indica el color de un objeto. Cuando decimos "azul", "verde" o "rojo", estamos hablando del color o Hue. Los colores que utilizas en tus diseños transmiten mensajes importantes a quienes los miran. Lee los artículos bajo la etiqueta Color para conocer los significados transmitidos por los principales colores.

Ejemplos

El color principal del fondo y algunas de las tipografías en el sitio web de la HappyTwitmas es de color rojo brillante.

Utilizando una gran cantidad de tonos puros juntos, puedes añadir un aspecto divertido y lúdico a un diseño, como se hace en la cabecera y en otras partes de este sitio web.

El rojo puro es un color muy popular en el diseño web.

Mix utiliza una serie de tonos puros en su encabezamiento y el logotipo.

El verde en su forma más pura es menos frecuente y así se destaca más que algunos otros colores.

Croma

Croma se refiere a la pureza de un color. Un color con alto croma no tiene negro, blanco o gris en el mismo. La adición de blanco, negro o gris, reduce su croma. Es similar a la saturación, pero no es lo mismo. El croma se puede considerar como el brillo de un color en comparación con los blancos.

En el diseño, debemos evitar el uso de colores que tienen un croma muy similar. En lugar de ello optar por colores con cromas que estén a pocos pasos unos de otros.

Ejemplos

El azul tiene un alto croma y así realmente se destaca del blanco y negro.

Otro sitio web con un azul de alto croma, aunque incluye algunos matices y tonos con cromas algo inferiores.

La combinación de alta y baja saturación en el mismo color puede lograr un diseño sofisticado y elegante.

Colores con croma muy altos son utilizados con moderación, como se hace aquí.

Las diferencias en croma puede hacer un degradado visualmente agradable.

Saturación

Saturación se refiere a cómo se ve un color bajo condiciones de iluminación particular. Ve la saturación en términos de colores fuertes vs débiles o pálido vs puro.

En el diseño, los colores con niveles de saturación similar hacen más coherentes los diseños. Al igual que con el croma, los colores con similar pero no idéntica saturación pueden tener un efecto irritante sobre quien los mira.

Ejemplos

Los niveles de saturación de muchos de los diferentes colores utilizados aquí son similares, agregando un sentido de unidad al diseño en general.

La combinación de colores con similares niveles de saturación silenciada crea un diseño suave, que se destaca por los efectos de acuarela.

Colores con menores niveles de saturación, no son necesariamente más ligero, como se muestra aquí.

Un excelente ejemplo de cómo el uso de un color con una alta saturación en un contexto de baja saturación puede hacer que destaque.

Otro ejemplo de cómo la saturación de los colores hacen que los colores secundarios de baja saturación destaquen.

Valor

Valor también podría ser llamada la "iluminación". Se refiere a la claridad u oscuridad de un color. Los colores iluminados tienen valores más altos. Por ejemplo, la naranja tiene un valor más alto que el azul marino o púrpura oscuro. El negro es el color con el valor más bajo, y el blanco, el más alto.

Valores con alto contraste generalmente resultan en más diseños estéticamente agradables.

Ejemplos

El alto valor del amarillo que se usa aquí realmente se destaca en el menor valor de negro y gris.

Este sitio combina tonos azules con dos valores diferentes. Debido a los diferentes valores tienen suficiente contraste, el aspecto general es visualmente atractivo.

La combinación de colores con valores similares dan el aspecto de un fondo energético y animado (que se ve reforzada por el diseño en sí).

El rojo aquí tiene un valor inferior a la de color azul claro, que en sí tiene un valor inferior a la blanca.

El ojo humano puede captar las diferencias de valor, incluso entre esos matices similares.

Tonos

Los Tonos se crean cuando se agrega gris a un color. Los Tonos son en general más apagados o más suave que el color de aspecto puro.

Los Tonos son a veces más fáciles de utilizar en los diseños. Los tonos con más gris pueden producir cierta sensación de antigüedad al diseño. Dependiendo del color, puede añadir también un toque de sofisticación o elegante.

Ejemplos

Los Tonos pueden dar un look sofisticado al tiempo que añaden algo de estilo antiguo.

Este sitio combina el azul en una gran variedad de tonos, sombras y tintes.

Los Tonos pueden ser intensificado mediante la adición de color gris alrededor de ellos, como se hace aquí.

Los tonos utilizados en la navegación y el diseño de fondo da una sensación de antigüedad hecha a mano.

Un gran ejemplo de cómo un tono puro puede realmente destacar sobre un fondo con tonos.

Algunos de los colores que podemos considerar como grises son en realidad tonos de otros colores. En este caso, el fondo es un tono de azul, pero con un montón de gris añadido.

Sombras

Una sombra se crea cuando el negro se añade a un tono, por lo que este se oscurece. La palabra es a menudo incorrectamente utilizada para describir el tono o la tonalidad, pero la sombra sólo se aplica a los tonos oscurecidos por la adición de negro.

En el diseño, los colores muy oscuros se utilizan a veces en lugar de negro y pueden servir como neutrales. La combinación de sombras con tintes es mejor evitarla pues da una imagen demasiado oscura y pesada.

Ejemplos

El sitio web de Jonathan Moore tiene una variedad de diferentes sombras de color púrpura en el fondo (y un par de tintes en otras partes).

El uso de diferentes sombras juntas funcionan bien, siempre y cuando el contraste suficiente entre ellos se mantenga.

Una eficaz combinación de sombras y matices, en particular en la cabecera.

Otro diseño de fondo que tiene sombras (y algunos tintes) en una textura degradada.

La combinación de sombras con texturas añade interés a este sitio web.

Matices o tintes

Un tinte se forma cuando se añade blanco un color, iluminándolo. Tintes muy ligeros a veces se llaman pasteles, pero cualquier color puro al que añadas blanco será un tinte.

Los tintes a menudo se utilizan para crear diseños femeninos o más ligeros. Los colores pastel se utilizan especialmente para hacer diseños más femeninos. También funcionan bien en los diseños de época y son populares en los sitios web dirigidos a los padres de bebés y niños pequeños.

Ejemplos

Sitio web de Caio Cardoso tiene una variedad de tintes verdes en el fondo y en otros elementos.

El tinte azul en el sitio web de Fernando Silanes crea un aspecto suave y sofisticada.

Los tintes azules son populares para el cielo y los motivos naturales.

Los tintes también son populares en los diseños basados en acuarela.

Los tintes combinados juntos logran sofisticados degradados.

Conclusión

Aunque no necesariamente tienes que recordar todos estos términos técnicos, debes estar familiarizado con los conceptos, sobre todo si quieres dominar la parte 3 de esta serie (en la que creamos nuestros propios esquemas de color). A tal fin, he aquí una hoja de trucos para refrescar su memoria:

Hue es el color (azul, verde, rojo, etc.)
Croma es la pureza de un color (croma alto no tiene ningún añadido negro, blanco o gris).
Saturación se refiere a qué tan fuerte o débil es un color (alta saturación es fuerte).
El valor se refiere a la claridad u oscuridad de un color es (claro, con un alto valor).
Los tonos se crean mediante la adición de color gris a un color, por lo que es más aburrido que el original.
Las sombras se crean añadiendo negro a un color, por lo que es más oscuro que el original.
Los tintes se crean añadiendo blanco a un color, por lo que es más claro que el original.

Cómo inspirarse sin usar una computadora

2010-02-19T15:05:00.001-04:30

Qué es lo primero que piensas hacer cuando estás buscando algunas ideas que te ayuden a fluir tus juicios creativos?? Escribir en Google “______________ inspiración”?? Lamentablemente, me parece que esto se ha convertido en mi rutina habitual últimamente y llegué a preguntarme de cuánto me estoy perdiendo si todo lo que hago es mirar el trabajo de otras personas, porque eso es sólo lo que pueden encontrar a través de una búsqueda en Google. He estado pensando, ¿dónde puedo encontrar la inspiración para evitar caer en un círculo vicioso? Y esto fue lo que se me ocurrió.

Naturaleza

La naturaleza es probablemente la fuente de inspiración más grande para cualquier diseñador. Buscas colores? Observa las flores. Buscas texturas? Las hay en todas partes, desde el tronco de un árbol hasta las nubes. Es tan solo asomarse a la ventana, visitar un parque local o un jardín o hacer una caminata por algún sendero y con seguridad encontrarás inspiración. Un gran consejo es llevar consigo una cámara fotográfica y comenzar a capturar aquello que te inspire y llevarlo contigo a la oficina.

Revistas y Libros

A veces es agradable sentir el papel real en tus manos. Puede ser una ruptura agradable para escapar de una pantalla de computador de vez en cuando. Muchas veces, voy a la librería local y hojeo la sección de revistas. Especialmente las especializadas y absorber no sólo las ideas de negocios, sino también las ideas de diseño. La mayoría de las revistas de diseño ofrecen actualmente muestras para buscar inspiración, pero a veces me basta la lectura y la diagramación para generar un montón de ideas. Hay también una gran variedad de libros disponibles sobre temas que van desde la fotografía al diseño del logo que pueden ser un buen recurso también.

Museos

Cuando menciono los museos, me refiero principalmente a los museos de arte, pero puedes encontrar la inspiración de diseño simplemente en la arquitectura de muchos museos. Los museos de arte son un gran lugar para ver el movimiento, las combinaciones de colores, estilos abstracto, texturas y mucho más, y con frecuencia tienen entrada gratuita. La mayoría de los museos, probablemente no permiten llevar cámara sin embargo podemos utilizar la cámara del celular como paliativo.

Súper Tiendas

A veces encuentro inspiración sólo por ir de compras en las Súper Tiendas locales. Es el mejor lugar para ver el diseño práctico aplicado. Frecuentemente los "sitios de diseño" muestran los más locos diseños, la mayoría de los cuales son para los mismos diseñadores y no para los clientes reales. Cuando tengas que hacer un trabajo para un negocio real, el más loco diseño es a menudo el menos útil. Caminando por los pasillos de una súper tienda es un gran lugar para encontrar la inspiración y de ver el mundo real de trabajo que ha sido diseñado por los organismos más importantes del mundo.

Conclusión

Definitivamente hay un lugar en línea para encontrar la inspiración, pero si realmente quieres salir de la misma rutina, es una gran idea para salir a la naturaleza con una cámara, caerle a la librería local, visitar un museo de arte o simplemente dar un par de vueltas alrededor de la tiendas locales.

¿Tienes alguna otra idea que aportar relacionado con fuentes de inspiración?

Nos encantaría oírlos!

La Teoría del Color - Naranja

2010-02-19T14:20:00.001-04:30

EL NARANJA

El Naranja combina la energía del rojo y la alegría del amarillo. Se asocia con la diversión, el amanecer y el trópico. El Naranja representa entusiasmo, fascinación, felicidad, creatividad, determinación, atracción, éxito, inspiración y estimulación.

A los ojos humanos, el naranja es un color muy caliente por lo que da sensación de calor. A pesar de eso, el naranja no es tan agresivo como el rojo. El naranja incrementa el suministro de oxígeno al cerebro, produce un efecto vigorizante, y estimula la actividad mental. Es altamente aceptado entre la población juvenil. Como color cítrico, el naranja es asociado con alimentos saludables y estimula el apetito. El naranja es el color del otoño y las cosechas. Simboliza la fuerza y la resistencia.

El naranja tiene una gran visibilidad, por lo que puede ser usado para llamar la atención y resaltar los elementos más importantes de un diseño. También es muy efectivo para promocionar productos alimenticios y juguetes.

Naranja Oscuro puede significar engaño y desconfianza.
Naranja-rojizo corresponde al deseo, la pasión sexual, el placer, la dominación, agresión y la sed de actividad.
Dorado evoca sensaciones de prestigio. El significado del oro es la iluminación, sabiduría y salud. El dorado con frecuencia simboliza alta calidad.

Algunos ejemplos de hermosos sitios web que utilizan naranja predominantemente.

Orange Websites - The Orange Conference

WannaBurger

Orange Websites - Wanna Burger

Cubicle Ninja

Orange Websites - Cubicle Ninja

Joshua Giblette

Orange Websites - Joshua Giblette

EVA Care Group

Orange Websites - EVA Care Group

Justin Bird

Orange Websites - Justin Bird

La Teoría del Color - Amarillo

2010-02-09T13:30:00.001-04:30

EL AMARILLO

El Amarillo es el color del brillo del sol. Se asocia con la alegría, la felicidad, el intelecto y la energía.

Este color produce un efecto de calidez, de buen humor, estimula la actividad mental, y genera energía muscular. Con frecuencia se asocia con alimentos. El amarillo puro y luminoso llama poderosamente la atención, por esta razón los taxis se pintan de este color.

Cuando se usa en exceso, puede ser perturbador; es sabido que los bebes lloran más en habitaciones amarillas.

El amarillo sobresale ante otros colores cuando se coloca contra el negro; esa combinación es usada comunmente para señales de advertencia. En la armada, este color indicaba honor y lealtad, aunque luego se relacionó con la cobardía.

El uso del amarillo evoca el placer, sensaciones de alegría. Puede seleccionarse este color para promover productos infantiles y artículos relacionados con el ocio y el tiempo libre. El amarillo es muy efectivo para llamar la atención, por lo que se utiliza para resaltar los elementos más importantes de un diseño. Los hombres normalmente perciben el amarillo como muy despreocupado e infantil, por lo que no se recomienda usarlo cuando se quiere vender prestigio o productos costosos para hombres - ningún hombre comprará un Mercedes amarillo. El amarillo es un color espontáneo e inestable, así que evita usarlo si quieres sugerir estabilidad y seguridad. El amarillo brillante tiende a desaparecer dentro del blanco, por lo que generalmente necesita un color oscuro para resaltarlo. El amarillo oscurecido es visualmente poco atractivo porque pierde alegría y se vuelve deslucido.

Amarillo (deslucido) apagado representa precaución, descomposición, enfermedad y envidia.

Amarillo luminoso se asocia con el intelecto, la frescura y la alegria

A continuación algunos ejemplos de logos y sitios web onde predomina el color amarillo:

Gareth Dickey

I-amonline.com

Creative Spark

Helveticons

4-5 Lochside Avenue

Strange Native

El obsequio de hoy

2010-02-04T18:01:00.002-04:30

En la web hay cientos de obsequios para los Diseñadores Gráficos. En esta oportunidad he seleccionado una colección tomada de varios sitios web que que con seguridad te serán de utilidad en tus diseños. Esta colección incluye vectores, texturas, brochas y más.

Vectores

New Light por: Neslirawles (via 123freevectors.com)
Descargar

Summer Floral por: Vectorious.net
Descargar

Radial Pack (50 Brushes and Vectors) por: Media Militia
Descargar

Monkey Vector Pack 2 por: djmonkeyboy
Descargar

Brochas para Photoshop

Streaks of Light: 40 High Resolution Photoshop Brushes por: Colorburned
Descargar

50 Deadly Tron Grids por: Arcnerva (via: Brusheezy.com)
Descargar

Vine Brushes 2 por: Gvalkyrie
Descargar

Nebulae Brushes - Galaxies por: Sunira
Descargar

Bling Effects Pack (50 Brushes) por: Media Militia
Descargar

Texturas

Colored Dark Grunge por: BittBox.com
Descargar

Victorian Grunge por: freaky665
Descargar

Liquid Ink Volume 2 por: Media Militia
Descargar

X-Rays por: PSDFAN
Descargar

Esquema de Color Instantáneo

2010-01-26T19:35:00.000-04:30

A la hora de iniciar el diseño de cualquier proyecto resulta un poco complicado seleccionar los colores más apropiados y que reflejen mejor la imagen de la empresa, del producto o del servicio que queremos representar en el diseño, existen muchas aplicaciones y herramientas que nos ayudan a hacer esta selección, y hoy conseguí una, bastante acertada, en el sitio de Geoff Peters, que funciona de una manera un poco diferente a las demás.

Es una página web donde solo tienes que colocar una palabra clave o una frase relacionada con el proyecto que vas a iniciar y el sistema busca, a través del Yahoo Image Search, 5 imágenes relacionadas con esas palabras y de cada imágen selecciona los 6 colores más destacados. De lo cual se obtiene una muestra de 30 tonalidades a escoger.

Visita la página aqui

Share
|

Más retoque fotográfico

2010-01-26T19:09:00.000-04:30

Si no quedaron conformes con las muestras del post anterior, aqui les dejo más fotos retocadas.

Share
|

La magia del retoque fotográfico

2010-01-26T18:51:00.001-04:30

Quería mostrarles el poder que tienen los programas digitales de manipulación fotográfica a la hora de trabajar sobre una imagen. El principal y más utilizado programa, a mi parecer, dedicado a estas labores es Photoshop. A esta técnica de manipulación fotográfica se le llama retoque fotográfico y permite obtener otra imagen modificada, ya sea para lograr una mejor calidad o más realismo, o para obtener una composición totalmente diferente que distorsione la realidad.

En la vida diaria, el ciudadano común también puede beneficiarse de las bondades del retoque fotográfico. La técnica es muy utilizada para elaboración de tarjetas de invitación a eventos, diseño de carátulas o portadas, entre otras.

En el caso que nos ocupa en este artículo, voy a utilizar como ejemplo, los afiches o posters cinematográficos. En relación a esto encontré muy buen material en Cofre Gráfico y que les reproduzco a continuación.

Les mostraré por una parte el poster ya retocado y por el otro la imagen original.

Originales de películas:

También se puede utilizar el retoque para distorcionar la realidad, como es el caso de estos posters un tanto cambiaditos:

Posters modificados:

Share
|

Crea tus propias tipografías fácilmente

2010-01-25T12:20:00.001-04:30

Quieres crear tus propias tipografías?? He encontrado este artículo en Vectoralia que es fantástico y quise compartirlo con uds porque se que puede ser de mucha utilidad a todas aquellas personas que deseen crear sus propias tipografías usando la escritura personal y no sepan cómo, o simplemente quieran ahorrarse un poco de tiempo y trabajo.

Se trata del programa Scanahand desarrollado por High-Logic.

El programa hace fácil la creación de una tipografía, instalarla y utilizarla en cualquier programa, incluso para personas sin nociones de tipografía digital o los programas necesarios para el desarrollo profesional de tipos digitales. Es muy intuitivo y te guía a través de los pasos necesarios para crear tu propio tipo, con una interfaz limpia y organizada:

Scanahand está disponible solamente para el entorno Windows, aunque siempre es posible intentar ejecutarlo con un emulador en Linux o MacOSX.

El programa soporta diferentes lenguajes y sus caracteres específicos: no tan solo el juego de caracteres estándar de inglés, alemán, holandés, sueco, noruego y muchas más (incluye euskera y gallego).

Para utilizar Scanahand es suficiente con:

imprimir una copia de una plantilla para escribir los caracteres, generada por el programa;
escribir – dibujar los caracteres con un rotulador, un bolígrafo, lápiz blando o pluma,
escanear la escritura,
y finalmente Scanahand construye e instala la nueva tipografía digital.

La primera vez que imprimes la plantilla también imprime una página de instrucciones:

Esta página de instrucciones siempre está disponible, de todos modos, para volver a imprimirla, desde el menú del programa. La plantilla puede incluir o no unas guías para el dibujo de los caracteres, de color configurable por el usuario (imprimibles o no imprimibles según nuestra preferencia). Activando estas guías nos aseguramos que la altura de los ascendentes, la altura de la x y demás dimensiones del tipo son consistentes entre diferentes letras.

Alternativamente, es posible abrir la plantilla en un programa de dibujo o pintura en el ordenador y utilizar una tableta (o un tablet PC) para dibujar los caracteres digitalmente. En este caso, el proceso sería el siguiente:

Iniciar Scanahand y guardar una plantilla vacía en formato de imagen en el ordenador.
Importar esa imagen en el programa que se desee y escribir los caracteres con la tableta.
Guardar la plantilla con los caracteres dibujados en un formato aceptable por el programa: gif, jpeg o png.
Abrir la plantilla completada en Scanahand
Generar el tipo en Scanahand

Existen varias plantillas listas para usar, que se pueden imprimir o guardar como imagen; también es posible imprimirlas como PDF con una impresora virtual pdf como PDFforge o Acrobat. La versión premium de Scanahand, además, permite crear tipos de símbolos y, por tanto, crear un archivo de dingbats. Otra función extra de la versión premium es la posibilidad de cambiar la plantilla del programa y modificar los juegos de caracteres, para soportar, si hace falta, lenguajes no contemplados en la edición básica.

Según el desarrollador, Scanahand es tan intuitivo que pueden emplearlo los niños. Sin duda tiene que ser muy motivador y excitante para los pequeños poder crear su propio tipo de letra y utilizarlo inmediatamente en el ordenador para crear tarjetas, invitaciones, posters, trabajos escolares…

También es fácil incluir una firma personalizada o un logo para estamparla en cualquier programa. Pese a que el programa es exclusivo para Windows, es evidente que los tipos digitales creados con él pueden utilizarse en cualquier plataforma, desde Mac a Linux.

Hay disponible una versión de prueba en el sitio web de la compañía, http://www.high-logic.com/. Además de Scanahand, la compañía holandesa High-Logic ofrece otras utilidades para gestionar y crear tipografías, como MainType y FontCreator. http://www.high-logic.com/.

Share
|

Photoshop: 20 años de historia

2010-01-23T17:19:00.000-04:30

Durante los últimos 20 años, el software Adobe ® Photoshop ® ha permitido a sus usuarios ampliar los límites de la experiencia visual. Desde su inicio como un proyecto paralelo de un estudiante graduado de ingeniería, se ha convertido en la familia de los más utilizados productos creativos en el mundo y tuvo un profundo impacto en la conformación de todas las imágenes. Día a día, los usuarios de Photoshop, se sienten más a gusto cuando tienen que usar las aplicaciones para organizar, refinar, manipular y mostrar las imágenes digitales frecuentemente en formas que nunca han visto antes.

Photoshop siempre ha sido estimulada por la innovación. Se ha logrado que sus usuarios tengan la posibilidad de llevar sus visiones creativas a la realidad a través de imágenes realizadas en este programa. Más importante aún, los usuarios han aportado sus ideas y ayudado a que se lleven a cabo los usos innovadores de los productos que han inspirado a los ingenieros de Photoshop para esforzarse continuamente ampliando las posibilidades del producto.

Como resultado, la familia de Photoshop ha crecido para abarcar una amplia gama de clientes que usan las imágenes para comunicar lo que está en su mente. Mientras que los artistas gráficos se encontraban entre los primeros usuarios, se les unieron en los últimos años los diseñadores web, los profesionales del vídeo, los usuarios domésticos y, por supuesto, los fotógrafos profesionales. Hoy en día, una nueva clase de artistas de 3D, así como médicos, arquitectos, ingenieros, científicos y muchos más, todos ellos profesionales están buscando formas adicionales de Photoshop que puedan ayudarles a plasmar sus ideas físicamente.

Como ejemplo mencionaremos a Photoshop Lightroom ™, que es una caja de herramientas esenciales para los fotógrafos, la simplificación del flujo de trabajo de rodaje para terminar y dar una solución completa de fotografía cuando se utiliza con Photoshop CS3.

Gracias a este rico patrimonio de la innovación y la capacidad para ayudar a un número creciente de clientes a través de sus diversas ofertas de productos, Photoshop se ha convertido en el estándar de la industria en imágenes digitales.

Share
|

El Contorno

2010-01-22T20:33:00.004-04:30

Una de las funciones de este elemento es, la de dar volumen a los objetos que dibujamos o creamos por medio de unión o aproximación de líneas. La línea es el medio indispensable para visualizar lo que no puede verse o lo que sólo existe en nuestra imaginación. Mediante el dibujo en línea representamos un objeto simbólicamente eliminando toda la información superflua y dejando únicamente lo esencial.

La línea puede expresar cosas muy diferentes dependiendo de su caracter, puede ser ondulada y delicada, vacilante, inflexible, fría o sensual... expresando la intencionalidad de su autor o el momento personal de éste en el acto de ejecución. Características de la línea:

- Contiene gran expresividad gráfica y una fuerte energía.
- Casi nunca es estática.
- Crea tensión en el espacio gráfico que se encuentre.
- Se usa mucho para expresar la yuxtaposición de dos tonos.
- Por otro lado la línea comunica movimiento, dirección e incluso estabilidad.

El contorno:

Hablamos de contorno cuando el trazo de línea se une en un mismo punto. En la terminología de las artes visuales se dice que la línea articula la complejidad del contorno. Cuando la línea cierra un determinado espacio se crea una tensión entre el espacio y sus límites y es entonces cuando la línea tiene un gran poder de atracción. La característica principal del contorno es que son estáticos o dinámicos dependiendo del uso que se les dé o de las diferentes direcciones que éste adopte.

Las formas más generales del diseño provenientes de los principios básicos de verticalidad, horizontalidad, centro e inclinación, son el círculo, el rectángulo y el triángulo equilátero. Cada uno de ellos tiene su carácter específico y se les atribuyen diferentes significados. Los contornos básicos, por tanto, son estos tres:

- 1. El círculo: Es una figura continuamente curvada cuyo perímetro equidista en todos sus puntos del centro. Representa tanto el área que abarca, como el movimiento de rotación que lo produce. Este contorno tiene un gran valor simbólico especialmente su centro. Y puede tener diferentes significaciones: protección, inestabilidad, totalidad, infinitud, calidez, cerrado... Su direccionalidad es la curva y su proyección tridimensional la esfera. Las modificaciones son el óvalo y el ovoide.

-2. El cuadrado: Es una figura de cuatro lados con ángulos rectos exáctamente iguales en sus esquinas y lados que tienen exactamente la misma longitud. Es una figura estable y de carácter permanente (aun cuando se modifica alargando o acortando sus lados). Se asocia a ideas de estabilidad, permanencia, torpeza, honestidad, rectitud, esmero y equilibrio. Su direccionalidad es la vertical y horinzontal y su proyección tridimensional, el cubo en el caso del cuadrado y el paralepípedo en el caso del rectángulo.

-3. El triángulo: Equilatero es una figura de tres lados cuyos ángulos y lados son todos iguales. Es también una figura estable, con tres puntos de apoyo, uno en cada vértice, aunque no tan estático como el cuadrado. Su direccionalidad es la diagonal y su proyección tridimensional el tetraedro. Puede tener un fuerte sentido de verticalidad siempre que lo representemos por la base. Se le asocian significados de acción, conflicto y tensión.

Todos los contornos básicos son fundamentales, figuras planas y simples que pueden describirse y realizarse de forma fácil. A partir de estos contornos básicos y mediante combinaciones y variaciones podemos contruir todas las formas físicas e imaginarias que se nos ocurran.

Dependiendo de como coloquemos ciertas figuras podremos tener una sensación u otra, por ejemplo, el triángulo y el cuadrado si los representamos apoyados en la base nos dará una sensación de estabilidad y también de estatismo. Sin embargo, si lo representamos apoyado en uno de sus ángulos tendremos las sensaciones contrarias, inestabilidad y dinamismo.

El triángulo es menos estático que el cuadrado, ya que al tener cierta angularidad en sus lados que puede transmitir un movimiento ascendente o descendente. Cada una de las formas tiene asociada una dirección visual, así el cuadrado y rectángulo llevan asociado la horizontalidad y verticalidad, el triángulo la horizontalidad y dirección diagonal y el círculo la curva y la sensación de rotación. El dominio de la referencia horizontal-vertical facilita la sensación de equilibrio, al contrario del dominio de la dirección diagonal que constituye la fuerza direccional más inestable.

La dirección:

Cada uno de los contornos que hemos visto anteriormente expresan tres direcciones visuales básicas con un fuerte significado asociativo, así pues:

El cuadrado expresa la horizontal y la vertical: que constituye la referencia primaria con respecto al equilibrio y bienestar tanto psicológicamente para el hombre como para todas aquellas cosas que se construyen.
El triángulo la diagonal: también hace referencia a la estabilidad, pero en sentido opuesto ya que la diagonal es la fuerza direccional más inestable y provocadora. Su significación es amanazador y subversivo.
Y el círculo la curva: Las fuerzas direccionales curvas tienen significados asociados al encuadramiento la repetición y el calor.

Share
|

10 Aplicaciones para organizar tus tipografías

2010-01-21T15:49:00.000-04:30

Si eres un diseñador típico o desarrollador web, probablemente tengas una gran colección de fuentes. Tener un considerable número de fuentes y tratar de encontrar la ideal para un proyecto puede ser un trabajo agotador como buscar una aguja en un pajar.

Sin embargo, hay algunas aplicaciones gratuitas que pueden ayudarnos a encontrar, organizar, etiquetar, previsualizar e instalar/desinstalar las fuentes. En este artículo, encontrarás 10 aplicaciones gratuitas que te ayudarán a organizar mejor tu colección de fuentes.

myFontbook

myFontbook es una aplicación web para organizar tus fuentes instaladas. Permite etiquetar las fuentes con palabras claves y te brinda la posibilidad de darles puntuaciones tal que puedas rápida y fácilmente ver tus fuentes favoritas. Tiene un panel de previsualización de fuentes que te ayuda en la escogencia.

Características Notables:

Poner etiquetas y categoría de favoritos para organizar las fuentes
Tiene una cuadrícula métrica que te da una idea del espaciado entre letras y el alto de una fuente
La previsualización del texto te da una imagen muy realista de la fuente seleccionada
La hoja de pruebas permite imprimir fácilmente la previsualización de fuentes
Puede ser usado en cualquier sistema operativo

Font Book (Mac)

Font Book viene preinstalado en las computadoras Apple y es una herramienta sólida para organización de fuentes, recomendada si eres propietario de una Mac. Tiene una interface intuitiva y amigable, es marca registrada de Mac, y tiene increíbles características de organización.

Características Notables:

Organiza, instala, remueve y busca tu colección de fuentes en una interfaz
Ordena las fuentes por categorías(ejem. Modernas, Tradicionales, Web)
Crea categorías personalizadas para organizar la colección

Fontmatrix (Windows/Linux)

Fontmatrix es un manejador de fuentes de código abierto para usuarios de Linux; aunque fue recientemente adaptado para trabajar con Windows también. Es una gran herramienta manejadora de fuentes, y es adecuada especialmente para desarrolladores que pueden tomar ventaja de la cónsola de comandos para extender y personalizar la aplicación.

Características notables:

Características de etiquetado hacen la organización más fácil
La cónsola de comandos permite extender y personalizar la aplicación
La interface es intuitiva

Font Picker (Windows/Mac/Linux/Web Browser)

Font Picker es una aplicación de escritorio diseñada con Adobe AIR que permite organizar y visualizar la colección de fuentes. Es simple y sencillo y funciona en cualquier sistema operativo que permita la aplicacion Adobe AIR . También tiene una versión web que puede buscar en tu máquina las fuentes instaladas.

Características notables:

Capacidad de marcar fuentes favoritas
Remover fuentes
Simple y sencillo

sFont (Windows)

sFont es una herramienta manejadora de fuentes para Windows que tiene una interface nada complicada. Organiza tu colección etiquetando favoritos. Encuentra rápidamente fuentes TrueType o no-TrueType usando la característica de Filtro. Puedes revisar tus fuentes en una variedad de formas incluyendo la habilidad para cambiar el color del fondo y el frente.

Características notables:

Añadir fuentes a la lista de favoritos
Personaliza colores para ver fuentes en diferentes colores
La opción Filtro permite separar fuentes TrueType de no-TrueType

FindThatFont! (Windows/Linux)

FindThatFont es una herramienta simple y gratuita para visualizar y organizar por categorías todas las fuentes isntaladas en el sistema. Puedes organizar fuentes hasta en 30 categorías. Tiene también una característica llamada Manejador de Extensión para Desarrolladores que permite personalizar el trabajo.

Características notables:

30 categorías de etiquetas para las fuentes
Fue creado usando lenguaje XUL como Firefox y Thunderbird
El manejador de extensión para desarrolladores

Fonts++ (Windows)

Fonts++ es para usuarios de Windows que tienen muchas fuentes instaladas en su computador. Puedes desactivar las fuentes que no usas para no tener que verlas mientras haces búsqueda en tu colección completa. Puedes también instalas/desinstalar fuentes con esta aplicación en lugar del método tradicional de Windows

Características notables:

Activa/desactiva fuentes
Instala/Desinstala fuentes rápidamente

Cfont Pro (Windows)

Cfont Pro permite previsualizar fuentes antes de instalarlas, una característica muy útil si tienes un disco externo o dispositivos portables. Tiene una hoja de prueba en caso de que quieras imprimir la fuente para revisarla.

Características notables:

La hoja de pruebas que permite imprimir las fuentes para revisión
La vista Propiedades que permite mostrar los metadatos de la fuente
El Magnificador de Caracter que te permite hacer zoom para inspeccionar un caracter

Font Xplorer (Windows)

Font Xplorer es una aplicación popular para organizar tu colección de fuentes. Tiene una característica de filtro. Desafortunadamente, no soporta fuentes Adobe Type 1, OpenType con PostScript, lo qu epuede ser una falla fatal para muchos diseñadores.

AMP Font Viewer (Windows)

AMP Font Viewer es un robusto pero facil de usar manejador de fuentes para Windows. Soporta una amplia variedad de formatos de fuente como TrueType, OpenType, y Type1. Permite instalar fácilmente múltiples fuentes, así como también removerlas. Tiene varias opciones para ordenar por categorías la colección.

Te invitamos a sugerir otras aplicaciones que conozcas y quieras recomendar o a dar tus críticas acerca de los ya mencionados.

Share
|

12 Herramientas para optimizar imágenes

2010-01-19T16:51:00.000-04:30

Las imágenes son muy importantes porque pueden hacer que sus páginas web se ven mejor y más atractivas. Pero, las de alta calidad siempre son enorme de tamaño de archivo. Eso hace que la carga de las páginas sean más lentas y consuman más ancho de banda. Así que, los diseñadores deben optimizar las imágenes para que sean pequeñas en tamaño de archivo, pero de buena calidad.

Hay un montón de herramientas de optimización de imagen útil que nos puede ayudar a optimizar y reducir el tamaño de archivo de las imágenes.En el artículo 12 Really Useful Image Optimization Tools For Web Designers, de WebDesignBooth, nos dejan 12 buenas herramientas de optimización de imagen para diseñadores web. Estas aplicaciones están disponibles en línea y en aplicaciones de escritorio:

Smush.it. Es una popular herramienta de optimización de imagen que pueda reducir el tamaño de archivo de imagen, pero manteniendo la calidad, que es lo que llamamos “pérdidas” de optimización de la imagen. Puede ejecutar Smush.it a través del sitio web (5 imágenes al mismo tiempo) o mediante la extensión de Firefox YSlow.

Dynamic Drive Online Image Optimizer. Nos permite optimizar diferentes formatos de archivo de imágenes (GIF, JPG y PNG). Puede cargar la imagen desde su equipo local o pegar la URL de una imagen. Esta herramienta es capaz de optimizar y convertir tu imagen a formato de archivo diferente. Las limitaciones en línea son 200KB por archivo, y un solo archivo para la conversión.

PunyPNG. Comprueba en primer lugar las imágenes y luego determinar qué técnica es la mejor para que la imagen en particular. Soporta la mayoría de los formatos de archivo de imágenes más populares y determinará automáticamente el formato que te conviene.

SiteReportCard Image Optimization Tool. La herramienta soporta los formatos de archivos: GIF, JPG y PNG. Puede pegar la URL de la imagen o subirla desde tu ordenador, y la herramienta de comprimir y optimizar la imagen te proporciona varios tamaños y diferentes calidades.

Shrink O’Matic. Es una aplicación basada en AIR que es capaz de redimensionar la imagen sobre la marcha con solo arrastrar y soltar imágenes en él. Puede elegir opciones como los formatos de salida, su nombre o el tamaño de salida.

OptiPNG. Es un optimizador avanzado de archivos PNG, que se convertirá en varios formatos de archivo PNG optimizado. Los usuarios de Windows pueden integrar OptiPNG Windows Shell Integration de Windows, o el uso como OptiPNG as Paint.NET Plugin. Mientras que los usuarios de Mac OS X puede disfrutar de la aplicación PNGCrusher.

ImageOptim. Es una herramienta que combina un conjunto de herramientas de optimización de imagen.

PNGOUT. Es una aplicación de línea de comando que tiene un montón de opciones diferentes. Soporta PNG, GIF, BMP, JPG, TGA y PCX.

PNGGauntlet . Es capaz de convertir a JPG, GIF, TGA, PCX y BMP a PNG.

JPG & PNG Stripper. Esta aplicación es capaz de eliminar los metadatos innecesarios de los archivos de la imagen. Soporta JPG, JFIF y PNG.

TweakPNG. Es una herramienta de bajo nivel para la optimización de los archivos PNG. Por lo tanto, es necesario familiarizarno s con este tipo de formato con el fin de utilizar bien esta herramienta. Puedes leer más acerca de PNG en este enlace.

RIOT – Radical Image Optimization Tool. Es capaz de leer y optimizar los diferentes formatos de imagen, incluso con extensiones poco frecuentes, que lo hace único si lo comparamos con con otras herramientas de optimización de imagen. Nos muestra al lado del original, las imágenes convertidas para comparar la calidad de ellos fácilmente.

Share
|

La Teoría del Color - Azul

2010-01-19T16:41:00.001-04:30

AZUL

El azul es el color del cielo y el mar. Es frecuentemente asociado con la profundidad y la estabilidad. Simboliza la verdad, lealtad, los deseos, la confidencialidad, inteligencia.

El azul es considerado beneficioso para la mente y el cuerpo. Reduce el metabolismo humano y produce un efecto calmante. En la armada, el azul se usa para simbolizar la piedad y la sinceridad.

Puede ser usado para promocionar productos y servicios relacionados a la higiene (filtros de purificación de agua, líquidos de limpieza), al aire y el cielíneas aéreas, aeropuertos, aires acondicionados), agua y mar (viajes marítimos, agua mineral). En oposición a los colores fuertes emocionalmente como el rojo, naranja y amarillo; el azul es relacionado a la conciencia y el intelecto. Usar el azul sugiere precisión cuando se promueven productos de alta tecnología.

El azul es un color masculino; de acuerdo a los estudios, es altamente aceptado entre el genero masculino. El azul oscuro se asocia con las profundidades, la experiencia y la estabilidad.

Evita usar azul cuando promociones alimentos y artículos de cocina, porque este color suprime el apetito. Cuando es utilizado junto con colores cálidos como amarillo o rojo, puede crear un alto impacto, diseños vibrantes; por ejemplo, azul-amarillo-rojo es un esquema de color perfecto para un superheroe.

Azul eléctrico es asociado con la salud, la tranquilidad, el entendimiento y la comodidad.

El azul oscuro representa conocimiento, poder, integridad y seriedad.

Algunas páginas web con predominancia de azul:

Morphix

Droplr

Naug Studio

Arbel Designs

Sourcebits

Icebrrg

Espacio en Blanco: El elemento subutilizado del diseño

2010-01-12T14:57:00.001-04:30

Hay un número de elementos que maquillan un gran diseño, pero probablemente uno de los más subutilizados es el espacio en blanco. Cada diseño tiene espacios en blanco, pero el problema es que a veces no tiene suficiente. Esto puede ocurrir porque los diseñadores poco experimentados y sus clientes ven el espacio en blanco como un espacio vacío y por lo tanto un desperdicio. La verdad es, que el espacio en blanco puede ser una de las partes más valiosas de un diseño.

Qué es un espacio en blanco?

Aunque su nombre lo sugiera, un espacio en blanco no tiene que ser necesariamente de color blanco. Su nombre viene de aquellos días en los cuales los diseñadores gráficos hacían la mayoría de sus impresiones en papel blanco. El espacio en blanco es simplemente un espacio vacío entre o alrededor de elementos del diseño. Puede ser: el espacio que rodea los gráficos e imágenes, márgenes, espacio entre columnas, y los espacios entre línea. El espacio en blanco también es llamado "espacio negativo".

El espacio en blanco está hecho de nada, pero no debe ser tratado así. Son muchos los beneficios que una dosis de espacio en blanco puede brindar a un diseño. Simplemente incrementando el espacio entre los elementos de un diseño, se puede obtener una apariencia más elegante, y de la misma forma más espacio en blanco entre la tipografía, hace más legible el contenido.

Elegancia y Sofisticación

En el diseño impreso, el papel es un recurso valioso y los clientes normalmente quieren utilizar cada pulgada de este. Después de todo, les cuesta dinero. Pero ser generoso con los espacios en blanco habla de las dimensiones de tu marca. Usanr grandes cantidades de espacios en blanco, indica que tu contenido es más importante que el resto de las cosas que rellenan tu diseño, y puedes sacrificar ese espacio a fin de obtener una mejor presentación de tu mensaje.

Las marcas de lujo usan este concepto para transmitir una imagen de sofisticación y elegancia. Tomemos como ejemplo las páginas web de estas dos mueblerías. Pottery Barn, siendo la más alta en la escala (entre los dos ejemplos), usa bastante espacios en blanco entre los elementos. Fíjense que los logos tienen grandes espacios en blanco entre cada caracter.

Rooms To Go, por otra parte, es una mueblería de bajo nivel y es lo que se muestra en su diseño web. Hay varios factores que contribuyen a esto, y un poco de espacio en blanco jugaría un mejor papel. Como hay tan poco espacio entre los elementos, no sería capaz de insertar ni una pequeña flecha roja.

Nótese como los enlaces de la lista de categorías están amontonadas contra el borde izquierdo. Esto da la impresión de ser un diseño descuidado y poco profesional.

Veamos otras dos marcas que probablemente reconocerás. Hagamos una comparación entre la página inicial de Apple y de Microsoft. Notarás que Apple, siendo el epítome de la elegancia y la sofisticación, usa You will notice that Apple, being the epitome of elegance and sophistication, usa abundantes espacios en blanco. Mientras que el diseño de Microsoft es un poco más nutrido, resultando en una página no muy elegante.

Mejor Legibilidad y Uso

El espacio en blanco también juega un rol importante en la tipografía y la utilidad. El texto apiñado con mínimas líneas de espaciado puede ser dificil de leer. Pero añadiendo más espacio en blanco entre las líneas de texto, el contenido se hace más fácil de observar y digerir.

Information Highwayman es el portafoliio de D Bnonn Tennant, y es un excelente ejemplo del gran uso del espacio en blanco dentro del texto. Las grandes cantidades de espacio entre líneas hace que el contenido sea fácil de leer.

Esto no solo hace el texto fácil de leer, sino que también ayuda a separar los bloques de contenido entre uno y otro. Esto puede ayudar a un usuario a diferenciar donde comienza un contenido y donde termina.

Como en muchos otros aspectos del diseño, no hay una guía o reglas de calculo de la cantidad de espacios en blanco a utilizar. Cada diseño es diferente por lo que la cantidad a usar varía de un proyecto a otro. La mejor forma de aprender es experimentar y estudiar el trabajo de otros diseños que parezcan estar correctos. Eventualmente irás desarrollando la vista y el sentimiento hacia la cantidad correcta de espacio blanco que debes usar.

Share
|