Diseñando titulos

 Vamos a seguir los pasos para poder hacer una imagen de este tipo.

1º  Creamos un fondo negro y una capa con el letrero en blanco

2º Rasterizamos la capa de texto y aplicamos el siguiente efecto:  filtro > ruido  >  añadir ruido a 101,23% con efecto gaussiano y en color

3º Aplicamos filtro >  Estilizar > Solarizar

4º Aplicamos Filtro > Desenfocar > Desenfoque gaussiano a 1,3 pixeles

5º Vamos a Galería de filtro, a estilzar (bordes resplandecientes).Con eso ya nos quedan hechas las letras de colorines

Los siguientes pasos son para poder hacer el efecto 3D y las líneas de fondo
1º Aplicar el biselado tal y como se indica aquí

 

2º Duplicar la capa 5 veces 

3º En la última capa de encimase  aplica trazo  tal y como indicamos aquí

 4º Aplicar bisel con estas características

 

5º Crear otra capa entre el texto y el fondo y hacer rayas de diferentes tamaños como en la imagen. Aplicarles resplandor exterior en el color que quieras (yo elegí rosa neon)

Eligiendo color (2)

 

Hoy vamos a continuar con la entrada que publiqué hace unos días sobre como eliges colores que combinen a la hora de realizar un diseño y las diferentes herramientas que hay en la Red que te pueden ayudar en ello.

Si no leíste la primera parte puedes verla en: http://alicia-caudevilla.blogspot.com.es/2012/12/eligiendo-color-para-nuestro-diseno.html

1º) COLORS ON DE WEB

Este sitio web está dedicado a la teoría del color y el uso de los colores en el diseño. Si eres un blogger y necesitas ideas para un esquema de color o un diseñador en busca de un poco de inspiración color, las herramientas que aquí se presentan te darán un punto de partida. Este sitio le dará a los diseñadores web una mejor comprensión de la teoría del color y la importancia de los colores que se aplica al diseño web.

2º) PICTACULOUS

Esta excelente herramienta de los creadores de MailChimp, te permite subir una imagen y generar un esquema de color con los colores de la misma. Se integra con algunas de las otras herramientas que aparecen en la lista, con lo que resulta una mezcla de Kuler y COLOURlovers. También hay un práctico descarga Adobe Swatch para tu tema, por lo que es una manera rápida y fácil de agarrar los colores que necesitas para complementar una foto.

3º) CONTRAST-A

Se trata de una herramienta de color un tanto inusual e intrigante, ya que está diseñado para ayudar a asegurarse de crear WCAG compatibles con esquemas de color por lo que permite una vista previa de los niveles de contraste y simular la ceguera al color, reducción de la visión y ceguera clínica. Hay también un valioso conjunto de enlaces a guías (en mucho más fáciles de usar términos que el documento de especificación en sí)

Eligiendo color (1)

 

Una cosa que nos suele preocupar muchas veces al diseñar es "¿De que color lo hago? ¿Con qué lo combino?" Como hace poco me recordó alguien en el Twitter, a veces nos liamos y no sabemos que colores usar o tendemos a usar siempre los mismos.

Hoy os voy a dejar una serie de páginas que te ayudaran a elegir color, a combinarlos y a probar diferentes mezclas que en ningún momento se te habrían ocurrido.

1º) WEBSAFECOLORS

Nos muestra una paleta de colores combinables con su código HTML y RGB. En la parte superior hay un desplegable que da paso a la selección por colores.

2º) KULER

Tal vez es la herramienta más conocida para la elección de una gama de colores. Contiene una gran variedad de combinaciones subidas por los usuarios, comentarios sobre ellas, variaciones sobre alguna de las subidas, etc. Incluye un buscador de las mas populares o por colores.
Una vez has seleccionado tu favorita puedes ir, pulsando el botón que se te indica a continuación. a la pantalla donde vienen todas las características de dichos colores. Tiene plugins disponibles para todas las principales herramientas de Adobe como Photoshop, Illustrator e InDesign.
 

3º) COLOR EXPLORER

Este es posiblemente una de las mas completas herramientas disponibles en la web ya que ofrece una amplia gama de posibilidades para diseñar, personalizar y analizar sus paletas de colores.

Bajo mi punto de vista, una de las mejores utilidades que trae es la posibilidad de subir una foto y que te de los colores principales de la misma para trabajar con ellos. 

Aunque hay otras herramientas muy útiles como son la posibilidad de crear una paleta a juego con tu color elegido

O las diferentes Bibliotecas de color usando los sistemas mas comunes (W3C, Toyo, Trumatch, etc.) y las herramientas de conversión para ayudarte a cambiar entre los diferentes sistemas,

Fondo Pixelado

 

Como hago cuando me aburro, empiezo a jugar con el photoshop para ver que efectos pueden quedar bien y cuales no. Este es solo una prueba pero el fondo queda muy chulo y se puede emplear en infinidad de cosas. En varios colores como hice yo, o jugando con diferentes tonalidades de un mismo color, etc.

1º) Tenemos que crear un fondo a rayas.. con los colores y anchos que deseemos
2º) Vamos a Filtro - Distosionar - Ondas (Sinusoidal)

3º) Vamos a Filtro - Desenfoque- Desenfoque Gausiano con un valor de 3,9
4º)  Vamos a Filtro - Distosionar - Ondas (Cuadrado)

5º) Luego puedes usar esa imagen como fondo para tus posters.

Letras de Scrabble en Photoshop

Pin It

Voy a explicar como diseñar una de las fichas de scrabble de forma que podáis crear todos aquellos letreros que os apetezcan.

1º Diseñamos la ficha. Para ello utilizamos la Herramienta de Rectángulo, dibujando uno de 65×75 pixels de color #EAD89F

2º Dar los siguientes efectos a esta capa:

Color de la sombra paralela #3f2823

 3º Para la creación del texto debemos ir ficha por ficha, calculando bien tamaño de la letra para que quede centrada y tamaño del valor de la ficha en la esquina inferior derecha.

4º los efectos de capa que hay que aplicar a este texto son los siguientes:

Color para la sombra interior es: #bab7ad

Color para la sombra paralela es: #e9dfc0

Las letras nos quedan de la siguiente forma

Ahora ya solo se trata de escribir el letrero que desees y adornar el fondo a tu gusto

Diseñar motivo photoshop

1) Creamos un documento de 500x500 y le aplicamos el efecto Nube (menú, Filtro, Interpretar, Nubes) y obtenemos algo así:

2) Ahora vamos nuevamente al menú Filtro, Desenfocar, Desenfocar Radial y ponemos los valores que indica la imagen:

3) Continuamos con Menú Filtro, Pixelizar, Mosaico. Los valores que selecciones en este paso van a determinar el tamaño y cantidad de tuberías:

4) Ahora, lo que tenemos que eplicar es: Menú Filtro, Trazos de Pincel y Bordes acentuados

5) El último Filtro a aplicar es Estilizar, Bordes, Hayar Bordes:

6) Terminamos invirtiendo los colores de la capa con Ctrl +I

7) Ya tenemos definido nuestro motivo. Podremos cambiarle el color en Editar, Ajustes, equilibrio de color.

Con Este motivo ya podrás jugar a rellenar diferentes cuerpos o hacer bonitas letras luminosas

Fondos para Guillermo

A que no adivináis cual es una de las cosas que más le gusta a mi hermano? Estas dos imágenes se las hice para su Facebook.