BLOG TECNOLOGICO LAS PALMAS

En este tutorial mostraremos cómo crear un icono brillante del planeta  con el uso de las características 3D de Photoshop CS3 Extended o CS4 Extended. Esto abarcará la información básica sobre las capas 3D y mapas de textura (texture maps). Vamos a empezar!

Resultado Final:

Paso 1:

Crear un nuevo documento: 1000 X 500 px. con una resolución de 300 px., con el nombre de “Home”.

Paso 2:

Vamos a  usar  textura para nuestro planeta.  Pueden obtener la textura  desde planetpixelemporium.com. Descarguen el “mapa de color”  del sitio y lo insertan como capa nueva en Photoshop. Cambien el nombre de esta capa a “Tierra”.

Paso 3:

Nos vamos a 3D > New Shape From Layer > Sphere. Esto envolvera la capa alrededor de una esfera y va a ser la capa base de nuestra ilustración planeta.

Paso 4:

La capa  “Tierra” es ahora capa 3D y un icono de cubo esta mostrado en la paleta de las Capas. Pueden interactuar con un modelo 3D en una capa 3D en Photoshop. Pueden rotar y mover el modelo o cambiar la posición de la cámara en espacio 3D utilizando las herramientas 3D en la caja de herramientas.

Paso 5:

Cogen la herramienta de rotación 3D, hagan clic en el lienzo, mantengan y arrastren para girar la esfera y ajustarla como quieran. Manteniendo pulsada la tecla Alt o Shift restringirá el eje de rotación.

Paso 6:

Vamos a arreglar los bordes de la esfera. Pinchamos 2 veceses en el icono cubo de la capa “Tierra” para sacar la paleta 3D. Aqui pueden hacer varios ajustes en la capa 3D. Asegúrense de que la “Scene” esta seleccionada en la lista superior y establecer Anti-Alias a Best. Esto solucionará los bordes.

Paso 7:

Ahora hagan clic en el cuadro de Global Ambient Color y establecen el color a R:100, G:100, B:100 y pulse OK. Esto cambiara el color de ambiente a uno mas claro.

Paso 8:

Ahora añadiremos un mapa de relieve a nuestro planeta. Primero hay que bajar el “bump map” de planetpixelemporium.com y guardar la imagen en su escritorio. Ahora nos vamos a la paleta de 3D. Nos vamos a Sphere_Material y pinchamos el boton de  Edit the Bump Texture y elegimos  Load Texture. Seleccionen el archivo que acaban de descargar. También queremos que nuestro planeta sea brillante, así que pongan el brillo al 100%.

Paso 9:

En la Paleta de 3D verán que hay tres luces. Estas son las luces de escena por defecto de Photoshop. Ahora vamos a cambiar sus tipos, colores y posiciones. Primero selecionen “Infinite Light 1″ y cambian su color a  R:150, G:150, y B:150. Ahora seleccionen “Infinite Light 2″ y establecen el tipo a  Point para cambiar la posicion. Cambian el color a  r:180, G:180, and B:180. Por ultimo seleccionen “Infinite Light 3,” tipo -  Point tambien y Color – R:130, G:130, y B:130.

Paso 10:

“Infinite Light 3″ esta colocada en algún lugar bajo la esfera. Como vamos a poner la esfera sobre una superficie y añadir algunas sombra más tarde,  no quieremos ninguna luz por debajo de ella. Así que coloquen la luz por encima de la esfera usando Slide and Drag Tools.

Paso 11:

Ahora haremos las nubes alrededor del planeta. Ir a la paleta Capas, duplicar la capa “Tierra”  y ponganle el nombre “Nubes”. Abren el panel de propiedades 3D para la capa “Nubes”. Pinchen el boton  Edit the Diffuse Texture y eligen Remove Texture.  Ajusten el color difuso en blanco.

Pinchen en el boton  Edit the Bump Texture y eligen a quitar  Texture. Ahora tenemos una esfera blanca. Vamos a usar otra textura para las nubes. Pueden descargar la imagen”cloud transparency ” desde  planetpixelemporium.com. Pinchen en el boton  Edit the Opacity Texture y eligen Load Texture. Localizen el archivo “earthcloudmaptrans.jpg”.

Hagan clic en el botón Editar la opacidad de textura de nuevo y esta vez seleccionen Abrir Textura (Open Texture). Esto abrirá la textura en una nueva ventana. Nos vamos a Image > Adjustments > Invert. Guarden y cierran el docuemnto. Volvemos a “Home.PSD” y veremos que la mapa de opacidad esta actualizada.

Tenemos demasiadas nubes. Lo arreglamos quitando la opcion Two Sided. Ajustamos los colores Ambient y Specular a blanco. Pueden obtener la herramienta de rotación 3D de la caja de herramientas y ajustar la orientación de las nubes, si lo desean.

Paso 12:

Para hacer que las nubes destaquen un poco más definimos el color de las tres luces a blanco.

Paso 13:

Aplicamos Drop Shadow a la capa “Nubes” con los siguientes ajustes: Blend Mode – Multiply, Color- negro, Opacity s – 75%, Distance  – 1px y Size – 3px.

Paso 14:

Duplicamos las dos capas que tenemos – Tierra y Nubes. Oclultamos los originales y juntamos las copias. Ponemos el nombre “Planeta” a la nueva capa que se ha generado juntando las dos anteriores. Le vamos a aplicar Inner Shadow usando los siguientes ajustes: Blend Mode – Multiply, Color – negro, Opacity – 100%, Angle : -90, Distance – 25px y Size- 46px. Esto va a hacer la parte de abajo más oscura.

Paso 15:

Creamos nueva capa abajo de la capa Planeta y la llamamos Shadow. Cogemos la heramienta Elliptical Marquee Tool y hacemos una seleccion como esta mostrado en la foto abajo. La rellenamos con color negro y nos vamos a Filter > Blur > Gaussian Blur con radius – 7px. Nos vamos otra vez a Filter > Blur > Motion Blur, ajustamos el Angle a 0 y Distance a 150 px y lo aplicamos.

Paso 16:

Duplicamos la capa “Shadow”. Pulsamos  Ctrl + T, ajustamos Vertical y Horizontal Scale a 60% y aplicamos. Esto va a crear otra sombra mas oscura donde la esfera toca el fondo.

Paso 17:

Nos vamos a la capa “Planeta”, la duplicamos y la llamamos “Reflection”. Borramos el estilo de Inner Shadow. Nos vamos a Edit > Transform > Flip Vertical para reflecar la imagen. Movemos la capa “Reflection” debajo de la capa “Planeta” y la posicionamos como esta mostrado en la foto abajo.

Paso 18:

Añadimos Layer Mask a la capa “Reflection”. Cogemos Gradient Tool – ajustamos los colores a blanco y negro. Ponemos el degradado a la mascara de la capa como esta enseñado abajo.

Paso 19:

Pinchamos en el Thumbnail de la capa “Reflection”. Nos vamos a Filter > Blur > Gaussian Blur, Radius – 2 pixels. Ajustamos la opacidad de la capa a 75%.

Como ultimo ponemos un fondo al documento en degradado con colores – azul claro y blanco.

Descargar los archivos PSD del Tutorial