Autor Tema: [Tutorial] Usar Xara 3D Maker y Photoshop para crear logo Arcade  (Leído 5150 veces)

0 Usuarios y 1 Visitante están viendo este tema.

Desconectado mezurashii

  • Usuario
  • *
  • Mensajes: 9
  • Gracias 5
  • Ciudad: Caracas, Venezuela
[Tutorial] Usar Xara 3D Maker y Photoshop para crear logo Arcade
« en: Septiembre 28, 2014, 08:28:30 pm »
Advertisement
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!! ;)
« Última modificación: Septiembre 29, 2014, 01:51:23 am por mezurashii »



Desconectado gomas

  • VIP
  • *
  • Mensajes: 2810
  • Gracias 23
  • Ciudad: Galicia
Re:[Tutorial] Usar Xara 3D Maker y Photoshop para crear logo Arcade
« Respuesta #1 en: Septiembre 28, 2014, 10:35:07 pm »
que bien queda,  no pierdas las buenas  costumbres, que se agradecen un montón este tipo de tutoriales

Desconectado mezurashii

  • Usuario
  • *
  • Mensajes: 9
  • Gracias 5
  • Ciudad: Caracas, Venezuela
Re:[Tutorial] Usar Xara 3D Maker y Photoshop para crear logo Arcade
« Respuesta #2 en: Septiembre 29, 2014, 02:38:04 am »
que bien queda,  no pierdas las buenas  costumbres, que se agradecen un montón este tipo de tutoriales

Gracias por comentar, espero que sea de provecho el tuto...

Acabo de publicar otra buena costumbre...  afro
http://arcadespain.info/Foro/index.php?topic=2975.0

Saludos!!

Desconectado Kenzo

  • El amo de los recres
  • ****
  • Mensajes: 1094
  • Gracias 65
  • Ciudad: Alcalá de Henares (Madrid)
  • Pais: España
Re:[Tutorial] Usar Xara 3D Maker y Photoshop para crear logo Arcade
« Respuesta #3 en: Septiembre 29, 2014, 04:16:59 am »
Gracias, estos tutoriales nos hacen crecer e idear mas cosas.

Desconectado empardopo

  • Admin
  • *
  • Mensajes: 22015
  • Gracias 763
  • Espero mejorar al KungFu Master!
    • Mi canal de Youtube
  • Ciudad: Norte de África
  • Pais: Escoña
  • Iniciales nick: EPP
Re:[Tutorial] Usar Xara 3D Maker y Photoshop para crear logo Arcade
« Respuesta #4 en: Septiembre 29, 2014, 07:15:21 am »
mezurashii, muchas gracias por compartir con nosotros.

La mejor conjunta para SEO
Amiga Games+



Portables Arcades





Desconectado mezurashii

  • Usuario
  • *
  • Mensajes: 9
  • Gracias 5
  • Ciudad: Caracas, Venezuela
Re:[Tutorial] Usar Xara 3D Maker y Photoshop para crear logo Arcade
« Respuesta #5 en: Septiembre 29, 2014, 02:24:35 pm »
mezurashii, muchas gracias por compartir con nosotros.

Gracias a ti por comentar empardopo...

Quería comentarte que publiqué este tutorial en la sección equivocada, intenté eliminarlo pero o me dejaba. Si pudieras moverlo tú como administrador a la sección de tutoriales te lo agradecería.
Saludos!!

Desconectado empardopo

  • Admin
  • *
  • Mensajes: 22015
  • Gracias 763
  • Espero mejorar al KungFu Master!
    • Mi canal de Youtube
  • Ciudad: Norte de África
  • Pais: Escoña
  • Iniciales nick: EPP
Re:[Tutorial] Usar Xara 3D Maker y Photoshop para crear logo Arcade
« Respuesta #6 en: Septiembre 29, 2014, 03:39:51 pm »
Movido!

La mejor conjunta para SEO
Amiga Games+



Portables Arcades





Desconectado mezurashii

  • Usuario
  • *
  • Mensajes: 9
  • Gracias 5
  • Ciudad: Caracas, Venezuela
Re:[Tutorial] Usar Xara 3D Maker y Photoshop para crear logo Arcade
« Respuesta #7 en: Septiembre 29, 2014, 07:04:01 pm »

Desconectado arkim

  • Usuarios normales
  • *
  • Mensajes: 185
  • Gracias 12
  • Ciudad: san vicente (alicante)
  • Pais: españa
  • Iniciales nick: ark
Re:[Tutorial] Usar Xara 3D Maker y Photoshop para crear logo Arcade
« Respuesta #8 en: Diciembre 31, 2014, 01:27:04 am »
gracias cuando tenga tiempo me pongo

 


* [Amiga] The lost pixel  Autor: empardopo Foro: Recomendaciones de juegos 10/12/2024 (17:05)
* [Amiga] Glubble  Autor: empardopo Foro: Recomendaciones de juegos 10/12/2024 (14:34)
* Reto Amiguero 25 - Green Beret  Autor: empardopo Foro: Commodore Amiga 10/12/2024 (13:07)
* Reto 25 - Green Beret - jordani11 179.350 puntos - Recordman neoslug 254050  Autor: empardopo Foro: Competiciones y concursos 10/12/2024 (12:43)
* Retro Portable Maker ArcadeSpain (RPMA)  Autor: empardopo Foro: Otros programas 10/12/2024 (12:39)
* [Amiga] PP Hammer  Autor: empardopo Foro: Recomendaciones de juegos 10/12/2024 (11:49)
* Amiga Games + 2.0.2  Autor: empardopo Foro: Emuladores 10/12/2024 (07:56)
* Van dos y se cae el del medio - Hilo de cachondeo general  Autor: empardopo Foro: Offtopic 10/12/2024 (07:41)
* ¿A qué estáis jugando ahora mismo?  Autor: Zael Foro: Offtopic 09/12/2024 (20:14)
* Sinfonola (JukeBox) en Raspberry pi  Autor: Zael Foro: Raspberry 09/12/2024 (20:11)
* [Recomendación] Cine para los findes en casa (bueno, bonito y barato)  Autor: Zael Foro: Offtopic 09/12/2024 (20:07)
* Buscador de productos Amazon en el Banner  Autor: empardopo Foro: Noticias 03/12/2024 (07:20)
* Reto 30 - Snow Bros - Trauman 1786340  Autor: Zael Foro: Competiciones y concursos 02/12/2024 (23:52)
* Reto 36 - Pooyan - nii-sam 339300 puntos  Autor: Zael Foro: Competiciones y concursos 02/12/2024 (23:45)
* Reto 293 - King & Balloon  Autor: Zael Foro: Competiciones y concursos 02/12/2024 (23:40)
* Recopilatorio Retos: Desde el 1 hasta .....  Autor: empardopo Foro: Competiciones y concursos 02/12/2024 (08:10)
* Reto 318 - Photon Ball  Autor: empardopo Foro: Competiciones y concursos 02/12/2024 (08:08)
* Reto 323 - Plotting  Autor: empardopo Foro: Competiciones y concursos 02/12/2024 (07:50)
* Reto 324 - Vasara  Autor: empardopo Foro: Competiciones y concursos 02/12/2024 (07:38)
* EmulatorJS  Autor: empardopo Foro: Emuladores 02/12/2024 (07:35)
* Ofertas Amazon  Autor: empardopo Foro: Offtopic 02/12/2024 (07:29)
* El megapost del ZX Spectrum  Autor: empardopo Foro: Offtopic 01/12/2024 (07:53)
* [Recomendacion] Series para ver  Autor: empardopo Foro: Offtopic 30/11/2024 (13:08)
* Decálogo del Empleado Saturado  Autor: empardopo Foro: Offtopic 27/11/2024 (13:48)
* Reto 322 - Hard Times  Autor: empardopo Foro: Competiciones y concursos 25/11/2024 (20:54)
* Reto 321 - Joust 2 - Survival of the Fittest  Autor: empardopo Foro: Competiciones y concursos 25/11/2024 (20:40)
* Reto 319 - Action Hollywood  Autor: empardopo Foro: Competiciones y concursos 24/11/2024 (10:08)
* Reto 320 - Wizard of wor  Autor: empardopo Foro: Competiciones y concursos 24/11/2024 (09:56)
* El Aventurero Feliz  Autor: empardopo Foro: Offtopic 24/11/2024 (08:32)
* Reto 105 - Super Sprint  Autor: empardopo Foro: Competiciones y concursos 23/11/2024 (12:54)

Reto 324 - Vasara