Wallpaper Tipografico rapido y facil en Photoshop

Publicado en 23. Ago, 2009 por Luis Lopez Garay in Tutoriales Photoshop, Typo y Fonts

Debo confesar que Tutorial9 me encanta, siempre con tutoriales de calidad y bien explicados. Uno de los tutoriales que mas me ha gustado por su facilidad de realización y calidad es el siguiente que pondré. Se trata del proceso de creación de un Wallpaper estilo Tipográfico usando Photoshop. Aquí consta de poner un delimitador y rellenarlo con texto a nuestro antojo para después añadir color. El autor de este tutorial se llama Tyler Bramer y lo escribió en Inglés para Tutorial9 (yo lo traduje).

Paso 1 – Creando el fondo

El fondo ayudara a darle estilo y profundidad. Crea un nuevo documento del tamaño que desees. Las medidas usadas en este tutorial son de 1280×1024 pixeles. Cambia el color frontal a un gris obscuro (#111111) y el color de fondo a negro (#000000). Después toma la herramienta de degradado radial y crea un degradado de luminoso a obscuro desde el centro.

Paso 2 – Creando el texto delimitador

Aquí puedes poner cualquier letra o imagen que servirá como delimitador para el texto que pondremos dentro. El autor uso un 9 para esto, toma la herramienta de texto. Después coloca un 9 de 750 Pixeles usando la fuente Century Gothic puesta en negrita, muévela al centro del documento. Incluso le puse #6deff6 como color y le baje la opacidad a 20%, es solo para usar de guía.

Paso 3 – Colocando las letras

Ahora que tenemos nuestra “frontera”, estamos listos para añadir la tipografía. Antes de saltar a llenar el 9, primero piensa que palabras sientan bien al delimitador, como la web de autor es de diseño (tutoriales) se usaron palabras como “Design, Photoshop, Tutorials”.

También ocupamos saber que tan diferente queremos que salgan. Deberíamos limitarnos a una fuente? El autor se fue solo a usar Century Gothic, porque tiene un fuerte y limpio look, y le permitió fijar bien el nueve con palabras. Siéntete libre de usar tantas fuentes como puedas o quieras. Se usaron diferentes tamaños y estilos, usa tu imaginación para darle variedad y buena visibilidad.

Paso 4 – Coloreando el texto

Ahora que tenemos nuestro texto bien colocado, necesitamos hacer que esta imagen luzca increíble. Iniciamos disminuyendo la opacidad del 9 de 20% a 2% (o más). De esta manera le daremos un borde pero sin que se note demasiado.

Después coloca todas las capas de tus textos (excluyendo al 9) en un grupo (Layer/Capa > New/Nuevo > Group/Grupo). Duplica el grupo haciendo click derecho y seleccionando Duplicate Group/Duplicar Grupo. Acepta (OK) cuando un cuadro de dialogo aparezca. La razón para duplicar el grupo es que podemos combinar todas nuestras capas en una sola. Con el nuevo grupo seleccionado, dale click derecho y selecciona Merge Group/Combinar Grupo. Esto tomara todas las capas del grupo y las unirá en una sola capa. Ahora ocultamos el grupo que tiene el texto aun en capas separadas.

Selecciona tu capa combinada en la paleta de capas y añade una sobreexposición de degradado (Layer/Capa > Layer Style/Estilo de Capa > Gradient Overlay/Sobreexposición de degradado). El autor uso un degradado de verde a azul (#48a248 a #3bb2f7).

Paso 5 – Añadiendo un titulo

Para complementar porque no añadimos un titulo? El autor escribió “Happy New Year” (Century Gothic / 36 Pixeles / Cursiva) con el mismo degradado que el anterior (pero horizontal). Luego se añadió el texto “Tutorial9 Staff” (Century Gothic / 24 Pixeles / Cursiva) con el color #736357.

Paso 6 – Añadiendo textura

Ahora pondremos una textura frente a nuestra imagen. El autor tomo esta fotografía. Ahora coloca la textura justo encima del documento. Des-satura la imagen (Ctrl+Shift+U) y la capa ponla en modo Overlay (Sobreexponer) para que se integre junto con la imagen de manera sutil.

Paso 7 – La Recolorización

En los siguientes pasos, añadiremos mas al azar y vibrantes colores a la imagen.

Crea una nueva capa y pon el color frontal a #6dcff6 y el color de fondo a #000000 (negro). Luego ve a Filter/Filtro > Render/Trazo > Clouds/Nubes. Después de que tu capa esta llena de nubes azules y negras, cambia el modo de la capa a Overlay (Sobreexponer) y baja la Opacidad a 25%.

Crea otra nueva capa y cambia el color de fondo a blanco (#FFFFFF). Una vez mas, ve a Filter/Filtro > Render/Trazo > Clouds/Nubes para llenar la capa con “nubes”. Ahora baja la Opacidad de la capa a 70% y ponla en modo de fusión Overlay (Sobreexponer).

Aun muy simple?

Como puedes ver, la parte mas dura del tutorial fue llenar el delimitador con todo ese texto. Lo de colorearlo fue algo fácil. Después de leer algunos tutoriales serás capas de crear efectos complejos con el mínimo de esfuerzo. Siéntete libre de experimentar con los efectos y los colores.

Para crear el efecto rojo de arriba. El autor creo una nueva capa y fue a Imagen > Aplicar Imagen. Después usó Filtro > Desenfoque > Desenfoque de Movimiento y puso la capa en modo Lighten (Aclarar) con 35% de Opacidad. Después de eso creó un Mapa de Degradado (Capa > Nueva Capa de Ajuste > Mapa de Degradado) que va desde #ec008c a #e77418. Finalmente, se puso el Degradado (capa) en modo Vivid Light.

Descarga el PSD de la Pagina Tutorial9

Entradas Relacionadas:

1. Crear un texto colorido neon en Photoshop
2. Crear una X estilo leopard con Photoshop
3. Crear una Explosión Mental con Photoshop
4. Crea un espeluznante Wallpaper Zombie
5. Deportes y Photoshop #1: Crea una espectacular composición tenística