Como usar Photoshop

Como usar Photoshop

Tutoriales y consejos sobre cómo usar Photoshop

Texto de Call of Duty con Photoshop

Seguro que para los fans de Call of Duty este tutorial les va a interesar. Para quien no conozca Call of Duty, se trata de un juego bélico que permite jugar online y se ha creado una gran comunidad en torno a él. Son miles las personas que juegan cada día a este juego y ha salido gran merchandising en torno a esta marca. Hoy veremos cómo puedes hacerte tu propio merchandising con este tutorial para hacer el texto de Call of Duty con Photoshop. También podrás personalizar tu nombre para que se vea al más puro estilo Call of Duty.

Tutorial para hacer el texto de Call of Duty con Photoshop

call-of-duty

El primer paso fundamental para poder hacer nuestro texto de Call of Duty con Photoshop es crear un nuevo archivo. Vamos a ir paso a paso para que todos los usuarios de Photoshop de distintos niveles puedan seguir este tutorial. Abrimos Photoshop y nos vamos hasta Archivo -> Nuevo. Esto también lo podemos hacer pulsando en las teclas Ctrl + N. Nos aparecerá una pantalla para elegir el tamaño del documento, hemos optado por elegir un documento grande y poder así trabajar mejor, ya habrá tiempo después para poder reducir las medidas del documento. Elegimos 800 píxeles de ancho por 400 píxeles de largo y con fondo negro. Automáticamente nos aparecerá en pantalla el documento en negro con las medidas seleccionadas.

Nos vamos ahora hasta la barra de herramientas situado en la parte izquierda de Photoshop. Si por defecto no te aparece actívala desde el menú Ventana. En la parte inferior hay una «T» mayúscula, la seleccionamos y podremos comenzar a escribir en el documento. La fuente del texto de Call of Duty es Impact, la buscamos desde la parte superior y elegimos unas dimensiones de 180 puntos. El color que elegimos es el blanco. Si te fijas en nuestra imagen las letras «of» las hemos hecho más pequeñas, a unos 50 puntos. Hazlas en otra capa para poder moverlas y ajustarlas al texto tal como aparece en el logotipo de este videojuego.

texto-call-of-duty-en-photoshop-1

 

Es el turno ahora de modificar el texto para darle el efecto del logotipo. Estos pasos son fundamentales para que el texto se parezca bastante a la composición que queremos imitar. La mayoría de estas opciones las haremos desde Opciones de fusión. Para acceder a estas opciones pulsamos con el segundo botón encima de la capa de texto. Pero antes combinamos la capa de ambos textos creados para poder aplicar las opciones de fusión a ambos textos a la vez. Para combinar las capas dejamos ambas capas visibles (y el fondo le quitamos el ojo para que no sea visible) y nos vamos hasta Capas -> Combinar visibles.

Hecho esto ya podemos comenzar con las opciones de fusión:

Bisel y relieve. En esta opción optamos por las siguientes características:

  • Estilo: Inglete exterior
  • Técnica: Cincel duro
  • Profundidad: 100%
  • Tamaño: 2px
  • Suavizar: 0px
  • Ángulo 120º
  • Altitud 30
  • Y el color de las últimas opciones es el #548d9a con Modo normal y opacidad 100%

La siguiente de las opciones de fusión es Resplandor interior, que queda así:

  • Modo de fusión: Normal
  • Opacidad: 75%
  • Color blanco
  • Técnica: Más suavizado
  • Origen: Borde
  • Retraer: 7%
  • Tamaño: 10px
  • Calidad: Rango 50%

En Superposición de degradado (también una de las opciones de fusión), lo ponemos en multiplicar y elegimos el siguiente color para el degradado al 100%: #183d45. El ángulo de 90º y una escala de 100.

Por último nos queda la superposición de motivo de estas opciones de fusión que hemos aplicado a nuestro texto de Call of Duty en Photoshop. Rellenamos nuestro texto con una textura, donde dice Motivo dentro de superposición de motivo elegimos la opción que dice «rellenar con textura 2» y elegimos la que se ve en la siguiente imagen:

texto-call-of-duty-en-photoshop-6

 

La ponemos en modo de fusión Luz fuerte, la opacidad la bajamos al 30% y la escala la dejamos en 100%. Y hecho esto ya habremos terminado con nuestras opciones de fusión. Si, en el paso de combinar capas te perdiste, existe una opción en Photoshop que te permite copiar los efectos que aplicaste a una capa para pasarlos a otra capa. Para hacer esto pulsamos con el segundo botón en la capa de texto que hemos aplicado los efectos y  seleccionamos «copiar estilo de capa», repetimos el proceso en la capa que no hemos aplicado ningún efecto y esta vez seleccionamos «pegar estilos de capa».

Terminando nuestro texto de Call of Duty en Photoshop

Con el efecto terminado ya hemos terminado nuestro tutorial. Ahora te toca ir probando con este tutorial para hacer distintas versiones. Puedes poner tu nombre en este estilo para añadirlo en alguna firma de un foro o una camiseta. También puedes copiar el texto y pegarlo donde quieras para ir haciendo distintas composiciones. Como siempre decimos la imaginación en Photoshop no tiene límites y con estas pequeñas técnicas que te vamos dando día a día en nuestro blog puedes realizar auténticas obras de arte.

Hacer un texto de oro en Photoshop

Ya hemos visto en más de una ocasión cómo hacer un texto diferente en Photoshop para salirnos de los colores monocromáticos. Hoy vamos a ver uno de estos tutoriales para hacer un texto diferente, concretamente hablaremos sobre cómo hacer un texto de oro en Photoshop. Este texto nos puede servir para definirlo como nuestro logo, añadirlo a alguna firma de un foro y simplemente para entretenernos aprendiendo nuevas cosas en Photoshop. La mejor forma de aprender a utilizar Photoshop es ir conociendo técnicas y llevándolas a la práctica, además de ir modificando los tutoriales a tu gusto para sacar tus propios estilos.

Crear un texto de oro en Photoshop paso a paso

Texto oro Photoshop

El primero paso para crear un texto de oro en Photoshop es abrir un nuevo documento. Con Photoshop abierto nos vamos hasta Archivo – > Nuevo y elegimos un tamaño con el fondo blanco. Mejor si el tamaño de la imagen es grande para poder trabajar más cómodo, ya habrá tiempo de hacer más pequeño el texto para poder añadirlo a otras composiciones. Por ejemplo, nosotros hemos creado un documento de 800 x 600 píxeles y como digo, con fondo blanco.

El siguiente paso consiste en añadir el texto a nuestra composición. Como siempre que queremos insertar un texto nos vamos hasta la barra de herramientas de la izquierda y seleccionamos la «T» que hace referencia a esta herramienta de texto. Elegimos una fuente y comenzamos a escribir. Pero antes elegimos en la parte superior de la pantalla, donde pone ‘aa’, la opción redondeado.Podéis elegir la fuente que queráis  nosotros hemos optado por una clásica, la fuente Verdana, y con un tamaño de 120 puntos. Centramos el texto y podemos continuar.

Vamos ahora a añadir algunos efectos a nuestro texto. Desde el bloque de capas vamos a añadir una sombra paralela al texto. Pulsando encima de la capa de texto con el segundo botón nos aparece un menú. Buscamos opciones de fusión y entramos. Elegimos sombra paralela con las siguiente características:

3-sombra-paralela

Vamos a repetir este paso (segundo botón en capa – > opciones de fusión) pero esta vez no vamos a elegir sombra paralela, elegiremos Bisel y Relieve con los siguientes datos:

  • Color Modo  Resaltado: F5F1C4
  • Color de Sombra: 4B2B01

Y las siguientes opciones:

4-bisel

 

El resultado hasta ahora posiblemente no tiene nada que ver con lo esperado pero sigamos dando efectos a nuestra composición para conseguir el objetivo, un texto de oro con Photoshop. Vamos ahora a aplicar un efecto Contorno. Mismo procedimiento que antes, Opciones de fusión sobre el texto y nos vamos hasta la pestaña de Contorno. Todas estas modificaciones en Opciones de fusión las puedes hacer sin salirte, todas de una y luego darle a Ok para que hagan efecto los cambios.El contorno lo dejamos como esta imagen que os adjunto:

5-contorno1

Llegamos a la parte importante de nuestro tutorial, donde vamos a modificar la textura de nuestro bisel y relieve. Sin salirnos de las Opciones de fusión nos vamos hasta la pestaña de Textura y aplicamos los siguientes cambios:

6-textura

 

Si tenías otras texturas puestas te dirá si quieres cambiar las texturas por estas nuevas. Dices que sí y eliges la textura de pluma de pincel sobre lienzo. Si tu Photoshop es más reciente, posiblemente te aparezca sólo pincel sobre lienzo, lo seleccionas. A esta textura le ponemos una escala de 41% y una profundidad de 180. Marcamos las opciones de Invertir y enlazar con capa.

Como veis todo el trabajo lo estamos realizando en las opciones de fusión. Pero esto no termina aquí, vámonos ahora hasta Superposición de colores y añadimos las siguientes opciones:

8-superposicion

Toca aplicar ahora la superposición de motivos para que nuestro texto parezca aún más a ese estilo propio del oro. Otra vez desde opciones de fusión ponemos el motivo con las siguientes opciones:

9-motivo

 

El texto se habrá fundido con la imagen, pero no os preocupéis, vamos ahora a aplicar un trazo desde, como no, las opciones de fusión. Aseguraros de utilizar el color #C69E43 y que el trazo quede con las siguientes características:

10-trazo

 

Guardar y publicar nuestro texto de oro en Photoshop

Tras este último paso ya podemos guardar y publicar nuestra composición. Nosotros la hemos puesto sobre un fondo negro para que el resultado sea mucho mejor. El oro con el negro es como mejor contrasta y de ahí que hayamos optado por este color de fondo. Seleccionas el texto y lo pegas en una nueva imagen con el fondo negro.

Ya estamos listos para guardar la imagen y poder usar nuestro texto en oro en donde queramos. Vamos hasta Archivo y buscamos en Guardar cómo o Guardar para página web. Elegimos el formato en que queremos guardar y listo, nuestro tutorial de hacer un texto en oro en Photoshop termina aquí. Pero antes os doy un consejo, si no tenéis tiempo para hacer el tutorial entero de una vez, puedes guardar la composición como .psd e ir editándola conforme tengas tiempo.

Texto en 3D en Photoshop

Vamos a crear un texto en 3D con Photoshop que se pueda incluir en tu portfolio de diseñador. Porque con este texto seguro que sorprendes a todo el mundo, el resultado es genial.

Realizando un texto en 3D con Photoshop

texto-3d

Lo primero que tenemos que hacer es crear un nuevo documento de 1920 × 1200 píxeles. Selecciona la herramienta Texto y escribe el texto que quieras. Puedes elegir el tipo de letra que quieras, así como el tamaño de la fuente. Mueve el centro hacia el centro para que puedas trabajar mejor con él.

Para colocar el texto perfectamente en el centro, selecciona el texto y las capas de fondo, cambia a la herramienta Mover y haz clic en el botón Alinear situado en el centro de la barra de opciones.

A continuación vamos a convertir el texto en 3D. Para ello, haz clic en la capa de texto y seleccione Nueva extrusión 3D de la capa. Dependiendo de la complejidad de tu texto, Photoshop puede dar el mensaje de que el texto es demasiado complicado para que sean procesados. Si esto sucede, es necesario hacerlo más sencillo para simplificar el camino.

Una vez que has convertido el texto en una extrusión 3D, Photoshop cambiará a la interfaz 3D. Volvemos atrás en el panel Capas y seleccionamos la capa de fondo. Vamos a convertir esto en un objeto 3D para que podamos usarlo como un muro para el texto 3D. Hacemos clic en la capa de fondo y seleccionamos Postal. Vuelve al panel Capas y seleccione las dos capas. Combinar las capas en una sola capa 3D pulsando ctrl + E.

En el siguiente paso vamos a empezar por reducir el grosor del texto 3D. Seleccionamos la capa de texto en 3D en el panel 3D. En el panel Propiedades, reduzca el ajuste de la profundidad de extrusión. Se puede conseguir un resultado mejor si vas a 3D> Render para hacer un render rápido de la escena. Photoshop comenzará el procesamiento de la imagen y cuando se vea lo suficientemente bien, haz clic en cualquier lugar para detener el render. Siga ajustando la configuración y prestación hasta que obtenga los resultados que más te gusten. Para mi texto, he utilizado una profundidad de extrusión de 100.

Ahora vamos a hacer el texto con un toque de oro. Seleccionamos las capas de material de texto en el panel 3D. Puedes seleccionar varias capas.En el panel Propiedades cambia los ajustes de Materiales. Para empezar, establezca el color difusón a un color amarillo-naranja. El color que estoy usando es #FFC000 .

En este paso vamos a alinear la capa de texto con la capa de fondo. Cambia su visión de la cámara a la izquierda, haz clic en el cuadro de vista en la esquina inferior derecha y elige la izquierda. A continuación, seleccione el texto y los grupos de las capas de fondo. Puedes seleccionar varias capas manteniendo pulsada la tecla Ctrl. Seleccionamos la herramienta Mover y hacemos clic en el botón bordes izquierdos para que se alineen en la barra de opciones. Ahora el texto se alinea con el fondo y puedes cambiar la vista de nuevo a la vista predeterminada de la cámara.

Representamos la escena pulsando Alt + Shift + Ctrl + R para obtener una vista previa de cómo será el texto. Todo se ve bastante plano y si te gusta de esta manera, puedes dejar que Photoshop haga toda la escena y guardar la imagen así. Podemos hacer mucho más para hacer que nuestro texto mejore considerablemente añadiendo algunas luces. La iluminación es un tema muy amplio y que desempeña un papel importante en el aspecto que tendrá el texto 3D. Hay muchas maneras de iluminar el texto 3D, pero te mostraré la forma más sencilla.

Iluminar nuestro texto 3D

Para agregar una luz a la escena, haz clic en el botón Nueva Luz en su panel 3D y elija Nuevo punto de luz. Vamos a colocar esta luz en la esquina superior derecha del texto. Mover una luz al lugar perfecto requiere un poco de experiencia con 3D, pero hay una manera más fácil de hacer esto. Seleccionamos la herramienta Mover y ajustamos el modo 3D para girar en la barra de opciones. Y listo, jugando con las luces ya tenemos nuestro texto en 3D con Photoshop.

Opciones de texto en Photoshop

Ya hemos en algún tutorial de nuestro blog la herramienta de texto en Photshop. Hoy iremos un poco más allá pues vamos a ver las opciones de texto que podemos encontrar en este programa de diseño. Estas opciones son menores que las que podemos encontrar en programas propiamente de texto como Word pero aún así podemos centrar el texto, aumentar la separación entre líneas, etc.

Editar el texto con Photoshop

texto-en-photoshop

Tras abrir un documento y elegir la herramienta de texto podemos empezar con el tutorial para ver todas las opciones de texto existentes en Photoshop. En la barra superior podemos cambiar la fuente, el tamaño de la misma y poner el texto en cursiva, en negrita, en itálica, etc.

Si seguimos en la barra superior hacia la derecha nos encontramos un botón para cambiar la alineación de nuestro texto. Podemos ponerlo centrado, a la izquierda o a la derecha. Para ello tan sólo tenemos que seleccionar el texto y pulsar en dicho botón.

Por último tenemos las opciones más completas en el botón que tiene forma de carpeta alargada. Pulsamos en ella y aquí es donde podemos cambiar la separación entre las líneas, poner el texto como subíndice o superíndice y un sin fin de opciones.

Nuestro texto con Photoshop

El resultado de aplicar estas opciones a nuestro texto es la imagen que acompaña  este artículo. Como veis está alineada a la derecha, en negrita, con Myriad Pro como fuente y además está en cursiva. ¿Podéis hacerla igual?

Crear un texto profesional con Photoshop

En el tutorial de hoy vamos a crear rápidamente un texto profesional. Para ello utilizaremos la herramienta texto y la herramienta de rellenar para crear un texto profesional en apenas unos segundos.

Logo profesional sencillo

como-usar-photoshop

Lo primero que tenemos que hacer es abrir un nuevo archivo, por ejemplo de 500px por 500px en blanco. Lo rellenamos de negro con el bote de pintura o pulsando en Edición > Rellenar > Color Frontal. De esta forma nos quedará nuestra imagen toda rellenada de negro.

El siguiente paso es escribir el texto del logo. Nosotros hemos optado por un color verde muy vivo para darle a nuestro logo un equilibrio entre lo oscuro del fondo y lo vivo de las letras. ¡Queda muy bien! Como fuente hemos utilizado la fuente Century Ghotic y la hemos puesto en negrita.

Para darle un efecto distinto pulsamos en Edición > Perspectiva y vamos jugando hasta que se nos quede como nosotros queremos. Nuestro resultado ha sido una imagen muy divertida pero que nos sirve para poder utilizar en cualquier presentación donde queramos sorprender. Esta herramienta Perspectiva la podemos utilizar para un texto pero también para una imagen. Los efectos son realmente profesionales.

Terminar nuestro logo profesional con Photoshop

Por último y para concluir nuestro logo profesional con Photoshop tan solo nos queda ir hasta Archivo > Guardar para web. Hecho esto ya podremos guardar nuestra imagen para poder enviarla por correo, subirla una web o insertarla en cualquier otro documento de texto o de presentación de diapositivas.