View
435
Download
3
Category
Preview:
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
Recommended