() translation by (you can also view the original English article)
Aprende a aprovechar los Objetos inteligentes de Photoshop para crear tu logotipo con resultados fotorrealistas. Gracias al uso de múltiples estilos de capa, ¡tallaremos tu logotipo en madera!
Si quieres conseguir una maqueta con logotipo, ve a Envato Elements o GraphicRiver, donde podrás encontrar muchas que se adapten a tus necesidades, incluida esta llamativa maqueta de corte de madera con láser.
Recursos del tutorial
Durante la producción de este tutorial se utilizaron los siguientes recursos:
- Textura de madera
- Imagen de perspectiva
- Un insignia vectorial que encontrarás en la colección: Insignias y logotipos Vol.01
- Fuente Familiar Pro
- Fuente Corleone
1. Cómo crear un Objeto inteligente con la perspectiva adecuada
Paso 1
Descarga la textura de madera y abrela con Photoshop.
Paso 2
Descarga la imagen en perspectiva y abrela con Photoshop.
Paso 3
En el menú superior, elige Seleccionar > Todo y luego Edición > Copiar para copiar la selección en el portapapeles.
Vuelve al documento de fondo y elige, en el menú superior, Edición > Pegar para pegar la imagen en perspectiva sobre el fondo.
Cambia el nombre de la capa haciendo doble clic directamente en el nombre de la capa en el panel Capas y cambiándolo por "Perspectiva".
Paso 4
Establece el color del primer plano en amarillo (cualquier color diferente al negro estará bien).
A continuación, elige la herramienta Rectángulo, mueve el cursor sobre el lienzo y haz clic. Se abrirá un pequeño cuadro de diálogo que te permitirá introducir las dimensiones precisas de tu nueva forma. Escribe 1267 x 814 px y luego haz clic en el botón Aceptar.
Cambia el nombre de la capa haciendo doble clic directamente en el nombre de la capa en el panel Capas y cambiándolo por "Objeto inteligente".
Con la capa "Objeto inteligente" seleccionada, elige en el menú superior, Capa > Objeto inteligente > Convertir en objeto inteligente.
Paso 5
Elige Edición > Transformar > Distorsionar y mueve el punto de la esquina superior derecha para alinearlo con la esquina superior derecha del rectángulo negro
Paso 6
Sigue arrastrando los puntos de las esquinas hasta que se alineen todas las esquinas del rectángulo amarillo con la imagen negra en perspectiva y se cubra toda el área:
Paso 7
Ahora puedes eliminar la capa "Perspectiva" seleccionándola en el panel Capas y eligiendo Capa > Eliminar > Capa.
2. Cómo preparar la insignia con Illustrator
Paso 1
Necesitamos un logotipo o insignia para completar la escena. Esta insignia será un elemento destacado que luego se grabará en la textura de la madera.
Por suerte, Envato Elements cuenta con una amplia gama de insignias y elementos vectoriales de alta calidad listos para usar. Suscríbete para desbloquear un número ilimitado de insignias, plantillas, fotos y mucho más por una cuota mensual.
En este tutorial usaremos una insignia que viene de Insignias y Logos Vol.01. Descárgalo y ábrelo con Illustrator.
Paso 2
Abre el archivo vectorial .ai con Adobe Illustrator. Mientras abres el archivo, es posible que aparezca una ventana que te avise que el documento utiliza fuentes que no están disponibles actualmente en el ordenador. No te preocupes por eso: todas las fuentes son de uso gratuito, y puedes encontrar un archivo de texto dentro de la carpeta con todas las referencias y enlaces para descargar cada fuente.
Para el propósito de este tutorial, he utilizado las siguientes fuentes gratuitas para insignias:
Paso 3
Una vez que termines con las fuentes, elige la herramienta Selección (V). Ahora selecciona la insignia "Vintage Knights" (o cualquier insignia que te guste).
Copia la insignia pulsando Editar > Copiar o pulsando Comando-C.
Crea un nuevo documento de 350 x 350 px en Adobe Illustrator.
Por último, pega la insignia que se acaba de copiar eligiendo Edición > Pegar o pulsando Comando-V.
Paso 4
Con la herramienta Selección (V), mueve la insignia sobre el área gris, fuera del lienzo blanco.
Paso 5
Antes de importar la insignia a nuestra escena en Photoshop, tenemos que ampliar la apariencia, convertir todo el texto en formas vectoriales, y eliminar el área blanca que se revela ahora que hemos movido la insignia a la zona gris.
Si la insignia no está seleccionada, selecciónela haciendo clic en ella con la herramienta Selección (V).
En el menú superior, selecciona Objeto > Expandir apariencia.
De nuevo, seleccione Objeto > Expandir. Aparecerá una ventana de diálogo; selecciona Objeto y Relleno y pulsa OK:
Paso 6
Localiza el panel Buscatrazos. Si no puedes ver el panel, ábrelo eligiendo Ventana > Buscatrazos.
Elige un recorte.
Paso 7
Ahora que la insignia es 100% de formas vectoriales, podemos eliminar el área blanca. Elige la herramienta Varita mágica, y mueve el cursor sobre un área blanca y haz clic para seleccionar todas las áreas blancas de la insignia. Si lo necesitas, amplia el lienzo utilizando la herramienta Zoom (Z). Cuando todas las áreas blancas de la insignia estén seleccionadas, elimínelas eligiendo, en el menú superior, Edición > Cortar.
3. Cómo incluir la insignia en la escena
Paso 1
Seguimos en el espacio de trabajo de Adobe Illustrator. Si la insignia no está seleccionada, selecciónala haciendo clic en ella con la herramienta Selección (V). Copiamos la insignia ve a Edición > Copiar o pulsando Comando-C.
Paso 2
Vuelve a Photoshop y haz doble clic en la imagen en miniatura de los Objetos inteligentes. Esto abrirá el contenido del objeto inteligente en una nueva ventana de Photoshop. Aquí puedes hacer los cambios que quieras y, una vez que estés satisfecho, sólo tienes que guardar el archivo y el objeto inteligente de Photoshop se actualizará cuando vuelvas a él.
En el panel Capas, desactiva la visibilidad de la capa del rectángulo amarillo y pega la insignia que acabas de copiar eligiendo Edición > Pegar o pulsando Comando-V.
En el cuadro de diálogo, selecciona Objeto Inteligente y pulsa OK:
Paso 3
Localiza la barra de opciones superior y establece la posición de la insignia en 633,50 x 406,50 px y su dimensión en 666% para los campos de Ancho y Alto. Cuando hayas terminado, pulsa ENTER en tu teclado:
Paso 4
Guarda el documento seleccionando Archivo > Guardar o utilizando el atajo de teclado Comando-S.
Vuelve al documento principal y verás que el objeto inteligente se ha actualizado con los últimos cambios. La insignia, de hecho, ha tomado la perspectiva del objeto inteligente.
4. Cómo grabar la insignia en la madera
Paso 1
Establece el Relleno de la capa "Objeto Inteligente" a 0%:
Paso 2
Duplica la capa "Objeto Inteligente" cinco veces ve a Capa > Nueva > Capa Vía Copia.
Ahora cambia el nombre y agrupa las capas como se muestran en la imagen de abajo.
A partir de ahora, cuando necesites reemplazar la insignia en tu objeto inteligente, puedes utilizar la capa "Objeto inteligente", haciendo clic en ella y editando el contenido.
Paso 3
Vamos a empezar a añadir algunos estilos de capa a la capa "Efecto 5". Abre el panel de Estilos de capa y añade un nuevo efecto Bisel y relieve. Establece el color para el Modo resaltado en #ffffff, el color para el Modo de sombra en #000000, y establece el resto como se indica a continuación:
Paso 4
Añade un nuevo efecto de Sombra interior, establece el color para el Modo de fusión en #000000, y establece el resto como sigue:
Paso 5
Añade un nuevo efecto Satinado, establece el color para el Modo de fusión en #3b2b25, y establece el resto como sigue:
Paso 6
Añade un nuevo efecto Sombra de gota, establece el color para el Modo de fusión en #ffffff, y establece el resto como sigue:
Paso 7
Ahora vamos a añadir algunos estilos de capa a la capa "Efecto 4".
Abre el panel de Estilo de capa y añade un nuevo efecto de Sombra interior, establece el color de Modo de fusión en#000000, y establece el resto como sigue:
Paso 8
Añade un nuevo efecto de Superposición de motivo y establece las opciones como se muestra en la imagen de abajo:
Haz clic en la miniatura del motivo y luego en el pequeño engranaje para abrir el menú desplegable.Elige Papel en escala de grises y luego haz clic en el primer motivo llamado "Black Weaved".
Paso 9
Añade un nuevo efecto de Sombra caída, establece el color del Modo de fusión en #b07555, y establece el resto como sigue:
Paso 10
Vamos a añadir un estilo de capa a la capa "Efecto 3".
Abre el panel de Estilo de capa y añade un nuevo efecto de Sombra interior, establece el color de Modo de fusión en #000000, y establece el resto como se indica a continuación:
Paso 11
Vamos a añadir un estilo de capa a la capa "Efecto 2".
Abre el panel de Estilo de capa y añade un nuevo efecto de Sombra interior, establece el color de Modo de fusión a #000000, y establece el resto como se indica a continuación:
Paso 12
Vamos a añadir un estilo de capa a la capa "Efecto 1".
Abre el panel Estilo de capa y añade un nuevo efecto de Sombra interior, establece el color del Modo de fusión en #000000, y establece el resto como se indica a continuación:
Paso 13
Añade un nuevo efecto de Superposición de degradado y configura las opciones como se indican a continuación:
Haz clic en la pequeña ventana del degradado para editar el color del mismo.
- Ajusta la primera detención de color en el Color
#696969y la Ubicación en 0%. - Ajusta la segunda detención de color en el Color
#d9d9d9y la Ubicación en 100%.
Felicidades, ¡ya está terminado!
En este tutorial hemos aprendido a crear una maqueta de logotipo grabada en madera con Adobe Photoshop.
Espero que hayas disfrutado de mi tutorial y aprendido algo nuevo. No dudes en dejar tus comentarios, sugerencias y resultados en la sección de abajo.
¡Que disfrutes con Photoshop!
