---------------------- Anuncios de interes ----------------------

Category "Herramientas de Diseño"

Utilidad online para identificar tipos

La mayoría de los proyectos de diseño gráfico, por no decir su totalidad, requieren de elementos tipográficos. los diseñadores tenemos cientos de fuentes en nuestra colección particular, muchas de ellas instaladas en el ordenador, para utilizar en cualquier momento que las necesitemos. Sin embargo a menudo con tanto tipo nos volvemos locos a la hora de clasificarlos para encontrarlos fácilmente.

Otra cosa que nos pasa habitualmente, es que un cliente nos encargue un diseño del cual hay que partir con una fuente ya utilizada en una imagen, de algún proyecto diseñado con anterioridad. Para ello debemos identificar dicha tipografía utilizada y en el caso de que no sea un tipo común, podemos tener problemas para saber de que fuente se trata.

Identify Fontis, es una estupenda utilidad online la cual nos permite identificar la fuente utilizada en una imagen de forma sencilla. Tan solo debemos subir el archivo de la imagen que contiene ese tipo de letra y el programa hará el resto por nosotros.

Lógicamente esta utilidad no es del todo segura ya que depende mucho de la calidad de la imagen y de las tipografías que tenga guardadas la aplicación en su base de datos para poder identificarla, pero creo que es un recurso para tener muy en cuenta y guardarlo en los favoritos de nuestro navegador.

Entra en Identify Fontis y comprueba por ti mismo los resultados.

Creativos Online / Fuente de referencia.

Vectores gratis del mundial Sudafrica 2010

Sudafrica 2010

Faltan pocos días para que comience uno de los eventos deportivos más grandes del mundo – si no es el más grande – y más esperados en el mundo por miles de aficionados al fútbol: La Copa del Mundo, la cual en esta ocasión se llevará a cabo en Sudáfrica.

Sabemos la euforia y la emoción que este evento causa en todo el mundo, ya sea por los aficionados o en las empresas que aprovechan el evento para promocionarse y crear campañas enfocadas a este evento en particular, ya que la gran convocatoria que tiene un evento de este tipo resulta muy importante a la hora de la publicidad.

Como sabemos que en todo el planeta se estará hablando de dicho evento, y que seguramente alguno de los diseñadores que nos leen en Portafolio tendrán que realizar algún trabajo relacionado al tema les traemos a compartir  un paquete que encontramos de vectores de la Copa del Mundo Sudáfrica 2010  y creemos que seguramente les serán de mucha utilidad en este mes y hasta el fin del evento.

El paquete de vectores es totalmente gratuito y para el mejor manejo y edición viene en dos archivos EPS  para Photoshop con las imagenes de la Copa de Fútbol.

Para descargarlos pueden ir al post del autor que los comparte: Diego Mattei, sobre los nuevos vectores del mundial Sudáfrica 2010, o descargarlos desde el servidor de Media Fire.

Como saber la tipografia de un sitio web

Todos los diseñadores siempre estamos atentos a los detalles de todos los sitios web que visitamos, es imposible no tener una opinión al respecto del diseño ya sea buena o mala.

En lo personal una de las cosas en las que siempre me fijo es en el tipo de tipografía utilizada en las diferentes partes de la pagina y en muchas de las ocasiones termina gustándome alguna tipografía pero..como es obvio, en ningún lado dice el nombre, así que tengo que andar buscándola en algunos servicios en linea  o directamente en las paginas de tipografías gratuitas.

Creo que no soy la única a la que le pasa esto, por ello me ha dado gusto darme cuenta que hay una manera muy fácil de descubrir que tipografías utiliza un sitio web.

Si utilizas como navegador Firefox esto también te será de utilidad ya que se trata de una extensión para este navegador, la cual es muy fácil y practica.

La extensión de la que hablo se llama Context Font y se encarga de mostrar el tamaño en pixeles y la familia a la que pertenece la tipografía que analizamos, dándonos también otros datos como font-style, font-variant.

Addon de Firefox

Una de las cosas que mas me gusto de esta extensión es que al tener un registro de las tipografías, te proporciona un enlace de descarga y así no tienes que ir a buscarla a otro lado, ya que ahí mismo puedes descargarla.

Link para descargar esta extensión de Firefox: Context Font.

Mega set gratuito de pinceles florales para Photoshop

Set de pinceles gratuitos

Como ya lo he dicho antes en otros posts de recursos que hemos puesto en Portafolio, para un diseñador web o gráfico nunca esta de más tener recursos en sus carpetas como pinceles, degradados, patrones, vectores y cuanto recurso podemos descargar gratuitamente y claro, que creamos que nos sera de utilidad en ese momento o en un futuro.

Uno de los recursos gratuitos que más veo que existen en la red son todos los que se relacionen con Adobe Photoshop, sobre todo los pinceles o brushes, ya que existen miles de pinceles en todo la red listos para ser descargados.

Dentro de todas las categorías de pinceles que existen uno de los temas que veo con mayor frecuencia a la hora de buscar nuevos pinceles es la temática floral, pero existen tantos que creo que jamás terminaríamos de descargarlos todos o encontrarlos.

Es por eso que me ha sido muy grato el ver en mi lector de feeds que Dezignus, una página de diseño muy popular ha creado un mega set de pinceles florales gratuitos, listos para descargarse desde el servidor de descarga de tu preferencia.

En este mega set podremos encontrar desde pinceles florales sencillos hasta unos muy elaborados, la mayoría de una buena calidad y otros de calidad excelente.

Si te interesa descargar este set puedes hacerlo desde la pagina de Dezignus.

Crema de belleza Photoshop

Photoshop se ha hecho muy popular en buena medida a su uso para el retoque de famosas modelos que acostumbramos a ver en portadas de revistas de moda y carteles publicitarios. Una práctica sin duda que ha recibido distintas críticas sobre hasta que punto es lícito cambiar la imagen original de las personas sometidas indiscriminadamente al retoque digital.

Algunos aseguran que esta práctica es del todo ilícita porque muestran una belleza irreal que influye en los nuevos cánones erróneos de belleza representados en estas manipulaciones fotográficas. De un modo u otro, lo cierto es que Photoshop se ha convertido en una herramienta indispensable para todos los diseñadores que tienen que retocar a las modelos antes de publicarlas en los medios. Sin embargo esta práctica que a muchos puede parecer costumbrista, está tomando ciertos matices un tanto escandalosos por el uso excesivo del retoque digital, cuyo resultado difiere mucho de la belleza real de la modelo tras haberse sometido a la habitual sesión fotográfica.

Si Photoshop es el programa con el que conseguimos eliminar milagrosamente cualquier aspecto corporal que interfiere en la belleza humana, ¿porque no considerarlo como la mejor crema de belleza del mercado?. Bajo este concepto han ideado la crema Adobe Photoshop, un producto considerado como el mejor lifting facial y corporal que pueda existir. Una crema milagrosa que tan solo requiere de ciertas máscaras digitales y un buen uso del pincel de retoque.

Por supuesto el producto es falso, tan sólo se trata de una idea irónica que plasma un perfil de belleza irreal al que quieren semejarse muchas personas al ver como brillan los famosos en el papel cuché.

Gearfuse / Fuente de referencia.

iPad vectorizado gratis

Desde que hace unas semanas fue lanzada a la venta la nueva tableta (iPad) de la compañía de la manzanita mejor conocida como Apple, esta ha estado causado revuelo en todos los medios de comunicación pero sobre todo en la red, que es donde más cobertura se le ha dado a la noticia y a todas y cada una de las funciones que tiene este aparato y los usos que hasta el momento se le pueden dar.

Además una de las cosas que vemos con esta tableta es que se ha posicionado rápidamente entre los desarrolladores, pues a tan solo unos días de su lanzamiento ya se estaban subiendo cientos de aplicaciones a la App Store para ser compradas por los usuarios de esta tableta.

Y  es por ello que no hay dudas de que en todos los diseños web próximos tendremos que agregar agregar algún icono sobre esta tableta en su web, así como en algunas web ya existentes se están agregando.

Para que no batallen mucho,  les hemos traído un set de iconos vectorizados del iPad totalmente gratuitos los cuales vienen en los tamaños de 64px, 128px y 256px.

iPad vectorizado

Los archivos son PSD, PNG y archivo de iconos para MAC (ICNS).

Si deseas descargarlos puedes hacerlo desde la web del autor en el blog de Line25.

Tutorial para generar un calendario en Photoshop con JavaScript

Calendario creado con Photoshop

Cuando eres diseñador gráfico sabes que uno de los trabajos de los que posiblemente no vas a poder escapar en tu vida laboral (o hasta personal) es de realizar la ardua tarea del proceso de creación de un calendario.

Es bien sabido por todo diseñador que en cualquier época del año puede existir algún cliente que pida la creación de algún calendario, ya sea para fin comercial o personal…, aunque la verdad es que esto es más común en fin de año cuando a casi todas las empresas grandes y pequeñas de cualquier sector les da por mandar a crear e imprimir sus calendarios personalizados para entregar a sus clientes como forma de agradecimiento y claro, por hacerse publicidad.

La verdad es que el trabajo que consiste  el crear un calendario es difícil si se hace a mano, y  por lo visto esto es lo más común ya que muchos diseñadores no conocen alguna forma de automatizar el proceso.

Navegando por mi lector de feeds me he encontrado con que existe una forma para generar calendarios fácilmente mediante scripts, usando JavaScript y sin la necesidad de ser programador, ya que te explican paso a paso como hacerlo.

Los únicos requisitos es tener instalado Adobe Photoshop CS4 o bien, el nuevo Adobe Photoshop CS5, ExtendScript Toolkit o un editor de texto.

Para ver el tutorial puedes ir a la pagina de Tuts Plus.

Set gratuito de iconos médicos

Entre todos los sitios web de recursos vectoriales e iconos que he visitado anteriormente debo confesar que no me había tocado ver algún set de iconos médicos, lo cual ahora que lo pienso es un poco raro, porque conozco varias paginas de este sector, supongo que esta curiosidad se de a que posiblemente jamás me había dedicado un tiempo para buscar este tipo de recursos.

Pero el día de hoy buscando unos iconos que necesito para un proyecto nuevo he llegado hasta estos iconos y la verdad es que los que encontré me han agradado bastante.

Así que si entre tus clientes o posibles clientes se encuentran (o pretendes entrar a este sector) personas, empresas o instituciones que están dentro del sector de la salud, te recomiendo ampliamente probar alguno de estos paquetes de iconos para paginas web médicas.

set de iconos medicos

El paquete es de 60 iconos médicos los cuales tienen una calidad excelente, además este paquete es totalmente gratuito y sin ninguna restricción de uso ya que el autor ha decidido que su descarga sea completamente libre, ya sea para uso personal o para algunos proyectos comerciales. En lo personal esto se me hace un muy buen gesto por parte del creador del set.

Los iconos son 60 en total y vienen en los tamaños de 32x32px y 128x128px

Si quieres descargar el set puedes hacerlo desde la pagina web del autor en Smashing Magazine.

Las nuevas funciones de Illustrator CS5

Uno de los mejores programas que tiene la suite de Adobe es Illustrator sobre todo a la hora de crear ilustraciones, es por ello que después de que Adobe hiciera el anuncio de su nueva suite llamada Adobe Creative Suite CS5 la comunidad de diseñadores gráficos han estado a la espera de cualquier novedad que sea anunciada al respecto.

Desde hace una semana o dos, hemos podido ver algunos vídeos donde nos muestran algunas de las nuevas funciones para diversos programas de la Suite y así como el vídeo de las nuevas funciones de Adobe Photoshop CS5 causo revuelo, lo mismo ocurrió cuando salieron a la luz en vídeo las nuevas funciones de Adobe Illustrator CS5, el cual les mostramos a continuación.

Entre las nuevas funciones de Illustrator CS5 que podemos ver en el vídeo están:

1.- Dibujar en Perspectiva

Sinceramente esta es una de las mejores funciones que he visto en el video. La posibilidad de dibujar formas y objetos con 3 puntos de fuga es excelente, además se podra dibujar y agregar diseños o elementos y estos se ajustaran dinamicamente.  Sin duda dibujar en 2 dimensiones será algo muy fácil con esta función.

2.- Creación de formas y objetos
Una de las nuevas herramientas sera el «Shape Builder Tool», la cual nos va a permitir juntar objetos, separar formas sobrepuestas y sustraer áreas.  Podría decirse que es como usar la herramienta Pathfinder pero más intuitiva.

3.-  Creación de trazos con ancho variable
Ahora la herramienta «stroke» contiene una opción llamada «Width Tool» la cual te permite agregar puntos de control por todo el trazo para poder controlar su ancho desde cualquier punto, esto nos permitira crear objetos y figuras si asi lo queremos con tan solo manipular un trazo.

4.-  Pinceles con forma de brochas reales

Bristle Bush es una herramienta para pintar con vectores que simulan trazos de brochas reales, las cuales podras controlar ya que podras fijar el tamaño, longitud, forma, densidad, grosor y hasta la rigidez de las brochas.  Una de las cosas que más me llamaron la atención de esta función es que podremos controlar la opacidad de los trazos para crear variaciones de color y crear efectos de mezclas lo cual me hace pensar que ahora ilustrar sera como pintar en lienzo.

5.-  Nuevas herramienta de dibujos

9-Slice Scaling: Esta herramienta solo cumplirá la función de poder escalar símbolos con o sin texto sin que se deformen ni pierdan radio como comúnmente ocurre, algo sencillo pero que ya era necesario en Illustrator.

Draw Inside: Es una de las nuevas herramientas con la que solo necesitaras sera seleccionar tu texto u objeto, dar clic en Drawing Modes y elegir Draw Inside, luego importas tu imagen y la herramienta creara automáticamente una mascarilla con tu primer objeto seleccionado y colocara la imagen dentro de este. Ya después puede agrandarla, reducirla o modificarla a tu antojo.

Draw Behind: Esta herramienta es como utilizar «mandar hacia atrás» cuando queremos que un objeto quede abajo de otro. Con esta función solo necesitaras seleccionar el elemento que quieras que aparezca por encima, seleccionas Draw Behind y todo lo que pongas a continuación se colocara atrás del último objeto seleccionado.

Cómo quitar una marca de agua de una imagen en Photoshop CS5

Una de las cosas a las que nos enfrentamos a la hora de buscar una imagen en Internet es que por lo general muchas de las imágenes que existen en la web, sobre todo en los bancos de imágenes comerciales tienen lo que se le llama «marca de agua».

Una «marca de agua» no es otra cosa más que un texto, logotipo o diseño que el dueño pone en la imagen de forma transparente y que tiene la finalidad de evitar el robo de imágenes, plagio o simplemente para evitar que la imagen sea usada sin la autorización del dueño con algún uso comercial.

Por lo general las marcas de agua son difíciles de borrar de una imagen ya que esto depende del contenido de la imagen, colores, tamaño y lugar de la marca, entre otras cosas a considerar.

En la red existen varios recursos como software que te ayudan a quitar las marcas de agua pero la mayoría de ellos hacen el trabajo de tal forma que la extracción es notable.

Ahora con el anuncio de la salida de la nueva Adobe Creative Suite CS5, el programa de Adobe Photoshop integrara una función que nos hará mucho más fácil extraer estas marcas, por ello les traemos un tutorial para que aprendan – desde ahorita – a como quitar las marcas de agua en Photoshop CS5.

Extraer marcas de agua con Photoshop CS5

Primero que nada utilizaremos una imagen de iStockphoto.

Imagen de istockphoto

Abriremos la imagen en Photoshop CS5 y seleccionaremos la opción de «Spot Healing Brush Tool» en la barra de herramientas, ya sea directamente o con el atajo (letra J).
Primero que nada utilizaremos una imagen de iStockphoto.

Herramienta de Photoshop

Después iremos a la barra de herramientas y en la parte superior veremos la opción de «Relleno consiente de contenido» o en inglés «Content-Aware» y la seleccionaremos.

Content Aware en Photoshop

Vamos a pulsar la tecla «o» si queremos disminuir o aumentar el tamaño del pincel a según como creamos sea necesario para poder «pintar» las rayas verticales de la marca de agua.

Content Aware en Photoshop

Cuando terminemos de pintar la raya soltamos la linea y esta desaparecerá.  Si no obtenemos el resultado deseado podemos deshacer el movimiento y repetir, pero esta vez con un pincel de menor tamaño.

Content Aware en Photoshop

Para extraer las áreas grandes de la marca de agua se selecciona lo deseado con la herramienta «Lazo» o  con la tecla «L»

Seleccionar una parte en Photoshop cs5

Después presione la tecla «D» asegurando que sigue seleccionada la opción de «Content-Aware» y pulse aceptar.

confirmar función Content Aware

Nota: En el ejemplo nos podemos dar cuenta de que se esta trabajando solo con una parte de la marca, esto es porque el fondo no es uniforme. Para que puedan obtener mejores resultados se pueden trabajar con áreas pequeñas que tengan fondos idénticos.

Ahora si, aquí esta el resultado que no es totalmente perfecto pero si es bastante agradable a la vista y logra que pasen desapercibidos casi por completo las pequeñas imperfecciones.

Resultado del tutorial

Si quieres hacerlo esto mismo, con GIMP puedes ir y revisar este tutorial y el de GIMP en la pagina de Instant Fundas

Fuente e Imágenes | Instant Fundas.