Esa imagen es el producto final de un tutorial para elaborar una TV clásica, con Adobe Photoshop, la guía está en inglés pero me gustó porque tiene capturas de pantalla de todos los pasos, así que es fácil de seguir, les dejo el enlace:

Enlace: Make a Classic Old TV from Scratch

Una de las muchas cosas que se pueden hacer con photoshop, es el poder lograr diseños tipo vector, como si se hubieran hecho con Ilustrador, es por eso que es muy universal el photoshop, pero claro no se descarta que siempre se necesitaran otros editores para crear cada vez mejores cosas.

En esta ocasión crearemos una ilustración tipo vector bastante fácil y puede usarse para lograr cualquier otra cosa.

Paso 1.
Crearemos un archivo nuevo (Ctrl + N), el tamaño es variable el que yo he usado es de 700px por 700px, muy bien ahora lo rellenaremos con la herramienta Bote de pintura (G) con un color #0b1417, muy bien ahora como siguiente paso cambiamos la herramienta pintura por la herramienta de degrade (G), y con las propiedades que aparece en la imagen, lo pasaremos en nuestro archivo para lograr algo como esto:

Paso 2.
Como siguiente paso agregaremos alguna palabra o texto que desees ya sea algún diseño personal, etc. La Font es variable, pero por recomendación sugiero la Font AvantGard-Alt, ahora ya agregado la Font, añadiremos unos toques con algunas líneas, para eso usaremos la herramienta Línea (U), al pasarlo mantendremos presionado la tecla Shift para que al pasarlo nos lo haga de manera exacta la línea sin imperfecciones, para crear mas grandes o mas pequeñas líneas basta con cambiar el grosor en las propiedades de la línea, hasta lograr algo parecido a esto:

Nota: La líneas pueden ir en diferente dirección y ser aplicadas con el mismo color a las letras como hice en mi diseño.

Paso 3.
Ahora agregaremos nubes, para esto lo que haremos será bastante fácil, primero agarraremos nuestra herramienta elipse (U), ahora con un color blanco y manteniendo presionado Shift para círculos mas exactos, hacemos varios círculos hasta lograr la forma de una nube, ya lograda la forma de la nube, antes de rasterizar la capa checamos que este bien la nube, después rasterizamos, y agregamos el estilo de capa que muestra la imagen (para abrir los estilos de capa, basta con dar doble click a la capa o irse a Capa/ Estilos de capa/ Opciones de Fusión):

Este paso lo repetiremos, dependiendo de cuantas nubes queramos en nuestro diseño.

Ahora bien también necesitaremos agregar algunas como fondo, esto para hacer creer un efecto de 3D. Esto es fácil lo único que necesitamos hacer es crear una nueva capa, no olvides que esta capa ira después de las capas de fondo (para que parezca algo mas de fondo), ahora crearemos las nubes (como el paso anterior), ya terminadas la única diferencia será cambiarles el modo de capa ya sea a Superponer o Luz Suave, o también bajarles su opacidad, ya teniendo esto solo hay que colocarlas en el lado deseado hasta tener algo como esto:

Nota: Si deseas también puedes agregarle un Desenfoque Gaussiano pero esto es variable y depende el tipo de diseño que se logrará.

Paso 4.
Ahora agregaremos 3 elementos tipo vector a nuestro diseño, estilo gotas, rayos y un poco de círculos de colores, explicare aquí como crearlos:
Gotas: Este efecto es bastante fácil creamos una capa nueva (Esta ira detrás de las nubes normales) después solo necesitaremos usar la herramienta pluma (P) para crear la forma (Escogiendo el modo Trazados), después de haberlo creado apretamos click derecho y damos en rellenar, y lo rellenaras con un color blanco, después bastara con agregarle el efecto con el estilo de capa, como muestra en la imagen:

Ahora en el estilo de capa, el motivo usado lo puedes encontrar en el psd (en el grupo que esta abajo del fondo con nombre” Formas Editadas “del diseño, para agregarlo das click en el icono que te muestra la imagen de arriba.

Creando el primero bastara con duplicarlo dependiendo cuantas gotas usemos, girarlo, transfórmalo (Edición/Transformar) ya se modo horizontal o vertical para lograr un mejor efecto.

Rayos: Lo único que tenemos que hacer es agarrar nuestra herramienta Forma Personalizada (U) y agarramos la forma llamada Rayo, luego lo que haremos serán crearlos detrás de las nubes normales (No las de fondo), después de ponerlos, solo bastara con agregarle los estilos de capa (Opciones de fusión) que aparece en la imagen:

Puedes crear los rayos que desees pero no olvides no perder la coordinación con el diseño.

Círculos de color: Lo que haremos será fácil, primero necesitamos agarrar la misma herramienta con la que hicimos las nubes Herramienta Elipse (U) después crearemos círculos pequeños pero de diferente color, como muestra en la image, después antes de rasterizar veremos si tenemos los colores que deseamos al igual del tamaño, y ya checado rasterizamos:

Lo que podemos hacer es unir las capas de los círculos pequeños que creamos ahora, y después duplicar la capa e irla moviendo hacia donde queramos ponerlo.

Paso 5.
Ahora lo que haremos es agregar algún motivo tipo elegante a nuestro fondo, para eso creamos una capa después de las nubes de fondo, a continuación aplicamos un degrade como hicimos en el primer paso (De un solo color el degrado en este caso blanco), después para ponerle el motivo nos vamos a las opciones de fusión y ponemos las propiedades que te muestra la imagen:

Si deseas también puedes agarrar el mismo motivo como hiciste con las Gotas. Después a esta capa la pondremos en modo Luz Suave y su opacidad la bajaremos a 5px o 15px (variable).

Conclusión.

Con esto podemos terminar aquí algunos últimos consejos y ajustes hechos:

• Como últimos ajustes hechos fue agregar como hicimos en el primero paso de agregar el degrade como centro del fondo, hacemos lo mismo solo que con un degrade de tamaño mas pequeño y un color diferente (Al gusto).
• Agregar algún otro vector de algún pack en este caso yo agregue el tipo puntillista del pack de Tutorial9 casi no se nota debido a que le baje la opacidad a 30% y borre partes que no me servirán usando una mascara de capa (Negro borras y Blanco Repones, todo esto con el pincel).
• Por ultimo creamos una nueva capa (Ctrl + Mayus + N) después aplicamos imagen (Imagen/Aplicar imagen), y duplicamos esta imagen aplicada y de ahí nos vamos a Enfocar/Enfocar y después le bajamos la opacidad a 40px o 50px (variable).
• En el psd podrás encontrar algunas otras cosas que te podrán servir de ayuda para lograr algo más divertido y un resultado distinto.

Como ultimo, si vez el diseño de noche lo veras mejor :).

Puedes ver el resultado final aquí:

[Descargar archivo .psd]

Es muy simple, ahora les explico.

Te descargas el archivo de brushes y lo descomprimes en tu computadora (acá hay algunos). Luego abres el photoshop y seleccionas la herramienta Brush (pincel). Y a lado de la forma de pincel actual hay un botoncito que es donde cambias la forma de tu brush. Pues ahí le picas.

Entonces te aparece un menú con imágenes de las formas de brushes que tienes abiertos en ese instante, clickeas la bolita con el triángulo que está en seguida del tamaño en pixeles.

Ahi te aparece un largo menú, tu seleccionas Load Brushes (cargar pinceles).

Y ahora te aparece una ventana donde buscarás la carpeta donde hayas descomprimido los brushes que descargaste. Cuando lo encuentras, lo seleccionas y le pones Load (cargar).

Y listo, en tu selección de brushes se anexarán los que hayas cargado, si no los ves puede que ya tuvieras unos antes, baja un poco el scroll y ya.

Aunque ejemplifiqué el proceso con los brushes es lo mismo para las shapes, gradients y algunos otros. Espero que les haya servido a los más nuevos en esto del photoshop. Por que nadie nace sabiendo.

:)

Con este tutorial podrás crear texto con brillo (glossy) como el de la imagen usando photoshop. Es para principiantes así que estan todos los pasos, por más simples que parezcan. Yo usé Photoshop CS3 en inglés, por lo que, aunque este es un tutorial en español el nombre de las herramientas las manejo en inglés (siempre se me ha hecho mejor así ya que abundan los tutoriales en inglés y es más fácil entenderlos luego que estar traduciendo).

Bueno, comenzemos.

Para empezar creas un nuevo documento en photoshop, del tamaño que quieras, yo usé 400 x 200 pixeles.

Luego seleccionas la herramienta Text y escribes con lo que quieras trabajar.

Luego a ese texto le vamos a dar un degradado de color, para eso vamos al menú: Layer/Layer style/Gradient overlay…

Te aparecerá una ventana como esta:

En ella das click en la barra que tiene un degradado negro, y te aparecerá la siequiente ventana donde para cambiar el color del degradado basta con hacer doble click a los cuadritos pequeños en cada orilla de la barra.

Luego seleccionas el color.

Le pones ok y seleccionas ahora el segundo color haciendo click en el otro cuadrito. Lo mejor es escojer un color más o menos oscuro y otro del mismo tono pero más claro. En mi caso yo usé el color azul. Así queda con el degradado:

Bien, ahora creas una nueva capa.

Y seleccionas la herramienta rectangular marquee, o presionas M.

Y con ella trazas un rectángulo sobre tu texto que cubra todo el largo, no importa que sea más largo que el texto. Pero que cubra la mitad horizontal. Más o menos así:

Para lo siguiente tienes que fijarte que tus colores estén en negro sobre blanco (si no están así hay que cambiarlos, sólo presionando los pequeños cuadritos negro y blanco que estan sobre los cuadros de color).

Entonces presionas en tu teclado ctrl + bksp (control + backspace), y ese rectángulo de selección se rellena de color blanco. Y presionas ctr + D (control + D) y el rectángulo se deselecciona.

Ahora tenemos la mitad de nuesto texto cubierto en blanco, sólo veremos la otra mitad:

Con la layer (capa) de el rectángulo blanco seleccionada presionamos ctrl y clickeamos en el símbolo de T de nuestra capa de texto.

Eso creará una seleccion alrededor del texto, ahora presionamos ctrl + shift + i , con eso se invertirá la selección, ahora borramos la selección simplemente presionando delete.

Nos habrá quedado algo como esto:

Lo que pasa es que hemos dejado una capa blanca exactamente sobre la mitad de arriba de cada letra. Es lo que usaremos para crear el efecto de brillo.

Para crear el efecto bajamos la opacitdad (opacity) de la capa donde esta la plasta blanca. Para esto la seleccionamos y presionamos la flechita que está seguida del 100% de opacity. Nos aparece una barra que movemos para variar el porcentaje. Yo dejé 28%.

Ya está practicamente listo nuestro texto con brillo:

Ahora sólo agregaré un borde gris en el texto, usando Stroke en el Layer Style.

Y con eso esta terminado.

Para dar diferente efecto puedes usar tambien la Elliptical Marquee Tool con el que crearias un brillo curvo en lugar del recto que hice yo. O incluso usar la herramienta Pen (pluma) y dibujar una selección irregular.

Si te gustó o tienes alguna duda deja tu comentario :)