Tutorial de Illustrator para crear un texto con relieve “emboss”

Existen diferentes formas para crear este efecto en Illustrator, este que les muestro es uno que te deja cambiar el texto en un solo movimiento. En el pasado se hacía con copiar y pegar atrás o enfrente y moverlo un poco para simular la profundidad, pero para para cambiar una letra del texto lo tenías que hacer en las tres copias.
Aquí lo puedes hacer una vez. y se mostrará inmediatamente.
vecindad emboss

ACTUALIZACIÓN para los que me han preguntado donde están los pantones.
La paleta de colores Pantone está en Window>Swatch Lybraries>Pantone Solid Coated

Primero creamos el fondo con un Pantone al 50%:
vecindad emboss tutorial

Al texto le damos igual porcentaje del Pantone, para que se “funda” con el fondo:
vecindad emboss tutorial 2

Al incorporarle una línea alrededor del texto, ya saben que Illustrator la acomoda mitad afuera y mitad adentro, distorsionando así la forma de las letras.:
vecindad emboss tutorial 3

Para evitar esto, en el panel de Apariencia arrastran hacia arriba el relleno “fill”, así quedará visualmente atrás la línea y la tipografía no perderá la forma, en mi caso le dejé una línea de 2 puntos:
vecindad emboss tutorialvecindad emboss tutorial

ACTUALIZACIÓN de un problema que tienen algunos cuando tratan de arrastrar el relleno.
Si no lo pueden mover, pueden hacer lo siguiente, antes de aplicarle el color Pantone al texto, se van al panel de Apariencia y crean un Relleno Nuevo, así lo podrán cambiar por el color que sea y ya se puede mover hacia donde quieran:
anadir relleno

Seleccionado la línea en el panel de Apariencia…:
vecindad emboss tutorial 10

…Nos vamos a Effect>Distort & Transfor>Transform… y ahí movemos la línea dependiendo cuanto desees de sombra, los valores son negativos para que esté un poco a la izquierda y abajo:
vecindad emboss tutorial 11

Para crear el filo blanco, seleccionamos en panel de Apariencia la línea y la duplicamos:
vecindad emboss

Expandemos con doble click, para cambiarle el color de línea a blanco:
vecindad emboss tutorial 16

Posteriormente doble click a los efectos y le damos valores positivos y listo ya tenemos un texto simulando relieve:
vecindad emboss tutorial 17

Como el texto queda con todo el relieve en uno solo, ya puedes cambiar inmediatamente la leyenda por lo que desees y conserva el efecto:
vecindad emboss tutorial 18

Acerca del autor

Adan Avelar

13 comentarios

Deja un comentario
  • Perfecto amigo, tengo que agradecerte porque a pesar que soy diseñador, estas cosas no te la enseñan en ningún instituto…
    GRACIAS MI ESTIMADO… GRACIAS…
  • A mi me parece muy interesante porque permite cambiar el texto sin tener que hacerlo dos veces para ajustar el efecto, como ocurre cuando se hace duplicando el elemento y desplazandolo. ¡Cojonudo!
  • Hontesamente para algo que deberia ser tan sencillo te complicaste demasiado, los pantones aqui no son relevantes para lo que quieres explicar… me quedo con lo de atrás y adelante es más rapido y facil.
  • yo pense que habia una forma mas profesional , ya que lo encontre muy basico , podrias dar optra forma ya que tiene ene herraminetas muy utiles y debe haber una form que se vea mejor

    atte

  • Hola, buen tutorial.
    ¿queria saber si para mover el relleno (fill) hacia arriba al texto hay que expandirlo?, porque es la unica manera que encontre de mover el relleno del texto hacia arriba de las lineas.

    Saludos!

    Muy buena la página.

  • Hola yo soy nueva en esto

    quiero aprender esto ya que pienso estudiar esto y me gustaria saber un poko mas de esta carrera

    mmm alguien me puede decir el nombre del programa completo por favor??

  • Magnifico muy bueno, soy nuevo en esto y ando bucando ejercicios o trucos para empezar a saber manejar ilustrator
    ojala publiken mas
    :-)
  • Buen tutorial, sigue así con los de Illustrator, qué pasó con Luis Alarcón, ya no hace tutoriales para la vecindad?
    Y además, querido, podías hacer unos cuantos de InDesign?

    Besos

Deja un comentario

Tu dirección de correo electrónico no será publicada. Los campos necesarios están marcados *

Puedes usar etiquetas HTML y atributos: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <s> <strike> <strong>

 

 

Derechos reservados © 2015. Vecindad Gráfica.