Este webtip está dirigido a todas aquellas personas que hallan leído y/o realizado los tips sobre cómo realizar efectos de hielo y fuego en textos publicados con anterioridad en Cristalab. El objetivo principal de ese tip es profundizar las técnicas y herramientas que podemos utilizar para crear y complejizar (como en ese caso) un efecto de hielo en un texto. El nivel de este tip es intermedio por lo que se requiere estar familiarizado con las herramientas de Photoshop así como también con el manejo de “layers o capas” y “chanels o canales”.
También quiero aclarar que como trabajo en PC no estoy familiarizado con los atajos de teclado en Mac.
Procedimiento
Paso 1:
Creamos un archivo nuevo (Archivo/Nuevo o File/New [ctrl+N]) que en mi caso es de 500 x 200 px a 300 dpi de resolución con fondo negro.
Paso 2:
Seleccionamos la herramienta de texto [T] elegimos una tipografía “bold” para que se aprecie bien el efecto. En mi caso es una Bliss Extra Bold cuerpo 20 y color blanco (Arial, Helvética o Verdana es lo mismo).
Paso 3:
Vamos a los “Channels o Canales”, creamos uno nuevo lo renombramos a “texto” y tipeamos lo que mas nos guste.
Paso 4:
El texto tipeado lo ubicamos en el centro.
Paso 5:
Duplicamos el canal y lo renombramos a “blur” (hacemos clic en el botón del menú emergente en el panel acciones {arriba a la derecha} Duplicar canal o Duplicate channel).
Paso 6:
Le aplicamos un "Desenfoque Gaussiano o Gaussian blur" de 4px (Filros/Desenfocar o Filter/blur).
Paso 7:
Con el canal “blur” seleccionado cargamos la selección del canal “texto” (Selección/Cargar selección/canal “texto” o Select/Load selection/chanel “texto”[ctrl+clic sobre el canal texto]).
Paso 8:
Invertimos la selección (Selección/Invertir o Select/Inverse [ctrl+shift+I]).
Paso 9:
Aplicamos el filtro “Cristlizar” con un valor de “10” o “12” (Filtros/Pixelar/Cristalizar o Filter/Pixelate/Cristallize).
Paso 10:
Volvemos a invertir la selección [ctrl+shift+i] y aplicamos nuevamente el filtro “Cristalizar” pero esta vez con un valor de “5”.
Paso 11:
Deseleccionamos el canal (Selección/Deseleccionar o Select/Deselect [ctrl+D]) y rotamos el lienzo “90ºCW” (Imagen/Rotar lienzo o Image/Rotate canvas).
Paso 12:
Aplicamos el filtro “Viento” (Filtro/Estilizar/Viento o Filter/Stylize/Wind) y seleccionamos “Método/Viento o Method/Wind”, “Dirección/Desde la derecha o Direction/From the Right”.
Paso 13:
Volvemos a rotar el lienzo pero esta vez 90°CCW.
Paso 14:
Vamos a la solapa “Capas o Layers” cargamos la selección del canal “blur” y la pintamos de “blanco” [alt+Delete] o [ctrl+Delete].
Paso 15:
Deseleccionamos y abrimos el ajuste de imagen “Tono/Saturación o Hue/Saturation” (Imagen/Ajustar o Image/Adjustments [ctrl+U]). Tildamos la casilla “Colorizar o Colorize”. Ahora a jugar un poco con los valores hasta lograr el color que mas les guste.
Ya tenemos nuestro texto cubierto de hielo .
NOTA: Quiero aclarar un punto a tener en cuenta, el por qué de trabajar con los canales. Esto nos da la posibilidad de cargar la selección en cualquier momento y poder recortar perfectamente del fondo nuestro trabajo. Ademas que para poder aplicar bien el ajuste Tono/Saturación es necesario que no halla información alpha dentro de nuestra capa o sea, totalmente opaca.
Acá les dejo un ejemplo un poco mas elaborado con unos destellos, el tan usado reflejo y un gradiente para darle profundidad.
Esto fue todo espero que les guste y les sirva para interiorizarse mas en el mundo de PhotoShop.
[b]Buen truco hermano y que bueno que lo encontre por que ahora puedo poneerles nombre de buen ver a mis wallpapers Por:HACKDEAR_blog
finisimo !!!! un aplauso, bueno mejor varios. tengo ganas de una bebida bien helada, ahora se como. gracias Por:almendro_blog
excelente tutorial , he tenido la oportunida de chequear varios del mismo tipo y para mi el de ustedes el mas exacto y preciso a la hora de seguir paso a paso las intrunciones , cabe destacar que son un grupo de persona muy metodica que se esfuerzan por brindar la mejor informacion para que las personas consigan el mejor resultado. muchas Gracias...[/flash] Por:Everbarrios
muy buen tutorial...todo queda clarisimo...quisiera que hubiera uno igual para flash... Por:RAUL_blog
Excelente tip
El resultado es fenomenal Por:XKlibur_blog
Debo admitir que con sencillos pasos le das un toque muy realista a las imagenes, lo demas corre por a imaginacion de cada quien. Por:Lordpanther_master
Muchas gracias a todos. En la medida de lo posible voy a seguir publicando tips sobre este exelente pograma.
Saludos Por:srm
Hallo mucha finura en tus trazos más que en cualquier otro diseñador, solo que se me dificulta la capacidad de entender para que son los "channels", como se usan, para que se usan, su origen y como aprender a dominarlos.
cyrux360_blog Te recomiendo que te busques unos tutoriales a cerca de los channels o capas ya que en parte son el alma del PhotoShop. Para darte rápidamente un pantallazo general... entiendase channel o canal por capas que contienen solamente información de "opacidad", esto es: el valor mas obscuro(negro) equivale a una transparencia del 100% y el valor mas claro(blanco) equivale a una transparencia del 0%, osea opaca sin transparencia. Los tonos de gris corresponden a valores intermedios entre estos dos extremos. Esta información queda guardada en los channels en forma de imagen de escala de grises y la podés usar en cualquier momento. La utilidad que se le puede dar a los channels es enorme y acá es donde te aconsejo que te busques tutos sobre PS. Es un tema muy extenso si puedo voy a armar un tip explicando los conceptos básicos de la utilización de los channels pero te aseguro que abunda info en la web.
jatrix13 Se lo del avatar, ya tengo uno pero no doy en la tecla con el alojamiento de la imagen. Lo tenía en "thumbq" pero parece que trae problemas en el foro me dijo Freddie
Saludos, Gracias. Por:srm
La verdad que muy buen tutorial felicitaciones!!!! Por:Alex_blog
srm, mándame las imágenes del tip a mi email para que las suba al servidor de clab, ya que en el servidor donde las al colgado a superado el limite de transferencia y no se visualizan... thanks Por:Zguillez
Zguillez :
srm, mándame las imágenes del tip a mi email para que las suba al servidor de clab, ya que en el servidor donde las al colgado a superado el limite de transferencia y no se visualizan... thanks
verdaderamente esta muy bueno pero me gusto mas el concepto de lo que es el diñeño la verdad que son muy pocas las pginas que enseñan algo bueno
remlep1@hotmail.com me gustaria unos tutos de cromo pero bien reales gracias Por:Elmer_blog
buen tutorial bro el mejor que he visto de efecto tipo hielo, tiene todos los pasos bien explicados y con imagen y todo eso buena por ustedes bro!! Por:ben-shop_blog
hola estoy en el paso 15 cuando dice que hay que poner tono/saturation yo lo voy a poner pero me sale bloqueado que hago Por:pascuale_blog
Hola pascuale_blog. Si te entiendo bien te referís con "bloqueado" a que no podés aplicar tono/saturation. Primero asegurate de estar posisionado en las capas. Probá de combinar (merge en inglés) todas las capas o directamente presioná [ctrl+shift+E]. Asegurate de no haber creado sin quererlo una "máscara rápida" (atajo de teclado [Q]). En el caso de haberla creado andá a la solapa de los canales, borrala y volvé a las capas. Presioná [ctrl+D] para deseleccionar algo que pueda estarlo. Creo que alguna de estas opciones te pueden ayudar y si no simplemente pregunta nuevamente. Saludos y suerte Por:srm
grasias lo intentare Por:pascuale_blog
ya lo hice pero no me quedo cristalizado como el tu yo y segui todos tus pasas Por:pascuale_blog
mira aqui te dejo un link para q veas como me salio y me digas por que no me salio como el tu yo Por:pascuale _blog
pascuale_blog buen inicio, vi la imágen. Antes de aplicar el filtro "viento" en el paso 12 prestá atención a los pasos 8-9-10. Una vez que aplicaste el filtro "cristalizar" al perímetro del texto se lo tenés que aplicar adentro como explica en esos pasos. Fijate si es ese el problema sino lo vemos nuevamente. Suerte Por:srm
Q,, Bueno ese Tutorial.. jeje yo quiero hacer una pregunta.. yo quiero tambien aprender a como poner en una web esto mismo pues para que puedan agregar comentarios en mi pagina.. noc como eje alguien me ayudame mi email es eliezer1350@hotmail.com alguien q me ayude,,, Por:Eliezer_blog
si bien pero noc le falta lago ummm noc mas realismo podrias ser pero igual gracias Por:jan_blog
bueno si saben ma sde efectos pasen la vos ok gracias cdnc bye Por:jan_blog
kapo..es lo que estaba buscando..me salvaste las papas para una publicidad que tengo que hacer en la escuela..desde ya muchas gracias. Por:alexis_blog
Me gustaria que especifiques un poco mas en los pasos donde usas los canales por que se me es muy dificil seguirlos, tal vez los pantallasos un poco mas completos gracias...
Muy buenos efectos Por:KjSoft_blog
grax men .... este era el efecto q esta bsucando xd ... y con todo los pasos ahi no falle xd ... grax por pensar en los noobs como yo xd Por:paul-blog
Wow, excelente tuto, felicidades, y gracias! Por:iVaN*-blog
.
excelente tutorial , he tenido la oportunida de chequear varios del mismo tipo y para mi el de ustedes el mas exacto y preciso a la hora de seguir paso a paso las intrunciones , cabe destacar que son un grupo de persona muy metodica que se esfuerzan por brindar la mejor informacion para que las personas consigan el mejor resultado. muchas Gracias...[/flash]
Que recuerdos...
