Tutorial: Diseña un paisaje estilo apple

Agosto 26, 2009 a las 18:57, Categoría: Tutoriales

Antes de empezar el tutorial quería explicarles que es mi primer tutorial, no soy ningún experto en hacer tutoriales pero poco a poco iré aprendiendo. Lo probable es que ya haya algún tutorial parecido por que este tipo de imágenes están muy de moda entre los diseños. Si hay alguna duda déjenla en el post. También advierto que la versión de este tutorial es la CS3, un error mío. Los próximos sí que serán en el CS4.

Espero que lo disfruten como yo al crear este post.

Esta será la imagen que queremos lograr

Paso 1

Y ahora empecemos. Lo primero que debemos hacer es crear un archivo nuevo de la resolución de vuestro monitor (en mi caso 1680 x 1050 píxeles)

El siguiente paso es desbloquear la capa de “fondo”, para ello solo tienes que hacer doble clic en el panel de capas de la derecha. Con esto seleccionamos la herramienta degradado y en el panel superior veremos las diferentes opciones. Escogemos la opción degradado radial y seleccionamos los dos colores que usaremos para el degradado.

En el panel de colores seleccionamos dos colores azul oscuro. En mi caso usaré el  #00539d y el #002080.

Ahora solo debemos seleccionar el radio del degradado que queramos hacer. Y nos debe de quedar algo parecido a esto

Paso 2

Con esto tendremos el fondo hecho. Ahora introduciremos el suelo de hierbas. No necesitaremos descargar ningún pincel aun que podéis hacerlo. Nosotros usaremos el que viene por defecto con photoshop. Lo primero es hacer una nueva capa y seleccionaremos el pincel con forma de hierba

Ahora seleccionaremos las propiedades del pincel Dinámica de forma, Dispersión y Suavizar con los valores que se muestran en las imágenes

Antes de pintar con la hierba, aseguraos de que los colores seleccionados son el negro

Con el pincel preparado, el siguiente paso será dibujar el suelo, lo podéis hacer a simple vista, ya que los suelos naturales no son muy rectos. Rellenamos el 30% de la parte inferior de la imagen mas o menos

Y con esto tendremos un suelo como el de la imagen, cuanto menor tamaño del pincel a a la hora de pintar, menor será la hierba que deje, esto quiere decir que si queremos lograr un efecto de hierba alta, basta con seleccionar un pincel mayor.

Paso 3

El siguiente paso es aplicar un cielo con nubes, para ello descargaremos primero una imagen de nubes. Os dejo para descargar la imagen que he usado yo

Descarga | Imagen de nubes

Una vez descargada la imagen, la abrimos con el photoshop y pasamos la única capa que incluye al trabajo. Para hacer esto es muy fácil, vasta con arrastrar la capa a la imagen.

Lo siguiente es poner la capa en Luz Suave. Ahora solo movemos la imagen y la dejamos a nuestro gusto, pulsandoControl + T podemos modificar el tamaño

Paso 4

Ahora introduciremos la silueta de un árbol. Yo he decidido usar una imagen en PSD de un árbol, aun que hay pinceles y formas para descargar. El árbol le he sacado de un post del blog de Diego mattei.

Descarga | Gran variedad de árboles en PSD

Abriremos el archivo y pasaremos el árbol que deseemos al trabajo, tan solo arrastraremos la capa que contiene el árbol de nuestra elección

Modificamos el tamaño del árbol a nuestro gusto, y nos debe de quedar de una manera parecida a esta

Como es de esperar, el árbol a color desentona con la imagen, así que nos vamos a Imagen > Ajustes > Tono/Saturación y modificamos la luminosidad a 0.

Paso 5

Lo siguiente es añadir las siluetas humanas, podemos usar diferentes maneras para ello, una es descargando unas siluetas hechas, y la otra es coger una imagen y coger la forma de la persona que queramos, la pasamos al trabajo y le quitaremos la iluminación. Para no complicar este tutorial, lo haré con siluetas previamente hechas aunque necesitaremos el programa Adobe Ilustrator. Os dejo los dos materiales, una imagen para pasarla a silueta y un pack de siluetas:

Descarga |

- Pack de siluetas (Adobe ilustrator)

- Imagen para pasar a silueta

Una vez descargado el documento, lo abriremos y pasaremos la silueta que deseemos al proyecto y ajustaremos la forma y el tamaño:

Paso 6

Vamos a hacer la luna llena, para ello creamos una nueva capa entre las nubes y el fondo. Seleccionamos un pincel redondo blanco, y les damos un tamaño como el de la imagen y una dureza 0:

Aplicamos el pincel. Ahora para dar el efecto de iluminación de la luna, haremos otra pincelada, esta será de una opacidad del 60% y un tamaño de aproximadamente 1500px:

Nos debe de quedar algo como esto.

Lo siguiente será añadir algunos detalles, como por ejemplo un cielo con estrellas. Para ello creamos una nueva capa entre las nubes y la luna.  Cambiaremos la propiedades de la capa haciendo doble clic en ella y añadimos el estiloresplandor exterior

Con el estilo en la capa nueva, seleccionamos un pincel redondo blanco, con el tamaño entre 5 y 12 pixeles y aplicamos puntos al rededor del cielo sin tocar las nubes. Cambiamos el tamaño del pincen otra vez entre 5 y 12 pixeles y aplicamos mas puntos, así hasta que tengamos el cielo deseado. Este es el resultado final:

Yo prefiero hacer este metodo así, por que controlamos las estrellas que ponemos, encambio si hacemos un pincel con la propiedad de dispersión, no escogemos el lugar exacto y la coantidad suele ser bastante mayor a la deseada.

Este es un tutorial ofrecido por silverwolf, muchas gracias por su tiempo