{"id":13,"date":"2014-06-10T00:53:39","date_gmt":"2014-06-10T00:53:39","guid":{"rendered":"http:\/\/blog.espol.edu.ec\/ronofre\/?p=13"},"modified":"2014-06-10T00:56:16","modified_gmt":"2014-06-10T00:56:16","slug":"fuente-con-estilo-de-fuego-y-luz-en-photoshop","status":"publish","type":"post","link":"https:\/\/blog.espol.edu.ec\/ronofre\/2014\/06\/10\/fuente-con-estilo-de-fuego-y-luz-en-photoshop\/","title":{"rendered":"Fuente con estilo de Fuego y luz en Photoshop"},"content":{"rendered":"<p>Resultado final del tutoril<\/p>\n<p><a href=\"http:\/\/cdn4.psdvault.com\/img\/2013\/03\/fire-sparks-text-flatten.jpg\"><img loading=\"lazy\" decoding=\"async\" class=\"lazy alignnone size-medium wp-image-16006 data-lazy-ready\" title=\"Design Magical Fire Energy Text Effect in Photoshop\" src=\"http:\/\/cdn4.psdvault.com\/img\/2013\/03\/fire-sparks-text-flatten-500x615.jpg\" alt=\"fire sparks text flatten 500x615 Design Magical Fire Energy Text Effect in Photoshop\" width=\"500\" height=\"615\" \/><\/a><!--more--><\/p>\n<h3>Paso 1:<\/h3>\n<p>Crea un nuevodocumento en blanco con unas medidas aproximadas de 700px*1000px, usa la herramienta de degradad de la barra de herramientas de la parte izquierda y crea un degradado diagonal y usa un color oscuro (de preferencia negro) y un color a gusto (no tan claro para poder obtenet un buen resultado):<\/p>\n<p><a href=\"http:\/\/cdn4.psdvault.com\/img\/2013\/03\/1-grad.jpg\"><img loading=\"lazy\" decoding=\"async\" class=\"lazy alignnone size-medium wp-image-15986 data-lazy-ready\" title=\"Design Magical Fire Energy Text Effect in Photoshop\" src=\"http:\/\/cdn5.psdvault.com\/img\/2013\/03\/1-grad-500x659.jpg\" alt=\"1 grad 500x659 Design Magical Fire Energy Text Effect in Photoshop\" width=\"500\" height=\"659\" \/><\/a><\/p>\n<p>Ahora a\u00f1adimos unos puntos de luz con un pincel suave y color blanco, los puntos de luz los agregamos en una nueva capa:<\/p>\n<p><a href=\"http:\/\/cdn4.psdvault.com\/img\/2013\/03\/1-paint.jpg\"><img loading=\"lazy\" decoding=\"async\" class=\"lazy alignnone size-medium wp-image-15989 data-lazy-ready\" title=\"Design Magical Fire Energy Text Effect in Photoshop\" src=\"http:\/\/cdn6.psdvault.com\/img\/2013\/03\/1-paint-500x655.jpg\" alt=\"1 paint 500x655 Design Magical Fire Energy Text Effect in Photoshop\" width=\"500\" height=\"655\" \/><\/a><\/p>\n<p>Aplicamos un desenfoque de movimiento diagonal (filtros\/desenfoque\/desenfoque de movimiento):<\/p>\n<p><a href=\"http:\/\/cdn4.psdvault.com\/img\/2013\/03\/1-motion-blur.jpg\"><img loading=\"lazy\" decoding=\"async\" class=\"lazy alignnone size-full wp-image-15988 data-lazy-ready\" title=\"Design Magical Fire Energy Text Effect in Photoshop\" src=\"http:\/\/cdn4.psdvault.com\/img\/2013\/03\/1-motion-blur.jpg\" alt=\"1 motion blur Design Magical Fire Energy Text Effect in Photoshop\" width=\"471\" height=\"520\" \/><\/a><\/p>\n<p>Aplicamos otra vez el filtro de movimiento pero en un angulo diferente al anterior:<\/p>\n<p><a href=\"http:\/\/cdn6.psdvault.com\/img\/2013\/03\/1-motion-blur-2.jpg\"><img loading=\"lazy\" decoding=\"async\" class=\"lazy alignnone size-full wp-image-15987 data-lazy-ready\" title=\"Design Magical Fire Energy Text Effect in Photoshop\" src=\"http:\/\/cdn6.psdvault.com\/img\/2013\/03\/1-motion-blur-2.jpg\" alt=\"1 motion blur 2 Design Magical Fire Energy Text Effect in Photoshop\" width=\"472\" height=\"574\" \/><\/a><\/p>\n<p>Este es el efecto que queremos conseguir:<\/p>\n<p><a href=\"http:\/\/cdn6.psdvault.com\/img\/2013\/03\/1-effect1.jpg\"><img loading=\"lazy\" decoding=\"async\" class=\"lazy alignnone size-medium wp-image-15985 data-lazy-ready\" title=\"Design Magical Fire Energy Text Effect in Photoshop\" src=\"http:\/\/cdn5.psdvault.com\/img\/2013\/03\/1-effect1-500x477.jpg\" alt=\"1 effect1 500x477 Design Magical Fire Energy Text Effect in Photoshop\" width=\"500\" height=\"477\" \/><\/a><\/p>\n<h3>Paso 2:<\/h3>\n<p>Usa una tipografia al gusto y la aplicamos al proyecto:<\/p>\n<p><a href=\"http:\/\/cdn4.psdvault.com\/img\/2013\/03\/2-type.jpg\"><img loading=\"lazy\" decoding=\"async\" class=\"lazy alignnone size-full wp-image-15996 data-lazy-ready\" title=\"Design Magical Fire Energy Text Effect in Photoshop\" src=\"http:\/\/cdn4.psdvault.com\/img\/2013\/03\/2-type.jpg\" alt=\"2 type Design Magical Fire Energy Text Effect in Photoshop\" width=\"397\" height=\"450\" \/><\/a><\/p>\n<p>Aplicamos estilo a la capa de texto, dando doble clic a la capa de texto, usaremos los siguientes estilos:<\/p>\n<p>Bisel y relieve<\/p>\n<p><a href=\"http:\/\/cdn4.psdvault.com\/img\/2013\/03\/2-bevel.jpg\"><img loading=\"lazy\" decoding=\"async\" class=\"lazy alignnone size-medium wp-image-15990 data-lazy-ready\" title=\"Design Magical Fire Energy Text Effect in Photoshop\" src=\"http:\/\/cdn5.psdvault.com\/img\/2013\/03\/2-bevel-500x359.jpg\" alt=\"2 bevel 500x359 Design Magical Fire Energy Text Effect in Photoshop\" width=\"500\" height=\"359\" \/><\/a><\/p>\n<p>Contorno<\/p>\n<p><a href=\"http:\/\/cdn6.psdvault.com\/img\/2013\/03\/2-contour.jpg\"><img loading=\"lazy\" decoding=\"async\" class=\"lazy alignnone size-medium wp-image-15991 data-lazy-ready\" title=\"Design Magical Fire Energy Text Effect in Photoshop\" src=\"http:\/\/cdn5.psdvault.com\/img\/2013\/03\/2-contour-500x359.jpg\" alt=\"2 contour 500x359 Design Magical Fire Energy Text Effect in Photoshop\" width=\"500\" height=\"359\" \/><\/a><\/p>\n<p>Textura<\/p>\n<p><a href=\"http:\/\/cdn5.psdvault.com\/img\/2013\/03\/2-texture.jpg\"><img loading=\"lazy\" decoding=\"async\" class=\"lazy alignnone size-medium wp-image-15995 data-lazy-ready\" title=\"Design Magical Fire Energy Text Effect in Photoshop\" src=\"http:\/\/cdn4.psdvault.com\/img\/2013\/03\/2-texture-500x359.jpg\" alt=\"2 texture 500x359 Design Magical Fire Energy Text Effect in Photoshop\" width=\"500\" height=\"359\" \/><\/a><\/p>\n<p>Sombra Interior<\/p>\n<p><a href=\"http:\/\/cdn6.psdvault.com\/img\/2013\/03\/2-inner.jpg\"><img loading=\"lazy\" decoding=\"async\" class=\"lazy alignnone size-medium wp-image-15994 data-lazy-ready\" title=\"Design Magical Fire Energy Text Effect in Photoshop\" src=\"http:\/\/cdn4.psdvault.com\/img\/2013\/03\/2-inner-500x359.jpg\" alt=\"2 inner 500x359 Design Magical Fire Energy Text Effect in Photoshop\" width=\"500\" height=\"359\" \/><\/a><\/p>\n<p>Mapa de degradado<\/p>\n<p><a href=\"http:\/\/cdn6.psdvault.com\/img\/2013\/03\/2-grad.jpg\"><img loading=\"lazy\" decoding=\"async\" class=\"lazy alignnone size-medium wp-image-15993 data-lazy-ready\" title=\"Design Magical Fire Energy Text Effect in Photoshop\" src=\"http:\/\/cdn5.psdvault.com\/img\/2013\/03\/2-grad-500x359.jpg\" alt=\"2 grad 500x359 Design Magical Fire Energy Text Effect in Photoshop\" width=\"500\" height=\"359\" \/><\/a><\/p>\n<p>Usa un pincel con estilo de particulas (viene por defecto en photoshop) y le ponemos color rojo, ponemos peque\u00f1as particulas al rededor del texto:<\/p>\n<p><a href=\"http:\/\/cdn4.psdvault.com\/img\/2013\/03\/2-effect1.jpg\"><img loading=\"lazy\" decoding=\"async\" class=\"lazy alignnone size-full wp-image-15992 data-lazy-ready\" title=\"Design Magical Fire Energy Text Effect in Photoshop\" src=\"http:\/\/cdn4.psdvault.com\/img\/2013\/03\/2-effect1.jpg\" alt=\"2 effect1 Design Magical Fire Energy Text Effect in Photoshop\" width=\"448\" height=\"576\" \/><\/a><\/p>\n<h3>Paso 3:<\/h3>\n<p>Ahora pintaremos lineas alrdedor del texto para dar el efecto de energia, yo use un pincel duro de 2px, le colocamos dureza en 85%:<\/p>\n<p><a href=\"http:\/\/cdn6.psdvault.com\/img\/2013\/03\/3-brush.jpg\"><img loading=\"lazy\" decoding=\"async\" class=\"lazy alignnone size-medium wp-image-15997 data-lazy-ready\" title=\"Design Magical Fire Energy Text Effect in Photoshop\" src=\"http:\/\/cdn6.psdvault.com\/img\/2013\/03\/3-brush-500x359.jpg\" alt=\"3 brush 500x359 Design Magical Fire Energy Text Effect in Photoshop\" width=\"500\" height=\"359\" \/><\/a><\/p>\n<p>Usa colores que den una buena armonia con el texto y pinta ligeras lineas al rededor del texto variando un poco el color:<\/p>\n<p><a href=\"http:\/\/cdn4.psdvault.com\/img\/2013\/03\/3-paint.jpg\"><img loading=\"lazy\" decoding=\"async\" class=\"lazy alignnone size-medium wp-image-15999 data-lazy-ready\" title=\"Design Magical Fire Energy Text Effect in Photoshop\" src=\"http:\/\/cdn5.psdvault.com\/img\/2013\/03\/3-paint-500x435.jpg\" alt=\"3 paint 500x435 Design Magical Fire Energy Text Effect in Photoshop\" width=\"500\" height=\"435\" \/><\/a><\/p>\n<p>Pinta m\u00e1s lineas al rededor para conseguir un buen efecto en el texto, variando siempre los colores:<\/p>\n<p><a href=\"http:\/\/cdn5.psdvault.com\/img\/2013\/03\/3-paint-2.jpg\"><img loading=\"lazy\" decoding=\"async\" class=\"lazy alignnone size-medium wp-image-15998 data-lazy-ready\" title=\"Design Magical Fire Energy Text Effect in Photoshop\" src=\"http:\/\/cdn4.psdvault.com\/img\/2013\/03\/3-paint-2-500x486.jpg\" alt=\"3 paint 2 500x486 Design Magical Fire Energy Text Effect in Photoshop\" width=\"500\" height=\"486\" \/><\/a><\/p>\n<h3>Paso 4:<\/h3>\n<p>Ahora le agregamos el efecto de fuego que esta al rededor del texto, para ello buscamos un stock de fuego y recortamos una parte del stock:<\/p>\n<p><a href=\"http:\/\/cdn5.psdvault.com\/img\/2013\/03\/4-sel1.jpg\"><img loading=\"lazy\" decoding=\"async\" class=\"lazy alignnone size-medium wp-image-16004 data-lazy-ready\" title=\"Design Magical Fire Energy Text Effect in Photoshop\" src=\"http:\/\/cdn5.psdvault.com\/img\/2013\/03\/4-sel1-500x536.jpg\" alt=\"4 sel1 500x536 Design Magical Fire Energy Text Effect in Photoshop\" width=\"500\" height=\"536\" \/><\/a><\/p>\n<p>Copiamos y pegamos la seleccion y presionamos ctr+t para editar la forma del fuego y darle la redondez similar a la letra que usemos:<\/p>\n<p><a href=\"http:\/\/cdn4.psdvault.com\/img\/2013\/03\/4-warp.jpg\"><img loading=\"lazy\" decoding=\"async\" class=\"lazy alignnone size-medium wp-image-16005 data-lazy-ready\" title=\"Design Magical Fire Energy Text Effect in Photoshop\" src=\"http:\/\/cdn4.psdvault.com\/img\/2013\/03\/4-warp-500x381.jpg\" alt=\"4 warp 500x381 Design Magical Fire Energy Text Effect in Photoshop\" width=\"500\" height=\"381\" \/><\/a><\/p>\n<p>Le ponemos modo de fusion trama:<\/p>\n<p><a href=\"http:\/\/cdn6.psdvault.com\/img\/2013\/03\/4-screen.jpg\"><img loading=\"lazy\" decoding=\"async\" class=\"lazy alignnone size-medium wp-image-16003 data-lazy-ready\" title=\"Design Magical Fire Energy Text Effect in Photoshop\" src=\"http:\/\/cdn4.psdvault.com\/img\/2013\/03\/4-screen-500x202.jpg\" alt=\"4 screen 500x202 Design Magical Fire Energy Text Effect in Photoshop\" width=\"500\" height=\"202\" \/><\/a><\/p>\n<p>Duplicamos la capa del fuego y la deformamos de distintas formas para seguir colocandola en el texto y conseguir un buen efecto:<\/p>\n<p><a href=\"http:\/\/cdn5.psdvault.com\/img\/2013\/03\/4-liq.jpg\"><img loading=\"lazy\" decoding=\"async\" class=\"lazy alignnone size-medium wp-image-16002 data-lazy-ready\" title=\"Design Magical Fire Energy Text Effect in Photoshop\" src=\"http:\/\/cdn6.psdvault.com\/img\/2013\/03\/4-liq-500x384.jpg\" alt=\"4 liq 500x384 Design Magical Fire Energy Text Effect in Photoshop\" width=\"500\" height=\"384\" \/><\/a><\/p>\n<p>Colocamos el fuego en distintas partes para lograr el efecto deseado, para duplicar la capa del fuego solo presionamos ctrl+j:<\/p>\n<p><a href=\"http:\/\/cdn6.psdvault.com\/img\/2013\/03\/4-attach1.jpg\"><img loading=\"lazy\" decoding=\"async\" class=\"lazy alignnone size-medium wp-image-16000 data-lazy-ready\" title=\"Design Magical Fire Energy Text Effect in Photoshop\" src=\"http:\/\/cdn6.psdvault.com\/img\/2013\/03\/4-attach1-500x472.jpg\" alt=\"4 attach1 500x472 Design Magical Fire Energy Text Effect in Photoshop\" width=\"500\" height=\"472\" \/><\/a><\/p>\n<p>Opcional, podemos agregar un poco mas de fuego con algo de transparencia para conseguir un mejor resultado:<\/p>\n<p><a href=\"http:\/\/cdn6.psdvault.com\/img\/2013\/03\/4-bg-fire.jpg\"><img loading=\"lazy\" decoding=\"async\" class=\"lazy alignnone size-medium wp-image-16001 data-lazy-ready\" title=\"Design Magical Fire Energy Text Effect in Photoshop\" src=\"http:\/\/cdn4.psdvault.com\/img\/2013\/03\/4-bg-fire-500x616.jpg\" alt=\"4 bg fire 500x616 Design Magical Fire Energy Text Effect in Photoshop\" width=\"500\" height=\"616\" \/><\/a><\/p>\n<p>Y este es el resultado final del documento, con un poco de practica y modos de fusion en las capas de fuego se puede conseguir un buen resultado, lo mejor es ir practicando y probando distintos modos de fusion:<\/p>\n<p><a href=\"http:\/\/cdn4.psdvault.com\/img\/2013\/03\/fire-sparks-text-flatten.jpg\"><img loading=\"lazy\" decoding=\"async\" class=\"lazy data-lazy-ready\" title=\"Design Magical Fire Energy Text Effect in Photoshop\" src=\"http:\/\/cdn4.psdvault.com\/img\/2013\/03\/fire-sparks-text-flatten-500x615.jpg\" alt=\"fire sparks text flatten 500x615 Design Magical Fire Energy Text Effect in Photoshop\" width=\"500\" height=\"615\" \/><\/a><\/p>\n<p>&nbsp;<\/p>\n<h3><\/h3>\n","protected":false},"excerpt":{"rendered":"<p>Resultado final del tutoril<\/p>\n","protected":false},"author":9065,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[818],"tags":[],"class_list":["post-13","post","type-post","status-publish","format-standard","hentry","category-sin-categoria"],"_links":{"self":[{"href":"https:\/\/blog.espol.edu.ec\/ronofre\/wp-json\/wp\/v2\/posts\/13","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/blog.espol.edu.ec\/ronofre\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/blog.espol.edu.ec\/ronofre\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/blog.espol.edu.ec\/ronofre\/wp-json\/wp\/v2\/users\/9065"}],"replies":[{"embeddable":true,"href":"https:\/\/blog.espol.edu.ec\/ronofre\/wp-json\/wp\/v2\/comments?post=13"}],"version-history":[{"count":3,"href":"https:\/\/blog.espol.edu.ec\/ronofre\/wp-json\/wp\/v2\/posts\/13\/revisions"}],"predecessor-version":[{"id":17,"href":"https:\/\/blog.espol.edu.ec\/ronofre\/wp-json\/wp\/v2\/posts\/13\/revisions\/17"}],"wp:attachment":[{"href":"https:\/\/blog.espol.edu.ec\/ronofre\/wp-json\/wp\/v2\/media?parent=13"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/blog.espol.edu.ec\/ronofre\/wp-json\/wp\/v2\/categories?post=13"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/blog.espol.edu.ec\/ronofre\/wp-json\/wp\/v2\/tags?post=13"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}