Академический Документы
Профессиональный Документы
Культура Документы
24/01/12 10:56
Photoshop y Tutoriales
Efecto texto de fuego en Photoshop CS5
Tutoriales 8 diciembre 2011 | 3 Comentarios
Tweet
11
Etiquetas: diseo, efecto fuego en texto, efecto texto, photoshop, texto de fuego, tutorial de photoshop cs5
file:///Users/Megapack/Desktop/carpeta/Efecto%20texto%20de%20fue20Photoshop%20CS5%20%7C%20Photoshop%20y%20Tutoriales.webarchive
Pgina 1 de 19
24/01/12 10:56
El efecto texto de fuego es uno de los efectos de texto en que ms he practicado, en este tutorial de photoshop quiero mostrarte una tcnica aprendida, gracias a tutoriales de photoshop en ingls originalmente y otros tutoriales de photoshop en espaol, con el tiempo he aprendido que la forma ms sencilla de crear este efecto en texto es la que te mostrar a continuacin. 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 tu computadora y puedas estudiar directamente del psd, no obstante te invito a guardar este artculo en favoritos o tus marcadores para repasar posteriormente los pasos del tutorial. La versin que utilic es la CS5 de Photoshop, pero es un tutorial que puedes hacer en cualquier versin de esta aplicacin de Adobe. Al finalizar el tutorial estars en capacidad de crear efecto de fuego tanto en palabras completas como crear individualmente 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, tamao 90pt y color #c52020.
file:///Users/Megapack/Desktop/carpeta/Efecto%20texto%20de%20fue20Photoshop%20CS5%20%7C%20Photoshop%20y%20Tutoriales.webarchive
Pgina 2 de 19
24/01/12 10:56
Para crear el efecto de distorsin vamos a hacer uso de la herramienta dedo y con una presin (intensidad) de 80% vamos a deformar cada una de las letras de la palabra, al dar clic sobre la letra p te aparecer un mensaje al que dars clic en ok.
file:///Users/Megapack/Desktop/carpeta/Efecto%20texto%20de%20fue20Photoshop%20CS5%20%7C%20Photoshop%20y%20Tutoriales.webarchive
Pgina 3 de 19
24/01/12 10:56
file:///Users/Megapack/Desktop/carpeta/Efecto%20texto%20de%20fue20Photoshop%20CS5%20%7C%20Photoshop%20y%20Tutoriales.webarchive
Pgina 4 de 19
24/01/12 10:56
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 deistorcin, este paso es muy importante ya que de esto depender la extensin de la llama que formaremos luego. Sigue as con cada una de las letras hasta que termines la palabra:
file:///Users/Megapack/Desktop/carpeta/Efecto%20texto%20de%20fue20Photoshop%20CS5%20%7C%20Photoshop%20y%20Tutoriales.webarchive
Pgina 5 de 19
24/01/12 10:56
A partir de aqu empezamos a crear el fuego, lo que est basado en un juego de colores, ingresa a las opciones de fusin de esa capa y configura los valores como te los muestro a continuacin:
file:///Users/Megapack/Desktop/carpeta/Efecto%20texto%20de%20fue20Photoshop%20CS5%20%7C%20Photoshop%20y%20Tutoriales.webarchive
Pgina 6 de 19
24/01/12 10:56
file:///Users/Megapack/Desktop/carpeta/Efecto%20texto%20de%20fue20Photoshop%20CS5%20%7C%20Photoshop%20y%20Tutoriales.webarchive
Pgina 7 de 19
24/01/12 10:56
Ahora presiona CTRL + clic sobre la miniatura de la capa, a esto se le llama cargar seleccin, y sabes que lo haz hecho bien porque aparecen unas lneas que recorren el texto.
file:///Users/Megapack/Desktop/carpeta/Efecto%20texto%20de%20fue20Photoshop%20CS5%20%7C%20Photoshop%20y%20Tutoriales.webarchive Pgina 8 de 19
24/01/12 10:56
Inserta una capa nueva y a continuacin presiona la tecla ALT + Backspace para rellenar lo que tienes seleccionado con el color de primer plano. He ocultado la capa inferior para que veas lo que se est rellenando:
file:///Users/Megapack/Desktop/carpeta/Efecto%20texto%20de%20fue20Photoshop%20CS5%20%7C%20Photoshop%20y%20Tutoriales.webarchive
Pgina 9 de 19
24/01/12 10:56
Ahora ingresa a las opciones de fusin de esta ltima capa de photoshop y configura las opciones de fusin como te indico:
file:///Users/Megapack/Desktop/carpeta/Efecto%20texto%20de%20fu20Photoshop%20CS5%20%7C%20Photoshop%20y%20Tutoriales.webarchive
Pgina 10 de 19
24/01/12 10:56
En el caso del Bisel y relieve lo nico que nos interesa es el Contorno cambiarlo a Cono invertido:
file:///Users/Megapack/Desktop/carpeta/Efecto%20texto%20de%20fu20Photoshop%20CS5%20%7C%20Photoshop%20y%20Tutoriales.webarchive
Pgina 11 de 19
24/01/12 10:56
De regreso en nuestro documento de photoshop cs5, si has seguido los pasos deberas 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 tono rojizo inserta una nueva capa y rellnala de color #c52020, justamente encima de esa capa incluye la rejilla
file:///Users/Megapack/Desktop/carpeta/Efecto%20texto%20de%20fu20Photoshop%20CS5%20%7C%20Photoshop%20y%20Tutoriales.webarchive Pgina 12 de 19
24/01/12 10:56
con modo de fusin Luz intensa (en este punto es bueno jugar con los valores del modo de fusin porque estos cambian y podras encontrarte con un resultado ms ajustado a tus necesidades), ya con esto la rejilla toma el tono rojizo:
Para finalizar inserta una capa encima de la rejilla, ingresa a las opciones de fusin y aplcale una superposicin de degradado de negro a blanco. Cuando regreses a la capa convirtela en objeto inteligente y cambia su modo de fusin a Oscurecer:
file:///Users/Megapack/Desktop/carpeta/Efecto%20texto%20de%20fu20Photoshop%20CS5%20%7C%20Photoshop%20y%20Tutoriales.webarchive
Pgina 13 de 19
24/01/12 10:56
Y de esta forma finalizamos con este tutorial para crear efecto texto de fuego de photoshop cs5 que espero te se de utilidad. Como recomendacin final, recuerda practicar, la prctica hace al maestro, si quieres llegar a ser un mster en diseo o un mster en photoshop empieza por crear tus propias versiones de tutoriales que veas en internet. En resumen, para recrear el efecto fuego en texto debes jugar con los valores del degradado y para simular las llamas debes distorcionar el texto, cuando aplicas los colroes sobre la capa los resultados salen instantneamente. Puedes descargar el psd gratis desde mediafire [2.31 Mb]
0
Comparte esto:
Digg
StumbleUpon
Tweet
11
Comentarios (2)
Ordenar por: Fecha Valuacin Ultima actividad Juegos de Mario Bros hace 6 semanas Muchas gracias es el primero que me sale, muy bien explicado My recent post Busca los numeros ocultos
Inicio de sesin
file:///Users/Megapack/Desktop/carpeta/Efecto%20texto%20de%20fu20Photoshop%20CS5%20%7C%20Photoshop%20y%20Tutoriales.webarchive
Pgina 14 de 19
24/01/12 10:56
Responder
Walter Alvarez 83p hace 104989 semanas que bueno que lo hiciste!. Bendiciones
Responder
+2
Correo electrnico
No se muestra pblicamente.
Suscribirse a Ninguno
Enviar comentario
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)
file:///Users/Megapack/Desktop/carpeta/Efecto%20texto%20de%20fu20Photoshop%20CS5%20%7C%20Photoshop%20y%20Tutoriales.webarchive Pgina 15 de 19
24/01/12 10:56
Photoshop y Tutoriales es un blog de diseo. En este blog encontratrs adems de tutoriales de photoshop, degradados, pinceles para photoshop, temas SEO, marketing y cursos gratuitos con actualizacin peridica.
Siguenos en Facebook
RECOMENDADO
Te recomiendo leer
Curso gratis de photoshop Curso gratis de diseo web Tutoriales Pinceles para Photoshop
Lo mas reciente
+100 iconos gratis para diseo web Vectores gratis: patrones de rejillas Fotos de Aguilas 9 Texturas de madera exclusivas para lectores del blog WordPress 3.3.1, actualizacion de seguridad
Categorias
file:///Users/Megapack/Desktop/carpeta/Efecto%20texto%20de%20fu20Photoshop%20CS5%20%7C%20Photoshop%20y%20Tutoriales.webarchive Pgina 16 de 19
24/01/12 10:56
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) Diseo 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
file:///Users/Megapack/Desktop/carpeta/Efecto%20texto%20de%20fu20Photoshop%20CS5%20%7C%20Photoshop%20y%20Tutoriales.webarchive
Pgina 17 de 19
24/01/12 10:56
3d
blog blogs colores corel creatividad cs5 curso photoshop cs4 descargar iconos descargar iconos gratis descargar psd
diseo
diseo grafico diseos Diseo Web eps fotomanipulaciones html iconos gratis illustrator ilustraciones
inspiracion Noticias paginas web photoshop photoshop cs4 pinceles pinceles para photoshop psd psd
gratis Recursos redes sociales seo tutorial tutorial de photoshop tutoriales de photoshop tutorial photoshop twitter vectores vectores gratis vectores para corel vectores para illustrator web wordpress conos Admin
Registrarse Acceder RSS de las entradas RSS de los comentarios WordPress.org
En Twitter
La importancia de escuchar al cliente http://t.co/tLk88qLx @ptutoriales6 hours ago Como invertir en un negocio de forma segura http://t.co/aGHVAkOj @ptutoriales6 hours ago Las 55 preguntas mas frecuentes en una entrevista http://t.co/byxbsJiR @ptutoriales6 hours ago Importancia del formato RAW en la fotografa digital http://t.co/MPD92sqW @ptutoriales6 hours ago Comentario en: http://t.co/e7ZfXBhN 9 Texturas de madera exclusivas para lectores del blog @ptutoriales11 hours ago
Enlaces
Blogarama Descargar psd Hosting econmico
Intercambio con
Blog Informtica Diseo de Paginas web Diseo web y SEO EatonWeb Blog Directory informacion digital Learn Spanish in Nicaragua Posicionamiento Seo y Adsense Tutoriales para disenadores y desarrolladores
Recomendadas
file:///Users/Megapack/Desktop/carpeta/Efecto%20texto%20de%20fu20Photoshop%20CS5%20%7C%20Photoshop%20y%20Tutoriales.webarchive Pgina 18 de 19
24/01/12 10:56
Backlink Service Blog Flux Directory Brushes Photoshop Como hacer un blog Diego Bermdez | Blog de diseo grfico Lee mis artculos en: www.EscriWin.com Recursos Para Tu Blog SEO en espaol Superacion personal Tecnologa Tutoriales gratis Vectores gratis Visitas para tu web
Ultimos Comentarios
Walter Alvarez en 9 Texturas de madera exclusivas para lectores del blog Belina en 9 Texturas de madera exclusivas para lectores del blog Walter Alvarez en Macrofotografia: acercamientos impresionantes a insectos depredadores wilson en Macrofotografia: acercamientos impresionantes a insectos depredadores Walter Alvarez en +100 iconos gratis para diseo web
Pginas
Contctame Enlazanos Privacidad Terminos y Condiciones
Photoshop y Tutoriales, es un blog de diseo: PSD gratis, tutoriales, vectores, y mucho ms. Todos los derechos reservados. Los logos corresponden a sus respectivos dueos
file:///Users/Megapack/Desktop/carpeta/Efecto%20texto%20de%20fu20Photoshop%20CS5%20%7C%20Photoshop%20y%20Tutoriales.webarchive
Pgina 19 de 19