SlideShare una empresa de Scribd logo
1 de 10
Descargar para leer sin conexión
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
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
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
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
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
Tutorial Photoshop: Efecto Cromado

6
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
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
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
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

Más contenido relacionado

La actualidad más candente (8)

Trabajando con degradados
Trabajando con degradadosTrabajando con degradados
Trabajando con degradados
 
Proyecto scratch juego
Proyecto scratch juegoProyecto scratch juego
Proyecto scratch juego
 
Cmaps tool
Cmaps tool Cmaps tool
Cmaps tool
 
Creacion de texto metalico
Creacion  de texto metalicoCreacion  de texto metalico
Creacion de texto metalico
 
Página web gratuita creación
Página web gratuita creaciónPágina web gratuita creación
Página web gratuita creación
 
Unidad 5
Unidad 5Unidad 5
Unidad 5
 
Aprender a hacer presentaciones multimedia
Aprender a hacer presentaciones multimediaAprender a hacer presentaciones multimedia
Aprender a hacer presentaciones multimedia
 
Nombre o frase photoshop
Nombre o frase photoshopNombre o frase photoshop
Nombre o frase photoshop
 

Destacado (6)

Catalog guam 2012
Catalog guam 2012Catalog guam 2012
Catalog guam 2012
 
Presentación UAV Labs
Presentación UAV LabsPresentación UAV Labs
Presentación UAV Labs
 
Science technology and innovation policy review iraq
Science technology and innovation policy review iraqScience technology and innovation policy review iraq
Science technology and innovation policy review iraq
 
Auditorias2
Auditorias2Auditorias2
Auditorias2
 
Lealtad
LealtadLealtad
Lealtad
 
อเมริกาเหนือ2
อเมริกาเหนือ2อเมริกาเหนือ2
อเมริกาเหนือ2
 

Similar a Photoshop tutorial efecto cromado

Luis Alfredo Gonzalez Valdes
Luis Alfredo Gonzalez ValdesLuis Alfredo Gonzalez Valdes
Luis Alfredo Gonzalez Valdes
luis_gonzalez
 
Texto Infierno - Tutorial de Photoshop
Texto Infierno - Tutorial de PhotoshopTexto Infierno - Tutorial de Photoshop
Texto Infierno - Tutorial de Photoshop
galiapedroza
 
Técnicas avanzadas y ajustes de capas
Técnicas avanzadas y ajustes de capasTécnicas avanzadas y ajustes de capas
Técnicas avanzadas y ajustes de capas
Yiixezita Molzhiitu
 
Tutorial de letras medievales
Tutorial de letras medievalesTutorial de letras medievales
Tutorial de letras medievales
Josimar07
 
Tuto pag web_gimp
Tuto pag web_gimpTuto pag web_gimp
Tuto pag web_gimp
Innove Host
 

Similar a Photoshop tutorial efecto cromado (20)

Luis Alfredo Gonzalez Valdes
Luis Alfredo Gonzalez ValdesLuis Alfredo Gonzalez Valdes
Luis Alfredo Gonzalez Valdes
 
Texto Infierno - Tutorial de Photoshop
Texto Infierno - Tutorial de PhotoshopTexto Infierno - Tutorial de Photoshop
Texto Infierno - Tutorial de Photoshop
 
Tecnicasavanzadasycapasdeajustes
TecnicasavanzadasycapasdeajustesTecnicasavanzadasycapasdeajustes
Tecnicasavanzadasycapasdeajustes
 
Técnicas avanzadas y ajustes de capas
Técnicas avanzadas y ajustes de capasTécnicas avanzadas y ajustes de capas
Técnicas avanzadas y ajustes de capas
 
Trabajo como crear un texto tipo fuego en photoshop
Trabajo como crear un texto tipo fuego en photoshopTrabajo como crear un texto tipo fuego en photoshop
Trabajo como crear un texto tipo fuego en photoshop
 
Manual de actividades de PhotoShop
Manual de actividades de PhotoShopManual de actividades de PhotoShop
Manual de actividades de PhotoShop
 
Importacion de graficos
Importacion de graficosImportacion de graficos
Importacion de graficos
 
M14 taller practico
M14 taller practicoM14 taller practico
M14 taller practico
 
Tutoriales de _photoshop_terra
Tutoriales de _photoshop_terraTutoriales de _photoshop_terra
Tutoriales de _photoshop_terra
 
Ejercicios photoshop
Ejercicios photoshop Ejercicios photoshop
Ejercicios photoshop
 
Ejercicios photoshop i(1) copia
Ejercicios photoshop i(1)   copiaEjercicios photoshop i(1)   copia
Ejercicios photoshop i(1) copia
 
actividades de photoshop.pdf
actividades de photoshop.pdfactividades de photoshop.pdf
actividades de photoshop.pdf
 
actividades de photoshop.pdf
actividades de photoshop.pdfactividades de photoshop.pdf
actividades de photoshop.pdf
 
Ejercicios photoshop i(1)
Ejercicios photoshop i(1)Ejercicios photoshop i(1)
Ejercicios photoshop i(1)
 
Desarrollo 5
Desarrollo 5Desarrollo 5
Desarrollo 5
 
Luis eduardo mora osejo
Luis eduardo mora osejoLuis eduardo mora osejo
Luis eduardo mora osejo
 
tutorial adriana multimedia
tutorial adriana multimedia tutorial adriana multimedia
tutorial adriana multimedia
 
Tutorial de letras medievales
Tutorial de letras medievalesTutorial de letras medievales
Tutorial de letras medievales
 
Tuto pag web_gimp
Tuto pag web_gimpTuto pag web_gimp
Tuto pag web_gimp
 
Tuto pag web_gimp
Tuto pag web_gimpTuto pag web_gimp
Tuto pag web_gimp
 

Más de María Luisa Paredes (20)

Reto prehistorico
Reto prehistoricoReto prehistorico
Reto prehistorico
 
Costes final
Costes finalCostes final
Costes final
 
Dirección de arte (presentación1)
Dirección de arte (presentación1)Dirección de arte (presentación1)
Dirección de arte (presentación1)
 
geampy
geampygeampy
geampy
 
Lista 1
Lista 1Lista 1
Lista 1
 
Lista aula final bien
Lista  aula final  bienLista  aula final  bien
Lista aula final bien
 
Listaaula en panol
Listaaula en panolListaaula en panol
Listaaula en panol
 
Matriz de actividades 1
Matriz de actividades 1Matriz de actividades 1
Matriz de actividades 1
 
Manzanilla hornimans (canson)
Manzanilla hornimans  (canson)Manzanilla hornimans  (canson)
Manzanilla hornimans (canson)
 
Manzanilla hornimans s
Manzanilla hornimans sManzanilla hornimans s
Manzanilla hornimans s
 
Manzanilla hornimans troquelado
Manzanilla hornimans troqueladoManzanilla hornimans troquelado
Manzanilla hornimans troquelado
 
Manzanilla hornimans
Manzanilla hornimansManzanilla hornimans
Manzanilla hornimans
 
Manzanilla hornimans impresion
Manzanilla hornimans impresionManzanilla hornimans impresion
Manzanilla hornimans impresion
 
Manzanilla hornimans datos
Manzanilla hornimans datosManzanilla hornimans datos
Manzanilla hornimans datos
 
Manzanilla hornimans
Manzanilla hornimansManzanilla hornimans
Manzanilla hornimans
 
Newarq separaciones
Newarq separacionesNewarq separaciones
Newarq separaciones
 
Newarq
NewarqNewarq
Newarq
 
Newarq separaciones
Newarq separacionesNewarq separaciones
Newarq separaciones
 
8a8c
8a8c8a8c
8a8c
 
Newarq separaciones
Newarq separacionesNewarq separaciones
Newarq separaciones
 

Photoshop tutorial efecto cromado

  • 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
  • 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