19
24/01/12 10:56 Efecto texto de fuego en Photoshop CS5 | Photoshop y Tutoriales Página 1 de 19 file:///Users/Megapack/Desktop/carpeta/Efecto%20texto%20de%20fue…20Photoshop%20CS5%20%7C%20Photoshop%20y%20Tutoriales.webarchive Photoshop y Tutoriales Efecto texto de fuego en Photoshop CS5 Tutoriales 8 diciembre 2011 | 3 Comentarios Etiquetas: diseño , efecto fuego en texto , efecto texto , photoshop , texto de fuego , tutorial de photoshop cs5 Tweet Tweet 11

Efecto Texto de Fuego en Photoshop CS5 | Photoshop y Tutoriales

Embed Size (px)

Citation preview

24/01/12 10:56Efecto texto de fuego en Photoshop CS5 | Photoshop y Tutoriales

Página 1 de 19file:///Users/Megapack/Desktop/carpeta/Efecto%20texto%20de%20fue…20Photoshop%20CS5%20%7C%20Photoshop%20y%20Tutoriales.webarchive

Photoshop y Tutoriales

Efecto texto de fuego en Photoshop CS5Tutoriales 8 diciembre 2011 | 3 Comentarios

Etiquetas: diseño, efecto fuego en texto, efecto texto, photoshop, texto de fuego, tutorial de photoshop cs5

TweetTweet 11

24/01/12 10:56Efecto texto de fuego en Photoshop CS5 | Photoshop y Tutoriales

Página 2 de 19file:///Users/Megapack/Desktop/carpeta/Efecto%20texto%20de%20fue…20Photoshop%20CS5%20%7C%20Photoshop%20y%20Tutoriales.webarchive

El efecto texto de fuego es uno de los efectos de texto en que más he practicado, en este tutorial dephotoshop quiero mostrarte una técnica aprendida, gracias a tutoriales de photoshop en inglésoriginalmente y otros tutoriales de photoshop en español, con el tiempo he aprendido que la forma mássencilla de crear este efecto en texto es la que te mostraré a continuación.

Este es el resultado del tutorial:

Antes de comenzar el tutorial debo indicarte que al final puedes descargar el psd para que lo tengas en tucomputadora y puedas estudiar directamente del psd, no obstante te invito a guardar este artículo en favoritoso tus marcadores para repasar posteriormente los pasos del tutorial.

La versión que utilicé es la CS5 de Photoshop, pero es un tutorial que puedes hacer en cualquier versión deesta aplicación de Adobe.

Al finalizar el tutorial estarás en capacidad de crear efecto de fuego tanto en palabras completas como crearindividualmente letras con efecto de fuego en photoshop.

Comenzamos creando un documento nuevo de 600px * 400px fondo negro a 72dpi.

Ya en el documento escribimos la palabra photoshop, tipo de letra verdana estilo bold, tamaño 90pt y color#c52020.

24/01/12 10:56Efecto texto de fuego en Photoshop CS5 | Photoshop y Tutoriales

Página 3 de 19file:///Users/Megapack/Desktop/carpeta/Efecto%20texto%20de%20fue…20Photoshop%20CS5%20%7C%20Photoshop%20y%20Tutoriales.webarchive

Para crear el efecto de distorsión vamos a hacer uso de la herramienta dedo y con una presión (intensidad) de80% vamos a deformar cada una de las letras de la palabra, al dar clic sobre la letra p te aparecerá unmensaje al que darás clic en ok.

24/01/12 10:56Efecto texto de fuego en Photoshop CS5 | Photoshop y Tutoriales

Página 4 de 19file:///Users/Megapack/Desktop/carpeta/Efecto%20texto%20de%20fue…20Photoshop%20CS5%20%7C%20Photoshop%20y%20Tutoriales.webarchive

Con el diámetro configurado y la intensidad seleccionada procedemos a distorsionar la letra p:

24/01/12 10:56Efecto texto de fuego en Photoshop CS5 | Photoshop y Tutoriales

Página 5 de 19file:///Users/Megapack/Desktop/carpeta/Efecto%20texto%20de%20fue…20Photoshop%20CS5%20%7C%20Photoshop%20y%20Tutoriales.webarchive

El truco aquí es dar clic en la parte solida del texto y de ahí mantener presionado el Mouse y soltarlo fuera,procura no hacer trazos lineales sino curvos para lograr mejor el efecto de deistorción, este paso es muyimportante ya que de esto dependerá la extensión de la llama que formaremos luego.

Sigue así con cada una de las letras hasta que termines la palabra:

24/01/12 10:56Efecto texto de fuego en Photoshop CS5 | Photoshop y Tutoriales

Página 6 de 19file:///Users/Megapack/Desktop/carpeta/Efecto%20texto%20de%20fue…20Photoshop%20CS5%20%7C%20Photoshop%20y%20Tutoriales.webarchive

A partir de aquí empezamos a crear el fuego, lo que está basado en un juego de colores, ingresa a lasopciones de fusión de esa capa y configura los valores como te los muestro a continuación:

24/01/12 10:56Efecto texto de fuego en Photoshop CS5 | Photoshop y Tutoriales

Página 7 de 19file:///Users/Megapack/Desktop/carpeta/Efecto%20texto%20de%20fue…20Photoshop%20CS5%20%7C%20Photoshop%20y%20Tutoriales.webarchive

24/01/12 10:56Efecto texto de fuego en Photoshop CS5 | Photoshop y Tutoriales

Página 8 de 19file:///Users/Megapack/Desktop/carpeta/Efecto%20texto%20de%20fue…20Photoshop%20CS5%20%7C%20Photoshop%20y%20Tutoriales.webarchive

Presiona OK, y tu documento de photoshop debería tener el siguiente aspecto:

Ahora presiona CTRL + clic sobre la miniatura de la capa, a esto se le llama cargar selección, y sabes que lohaz hecho bien porque aparecen unas líneas que recorren el texto.

24/01/12 10:56Efecto texto de fuego en Photoshop CS5 | Photoshop y Tutoriales

Página 9 de 19file:///Users/Megapack/Desktop/carpeta/Efecto%20texto%20de%20fue…20Photoshop%20CS5%20%7C%20Photoshop%20y%20Tutoriales.webarchive

A continuación dirigete al menú Selección / modificar / contraer y escribe 3 como valor

Inserta una capa nueva y a continuación presiona la tecla ALT + Backspace para rellenar lo que tienesseleccionado con el color de primer plano.

He ocultado la capa inferior para que veas lo que se está rellenando:

24/01/12 10:56Efecto texto de fuego en Photoshop CS5 | Photoshop y Tutoriales

Página 10 de 19file:///Users/Megapack/Desktop/carpeta/Efecto%20texto%20de%20fu…20Photoshop%20CS5%20%7C%20Photoshop%20y%20Tutoriales.webarchive

Ahora ingresa a las opciones de fusión de esta última capa de photoshop y configura las opciones de fusióncomo te indico:

24/01/12 10:56Efecto texto de fuego en Photoshop CS5 | Photoshop y Tutoriales

Página 11 de 19file:///Users/Megapack/Desktop/carpeta/Efecto%20texto%20de%20fu…20Photoshop%20CS5%20%7C%20Photoshop%20y%20Tutoriales.webarchive

En el caso del Bisel y relieve lo único que nos interesa es el Contorno cambiarlo a Cono invertido:

24/01/12 10:56Efecto texto de fuego en Photoshop CS5 | Photoshop y Tutoriales

Página 12 de 19file:///Users/Megapack/Desktop/carpeta/Efecto%20texto%20de%20fu…20Photoshop%20CS5%20%7C%20Photoshop%20y%20Tutoriales.webarchive

De regreso en nuestro documento de photoshop cs5, si has seguido los pasos deberías tener algo como esto:

Ahora solo nos falta el fondo, que no es mas que una rejilla (que incluyo en el psd), para que tome el tonorojizo inserta una nueva capa y rellénala de color #c52020, justamente encima de esa capa incluye la rejilla

24/01/12 10:56Efecto texto de fuego en Photoshop CS5 | Photoshop y Tutoriales

Página 13 de 19file:///Users/Megapack/Desktop/carpeta/Efecto%20texto%20de%20fu…20Photoshop%20CS5%20%7C%20Photoshop%20y%20Tutoriales.webarchive

con modo de fusión Luz intensa (en este punto es bueno jugar con los valores del modo de fusión porqueestos cambian y podrías encontrarte con un resultado más ajustado a tus necesidades), ya con esto la rejillatoma el tono rojizo:

Para finalizar inserta una capa encima de la rejilla, ingresa a las opciones de fusión y aplícale unasuperposición de degradado de negro a blanco. Cuando regreses a la capa conviértela en objeto inteligente ycambia su modo de fusión a Oscurecer:

24/01/12 10:56Efecto texto de fuego en Photoshop CS5 | Photoshop y Tutoriales

Página 14 de 19file:///Users/Megapack/Desktop/carpeta/Efecto%20texto%20de%20fu…20Photoshop%20CS5%20%7C%20Photoshop%20y%20Tutoriales.webarchive

Comparte esto: Email Digg Print Facebook StumbleUpon TweetTweet 11

Inicio de sesión

Juegos de Mario Bros 0

Y de esta forma finalizamos con este tutorial para crear efecto texto de fuego de photoshop cs5 queespero te se de utilidad.

Como recomendación final, recuerda practicar, la práctica hace al maestro, si quieres llegar a ser un másteren diseño o un máster en photoshop empieza por crear tus propias versiones de tutoriales que veas eninternet.

En resumen, para recrear el efecto fuego en texto debes jugar con los valores del degradado y para simularlas llamas debes distorcionar el texto, cuando aplicas los colroes sobre la capa los resultados saleninstantáneamente.

Puedes descargar el psd gratis desde mediafire [2.31 Mb]

0

Comentarios (2)Ordenar por: Fecha Valuación Ultima actividad

· hace 6 semanas

Muchas gracias es el primero que me sale, muy bien explicado My recent post Busca los numeros ocultos

24/01/12 10:56Efecto texto de fuego en Photoshop CS5 | Photoshop y Tutoriales

Página 15 de 19file:///Users/Megapack/Desktop/carpeta/Efecto%20texto%20de%20fu…20Photoshop%20CS5%20%7C%20Photoshop%20y%20Tutoriales.webarchive

Responder

Walter Alvarez 83p +2

Responder

Introduzca el texto aquí!

Nombre Correo electrónico

Comenta como "invitado", o inicia sesión:

Aparece junto a tus comentarios. No se muestra públicamente.

Enviar comentario

1 reply · activo hace 6 semanas

· hace 104989 semanas

que bueno que lo hiciste!. Bendiciones

Publicar un comentario nuevo

Suscribirse a Ninguno

Loading IntenseDebate Comments...

Recibenos en tu Email

Escribe tu direccion de Email en el cuadro de abajo y recibe las Novedades Diarias del Blog:

Subscribirme

Delivered by FeedBurner

Subscribe to RSS

Bienvenido (a)

24/01/12 10:56Efecto texto de fuego en Photoshop CS5 | Photoshop y Tutoriales

Página 16 de 19file:///Users/Megapack/Desktop/carpeta/Efecto%20texto%20de%20fu…20Photoshop%20CS5%20%7C%20Photoshop%20y%20Tutoriales.webarchive

Photoshop y Tutoriales es un blog de diseño.

En este blog encontratrás además de tutoriales de photoshop, degradados, pinceles para photoshop, temasSEO, marketing y cursos gratuitos con actualización periódica.

Siguenos en Facebook

? !35 Portadas de Libros que debes ver parainspirar tu proximo diseño

TweetTweet 6

RECOMENDADO

1Like

Buscar en el blog de diseño

Buscar

Te recomiendo leer

Curso gratis de photoshopCurso gratis de diseño webTutorialesPinceles para Photoshop

Lo mas reciente

+100 iconos gratis para diseño webVectores gratis: patrones de rejillasFotos de Aguilas9 Texturas de madera exclusivas para lectores del blogWordPress 3.3.1, actualizacion de seguridad

Categorias

24/01/12 10:56Efecto texto de fuego en Photoshop CS5 | Photoshop y Tutoriales

Página 17 de 19file:///Users/Megapack/Desktop/carpeta/Efecto%20texto%20de%20fu…20Photoshop%20CS5%20%7C%20Photoshop%20y%20Tutoriales.webarchive

adsense (7)brushes photoshop (124)cms (1)Cpanel (10)Curso de Paginas Web (29)Curso de Wordpress (4)Curso Indesign (3)curso photoshop cs4 (56)Diseño Web (45)dreamweaver (2)e-book (3)facebook (3)fotomanipulaciones (40)Gadget (10)google (12)herramientas online (10)html5 (1)humor (14)iconos (155)inspiracion (348)Joomla (5)layer-style (18)marketing con videos (4)Noticias (132)pagina web gratis (3)photoshop (92)plantillas powerpoint (3)posicionamiento en buscadores (33)psd gratis (153)Recursos (362)reflexiones (12)Relejacion (4)Soluciones SEO TV (1)solucionesseotv (1)Superacion personal (3)Texturas (43)tipografia (6)Tutoriales (181)twitteros (3)Varios (61)vectores (159)video-tutoriales (65)wordpress (70)

Nube de etiquetas

24/01/12 10:56Efecto texto de fuego en Photoshop CS5 | Photoshop y Tutoriales

Página 18 de 19file:///Users/Megapack/Desktop/carpeta/Efecto%20texto%20de%20fu…20Photoshop%20CS5%20%7C%20Photoshop%20y%20Tutoriales.webarchive

3d blog blogs colores corel creatividad cs5 curso photoshop cs4 descargar iconos descargar iconos gratis descargar psd diseñodiseño grafico diseños Diseño Web eps fotomanipulaciones html iconos gratis illustrator ilustraciones

inspiracion Noticias paginas web photoshop photoshop cs4 pinceles pinceles para photoshop psd psdgratis Recursos redes sociales seo tutorial tutorial de photoshop tutoriales de photoshop tutorial photoshop twitter vectoresvectores gratis vectores para corel vectores para illustrator web wordpress íconos

Admin

RegistrarseAccederRSS de las entradasRSS de los comentariosWordPress.org

En Twitter

La importancia de escuchar al cliente http://t.co/tLk88qLx @ptutoriales6 hours agoComo invertir en un negocio de forma segura http://t.co/aGHVAkOj @ptutoriales6 hours agoLas 55 preguntas mas frecuentes en una entrevista http://t.co/byxbsJiR @ptutoriales6 hours agoImportancia del formato RAW en la fotografía digital http://t.co/MPD92sqW @ptutoriales6 hours agoComentario en: http://t.co/e7ZfXBhN 9 Texturas de madera exclusivas para lectores del blog@ptutoriales11 hours ago

Enlaces

BlogaramaDescargar psdHosting económico

Intercambio con

Blog InformáticaDiseño de Paginas webDiseño web y SEOEatonWeb Blog Directoryinformacion digitalLearn Spanish in NicaraguaPosicionamiento Seo y AdsenseTutoriales para disenadores y desarrolladores

Recomendadas

24/01/12 10:56Efecto texto de fuego en Photoshop CS5 | Photoshop y Tutoriales

Página 19 de 19file:///Users/Megapack/Desktop/carpeta/Efecto%20texto%20de%20fu…20Photoshop%20CS5%20%7C%20Photoshop%20y%20Tutoriales.webarchive

Backlink ServiceBlog Flux DirectoryBrushes PhotoshopComo hacer un blogDiego Bermúdez | Blog de diseño gráficoLee mis artículos en: www.EscriWin.comRecursos Para Tu BlogSEO en españolSuperacion personalTecnologíaTutoriales gratisVectores gratisVisitas para tu web

Ultimos Comentarios

Walter Alvarez en 9 Texturas de madera exclusivas para lectores del blogBelina en 9 Texturas de madera exclusivas para lectores del blogWalter Alvarez en Macrofotografia: acercamientos impresionantes a insectos depredadoreswilson en Macrofotografia: acercamientos impresionantes a insectos depredadoresWalter Alvarez en +100 iconos gratis para diseño web

Páginas

ContáctameEnlazanosPrivacidadTerminos y Condiciones

Photoshop y Tutoriales, es un blog de diseño: PSD gratis, tutoriales, vectores, y mucho más. Todos losderechos reservados. Los logos corresponden a sus respectivos dueños