Efecto 3D

Efecto 3D en PS

Hola, Hola.

Antes que nada, quiero decir que éste tutorial va dedicado a Kira Van Houten, por ser una chica cool :3.

Y ahora si empecemos. Esto es uno de los efectos más básicos que aprendí a hacer cuando recién me adentraba en esto del PS, así que yo lo veo la cosa más sencilla y simple, pero aun así quería compartirla con ustedes. Se trata de un efecto 3D, más al estilo Pop-Up.  Espero que les guste, si tienen alguna pregunta o no me supe explicar muy bien, háganmelo saber por aquí o por MP, como quieran. He aquí el resultado:


1. Lo primero que tienen que hacer es abrir el PS. (dahh) Vamos a abrir un nuevo documento del tamaño que queramos, en mi caso, abrí uno de 600x300px. Vamos a “Capa→ Nueva Capa de Relleno → Degradado”, esto es opcional, es sólo para darle un fondo a nuestra imagen en general, yo escogí el degradado porque le da como cierta profundidad a la imagen, pero si quieren pueden ponerle lo que quieran. Si quieren los colores son: Claro: #95cc88 & oscuro: #298c1b. Le subí a la escala para que los colores queden mejor, y pues el estilo y el ángulo queda a su gusto, yo lo dejé así.

2. Vamos a “Archivo→ Colocar” y seleccionamos la imagen que nos guste.  Es recomendable que sean imagen no tan complicadas, y más que todo que la figurita que va a ser el 3D esté en el centro, así va a ser más fácil aún hacer esto.  Ahora agrandaremos la imagen desde el centro, y para mantener su figura, vamos a oprimir ALT+SHIFT mientras arrastramos sus esquinas, así va a mantener su proporción y va quedar centrada.
Ahora, sí nos damos cuenta, en su miniatura se ha puesto como “Objeto Inteligente”,  Por lo que tendremos que rasterizar la capa. Damos click derecho sobre la capa (por ahí por donde está el circulito rojo, sí, ahí.), damos click en “Rasterizar capa” y listo.

3. Ahora seleccionaremos lo que sería nuestra imagen en 3D, en este caso, el gatito. Usé la herramienta de “Selección rápida”, pero pueden usar la pluma, el lazo, o con lo que se sientan más cómodos.  Luego de que ya lo tengamos seleccionado, damos click derecho sobre la selección y vamos a “Perfecionar borde”, nos saldrá un menú en donde marcaremos “Radio Inteligente” o “Smart Raidus” y subiremos un poco su porcentaje. Yo lo subí al 1.4 px, pero pues también es depende de la imagen.  Nuestro gatito, tiene mucho pelo, (y no solo porque es peludo por naturaleza(? ), así que estando ahí vamos a hacer click sobre los bordes   que queremos que tenga nuestra imagen, así que en mi caso, es todo el borde del animal por la cuestión le pelo excesivo.  Damos “OK”,  y oprimimos CRTL+J, así se creara una nueva capa con la selección.  He ocultado la capa de fondo para que la puedan apreciar mejor.

4. Ahora ocultaremos la capa del gato solito, (capa 1 si se fijaron en la imagen de arriba), y trabajaremos sobre el fondo.  Nos ubicamos en el fondo, y damos CTRL+Click sobre la miniatura de la capa de arriba para que la selección que hicimos antes, perdure.  Damos Click derecho sobre la selección y vamos a “Relleno”, allí, nos aparecerá un menú algo así.

Y vamos a verificar que arriba quede “Content-Aware”, o si no tienen esa opción, pueden usar el Tampón de Clonar.  Damos Ok y ahora quedará así.

Como verán, aún tengo pelo de gato por el borde de la selección, por lo que usaré el Tampón de Clonar. No tiene que quedar tan perfecto, ya que el gatito de arriba cubrirá todo, y por eso mismo,  no es bueno tomar imágenes tan complejas.

5. Crearemos una nueva capa sobre el fondo y damos CTRL+Click para que se copie la selección con las medidas de la foto. Crearemos un marco, así quedará aún más guay. Vamos a “Edición → Contornear”  y nos aparecerá el menú del formato del marco, yo le puse una anchura de 16px, con un color totalmente blanco: #ffffff.  Posición: Interior y aceptamos.

6. Ahora le acostaremos esto para que se vea cool, ocultamos todas las capas, menos el fondo y el marco. Combinamos las capas visibles y oprimimos CTRL+D para deseleccionar. Oprimimos CTRL+T y damos click derecho sobre la imagen, vamos a perspectiva y arrastramos las esquinas de abajo hacia los lados oprimiendo la tecla ALT. Luego damos click derecho, vamos a “Escala”, y ahora bajamos desde arriba, también oprimiendo ALT. Así no se deforma tanto.  Aplicamos la transformación y ahora tendremos algo así.

7. Damos click derecho sobre esa capa, y la duplicamos.  Ponemos la capa de origen (antes de duplicarla) y creamos una nueva capa. Con ayuda del bote de pintura, pintaremos la capa de negro y no se asusten si va aquel color verdoso de la imagen, ahí quedara.  Ahí mismo, oprimimos CTRL+ALT+G, para crear una máscara de recorte.  Y así tengo mis capas hasta el momento.


8. Ahora nos dirigimos al duplicado de la capa del fondo.  Oprimimos CTRL+T y damos click derecho → “Deformar” . Levantaremos un poco sus esquinas para que se vea la sombra de abajo y dé un efecto como de que esta levantada.  Aplicamos la transformación y bajamos la opacidad un 78%  a la capa de recorte, que sería la que está en negro. Moví un poco la de arriba para que quedara mejor ubicada y quedo así.

9. Ahora, haremos visible la capa del gato, en mi caso, quedó más debajo de lo que esperaba, por lo que la corrí con la herramienta mover hacia arriba, haciendo sobre salir al gato de la imagen. Así mismo, con la herramienta desenfocar, y ubicada en la capa de la máscara de recorte (el fondo, no lo negro), la pasare por las esquinas visibles para dar efecto de sombra.

Y eso sería todo, si quieren agregarle un texto o algo parecido queda a total libertad. Como antes mencioné, es totalmente fácil hacer esto, pues no le veo mucho pensamiento. Recuerden dejarme sus dudas, sugerencias, quejas, o si de pronto nombre algo con otro nombre háganmelo saber. Hace mucho no hacia un tutorial y estoy algo atrasada en cuanto a eso. Lamento la cálidad de las capturas u.u Déjenme sus Outs, así veré que hay gente con más capacidad que yo(? Cuídense, amen a los osos polares y abríguense del frió.

• Neko → Gatito

Aún no hay Out's, pero lo pongo por sí las abejas(?: