Hola a todos! En esta oportunidad voy a enseñarles paso a paso cómo usar Xara 3D Maker y Photoshop para crear un bonito texto en 3D para el logo de nuestras creaciones Arcade.
En un principio preparé este tutorial para ayudar al amigo manuhulk de ArcadeForever con el logo de su bartop, pero aprovecho la oportunidad para compartirlo con todos.
Espero que lo disfruten y sea de provecho.
Nota: Necesitaremos el software Xara 3D Maker en cualquiera de sus versiones (yo uso la versión 7), lo pueden encontrar fácilmente goggleando. Y el Adobe Photoshop en cualquiera de sus versiones (yo uso Photoshop CC).
Paso 1:Abrimos Xara 3D para crear el texto base. Damos click en el botón "Text options" escribimos el texto y damos click en OK.
Para el ejemplo uso el texto "RETRO MACHINE" y la fuente usada es "ArcadeClassic" con un tamaño de 200pt.
Paso 2:En Opciones de extrusión (Extrusion options) en el panel de la derecha elegimos una profundidad (Depth) de 40, el ancho del trazo (Outline width) en 20 y en Opciones de vista (View options) le damos una rotación de -5º, -10º y 0º.
Paso 3:En las opciones de bisel (Bevel options) lo configuramos de esta manera:
Paso 4:Destildamos la sombra en Opciones de sombra (Shadow options) y en Opciones de color (Color options) podemos modificar los colores tanto del texto como de las luces.
Paso 5:Exportamos la imagen, Archivo > Exportar (File > Export).
Ahora nos vamos al Photoshop...
Paso 6:Abrimos la imagen PNG exportada desde Xara 3D Maker.
Paso 7:Ahora viene lo más tedioso... Con la varita mágica vamos seleccionamos la primera letra del logo y en una capa nueva rellenamos la selección con un color gris claro.
Esto lo debemos hacer con todas las letras del logo, una capa por cada letra.
Paso 8:Vamos a aplicarle los efectos... Necesitaremos aplicar 4 estilos de capa, se los muestro en imagenes:
Sombra paralela:Bisel y relieve:Bisel y relieve > Contorno:Superposición de degradado:Trazo:Aplica los mismos efectos a todas las letras y luego combina las capas.
Paso 9:A continuación vamos a aplicar sombra y desenfoques, duplicamos 3 veces la capa con el logo exportado desde Xara 3D Maker.
Las renombramos para evitar confusiones:
Paso 10:Manteniendo presionada la tecla "Ctrl" damos click en la miniatura de la capa que renombramos como sombra y vamos a Edición > Rellenar y elegimos Negro.
Ahora que la capa esta rellena de negro, la movemos hasta que parezca una sombra detrás del texto.
Le aplicamos un Desenfoque gaussiano con un radio de 10 pixels.
Paso 11:Vamos con los desenfoques... Seleccionamos la capa que renombramos "desenfoque 1", aplicamos Desenfoque de movimiento, con ángulo de -5º y distancia de 100 pixels.
Luego ajustamos la Transparencia de la capa a Luz suave con opacidad de 75%.
Paso 12:Ahora en la capa "desenfoque 2", aplicamos Desenfoque de movimiento, pero esta vez el ángulo en 90º y la distancia 120 pixels.
Luego cambiamos la opacidad de la capa a 50%.
Paso 13:Para añadirle unos toques finales voy a usar un pincel en el fondo aplicando diferentes trazos y opacidades hasta conseguir un buen resultado.
Paso 14:Nos situamos en la capa de arriba y vamos a añadir un ajuste de curvas.
Se pueden guiar de la imagen para configurar las curvas o hacerlo a gusto de cada quien.
Nota: deben ajustar las curvas de cada canal individualmente.
Paso 15:¡Casi listo! Vamos a combinar las capas y aplicamos Filtro > Enfoque > Enfoque suavizado y lo configuramos de esta manera:
Espero que les guste el resultado final.
Hasta un próximo tuto!!