Unlimited PS Actions, graphics, videos & courses! Unlimited asset downloads! From $16.50/m
Advertisement
  1. Design & Illustration
  2. Text Effects
Design

Cómo Crear un Logo con Efecto de Tiza en Photoshop

by
Difficulty:BeginnerLength:ShortLanguages:
This post is part of a series called How to Create a Logo.
Quick Tip: How to Design a Beautiful Water Drop Logo
Creating a Coffee House Logo - From Theory to Vector in Adobe Illustrator

Spanish (Español) translation by Ignacio Poza (you can also view the original English article)

Crear un efecto de tiza realista en Photoshop puede ser un poco complicado. Mientras que existen algunos filtros, plug-ins, y otras técnicas completamente digitales para ayudarte a alcanzar el efecto que quieres, a veces puedes lograr un efecto más realista usando lápiz y papel. En este tutorial, os mostraré cómo aplicar un efecto de tiza a una ilustración en Photoshop. Esta técnica puede ser usada sobre cualquier cosa, desde una ilustración tipográfica a un logo. ¡Vamos a empezar!

Complementos para el tutorial

Necesitarás los siguientes complementos para completar este tutorial. El modelo y el boceto se han provisto, por si quieres saltarte esos pasos. Puedes descargar la Textura de pizarra desde Photodune, pero siéntete libre de usar una imágen alternativa.

1. Prepara el modelo

Paso 1

El primer paso es imprimir físicamente el modelo que quieres usar. En este ejemplo, usé un logo que creé para este tutorial.

printingstep1

Paso 2

Una vez has impreso tu modelo, pon una segunda hoja de papel encima de la primera y traza el modelo usando un lápiz. Trázalo lo más preciso posible pero asegurate de que se parezca lo máximo posible a un boceto, como quieras que quede (ver debajo).

Usa un lápiz normal para este paso. A lo mejor también quieres experimentar con otro tipo de medios.

sketchingstep2

Paso 3

Una vez hayas trazado tu logo, escanéalo y ábrelo en Photoshop. Ahora aplica un ajuste de niveles para resaltar los blancos y darle un mayor contraste. Esto ayudará a limpiar cualquier mancha no intencionada. Yo uso los ajustes de debajo para el boceto del logo de fideos caseros.

levels
Tu modelo debería ser algo similar a este.

2. Aplica efectos en Photoshop

Paso 1

Ahora, estamos listos para juntar todo en Photoshop. Empieza creando un documento nuevo en Photoshop. Este documento es 1200px por 1000px, 200 ppp, RGB pero siéntete libre de usar cualquier ajuste que necesites para tu proyecto. Usa la textura de pizarra como capa de fondo.

step1

Paso 2

Añade una leve efecto vignette a tu imágen para añadir un poco de profundidad. Para hacerlo, crea una nueva capa encima del fondo de pizarra. En esa capa, simplemente usa un pincel suave y pinta un gris oscuro alrededor de los bordes como se ve debajo. Cambia el modo de fusión de esta capa a multiplicar y ajusta la opacidad para alcanzar la cantidad de oscuridad que quieras.

step2

Paso 3

Ahora sitúa tu boceto en el documento en lo alto de todas las capas.

step2a

Con tu nuevo capa del boceto del logo seleccionado, presiona Comando/Ctrl-I o ve a Imagen > Ajustes > Invertir. Esto invertirá la imagen para que tu boceto del logo sea ahora blanco sobre negro.

step3

En este punto se ve el fondo de la imagen del boceto. Bajo el Panel Capas, con la capa seleccionada todavía, cambia el estado de fusión a "Trama." Esto provocará que sólo se vea el boceto blanco.

step3b

Paso 4

Para añadir color a la tiza, aplicaremos una capa de ajuste Tono/Saturación a la capa de boceto del logo. Aplícala haciendo click en el botón Capa de ajuste en la parte de abajo del Panel Capas, como se ve debajo

Huesat_1

Las opciones Tono/saturación se abrirán en el Panel Propiedades. Debajo están los ajustes usados para colorear la pizarra de azul, como se muestra.

hue-sat_1

Ahora necesitaremos aplicar una Máscara de recorte para que la capa de ajuste sólo afecte al color del modelo, y no al fondo o al efecto de vignette. Puedes añadir una máscara de recorte de varias maneras. En este paso, añadiremos una máscara de recorte seleccionando la capa, y luego haciendo click en el menu desplegable en el Panel Capas, como se muestra.

Consejo: También puedes crear una máscara de recorte presionando Alt/Opción y haciendo click entre las dos capas en el Panel Capas.

hue-sat_1-clipped

Conclusión

En este tutorial, os he mostrado como aplicar un efecto de tiza a un logo o efecto de texto. El resultado, es un efecto tremendamente realista que puede ser aplicado a cualquier modelo lineal existente. Espero que hayas disfrutado el tutorial y puedas usar las técnicas para crear algo realmente sorprendente por ti mismo.

Chalkletteringeffect_fin

¡Sé el primero en conocer las nuevas traducciones–sigue @tutsplus_es en Twitter!

Advertisement
Advertisement
Advertisement
Advertisement
Looking for something to help kick start your next project?
Envato Market has a range of items for sale to help get you started.