jueves, 25 de febrero de 2010

Cartel Vintage

Navegando por my modern metropolis  me encontré con esta colección de posters de películas creados por el diseñador Ibraheem Youssef quien enfocándose en las películas de Quentin Tarantino realizó esta colección.  

El estilo vintage que eligió para estos carteles puede ser apreciado por los fanáticos al trabajo del excéntrico director, para otros puede ser una composición retro-modernista que se enfoca en tipografías y texturas. Lo único seguro es que no pasan desapercibidas las sutilezas de estos trabajos. 


Publicidad DNF

La DNF (la asociación de derechos de los no fumadores)  promueve en Francia estos polémicos carteles de gran connotación sexual, lo mejor será dejar que hablen por si mismos. Sin embargo el público receptor en poco tiempo ha asociado diversos mensajes con estas imágenes, tomando en cuenta que el publico meta de esta campaña eran jóvenes menores de edad en su mayoría podemos decir que las imágenes causan el impacto esperado, solo falta que el tiempo demuestre la eficacia de esta campaña o se sume a una ya gran existente colección de publicidad sugestiva y polémica que es mas recordada por la polémica que ocasionan que por su eficacia.




martes, 23 de febrero de 2010

Retrato tipográfico

Hoy en día es fundamental para la publicidad el desarrollo de carteles, tarjetas y todo tipo de composición tipográfica. En nuestra galería de flickr tenemos algunos ejemplos de lo que puede hacer la tipografía por nosotros en el momento de desarrollar una idea.



Es por eso que buscamos un tutorial para Photoshop que cualquiera puede seguir. Para comenzar necesitaremos una fotografía que usaremos para transformar en una composición tipográfica similar a esta:



Si lo desean pueden descargar esta fotografía aquí.




Abrimos nuestra imagen en Photoshop no es necesario crear un nuevo documento, ya que trabajaremos sobre el retrato. 

Usando la herramienta pluma, corta la silueta del retrato dejando un área más limpia para trabajar, desbloquea el fondo y cambiemos el nombre a la capa por retrato.

Ahora creamos una nueva capa debajo y la rellenamos con #FFFFFF luego vamos a Imagen, Ajustes, Posterizar y elegimos 4 niveles, nos quedará algo así.





Ocultar la capa de Retrato por un tiempo haciendo clic en el icono del ojo a la izquierda al lado de la capa. Con la herramienta con su fuente preferida y el color # 000000, escriba en pocas palabras, como se muestra a continuación.


Ahora vamos a crear una brocha de Photoshop. Para ello, basta con hacer una selección alrededor de la primera palabra, como lo que hice a continuación. Vaya a Edición/ Definir pinceles. Ahí lo tienes! Un nuevo pincel aparecerá en tu ventana de pinceles. Haga lo mismo para el resto de palabras también.


A continuación, vamos a personalizar una trama de relleno. Para ello, fusiona todas tus palabras juntas como una sola capa. Vaya a Edición/ Transformación libre. Reducir el tamaño de las palabras a los muy pequeños, como lo he hecho a continuación. Ahora ocultar todas las capas, excepto estas palabras. Hacer una selección alrededor de ellos y vaya a Edición/ Definir motivo. Puedes encontrar el nuevo diseño creado ahora en la ventana de su patrón predefinido.


Ahora ya no tiene mucho uso la capa de texto así que la puedes ocultar. Has visible la capa de retrato y las capas de fondo. Hay que hacer una pequeña selección de todo el área de negro, como lo que hice en su cuello 


Ahora vamos a Seleccionar> Similar, y todas las áreas con este color quedarán seleccionadas. 


Antes de continuar, con la herramienta pincel activa da un clic derecho dentro del área del documento, y veremos un cuadro con el tamaño del pincel y su intensidad en la intensidad no vamos a variar se quedará al máximo mientras que el tamaño lo tendremos que ir variando para lograr introducir el pincel en todas las áreas de la selección y muy pronto después de un poco de trabajo nos quedará algo así.


Hay que darse cuenta de que hay algunas áreas complicadas y que no en todas cabrá nuestro pincel. Así que lo que podemos hacer es llenar las áreas con el patrón de relleno que ha hecho antes también. Crear una nueva capa debajo de los sellos. Utilice la herramienta Cubo de pintura y llenarlo con su patrón preestablecido.




Sin embargo, el patrón de relleno hecho nuestros sellos menos visibles. Así que iremos a Seleccionar> Modificar> Expandir y seleccionamos un radio de 1px. Luego seleccionar, invertir. Seleccione la capa de rellenos y crear una máscara de capa con la selección. Esto creará un borde de 1 píxel alrededor de las palabras estampadas.




Repite los mismos pasos para los otros dos tonos de gris en la capa retrato.


Y tendremos una buena composición tipográfica lista.


Aunque el negro y blanco de estilo ya se ve muy bien para mí, también puede agregar un fondo de textura y reemplazar los colores a sus preferencias personales



Punto D

Dline 2010 , es una propuesta de Alejandro Ramos y Beatriz Nuez, ambos componentes de Punto D . La idea surgió después de que fuera imposible organizar una exposición en Gran Canaria en la franja de tiempo deseada. De alguna forma, este inconveniente ayudó a crear la primera exposición online de Canarias, donde varios artistas, diseñadores y aficionados al arte, tantos de las islas como de otros lugares de España, han expuesto algunos de sus trabajos.



Estos son algunas de las obras que encontraremos en el sitio:



domingo, 21 de febrero de 2010

Composición tipográfica 3D

En este tutorial combinaremos técnicas de ilustración de Adobe Illustrator como de Photoshop, para esto también necesitaremos un paquete de pinceles llamado Suddenly Spring diseñado por GValkyrie. Que puede descargarse aquí. 

Este tutorial es muy sencillo y nos ayuda a la hora de manejar imágenes con texto en 3D en fondos o para ilustración de carteles, como en varios ejemplos que encontraran en nuestra galería de flickr . 

01. Configuración de fondo en Photoshop

Crear un documento de tamaño 750 × 550 píxeles.

Ajuste el color de primer plano a # 004B64 y de fondo a # 000000.

Con la herramienta de degradado radial, arrastre un gradiente circular desde arriba hacia abajo.


02. Ai

Ahora vamos a Illustrator y en un lienzo similar al que abrimos en Photoshop escribimos el texto que vamos a trabajar en 3D usamos un relleno # FFFFFF y una tipografía adecuada, en el ejemplo usamos Helvética 75 bold.



03. Crear un Texto 3D

Seleccione una sola letra e ir al Efecto> 3D> Extrusión y biselado.

Rellene los valores que se muestran en la imagen o ajuste si es necesario.




Ahora repetimos con cada una de las letras. No lo hemos hecho con todas de una sola vez porque la intención es dar el efecto de desorden en la perspectiva de cada letra por separado.
Una vez terminado el trabajo nos debe quedar algo así.



04. Objetos inteligentes en Photoshop.

Solo hay que copiar y pegar cada uno de los objetos de Illustrator en el fondo que habíamos hecho en Photoshop al momento de pegar nos indicará el modo en que queremos insertarlos en Photoshop y elegiremos Objeto inteligente.


05. Degradados

Seleccione varita mágica e introduzca los valores mostrados a continación.


Haga clic en la superficie de la primera letra.
Ahora seguimos en selección> perfeccionar borde e introducimos los siguientes valores 



05.Degradado
Crear una nueva capa sobre la primera letra y el nombre de ella como de superficie. Rellenar la selección con # 000000.

Seleccione la nueva capa y elegir las opciones de fusión.

Activar Superposición de degradado establecer los colores para ser # 003146 y # B8EBFE.Establezca el Modo de fusión en Normal, la opacidad al 100%, al estilo lineal, ángulo a 90 y escala a 100%.


Repetimos para cada una de las letras.
Trate de usar diferentes colores de la misma temática, en la superposición de degradado, tales como tonos de verde y cian.


06. Pinceles

Carga los pinceles a Photoshop y crea una nueva capa a la que llamaremos floral.
En el primer plano de color pondremos blanco y seleccionando uno de los pinceles comenzaremos de manera aleatoria a pintar en la capa.

Establecemos el modo de fusión como sobreexponer y la opacidad al 50% Seleccione la capa floral y Ctrl + clic izquierdo en la capa superficial para cargar su selección. Haga clic en el botón de máscara de capa.


Repite para cada una de las letras. 


07. Sombras 
Crea una nueva capa llamada sombras y con un pincel suave pintamos algunas sombras donde creamos conveniente. 


08. Flores 

Creamos una nueva capa debajo de las letras a la que aplicaremos uno de los pinceles del paquete en color #BEF7A8 y en opciones de fusión aplicaremos resplandor exterior en blanco, el resto de los ajustes quedarán por defecto. 


09. Luz 

Agregamos una capa debajo de la capa floral y pintamos una sola flor grande en color blanco. 
Nos vamos a filtro > desenfoque > desenfoque gaussiano y damos un radio de 6px
Establecemos el modo de fusión en sobreexponer. 


10. Reflejos

Crear una nueva capa por encima de todo y el nombre como estrellas.

Utilizando la herramienta Pincel con 1px tamaño y el color # FFFFFF, dibuja una cruz grande, como se muestra. Borrar ligeramente en las 4 esquinas.

Seleccione un pincel suave, establezca su opacidad 20% y el tamaño de 30px.Pintar un ligero punto en el centro de la cruz.



11. + Luz

En opciones de fusión Haga clic en la capa de Estrellas.
Activamos resplandor exterior establecemos el color  # FFFFFF. Deja el resto de los ajustes por defecto.

Y ahí tenemos, esta magnífica composición tipográfica.



sábado, 20 de febrero de 2010

PSD a html


Raymi la experta en maquetación web nos enseña a pasar nuestro PSD a html en siete tutoriales básicos:


01. Introducción a la plantilla
02. Organizar los elementos
03. XHTML
04. El bloque
05. CSS
06. Java Script
07. Formularios

Ahora si, siguiendo estos pasos no hay razón para no explotar al máximo los recursos para nuestra web.


















Café Pantone


¿Cómo quieres tu café?


7511EC si te dan esa respuesta...

Nosotros te explicamos... 











De mano de spitni la tienda de regalos virtual, nos llega este genial producto ideal para esas noches largas arreglando algunos detalles del diseño el díaantes de una presentación importante.

 
¡Campañas publicitarias que se destacan!
Y tú dices que ilustras en Photoshop?
 
Un poco de humor para diseñadores
graphyka Copyright © 2009 Blogger Template Designed by Bie Blogger Template