<?xml version="1.0" encoding="UTF-8"?> <rss
version="2.0"
xmlns:content="http://purl.org/rss/1.0/modules/content/"
xmlns:wfw="http://wellformedweb.org/CommentAPI/"
xmlns:dc="http://purl.org/dc/elements/1.1/"
xmlns:atom="http://www.w3.org/2005/Atom"
xmlns:sy="http://purl.org/rss/1.0/modules/syndication/"
xmlns:slash="http://purl.org/rss/1.0/modules/slash/"
><channel><title>Area Photoshop &#187; Floral</title> <atom:link href="http://areaphotoshop.com/tag/floral/feed/" rel="self" type="application/rss+xml" /><link>http://areaphotoshop.com</link> <description>Tutoriales, Recursos, Inspiración y Mucho Más</description> <lastBuildDate>Thu, 22 Jul 2010 22:10:24 +0000</lastBuildDate> <language>en</language> <sy:updatePeriod>hourly</sy:updatePeriod> <sy:updateFrequency>1</sy:updateFrequency> <generator>http://wordpress.org/?v=abc</generator> <item><title>Crear Texto en 3D Floral</title><link>http://areaphotoshop.com/crear-texto-en-3d-floral/</link> <comments>http://areaphotoshop.com/crear-texto-en-3d-floral/#comments</comments> <pubDate>Sat, 28 Mar 2009 09:49:20 +0000</pubDate> <dc:creator>GonZa</dc:creator> <category><![CDATA[Photoshop]]></category> <category><![CDATA[Tutoriales]]></category> <category><![CDATA[3D]]></category> <category><![CDATA[Floral]]></category> <category><![CDATA[Texto. Crear]]></category><guid
isPermaLink="false">http://areaphotoshop.com/?p=774</guid> <description><![CDATA[Buenas, hace unos días pase al español un tutorial de 10Steps.sg donde nos enseña a crear un póster decorado con unos pinceles florales y también con texto decorativo muy hermoso, en este tutorial vamos a usar Adobe Photoshop y Adobe [...]]]></description> <content:encoded><![CDATA[<p>Buenas, hace unos días pase al español un tutorial de <a
href="http://10steps.sg/" target="_blank">10Steps.sg</a> donde nos enseña a crear un póster decorado con unos pinceles florales y también con texto decorativo muy hermoso, en este tutorial vamos a usar Adobe Photoshop y Adobe Illustrator.</p><p>Empecemos:</p><p>Paso 1: abrimos el adobe illustrator, yo usare la versión CS4. Creamos un nuevo documento del tamaño que prefieran.</p><p><img
src="http://static.areaphotoshop.com/wp-content/uploads/Crear-Texto-en-3D-Floral/01.png" alt="01" /></p><p>Paso 2: una vez que hallamos creado el documento vamos a escribir nuestro texto, pero cada letra por separado, así podemos aplicarles efectos diferentes a cada letra:</p><p><a
href="http://static.areaphotoshop.com/wp-content/uploads/Crear-Texto-en-3D-Floral/02.png" target="_blank"><img
src="http://static.areaphotoshop.com/wp-content/uploads/Crear-Texto-en-3D-Floral/02.png" alt="02" /></a></p><p><img
src="http://static.areaphotoshop.com/wp-content/uploads/Crear-Texto-en-3D-Floral/03.png" alt="03" /></p><p>Paso 3: ahora le vamos a aplicar el efecto 3D a las letras, seleccionen una y vallan a Efecto-&gt; 3D-&gt; Extrusión y biselado… y la configuran así:</p><p><img
src="http://static.areaphotoshop.com/wp-content/uploads/Crear-Texto-en-3D-Floral/04.png" alt="04" /></p><p>Para cada letra vallan variando los primeros 3 valores (26º,27º,-11º)</p><p>A mí me quedo así luego de haberle aplicado el efecto a todas las letras:</p><p><a
href="http://static.areaphotoshop.com/wp-content/uploads/Crear-Texto-en-3D-Floral/05.png" target="_blank"><img
src="http://static.areaphotoshop.com/wp-content/uploads/Crear-Texto-en-3D-Floral/05.png" alt="05" /></a></p><p>Listo, terminamos la parte con Adobe Illustrator pero aun no lo cerramos, ahora abrimos el Adobe Photoshop, yo usare la versión CS4.</p><p>Paso 4: creamos un documento nuevo en Photoshop con el tamaño que ustedes quieran.</p><p><img
src="http://static.areaphotoshop.com/wp-content/uploads/Crear-Texto-en-3D-Floral/06.png" alt="06" /></p><p>Paso 5: ahora vamos a elegir la “Herramienta Degradado (G)” y la vamos a configurar de la siguiente manera</p><p><a
href="http://static.areaphotoshop.com/wp-content/uploads/Crear-Texto-en-3D-Floral/07.png" target="_blank"><img
src="http://static.areaphotoshop.com/wp-content/uploads/Crear-Texto-en-3D-Floral/07.png" alt="07" /></a></p><p><img
src="http://static.areaphotoshop.com/wp-content/uploads/Crear-Texto-en-3D-Floral/08.png" alt="08" /></p><p>Y hacemos un degradado de arriba hacia abajo, quedándonos así:</p><p><img
src="http://static.areaphotoshop.com/wp-content/uploads/Crear-Texto-en-3D-Floral/08.png" alt="09" /></p><p>Paso 6: ahora es donde vamos a usar las letras que hicimos en Adobe Illustrator, tienen que copiarlas desde el documento en Illustrator a el documento en Photoshop, para hacerlo, solo tienen que elegir una letra y apretar “Ctrl (Control)+C” y luego la pegan en el documento de Photoshop apretando “Ctrl (Control)+V” y listo, les va aparecer una ventana en Photoshop como esta</p><p><img
src="http://static.areaphotoshop.com/wp-content/uploads/Crear-Texto-en-3D-Floral/10.png" alt="10" /></p><p>Donde tienen que elegir en “Pegar como:” Objeto Inteligente. Luego hacen lo mismo con las demás letras hasta terminar de pasar todas al documento en Photoshop, una vez que hayan pasado todas las letras, las ubican en Photoshop como mas les guste, yo las ubique así:</p><p><img
src="http://static.areaphotoshop.com/wp-content/uploads/Crear-Texto-en-3D-Floral/10.png" alt="11" /></p><p>Una vez que las ubiquen pónganlas en un grupo en Photoshop así las pueden centrar a todas juntas, al grupo lo llaman “Letras”.</p><p>Paso 6: ahora tenemos que colorear la cara de las letras, primero vamos a elegir la “Herramienta Varita mágica (W)” y la vamos a configurar asi:</p><p><img
src="http://static.areaphotoshop.com/wp-content/uploads/Crear-Texto-en-3D-Floral/12.png" alt="12" /></p><p>Ahora vamos a hacer un clic en la cara de una de las letras asi:</p><p><img
src="http://static.areaphotoshop.com/wp-content/uploads/Crear-Texto-en-3D-Floral/13.png" alt="13" /></p><p>Y luego vamos a perfeccionar los bordes, haciendo un clic aquí:</p><p><img
src="http://static.areaphotoshop.com/wp-content/uploads/Crear-Texto-en-3D-Floral/14.png" alt="14" /></p><p>Y se les va abrir una ventana y la van a configurar así:</p><p><img
src="http://static.areaphotoshop.com/wp-content/uploads/Crear-Texto-en-3D-Floral/15.png" alt="15" /></p><p>Ahora vamos a crear una nueva capa llamada “Relleno” dentro del grupo “Letras” y vamos a rellenar la selección que hicimos con un color blanco (Edición-&gt;Rellenar…), luego en la Paleta de Capas vamos a hacer clic derecho en la capa donde se encuentra el relleno y vamos a ir las opciones de fusión y elegimos la opción “Superposición de degradado” y lo vamos a configurar así:</p><p><img
src="http://static.areaphotoshop.com/wp-content/uploads/Crear-Texto-en-3D-Floral/16.png" alt="16" /></p><p><img
src="http://static.areaphotoshop.com/wp-content/uploads/Crear-Texto-en-3D-Floral/17.png" alt="17" /></p><p>Listo, ahora hacen lo mismo con las demás letras, pero vallan variando el color del degradado. A mí me quedo así:</p><p><img
src="http://static.areaphotoshop.com/wp-content/uploads/Crear-Texto-en-3D-Floral/18.png" alt="18" /></p><p>Paso 7: Ahora tienen que cargar al Photoshop unos pinceles florales que les dejo al final del post, una vez que los hallan cargado van a crear una nueva capa llamada “Pincel Floral” sobre la capa “Relleno” de una de todas las letras, es decir, todas las letras tienen una capa por encima que es la que rellenamos (Relleno) después de haber seleccionado la cara de la letra, entonces encima de cada letra tienen que haber dos capas, una es la del relleno (Relleno) y la otra es la que vamos a crear para las flores (Pincel Floral), les dejo una imagen de la paleta de capas para que entiendan mejor:</p><p><img
src="http://static.areaphotoshop.com/wp-content/uploads/Crear-Texto-en-3D-Floral/19.png" alt="19" /></p><p>Bueno, si ya crearon la capa para el pincel, van a elegir el “Modo de Mezcla” en Superponer y le van a bajar la Opacidad a 50%. Van a seleccionar el relleno que hicimos anteriormente y van a pintar con uno de los pinceles que cargaron, le explico, seleccionamos la capa “Relleno” para que solo pinte esa parte cuando apliquen el pincel,  por que si no va a pintar sobre toda la letra y no queremos eso, solo en la cara de la letra.<br
/> Ahora hacen exactamente lo mismo con las demás letras (acuérdense, cada letra tiene que tener su propia capa encima para usar los pinceles, no una para todas las letras).</p><p>A mí me quedo así:</p><p><img
src="http://static.areaphotoshop.com/wp-content/uploads/Crear-Texto-en-3D-Floral/20.png" alt="20" /></p><p>Paso 8: ahora tenemos que darle sombra a cada letra para ello creamos una capa llamada “Sombra” debajo de cada capa llamada “Pincel Floral” y con la “Herramienta Pincel (B)” y con un pincel circular y difuminado, le pasamos en las partes donde hay una letra arriba, simulando la sobra de la letra que esta arriba, a mi me quedo así:</p><p><img
src="http://static.areaphotoshop.com/wp-content/uploads/Crear-Texto-en-3D-Floral/21.png" alt="21" /></p><p>Nuestra paleta de capas debería quedar así:</p><p><img
src="http://static.areaphotoshop.com/wp-content/uploads/Crear-Texto-en-3D-Floral/22.png" alt="22" /></p><p>Paso 9: ya estamos en la ultima parte del tutorial, ahora tenemos que agregar las flores en el fondo de nuestro documento.</p><p>Para ello creamos una nueva capa llamada “Flores” debajo del grupo “Letras” que contiene todas las letras y demás.<br
/> Definimos como color frontal #bef7a8 y pintamos, a mí que quedo así:</p><p><img
src="http://static.areaphotoshop.com/wp-content/uploads/Crear-Texto-en-3D-Floral/23.png" alt="23" /></p><p>Ya nos va quedando lindo no? Pero aun falta unos pasos mas…</p><p>Paso 10: lo que vamos hacer ahora es ir a las “Opciones de fusión” de la capa en donde pintamos recién, exactamente como hicimos en el paso 6 y elegimos la opción “Resplandor Exterior” y configuramos así:</p><p><img
src="http://static.areaphotoshop.com/wp-content/uploads/Crear-Texto-en-3D-Floral/24.png" alt="24" /></p><p>Dando como resultado:</p><p><img
src="http://static.areaphotoshop.com/wp-content/uploads/Crear-Texto-en-3D-Floral/25.png" alt="25" /></p><p>Paso 11: ya nos hemos pasado los pasos en los que explica el autor del tutorial pero es que yo lo explico de otra forma y mas detallada, yo redacto tutoriales pensando en personas que recién empiezan con Photoshop, así que en todos mis tutoriales van a ver que me explico mucho y a veces no me llegan a entender pero para eso tienen los comentarios <img
src='http://static.areaphotoshop.com/wp-includes/images/smilies/icon_smile.gif' alt=':)' class='wp-smiley' /> para sacarse las dudas.</p><p>Ahora vamos a crear una nueva capa llamada “Flores de Fondo” debajo de la que en el paso 9 creamos que se llama “Flores”. Una vez que hallan creado la capa van a elegir como color frontal el blanco (#FFFFFF) y van a elegir una flor cualquiera que hay en el pack de flores que les deje al final del post. Pintan debajo de las letras y a esa capa le cambian el “Modo de Fusión” a “Superponer” y les quedaría así:</p><p><img
src="http://static.areaphotoshop.com/wp-content/uploads/Crear-Texto-en-3D-Floral/26.png" alt="26" /></p><p>Listo, ya estamos en el final, sigamos.</p><p>Paso 12: creamos una nueva capa arriba de todas y le ponemos el nombre de “Estrellas”. Abren las “Opciones de Fusión” de la capa, eligen la opción “Resplandor Exterior” y el único valor que cambian es el color, eligen un blanco (#FFFFFF).<br
/> En esa capa van a pintar unos puntos de reflejo en partes de las letras donde hay mucho brillo, siempre en los bordes. El pincel se lo pueden descargar al final del post.</p><p>Y listo, tutorial terminado con un resultado hermoso:</p><p><a
href="http://static.areaphotoshop.com/wp-content/uploads/Crear-Texto-en-3D-Floral/27.png" target="_blank"><img
src="http://static.areaphotoshop.com/wp-content/uploads/Crear-Texto-en-3D-Floral/27.png" alt="27" /></a></p><p>Recuerden, este tutorial es obra de 10Steps.sg, yo lo traduje y edite algunos pasos. Espero que lo disfruten.</p><p>Link | <a
href="http://static.areaphotoshop.com/wp-content/uploads/Crear-Texto-en-3D-Floral/Archivo-Photoshop.zip">Haz un click aquí para descargar el .psd (Photoshop) del tutorial. (115KB)(.zip)</a><br
/> Link | <a
href="http://static.areaphotoshop.com/wp-content/uploads/Crear-Texto-en-3D-Floral/Archivo-Illustrator.zip">Haz un click aquí para descargar el .ai (Illustrator) del tutorial. (1,12 MB)(.zip)</a><br
/> Link | <a
href="http://static.areaphotoshop.com/wp-content/uploads/Crear-Texto-en-3D-Floral/Recursos-Utilizados.zip">Haz un click aquí para descargar los pinceles usados. (1,06 MB)(.zip)</a><br
/> Link | <a
href="http://10steps.sg/photoshop/create-a-3d-flowery-text-effect/" target="_blank">Haz un click aquí para ir al tutorial original (en ingles)</a></p><p>Saludos! GonZa.</p> ]]></content:encoded> <wfw:commentRss>http://areaphotoshop.com/crear-texto-en-3d-floral/feed/</wfw:commentRss> <slash:comments>32</slash:comments> </item> </channel> </rss>
<!-- Performance optimized by W3 Total Cache. Learn more: http://www.w3-edge.com/wordpress-plugins/

Minified using disk
Page Caching using disk (enhanced) (user agent is rejected)
Database Caching 7/15 queries in 0.015 seconds using disk
Object Caching 272/278 objects using disk
Content Delivery Network via static.areaphotoshop.com

Served from: areaphotoshop.com @ 2010-09-09 15:21:10 -->