sábado, 27 de junio de 2009

Crea con Fuentes

La página de Fontpark 2.0 a creado una web donde puedes jugar con la tipografía creando diversas imágenes, formas u objetos. Para que puedas juegar hay que hacer doble click para duplicar de fuente y con la rueda del mouse se puede cambiar de tomaño. Pruebalo, es muy divertido.

Enpieza a jugar


Imagen de la página web de arturogoga

Comics con Photoshop

Esta vez psd.tuts+ nos muestra como podemos convertir una foto a un Cómics y novelas gráficas. Presentan 20 de los mejores de su historia tuts sobre el uso de Photoshop para crear impresionantes estilo cómico-libro de arte. Aca la lista




Photoshop para texto



Con la herramienta de texto de Adobe Photoshop, uno puede crear algunos efectos realmente impresionantes. Smashing Magazine a reunido una lista de 60 de los mejores tutoriales, ayudandonos a estar al día sobre las últimas tendencias y técnicas. Encontrarás algunos realmente fresco y de estilo grunge (y unas cuantas sorpresas!). Ver más diseños




Temas para Firefox

Smashing Magazine a puesto en su webiste una lista del navegador Firefox donde se muestra una variedad de temas para tu computadora, muy facil de usar y utilizar de acuerdo a su gusto personal y necesidades. Si eres un usuario de Mozilla Firefox, puedes añadir casi cualquier funcionalidad en exterior a través de extensiones. Así puedes dejar que tu navegador tiene un nuevo aspecto o Vista aparece como Opera, Internet Explorer o Mac-Browser. Aqui una selección de los temas de Firefox, que funcionan en Firefox 2. Por lo general, los cambios no se refieren únicamente a la apariencia visual y la interfaz (iconos y colores de fondo), sino también la funcionalidad de los "adaptados" Firefox - por ejemplo, extensiones. Para ver mas temas hacer click




Fuentes Gratuitas para tu Web

La página web Fonts500 a puesto una lista de fuentes totalmente gratis de descargar para tu web. Hay 500 variedades de tipografías listas para usar. Para descargarlo haz clik


Cómo Diseñar Logos en Illustrator?



En esta colección que presenta Six Revisions encontrará 15 tutoriales de talentosos diseñadores gráficos e ilustradores, mostrando el proceso de creación del logotipo utilizando Adobe Illustrator. Un abuena forma si deseas empezar a diseñar logotipos. Ver mas logotipos


Retoque en Photoshop

Smashing Magazine a publicado un a lista donde presenta la imagen, así como tutoriales en video. La mayoría de los ejemplos tienen un antes-vs-después de la comparación y puede seguir con las modificaciones de Photoshop paso a paso. Ver link


Efectos de Fotografia para Photoshop


Six Revisions nos da a conocer 22 tutoriales de photoshop para jugar con nuestras fotografías y hacer composiciones muy cheveress. Para ver los tutoriales haz click

Wallpapers Gratis

Smashing Magazine ha puesto en su página web una recopilación de varios fondos de pantalla para descargalos, miralos esta muy buena!
Aca solo algunos



Para mas imágenes haz click

viernes, 26 de junio de 2009

25 Infografía útiles para Diseñadores Web

En la página web de Webdesignerdepot.com, han hecho una lista de las 25 infografías más útiles para los diseñadores web. Algunos son increíblemente práctico, proporcionan algunos datos que podrían ser de interés para los diseñadores y algunos sólo presentan datos que pueden ser interesantes para las personas que diseñan sitios web.



Ver mas infografías

Mas Tarjetas Creativas

Si te gustaron la anteriores entonces no te puedes perder estas, estan muy buenas!!!. Ahora son de la página web de Web Designer Depot. Más diseños

Divertidas Tarjetas de Presentaciones



Quien dice que sin usar Photoshop e Illustrator no se puede hacer creativas tarjetas de presentaciones?....... pues si se puede, Smashing Magazine nos presenta diversos ejemplos de como hacer un diseño totalmente creativo y divertido, usando pines, calcomanías, monedas y juguetes, entre otros. Aca algunas ideas de diferentes autores:

Iconos en alta calidad para descargar

En la página We love Icons podrán encontrar íconos bastantes originales y elegantes. Esta página se mantiene constantemente actualizada y contiene iconos en formato png, para Windows y para Mac.

Haz clik para descargarlo

PowerPoint On-Line


Adobe a creado una nueva herramienta Acrobat.com Presentation. No permite crear presentaciones mismo PowerPoint pero en línea donde se puede interactuar con otros usuarios. Para poder obtener esta herramienta hay que tener una cuenta en Adobe. Todavia no cuenta con u soporte para audio pero si para videos. Esta muy bueno.

Ver mas información

Precios para windows 7

Y se anunciaron los precios para el nuevo windows 7., que estara disponible en todo los idiomas. Microsoft esta dando un descuento del 50% si pre-ordenamos, pero solo para japón, canada y etsados unidos. Los precios son los siguientes:

Windows 7 Home Premium (Upgrade): $119.99

Windows 7 Professional (Upgrade): $199.99

Windows 7 Ultimate (Upgrade): $219.99

Versiones Full:

Windows 7 Home Premium (Full): $199.99

Windows 7 Professional (Full): $299.99

Windows 7 Ultimate (Full): $319.99

Más información

Páginas Web Prefabricadas

Existen muchos gestores de contenidos prefabricados para portales, blogs y tiendas virtuales, tales como joomla ó e-comerce. Estos CMS (Content Management System) son tentadores por sus bajos precios, pero potencialmente inseguros. Son muchas las empresas de diseño y programación web que recurren a estos paneles de gestión prefabricados en el desarrollo de sus catálogos y tiendas virtuales.

¿Por qué hacen esto?

Estas empresas poseen varios motivos para el uso de este tipo de herramienta, las cuales pasaremos a enumerar:

1. La reducción del coste en mano de obra, lógicamente si usan un panel de gestión ya fabricado de ante mano, se están ahorrando el tener que diseñarlo ellos. Por lo tanto le están ganando mucho más dinero a su proyecto a efecto de bajar la calidad y seguridad del mismo.

2. Algunas agencias no están capacitadas para gestionar paneles de gestión tan potentes, una agencia pequeña que no cuente con informáticos altamente cualificados recurrirá a estos CMS prefabricados, ahorrándose así la contratación de varios programadores.

3. Por comodidad, para una agencia es mucho mas comodo usar estos paneles que tener que desarrollar el suyo propio, para ello hace falta tiempo, experiencia, y mucho testeo.

Por estas tres razones muchas de las empresas que se dedican al diseño web, recurren al uso de dichos paneles prefabricados de gestión.

¿Que puede pasar si lo usan?

Estos back offices ( CMS ) son potencialmente inseguros ya que su código fuente es abierto, de libre uso y configuración.

Si todo el mundo tiene acceso al código fuente de su tienda virtual, tienen toda la información necesaria para encontrar bugs ( fallos de seguridad ) insertar puertas traseras (back doors), e incluso hakar (piratear ) su tiendo web.

Ninguna empresa que se dedique a implantar estos paneles de gestión estandar puede asegurarle la seguridad de los mismos. Son cientos los casos de tiendas y webs pirateadas a lo largo del año por el uso de este software de libre distribución.

Conclusión: si necesita un negocio firme y seguro en Internet acuda a un profesional con experiencia demostrada, con personal cualificado y que pueda darle garantías. La seguridad de su negocio y la privacidad de sus clientes está en juego.

Diseño de Imagen Corporativa

¿Que és la Identidad corporativa?

La identidad corporativa de un acompañía puede formularse por uno o varios ítems; piezas que conforman un estilo de comunicación. Una fuerte identidad corporativa refuerza el reconocimiento de una marca entre su público objetivo.
En la gestión de la identidad corporativa, el elemento visual juega un papel fundamental, por este motivo, papelería, señalética, uniformes, mobiliario, publicidad y logo son elementos de comunicación que intensifica la imagen que la organización pretende mostrar.


¿Que incluye el diseño de una Identidad Corporativa?

La identidad corporativa es la manifestación física de la marca. En general incluye un isologotipo y elementos de soporte generalmente coordinados por un grupo de líneas maestras que se recogen en un documento de tipo Manual de Estilo. Estas líneas maestras establecen cómo debe aplicarse la identidad corporativa identificando las paletas de colores, tipografías, organización visual de páginas y otros métodos para mantener la continuidad visual y el reconocimiento de marca a través de todas las manifestaciones físicas de la misma.

Los soportes en que más habitualmente se refleja la imagen de marca son:

1. Diseño de Iso-logotipo.
2. Diseño de Papelería (Material de oficina como tarjetas personales, tarjetas de visita, hojas membretadas, sobres, bloks de notas, facturas, etc.)
3. Diseño de Folletería (Brouchures, tripticos, afiches, volantes, etc.)
4. Diseño de Catálogos (On-line, eimpresos, en CDs, etc.)
5. Diseño de señalética (Para oficinas, estands, exposiciones, etc.)
6. Diseño de Website (Con acceso a clientes, carros de compras, catálogos on-line, portfolios de trabajos, etc)

10 Motivos por los que modernizar su Logotipo

El logotipo es el alma de la empresa, representa sus valores, su filosofía, su caracter innovador. Un logotipo que debe cuplir con muchas pautas para poder aegurar así su exito en todos los mercados.

1. Expansión de su negocio a nuevos mercados. Para que su logotipo disponga de la fuerza necesaria a la hora de buscar nuevos segmentos de actuación o durante el proceso de internacionalización.


2. Falta de flexibilidad. Cuando un logotipo esta fuertemente relacionado con un producto o servicio en concreto, dificulta la expansión sobre nuevos horizontes. Un correcto rediseño puede mantener los valores de la marca pero permitirnos abrir nuevas vias de desarrollo para otras ofertas, productos o servicios.


3. Problemas en el pasado. A raíz de una estrategia mal definida, falta de coordinación, una mala etapa de gerencia, etc… nuestro público objetivo ha podido percibir una mala imagen de alguno de nuestros productos o servicios, provocando quejas y malestar. En estos casos necesitamos proyectar una nueva imagen saneada que refresque en nuestros clientes su percepción de la marca.


4. Implantación de una nueva filosofía de empresa. Los esfuerzos por reinventar nuestra filosofía, nuestra actitud ante la innovación, la motivación con la marca, pueden verse seriamente comprometidos si nuestro logotipo no refleja dicho cambio.


5. Reflejos de cambios. Existen cambios sociales, económicos, humanos, que derivan en nuevas planificaciones comerciales y de marca, estos cambios no pueden quedarse en decisiones internas, sino que deben exteriorizarse renovando nuestro logotipo.


6. Marca congelada en el tiempo. Esta bien explotar como valor añadido de una empresa su experiencia, pero el logotipo no es la mejor forma de transmitirlo, la imagen de marca debe estar siempre acorde con los tiempos que se viven, reflejando modernidad, innovación, compromiso. En caso contrario nuestra competencia podrá ir ganándonos terreno, al ser mas moderna que nosotros.


7. Asociaciones conflictivas. Un mismo icono en un lugar del mundo puede tener mucha fuerza pero en otro pais o ciudad puede tener connotaciones muy negativas o absurdas, un ejemplo de esto puede ser la marca frigo, que en cada pais posee un nombre diferente adaptandose al lenguaje del lugar, incluso existen palabras, símbolos o nombres, que en un idioma, o en una creencia tienen un significado y en otros idiomas puede ser todo lo contrario.


8. Diseño bonito pero poco técnico. Cuando un logotipo es bonito pero no está bien pensado desde el lado técnico, sobre sus aplicaciones en diferentes soportes, el costo de implementación del mismo puede multiplicarse exponencialmente, un logotipo que use mas tintas de lo normal, transparencias, reflejos, todo esto puede afectar en el costo de impresión, serigrafiado, etc. Las cantidades económicas que barajamos entre un logotipo bien desarrollado y uno no tan bien planteado pueden ser de muchisimos miles de euros.


9. Aportar valor añadido, el valor de una marca no siempre puede medirse económicamente. En los ingresos que proporciona, existen valores subjetivos, el peso de una marca en el mercado que puede agilizar negociaciones, ventas, nuevos mercados, etc.


10. Salida a Bolsa. Además del valor añadido en el punto anterior, un logotipo con expectativas debe tener un serio planteamiento, no debe estar diseñado para gustar a unos pocos, sino para gustar a la mayoría. En la imagen de una empresa no deberían fijarse valores personales, sino motivos mas serios y comunes a la sociedad global.

domingo, 21 de junio de 2009

Cambiaron la Gráfica de Cartoon Network

El estudio de motion graphics Capacity, a rediseñado los idents de Cartoon Network. Esta muy buena!
Para ver el video hacer click aqui

sábado, 20 de junio de 2009

Reel de la Empresa The Mill

Reel de la Empresa The Mill, dedicada hacer comerciales de alta calidad. Aca les dejo el video para que vean un resumen de lo que pueden hacer, lo máximo

Ver reel

Roboboy



Realizado por la empresa The Mill, dedicada hacer comerciales de alta calidad e imagen. Este es un comercial realizado para la compañia Persil. Les dejo el LINK de como se realizo el video. Esta muy bueno, se los recomiendo.

Mac Vs Pc




El autor se llama Nick Greenlee. Esta muy bueno!

Carl Warner

El fotógrafo Londinense Carl Warner, cuenta con una serie de fotografías basada en los alimentos cotidianos para realizar sus imágenes/composiciones. Con una gran originalidad e imaginación utiliza una mesa de 1,2m x 2,4m además de verduras y hortalizas para sus foodscapes. También fotografía objetos estáticos, gente o paisajes con unos resultados muy buenos. La recomiendo.

Los 6 objetivos nuevos de Sony

Sony acaba de revelar que lanzará 6 nuevos objetivos DSLR este año. Todavía no hay fecha de salida ni los precios que tendrán, pero sí se saben datos de algunos de ellos.
  1. Un teleobjetivo (se desconoce la focal)
  2. 28-75mm f/2.8
  3. 55-200mm f/4-5.6 DT
  4. 18-55mm f/3.5-5.6 DT
  5. 50mm f/1.8 DT
  6. 30mm f/2.8 DT
para mas información

Colección de Iconos Profesionales


En la pagina de iconshock.com podrás encontrar variedades de iconos para todo uso, en formatos bmp, gif, ico, png. Estas listo para descargar?

ir a la pagina

Excelente Galería de Imagenes

Las personas de net.tutsplus.com han realizado una lista de las mejor 50 galerias de imagenes que puedes utilizarlos para tu pagina web, en PHP o flash y soportando plugins / javascript. Chekealo esta muy bueno :)

Las mejores 10 películas de Pixar en una Infografía


El Norbi festeja los origenes de Pixar haciendo una infografía sobre sus 10 mejor películas publicado por el diario Crítica.

Googleopoly, no tiene nada que ver con el juego

(hacer click para agrandar la imagen)

Hace un par de días, el diario Público español le hizo un reportaje al antropólogo Chris Kelty. En ese reportaje, el académico dice que "Google será el próximo monopolio, y nadie se preocupará de Microsoft". Hace un año, el diario Crítica publicó una infografía que tenía que ver también con Google, con la idea de mostrar todo el poder que tiene la empresa de Stanford, Larry Page y Sergey Brin. Entonces el tradicional Monopoly le serviría de concepto para lograr lo que él bautizó como Googleopoly.

Animator Vs. Animation 2da Parte

Esta mas buena que la primera cheken

ver animación

Animator Vs. Animation

Muy buena animación hecha en flash!!

ver animación

Características de un buen Banner

  • La impresión correcta
El dato que se toma para medir la eficacia de un banner es el click through, pero este sistema de medición no simpre es válido. Los anuncios ofrecen información, posicionan, dan valor a una marca o despiertan la necesidad de adquirir un determinado producto. El click through, en cambio, ofrece un acceso instantáneo a la adquisicion de un producto, y por lo tanto no es una medición fiel al momento de analizar cualquier otro tipo de anuncios. La impresión correcta del mensaje, por lo tanto, debe ser suficiente para justificar la inversión, más allá de que esto genere o no centenares de click thoughs.

  • Enlaces potentes
El enlace que contiene el banner debe llevar a una pagina diseñada para ese fin. Si el banner lleva a una portada, el usuario puede sentirse confundido o no encontrar aquello que vio en el banner.

  • Archivos livianos
En general, un banner simple en gif no deberia superar los 8kbs, ni los 15kbs en formato flash. Los hay más complejos también, todo depende del tipo de website para los que son diseñados. Pero es evidente que cuanto más liviano sea el banner más rápido será cargado

  • Animación Vs. claridad del mensaje
Muchas veces la animación excesiva de los banners dificulta la lectura del mensaje. Está bien que el banner llame la atención, pero hay que procurar que el mensaje permanezca estático el mayor tiempo posible.

  • Loops Vs. principio y final
Los loops (los banners que terminan y comienzan infinitamente) hacen que el mensaje de "inicio" o de "conclusión" se confundan. Cuando es difícil determinar dónde comienza un anuncio y dónde termina es que se ha perdido gran parte de la efectividad del mensaje.

  • El abuso del logo
Algunos banners utilizan el fotograma final para mostrar el logo de la empresa. Esto no es recomendable. Tanto el fotograma inicial como el final deben servir para ofrecer toda la informacion necesaria para trasmitir el mensaje.

  • Trucos y estadísticas
El formato del banner ya es previsible para el ojo humano. El cindrome de la "Ceguera de Banners" pasó a ser un verdadero problema. Los navegantes frecuentes recorren los website deteniendose cada vez menos en la publicidad.
En un estudio de Webreference se vio cómo, colocando el banner un tercio mas abajo de lo normal, el click through se incrementaba un 77%. Parte del éxito del banner, entonces, es aparentar que no lo es, mimetizandose como información intrínceca del website, o presentándose en un formato innovador.

Diseño de Banners

La inclusión inteligente de publicidad atractiva en Websites aumenta considerablemente el tránsito de usuarios. Con el objetivo de captar la maxima audiencia, Arte y Medios diseña banners especificos para cada caso.

Una vez diseñado el banner debe selecionarse el lugar más apropiado para su exposición. Arte y Medios puede estudiar el mercado, elegir la ubicación más efectiva para cada producto y gestionar el alta de banners en los principales servicios de intercambio como Link Exchange, Spanishbanner, Atajos, etc...

Servicios
- Banner a medida, respetando las dimensiones para cada caso
- Banners ultra livianos en formato gif
- Banners complejos en flash
- Banners con sonido
- Banners Interactivos

Medidas estándar
| 468px x 60px | Banner Completo
| 234px x 60px | Banner Medio
| 215px x 40px | Banner Medio chico
| 164px x 40px | Banner Chico
| 392px x 72px | Banner Completo, con barra de navegación vertical.
| 120px x 240px | Banner Vertical
| 125px x 125px | Banner Cuadrado
| 120px x 90px | Botón 01
| 120px x 60px | Botón 02
| 88px x 31px | Micro Botón

Proceso de Diseño de Logotipos

Etapa I: Relevamiento de necesidades - Definición del requerimiento
En esta primera etapa, definiremos su requerimiento de comunicación para iniciar el diseño del logotipo. Para ello, relevaremos:
a) Los distintos aspectos involucrados en su mensaje comunicacional (contenido, publico objetivo, posicionamiento, factores de diferenciación respecto a la competencia)
b) Aquellos aspectos de diseño gráfico que identifican a la empresa (colores, tipografías, slogan, etc) y que necesariamente deben ser utilizados, y aquellos aspectos que deben evitarse (por ser representativos de la competencia o no ser de su agrado).

El relevamiento de esta información se efectúa mediante un cuestionario que le haremos llegar. Recuerde que la precisión y grado de detalle de sus respuestas permitirán desarrollar un logotipo más efectivo.

Etapa II - Diseño de los conceptos básicos del logotipo
Luego de analizar la información que Ud. nos envió pondremos a su disposición 5 conceptos básicos de logotipo.
Se trata de 5 bocetos originales, con baja o nula cantidad de aspectos de diseño en común. Estos bocetos son un ejercicio conceptual y el inicio del proceso que resultará en el diseño de su logotipo.
El objetivo de esta etapa es seleccionar uno de los conceptos básicos y generar un listado con las sugerencias y correcciones que deben efectuársele. Todas las revisiones serán derivados gráficos del concepto básico seleccionado.

Etapa III - Revisión del diseño
Aplicando los comentarios y sugerencias provistas por Ud., los diseñadores le proveerán una segunda serie de 5 revisiones. En ellos estarán presentes los elementos que Ud. eligió y sugirió en la etapa anterior. En esta etapa, los diseños se basan en un concepto de logotipo común.
Nuevamente, esperamos sus comentarios y sugerencias .

Etapa IV - Segunda revisión del diseño
Esta etapa repite el proceso de la etapa anterior con objeto de refinar el diseño y aproximarlo a sus expectativas. Los comentarios y sugerencias que nos provea serán aplicados a las opciones de la versión final del logotipo que le ofreceremos.

Etapa V - Obtención de la versión final del logotipo
Le haremos llegar 5 versiones finales de su logotipo, que resultan de la aplicación de sus sugerencias, comentarios y la información inicial que nos proveyó. De estas 5 versiones, surgirá el logotipo de su empresa. A continuación, le enviaremos el logotipo en diversos formatos gráficos para su aplicación en soportes impresos y electrónicos.

Posicionamiento Web

Actualmente la Red está hiper-poblada de páginas Web y el 85% de los usuarios inician su navegación desde un buscador. Es por eso que la principal acción promocional on-lline es el posicionamiento en los buscadores, y en segunda instancia las guías y los directorios más populares relacionados con la temática del website que se quiere promocionar.

Los Metatags y las palabras claves son los principales parámetros de búsqueda que intentará localizar el buscador. Desde el momento en que un alta es efectuada hasta que los resultados son "visibles" (es decir cuando el sitio ha sido agregado a la base de datos del buscador), suelen transcurrir entre dos y tres meses.
Arte y Medios realiza trabajos de posicionamiento y optimización de sitios para buscadores y altas manuales en los directorios y buscadores más importantes.
  • ¿Qué es SEO y que función tiene la optimización para buscadores? Las siglas de SEO corresponden a "Search Engine Optimization" (optimización para motores de búsqueda), práctica relativamente nueva de técnicas y métodos centrados en lograr que los websites obtengan buenas posiciones para determinados criterios de búsqueda en los buscadores. Esta disciplina nace de la necesidad de promocionar sitios en Internet, para que estos sean fácilmente encontrados por los navegantes que buscan iinformación en los buscadores.
  • Optimización del sitio web Las tecnologías de búsqueda de los buscadores se han perfeccionado, y los recursos frecuentes de posicionamiento mediante palabras claves y textos ocultos ya no son suficientes. Para lograr hoy en día un posicionamiento efectivo es impresindible la optimización del sitio web.