Camino Creativo » Avanzados

Dibujar el Logo de Mozilla Firefox en Photoshop

Luch — Mon, 27 Apr 2009 20:11:59 +0000

En este tutorial les enseñaré a dibujar detalladamente el Logotipo de Mozilla Firefox usando una gran cantidad de formas usando ((Pen Tool)) y ((Gradient Tool)) para aplicar una gran variedad de degradados.

Abran un nuevo documento de 1024×970px con fondo blanco.

Crean una ((New Layer)).

Seleccionen ((Ellipse Tool)) y tracen una selección circular de color #1f0e6d.

Dupliquen la capa del círculo (Ctrl + J).

A la capa duplicada le aplican ((Layer))-((Layer Style))-((Gradient Overlay)). Para este degradado usen los colores #00012d y #0d7ab5.

Acepten los cambios.

Apreten Ctrl + T para activar ((Free Transform)) y en la barra de opciones añadan 97% en la escala vertical y horizontal. Vean la siguiente imagen.

Copien el mapa con las tierras del mundo descargando el siguiente PSD y péguenlo en el documento del Logo de Mozilla:

DESCARGAR TIERRA.PSD

Se paran sobre la capa de las tierras y vayan a ((Layer))-((Layer Style))-((Gradient Overlay)). Para este degradado usen los colores #2c3b8e y #67c2d4.

Dibujar un Vaso con Cerveza en Photoshop

Luch — Sun, 26 Apr 2009 20:14:03 +0000

Atentos Diseñadores Publicitarios!!. Dibujaremos un vaso de Cerveza biennn fría! El resultado es muy bueno! Es ideal para aplicarlo en publicidades de cervezas o refrescos.

Abran un nuevo documento de 430×550px con fondo blanco.

Con ((Pen Tool)) dibujen el trazado del vaso.

Apreten Ctrl + Enter para convertir el trazado en selección.

Crean una ((New Layer)).

Rellenen la selección de negro.

Pueden descargar el PSD de este paso haciendo clic en este LINK.

Seleccionen ((Gradient Tool)) y en el editor de degradado añadan los siguientes colores, de izquierda a derecha:

1. Location: 0% Color: #dde4e8
2. Location: 8% Color: #ffffff
3. Location: 11% Color: #d4ac45
4. Location: 59% Color: #deb73d
5. Location: 78% Color: #d0b86d
6. Location: 89% Color: #b09c52
7. Location: 95% Color: #abab52
8. Location: 100% Color: #ccd9e1

Ahora crean una ((New Layer)).

Con ((Gradient Tool)) de tipo “Lineal Gradient” tracen un degradado (anterior degradado) vertical como el que ven abajo.

Reduzcan la ((Opacity)) de esta capa a 90% para poder ver el vaso.

Apreten Ctrl + T sobre esta capa para activar ((Free Transform)), luego vayan a ((Edit))-((Transform))-((Warp)) y deformen el degradado para que quede de la siguiente manera

Ahora, parados sobre la capa del degradado vayan a ((Layer))-((Create Clipping Mask)).

Texto 3D con Efectos Lumínicos

Luch — Mon, 13 Apr 2009 20:20:40 +0000

Hoy lo que vamos a hacer será tomar un objeto / texto 3-D y darle varios efectos realistas. Usaremos Adobe Illsutrator para crear el texto 3-D y luego Adobe Photoshop para crear los efectos, tales como lumínicos, texturizados y sombreados.

Lo primero que harán será crear un nuevo documento de Adobe Illustrator con un formato de hoja A4.

Escriban un texto o sus iniciales usando un tamaño que no supere el ancho y alto de la hoja.

Rellenen el rexto con el color #e0163e.

Ahora vayan al menu ((Effect))-((3-D))-((Extrude & Bevel)).

Este es el resultado.

Seleccionen el texto y apreten Ctrl + C para copiarlo.

Más adelante, abran un nuevo documento de Photoshop con un tamaño de 1680×1050px.

Aprete Ctrl + V para pegar el texto (de tipo “Smart Object”) y lo adaptan al documento de Photoshop de la siguiente manera.

Vayan a ((Layer))-((Rasterize))-((Smart Object)) para rasterizar el texto.

Luego copien y peguen esta textura de madera y con ((Free Transform)) (Ctrl + T) adáptenlo al tamaño del documento.

Antigua pintura griega

Luch — Tue, 03 Mar 2009 21:18:10 +0000

Crea tu propia antigua pintura griega con tu Retrato. Lleva unos cuantos minutos este tutorial, pero vale la pena!

Abran un nuevo documento de 500×500px con fondo transparente.

Seleccionen ((Gradient Tool)) de tipo ((Radial Gradient)) y tracen un degradado usando los colores #363f2a y #1e1913.

Antes de seguir con el próximo paso deberán colocar guías. Para ello tendrán que tener activas las reglas (Ctrl + R). Luego hagan Clic sin soltar encima de las reglas y arrastren hacia el puntero del mouse hasta el centro del documento.

Seleccionen ((Elliptical Marquee Tool)), coloquen el cursor del mouse en donde se cruzan las dos guías y con Alt + Shift apretados (aumenta proporcionalmente desde el centro) tracen una selección circular.

Crean una ((New Layer)).

Rellenen esta selección de color #e27d37.

Tracen otra selección circular pero esta vez un 30% más chica que la anterior.

Apreten la tecla Suprimir para eliminar. Les deberá quedar un aro como el que ven abajo.

Tracen otra selección circular un 25% más grande que la anterior. Vean la imagen de abajo.

Adaptar un paisaje natural sobre un vestido

Luch — Tue, 03 Mar 2009 04:37:47 +0000

Convertiremos un simple vestido de mujer en un fabuloso vestido formado por un paisaje natural, si si, así como lo leen, gracias a Photoshop, ustedes mismas/os podrán crear sus propios vestidos formados por espectaculares paisajes naturales.

IMPORTANTE: En el transcurso del tutorial les iré indicando los nombres de las capas (“Layer 1″, “Layer 2″, “Layer 1 copy”, etc), así que les recomiendo que aumenten el tamaño de las Thumbs para que se den cuenta de que capa estoy hablando en cada paso.

Abran la imagen del paisaje en Photoshop.

DESCARGAR IMAGEN PAISAJE

Coloquen la imagen de la mujer con vestido encima del paisaje.

DESCARGAR IMAGEN MUJER

Desaturen la capa de la mujer: ((Image))-((Adjustments))-((Desaturate)).

Crear Papel Tapiz de Iron Man

Luch — Sun, 01 Mar 2009 20:02:46 +0000

En este tutorial de Photoshop crearemos un impresionante y moderno Papel Tapiz de Iron Man. Está basado en la película de Iron Man que debutó en los cines en el año 2008.

Abran un nuevo documento de 1600×1200px con fondo negro.

Seleccionen ((Pen Tool)) y dibujen el trazado de la cabeza.

Crean una ((New Layer)).

Apreten Ctrl + Enter para convertir el trazado en selección.

Rellenen esta selección de color blanco.

Reduzcan el ((Fill)) de la capa a 0%.

Hagan doble clic sobre esta capa para abrir ((Layer Styles)).

((Inner Shadow)).

((Gradient Overlay)). Para este degradado usen los colores: #5a1315, #1f0200, #9f1214, #5c0e11 y #340202.

Crear atractiva puesta de sol en Photoshop

Luch — Wed, 25 Feb 2009 01:45:16 +0000

Crearemos una atractiva puesta de sol usando diferentes herramientas de dibujo tales como ((Polygonal Lasso Tool)), ((Ellipse Tool)), y ((Pen Tool)). También usaremos ((Clouds)) ,((Gradient Tool)), ((Blending Mode)), ((Erase Tool)), ((Levels)), ((Opacity)), ((Brush Tool)), ((Gaussean Blur)), ((Free Transform)), ((Smudge Tool)) y ((Color Balance)).

Abran un nuevo documento de 800×600px.

Rellenen el fondo con el color #392c1b.

Crean una ((New Layer)).

Apreten la tecla D para resetear los colores a negro y blanco.

Vayan a ((Filter))-((Render))-((Clouds)).

Apreten Ctrl + L para editar ((Levels)).

Modifiquen el ((Blending Mode)) de esta capa a Soft Light y reduzcan su ((Opacity)) a 30%.

Rayos solares formados por ornamentos y formas brillantes

Luch — Tue, 24 Feb 2009 23:09:08 +0000

Les enseñaré como aplicar unos originales rayos solares sobre la imagen de un paisaje. Lo que haremos exactamente será crear la puesta del sol pero con unos rayos solares formado por ornamentos con gran iluminación. ¿Comenzamos?

Abran la imagen de este anochecer. Para descargarla hagan clic en este LINK.

Dupliquen esta capa (Ctrl + J).

Desaturen la capa duplicada: ((Image))-((Adjustments))-((Desaturate)).

Ahora le aplican ((Image))-((Adjustments))-((Brightness/Contrast)).

Luego ((Filter))-((Blur))-((Gaussean Blur)).

Ilustración de Camión Vintage

Luch — Tue, 24 Feb 2009 21:01:10 +0000

Vamos a crear la ilustración de un camión vintage, para luego darle un aspecto “Grunge” o sucio. En el transcurso del tutorial podrán descargar todos los recursos utilizados (la imagen de dicho camión, pinceles de salpicaduras y una textura de papel antiguo) ….. Ah! me olvidaba, y como siempre… también el PSD al final del tutorial! Que lo disfruten!

Abran la imagen del camión. Pueden descargarla haciendo clic en este LINK.

Seleccionen ((Pen Tool)) para marcar con un trazaso el contorno del camión.

Apreten Ctrl + Enter para convertir el trazado en selección.

Luego apreten Ctrl + C para copiarlo.

Abran un nuevo documento de 1600×1200px con fondo negro.

Apreten Ctrl + V para pegar el camión.

Dupliquen la capa del camión (Ctrl + J).

A la capa duplicada le aplican ((Filter))-((Blur))-((Smart Blur)).

Inviertan el resultado: ((Image))-((Adjustments))-((Invert)).

Ilustración sucia o “Grunge” de la UFC en Photoshop

Luch — Tue, 24 Feb 2009 18:35:05 +0000

En este tutorial, trabajaremos con la imagen de un luchador de la UFC y con el logo de la competencia para crear estea fantástica ilustración. Intentaremos hacerlo simple, pero al mismo tiempo, hacer que se vea bien. Espero que lo disfruten el tutorial.

Abran un nuevo documento de 1260×1024px.

Rellenen el fondo con el color #222222.

Luego vayan al menu ((Filter))-((Noise))-((Add Noise)).

Desaturen la imagen: ((Image))-((Adjustments))-((Desaturate)).

Ahora vayan a ((Filter))-((Brush Strokes))-((Accented Edges)).

Papel tapiz de Harley Davison

Luch — Thu, 19 Feb 2009 02:29:22 +0000

Este tutorial te mostrará como crear un espectacular Papel tapiz o Wallpaper de Harley Davison para adornar el escritorio de tu PC.

Abran un nuevo documento de 1600×1200px con fondo transparente.

Rellenen el fondo con el color #717171.

Ahora vayan a ((Filter))-((Noise))-((Add Noise)).

Luego le aplican ((Filter))-((Render))-((Lighting Effects)).

Así les debería quedar.

Dibujar el Microsoft Zune en Photoshop

Luch — Wed, 18 Feb 2009 20:40:05 +0000

Lo que vamos a hacer en este tutorial sera crear el Zune desde 0. ¿Qué es el Zune?. Es el primer reproductor digital que Microsoft produce con su nombre.

Abran un nuevo documento de 400×600px.

Seleccionen ((Gradient Tool)) de tipo ((Radial Gradient)) y tracen un degradado usando los colores #a6fba8 y #45c94f.

Ahora con ((Rectangular Marquee Tool)) dibujen un pequeño rectángulo en la parte inferior del documento.

Crean una ((New Layer)).

Vuelvan a seleccionar ((Gradient Tool)) de tipo ((Lineal Gradient)) y tracen un degradado vertical de blanco a transparente.

Modifiquen el ((Blending Mode)) de esta capa a Soft Light.

Crean una ((New Layer)).

Seleccionen ((Rounded Rectangle Tool)) con un radio de 7px y tracen un rectángulo negro como el que ven abajo.

Vayan a ((Layer))-((Layer Style))-((Gradient Overlay)). Para este degradado usen los colores: #000000, #090909 y #000000.

Dibujar un huevo en Photoshop

Luch — Wed, 18 Feb 2009 17:34:43 +0000

Dentro de este tutorial, aprenderán a dibujar un huevo real en Photoshop. Si bien no es tutorial de los más difíciles, se necesita paciencia ya que es un trabajo”delicado”, así que en una de esas…igual que yo ; ) tengan que deshacer los cambios algunas veces (Ctrl + Alt + Z). En fín, se los recomiendo que lo practiquen! el resultado es muy real.

Abran un nuevo documento de 500×500px con fondo blanco.

Seleccionen ((Elliptical Marquee Tool)) y con Alt apretado (aumenta desde el centro) tracen un óvalo como el que ven abajo.

Crean una ((New Layer)).

Rellenen la selección de color #fedb90.

Dupliquen esta capa (Ctrl + J).

Ahora con ((Pen Tool)) tracen algunas grietas por el ancho del huevo.

Apreten Ctrl + Enter para convertir el trazado en selección.

Se paran sobre la capa del huevo duplicada y apreten Suprimir para eliminar.

Hagan doble clic sobre la capa de huevo duplicada para abrir ((Layer Styles)) y aplicarle ((Bevel and Emboss)).

Acepten los cambios.

Diseñar original cartel con líneas geométricas

Luch — Tue, 17 Feb 2009 23:55:27 +0000

El uso de líneas en ángulo, añade un toque dinámico a la composición de un diseño que permite al ojo de los espectadores seguirlo a través de la página. La combinación de este diseño con el color, la textura y la tipografía puede resultar en un lugar fresco y moderno para el diseño de carteles. Necesitarán tener instalado Adobe Illustrator ya que las líneas geométricas las crearemos usando este programa vectorial.

Primero que nada abran Adobe Illustrator para crear las líneas geométricas multicolores.

Crean un nuevo documento con hoja A4.

Dibujen cuatro cuadrados iguales, uno pegado al otro usando los colores, de izquierda a derecha: #79be9b, #07486c, #aad7a7 y #3b8686.

Seleccionen los cuatro cuadrados.

Luego vayan a ((Window))-((Brushes)).

Hagan clic en la flecha que aparece arriba a la derecha de la pestaña ((Brushes)) y en el menu que se despliega elijan “New Brush”….

….y dentro de este “New Art Brush”.

Coloquen estos parámetros.

Ahora seleccionen ((Pen Tool)) y con Shift apretados tracen una línea de 45º.

Verán que en la pestaña ((Brushes)) aparece el diseño que crearon, hagan clic en el para colocarle el nuevo pincel.

Crear rayos de luz intensos y con gran resplandor en Photoshop

Luch — Tue, 17 Feb 2009 21:11:18 +0000

Lo que haremos en este tutorial será presentar una guía sobre cómo crear una intensa luz uniforme que fluya alrededor de un objeto, en este caso, una lata de aluminio plateada. También crearemos un intenso resplandor con algunos salpicaduras alrededor de la lata.

Abran la imagen de estas latas de aluminio. Para descargarla hagan clic en este LINK.

Seleccionen ((Pen Tool)) y hagan un trazado alrededor de la lata plateada.

Apreten Ctrl + Enter para convertir el trazado en selección.

Copien esta selección (Ctrl + C).

Abran un nuevo documento de 800×600px con fondo negro.

Peguen la selección de la lata en el nuevo documento (Ctrl + V).

Apreten Ctrl + Clic en la capa de la lata para activar su selección.

Vayan a ((Select))-((Modify))-((Feather)): 1px.

Inviertan la selección: ((Select))-((Inverse)).

Ahora apreten la tecla Suprimir para eliminar.

Dupliquen la capa (Ctrl + J).

A la capa duplicada le modifican el ((Blending Mode)) a Multiply.
Esto que hicieron fue para que la lata luzca más realistas por el borrado de los bordes duros y también por la modificación de la iluminación y las sombras.