creativitystorm

Mientras observaba televisión, en especial Discovery Channel, transmitieron un comercial de un nuevo programa que me llamo la atención: Grandes Misterios del Universo con Morgan Freeman, el comercial de este me fascino por los efectos que manejaban y las escenas del espacio dentro de un cuarto. Después de eso, decidí experimentar con Photoshop para poder lograr ese efecto y poder compartirlo con ustedes. Disfrútalo! (Al final del tutorial pueden ver el comercial).En este tutorial podrás aprender a como realizar este efecto fácilmente con Photoshop, únicamente necesitaras un par de stocks, manejar ajustes de capas, disposición y sobre todo tiempo y ganas para poder hacerlo. Aparte es un muy buen efecto de fondo para retratos o fotos de perfil.Paso 1Lo primero que haremos será crear un archivo nuevo y le pondré el tamaño que deseemos, pero algo importante es poner nuestro archivo a 300ppp, en mi caso decidí utilizar las medidas 2560 x 1680 px. A nuestro archivo le pondremos un color de fondo oscuro, yo le puse el color #0a0b0c que es un azul oscuro tratan de lograr algo parecido al color del universo y a como deseare mi composición final.Paso 2Como siguiente crearemos el suelo para sostener a nuestro personaje, lo que viene siendo el suelo no ocupara todo el lienzo de nuestro trabajo, solo una parte para darle un especie de sensación de “misterio”. Para esto tomaremos nuestra herramienta pincel y con un color tipo tierra, yo elegí café como el del comercial #372f26, pero esto puede variar. Ya con el pincel, escogemos uno difuso de un tamaño aproximadamente que concuerde con el tamaño del ancho que queremos el suelo, por lo que si debe ser más grande que 300, entre 800 a 1000 px (Aunque esto depende del tamaño de lienzo que manejemos). Después lo ponemos en nuestro trabajo y lo transformamos con la herramienta mover (puedes usar la opción Deformar para lograr un mejor resultado), para acoplarlo como un suelo.Este paso lo vamos a repetir hasta lograr terminar nuestro suelo, tienen que ir jugando con las capas y sus opacidades, aparte también manejar una misma gama del mismo color, en mi caso use colores cafés, de igual modo también deben fijarse en la perspectiva que manejaran. Ahora podrás ver cómo me ha quedado a mí:Como podrás ver he creado un piso que lleva su perspectiva hacia la derecha, así dejando el lado izquierdo como zona donde colocare el “espacio”. También agregue un segundo y pequeño foco mas de iluminación, tratando de lograr un poco mas de profundidad.A todas estas capas del suelo, las ponemos dentro de un grupo (Ctrl + G) que llamaremos “Suelo”, luego convertimos este grupo en un Objeto Inteligente (clic derecho sobre el grupo). Así tendremos nuestro piso en una sola capa, que aun podemos editar.Ahora necesitamos agregar un poco de textura al suelo para darle un poco mas de realismo, yo he usado la siguiente textura: http://asunderstock.deviantart.com/gallery/?offset=24#/d14drie, la colocamos en nuestro diseño y después la ajustamos únicamente al suelo. Para ajustarlo tomamos nuestra herramienta mover y dando clic derecho en alguna esquina de nuestro diseño seleccionamos Perspectiva y lo ajustamos en el suelo que habíamos hecho antes, apretamos Ctrl + Alt + G o Capa/Crear Mascara de Recorte, para crear una máscara de recorte de textura con el suelo, y después configuramos la capa poniéndola en modo Superponer y bajándole la opacidad a 70px.Después le agregamos 2 capas de ajustes (Imagen/Nueva Capa de Ajuste), que son Niveles y Brillo y Contraste:Con esto ya terminamos nuestro suelo, puedes seguir experimentando para conseguir algún resultado diferente.Paso 3Ahora colocaremos el efecto de meteoritos alrededor, para eso cortaremos piedras de diferentes stocks, yo he usado los siguientes: http://barefootliam-stock.deviantart.com/gallery/767117#/d5cjzm, http://gabriella-stock.deviantart.com/art/Stones-86758057, http://piratequeen-stock.deviantart.com/art/PQ-stones-134223210. Cortamos las piedras necesarias para nuestro trabajo, esto puede que tardes un poco, pero hay que tener paciencia si quieres que algo quede bien. Luego de haber cortado nuestras piedras las acomodamos del modo en que queremos que quede el recorrido de las mismas, en mi caso las puse en un recorrido semicircular.No importa que los cortes de las piedras no te queden perfectos, ya que estas son irregulares. Después de tener las piedras las ponemos en una sola capa, para esto, tomamos todas las capas de las piedras y las convertimos en un objeto inteligente, así esto automáticamente nos la pone una misma capa, a esta capa la vamos a rasterizar (Clic derecho sobre el objeto inteligente y elegimos rasterizar), a este grupo de piedras las vamos a ir duplicando (Clic derecho sobre la Capa / Duplicar Capa), y también acomodando hasta obtener una composición con todas las piedras; aquí podemos experimentar cambiando tamaños, posición, orientación, etc.Esto es algo subjetivo por lo que podemos lograr composiciones diferentes que se acoplen a nuestro diseño. De igual modo pondremos toda la composición de piedras en una sola capa en modo de objeto inteligente como hicimos antes.Teniendo listo todo lo anterior, pondremos algunos ajustes de capa para obtener una concordancia en colores, iluminación y sombras en las piedras.A todos estos ajustes los pondremos en modo de recorte Ctrl + Alt + G con las piedras. Ahora crearemos una nueva capa y con un pincel difuso en color negro lo pasamos sobre las piedras, en especial en las partes de las sombras, para aumentarlas; ya que los contrastes en el espacio son muy fuertes, a esta capa la bajaremos su opacidad entre 15 – 20px y también la ponemos mascara de recorte con las piedras.De nuevo creamos una nueva capa y con un pincel del mismo modo, lo pasamos pero entre las piedras, esto es para que las piedras que estén más al fondo se vean más oscuras y las de adelante se iluminen mas, es decir que la composición de las piedras tenga un volumen.Con esto terminamos con las piedras, de igual manera probemos otros ajuste para lograr algo diferente. Así también podemos ponerles algún filtro de Desenfoque Gaussiano para crear un buen efecto de fondo con lo que esta cerca.Paso 4Lo siguiente será nuestra galaxia, para esto yo use el siguiente stock: http://demi-plum.deviantart.com/gallery/?q=galaxy#/d2lgj1x, cortamos la parte de la galaxia y la colocamos en el lienzo, la ponemos en modo Trama, después le pondremos algunos ajustes de capa para poder acoplarlo más al diseño, a estas capas de ajuste las ponemos como mascara de recorte:Como siguiente será agregar algunos efectos de luces a su alrededor, como si fuera un desprendimiento de ondas, yo he usado el siguiente stock para esto: http://beyzayildirim77.deviantart.com/art/Space-3-X-212652622?offset=20, lo que haremos será cortar una parte de lo que parecen tejidos, lo colocamos en el lienzo, los ponemos en modo trama, luego transformamos con la herramienta mover, usando la opción Deformar para darle un efecto de onda. Luego colocaremos unos ajustes de capa para acoplar mejor estas ondas, no olviden poner estas capas de ajuste como mascaras de recorte para que afecte únicamente a las capas que acabamos de poner y no a todo:Repetiremos lo hecho anterior, pero cortaremos la otra zona del stock, y lo pondremos en la otra parte para completar este efecto onda:Ahora le agregaremos otro efecto onda, para esto he usado el stock: http://beyzayildirim77.deviantart.com/art/Space-1-K-212763389?moodonly=69, lo que haremos será cortar las partes luminosas que parecen tejidos, después lo ponemos en nuestro lienzo, lo ponemos en modo Trama y lo que vamos hacer con este stock será licuarlo para dar un efecto de onda diferente y llamativo, para eso nos vamos a Filtro/Licuar, y jugaremos con nuestro stock, licuándolo hasta lograr la forma deseada; luego damos en Ok y le ponemos algunos ajustes a nuestra forma para acoplarla al diseño:Por último agregamos unos efectos de luces con algún pincel difuso blanco, esto lo haremos en nuevas capas y con modo Superponer o Luz Suave, también podemos probar otras cosas:Paso 5En este paso será tiempo de trabajar en el fondo, esto será fácil, lo que necesitamos será algunos stocks tipo espacial, yo he usado los siguientes: http://night-fate-stock.deviantart.com/art/space-3-198344070, http://bmjewell-stock.deviantart.com/art/Galaxy-1-97581015, http://resurgere.deviantart.com/blog/12893594/#cosmos. Lo que haremos será colocarlos en nuestro fondo (organizando las capas para que estas vayan de fondo). A las capas de fondo las he puesto en modo Trama y algunas Aclarar, estos dos son porque ayudan a resaltar las luces y contrastan para hacer menos visible el fondo. Después agregaremos dos capas de ajustes que son Niveles y Brillos y Contrastes, para contrastar aun más (estas irán en como mascara de recorte). A continuación te muestro un ejemplo aplicado en un solo stock:Ahora todo lo anterior lo aplicamos con todos los stocks tipo espacial que lleguemos a usar; el motivo de usar las mismas configuraciones es para que haya una concordancia en toda la composición del fondo y también de lo que ya hemos puesto antes. Aquí te pongo el resultado:Paso 6Como siguiente paso agregaremos un foco de luz en la parte derecha, como si fuera un resplandor o una estrella. Esto es sencillo, lo que necesitamos hacer es crear una nueva capa, llenarla con fondo negro usando la herramienta bote de pintura, después de eso nos vamos a Filtro/Interpretar/Destello y lo configuramos a nuestro gusto, después con el borrado o con una máscara de capa borramos aquellas zonas que no lleguemos a usar; agregamos un par de ajustes de capa (de nuevo no olvides ponerlas en modo mascara de recorte) y tendremos nuestro efecto de destello terminado:Paso 7Es hora de agregar a nuestro personaje, yo he elegido el siguiente: http://auroradreams.deviantart.com/art/Marcus-8-71573702, lo cortaremos con la herramienta pluma y después la colocaremos en nuestro lienzo. Para agregar sombras únicamente necesitamos tomar un pincel difuso en color negro, y basándonos en dirección de la luz que estemos manejando:Ahora empezaremos a crear capas encima de nuestro personaje en modo de mascara de recorte, para empezar a poner sombras y luces dentro del personaje, de igual modo esto lo trabajaremos con pinceles blancos y negro y cambiando modos de capa, podemos usar Luz Suave o Superponer, también jugar con las opacidades. Agregaremos ajustes de capas (poner en modo de mascara de recorte), yo he agregado tres, Niveles, Brillo y Contraste que me servirán para contrastar y dar un mejor acoplamiento a las sombras y luces y también Equilibrio de Color, el cual sirve para ajustar el color del personaje y pueda acoplarse al resto de la composición:Paso 8Ya estamos a poco de acabar el diseño, ahora agregaremos un par de piedras en el fondo para armar un camino en las piedras, como si estuvieran girando, esto es fácil; la misma composición que hemos hecho de piedras, las haremos más pequeñas y las pondremos en el fondo de nuestro diseño, después a estas capas las iremos poniendo en modo Luz Suave o Superponer, bajándole sus opacidad, recuerda que lo que está a lo lejos no se ve mucho. He aquí el resultado:Lo siguiente que haremos será crear una capa que ira de fondo, después a esta capa le pondremos Nubes (Filtro/Interpretar/Nubes), después a esta capa le agregaremos una máscara de capa o vectorial y borraremos aquellas zonas que no usaremos, luego a esta capa la ponemos en modo Sobreexponer Color y le bajamos la opacidad a 80%.Paso 9Lo que haremos ahora será agregar algunos detalles más como son luces y sombras, esto lo haremos con pinceles como lo hemos hecho antes, de igual modo jugaremos con los modos de capa y opacidades. También podemos agregar más stocks y transformarlos para seguir detallando nuestros elementos del plano que tenemos.Para estar casi por acabar, agregaremos unos ajustes de capa, pero estos irán encima de todo el diseño que ya tenemos, no le pondremos mascara de recorte:A estas capas de ajuste las ponemos dentro de un mismo grupo (Ctrl + G).Paso 10Este es el último paso, lo que haremos será crear una capa encima de todo el diseño, después nos iremos a Imagen/Aplicar Imagen, luego a esta capa aplicada la duplicamos y nos vamos a Filtro/Otro/Paso Alto y le ponemos 2 o 3px, según el tamaño de enfoque que deseemos, yo le he puesto 2; a esta capa con el paso alto la pondremos en modo Luz Suave y con una máscara de capa puesta, borraremos aquellas zonas que saturan nuestro trabajo o simplemente no lleguen a acoplarse al diseño. De igual modo duplicamos la capa que aplicamos primero, después nos dirigimos a Filtro/Desenfoque/Desenfoque Gaussiano, ponemos 3px: a esta capa la pondremos en modo Luz Suave y con 20px de opacidad. Con esto ya hemos terminado, aquí puedes ver el resultado final:Como podrás ver el tutorial no es nada complicado, únicamente hay que tener disponibilidad y paciencia para trabajar poco a poco. Mayormente los escenarios tipo espacial se basan en luces y contrastes muy fuertes; pero son muy buenos efectos, funcionan con cualquier tipo de diseño o técnica y pueden ser interpretador de diferentes formas como un “futuro”.Comercial de Discovery Channellink: http://www.youtube.com/watch?v=P64GJ4aHVaQ&feature=player_embedded