1. Tutorial Photoshop: Efecto Cromado
Photoshop Tutorial: Colored Chrome Text Effect
Tutorial Photoshop: Efecto Texto de Color Cromado
August 25th, 2008 - Design, PS Tutorials
25 de Agosto del 2008 Diseño PS Tutoriales
We’ve seen many photoshop tutorials showing how to create the chrome text effect. In this
tutorial we will go a step further and create a colored chrome text effect.
First we need a bold rounded font. We can get a free one from urbanfonts.com. Let’s pick
Adira Display. Then create a new file. Dimensions should be 500px x 500px. A dark gray
background is just fine. Don’t pick black as we are going to adjust that part later with an
adjustment layer. Write the world BIG in a new layer with font size of 190pt approx. Like
the image below:
Hemos visto muchos tutoriales de Photoshop que muestra cómo crear el efecto de texto cromado.
En este tutorial vamos a ir un paso más allá y crear un efecto de texto de color cromo.
Primero necesitamos una fuente en negrita redondeada. Podemos conseguir uno libre de
urbanfonts.com. Vamos a recoger Adira Display. A continuación, cree un nuevo archivo. Las
dimensiones deben ser 500px x 500px. Un fondo gris oscuro está bien. No recoja negro como
vamos a ajustar la parte posterior con una capa de ajuste. Escribe el mundo BIG en una nueva capa
con el tamaño de la fuente de 190pt aprox. Al igual que la imagen de abajo:
1

2. Tutorial Photoshop: Efecto Cromado
Double click on the font layer to bring up the layer styles window. Click on Gradient
overlay and create the gradient that you will see on the following image.
Haga doble clic en la capa de texto para que aparezca la ventana de estilos de capa. Haga clic en la
superposición de degradado y crear el gradiente que se pueden ver en la siguiente imagen.
We will need 6 colors and the values (from left to right) are:
Necesitaremos 6 colores y los valores (de izquierda a derecha) son:
2

3. Tutorial Photoshop: Efecto Cromado
1. #bedeec
2. #bcb7d7
3. #f0c9d7
4. #f5c8b5
5. #f5f2ca
6. #dff3fe
Now we should have the following image:
Ahora podremos ver la siguiente imagen:
Back in the layer styles click on Satin and enter the following settings:
De vuelta en los estilos de capa, haga clic en el satinado y entran en los siguientes valores:
And now we should have something like this:
3

4. Tutorial Photoshop: Efecto Cromado
Y ahora debemos tener algo como esto:
Now we are going to apply the following styles. Inner glow, Outer glow, Inner Shadow and
Drop Shadow. Let’s see the settings for each one of them.
Ahora vamos a aplicar los siguientes estilos. Resplandor interior y Resplandor exterior, Sombra
paralela. Vamos a ver los valores de cada uno de ellos.
Inner glow
Resplandor interior
4

5. Tutorial Photoshop: Efecto Cromado
Outer glow
Resplandor exterior
Inner shadow uses a custom Contour setting which can be seen in the following image:
Sombra interior utiliza un ajuste de contorno personalizado que se puede ver en la siguiente
imagen:
5

6. Tutorial Photoshop: Efecto Cromado
6

7. Tutorial Photoshop: Efecto Cromado
Drop Shadow
Sombra paralela
Great. You should now see something like this:
Grande. Ahora debería ver algo como esto:
It looks OK but we can improve it. Actually it doesn’t look like chrome yet. We need to
apply the following Bevel and Emboss style to get there. Let’s see the settings. The custom
Contour can be found on the following image too:
7

8. Tutorial Photoshop: Efecto Cromado
Se ve bien, pero podemos mejorarlo. En realidad no se ve como el cromo todavía. Tenemos que
aplicar el siguiente bisel y relieve estilo para llegar allí. Vamos a ver los ajustes. El contorno de
encargo se puede encontrar en la siguiente imagen también:
8

9. Tutorial Photoshop: Efecto Cromado
And we should get this:
Y debemos tener presente:
Ah. That’s better. A bit darker would do the trick don’t you think? Let’s do it then. Go to
Layer -> Add Adjustment Layer -> Exposure and enter the following settings:
Ah. Eso está mejor. Un poco más oscuro que hacer el truco ¿no crees? Hagámoslo entonces. Ir a
Capa -> Añadir Capa de Ajuste -> Exposición e introduzca los siguientes valores:
Let’s see our final result:
9

10. Tutorial Photoshop: Efecto Cromado
Vamos a ver el resultado final:
Really nice effect don’t you think?
Hint: If you remove the gradient layer now, you get a really nice black and white chrome
effect like this:
Got a better result? Just give us your link!
Realmente bonito efecto ¿no crees?
Sugerencia: Si se quita la capa de degradado ahora, se obtiene un muy buen efecto cromado en
blanco y negro de esta manera:
¿Tienes un mejor resultado? Sólo nos dan su enlace!
-----------------
10