Hermanos

Élite 43/44
Créditos
El Skin ha sido diseñado en su totalidad por el staff de Imaginative Signature. Agradecemos a los foros The Balance, Montesquieu Academy, y a Haru Hathunter por la facilitación de algunos códigos.

Está completamente prohibida la usurpación de códigos, imágenes o historias que cualquier usuario haya aquí publicado. Nuestra comunidad está en contra del plagio, ya sea completo o parcial, por lo que tomará las medidas necesarias para contrarrestarlo.

Se agradece a Our Source Code y a Asistencia Foroactivo por la ayuda prestada a través de tutoriales. Y a todas aquellas personas que hicieron las correcciones y sugerencias para obtener éste resultado final.

Las imágenes implementadas no son propiedad del foro, sino tomadas y modificadas de Google Imágenes, Zerochan, Tumblr, We Heart It, etcétera. Damos créditos a sus respectivos creadores.
Últimos temas
» En busca del tesoro
por radeisan Mar Jul 26, 2016 8:36 pm

» ¿Qué manga/anime te ha tocado el corazón?
por Andoria-Azur Miér Jul 20, 2016 1:03 am

» :3 kawai
por NEZIO Lun Mar 07, 2016 8:28 pm

» ¿Cómo publicar un escrito?
por Capitán Simonini Lun Feb 22, 2016 6:07 pm

» El linaje de la luna (Cap1)
por DemianC Vie Feb 12, 2016 2:51 am

» Personas activas del foro.
por Capitán Simonini Sáb Feb 06, 2016 4:28 am

» [Historia Yuri] La tipica agenda de un Bisexual
por Capitán Simonini Mar Ene 26, 2016 1:56 pm

» Confesiones en papel
por Capitán Simonini Mar Ene 12, 2016 10:55 pm

» Publiforo - Invitación
por Capitán Simonini Vie Oct 23, 2015 11:51 am

» Ficha de Green Heart
por Green Heart Mar Ago 25, 2015 5:24 pm


Efecto 3D

Ver el tema anterior Ver el tema siguiente Ir abajo

Básico Efecto 3D

Mensaje por Absolute Zero el Jue Abr 03, 2014 9:28 pm


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:

Aquellos simples pasos

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ó.
Materiales

Neko → Gatito
OUT'S

Aún no hay Out's, pero lo pongo por sí las abejas(?:
Espacio Vacío, buscando qué poner aquí



avatar
Absolute Zero


Pues soy pandicornio hembra, amante del hardcore y música descomunal hecha apropiadamente para mi existencia. Una total inmadurez se aprovecha de mi cabeza en los momentos menos inesperados, pero mi mamá dice que así me quiere y es lo importante.
Mensajes : 7
Dream's : 1
Edad : 19
Me gusta recibidos : 3
Miembro desde : 28/03/2014
Localización : En la tierra de los sueños, donde los unicornios son felices ~
Humor : No te sorprendas.

Ver perfil de usuario

Volver arriba Ir abajo

Básico Re: Efecto 3D

Mensaje por Ela McDowell el Vie Abr 04, 2014 9:46 pm

No entiendo muy bien. Intento hacer eso de "escala" pero no consigo el mismo resultado. :c


avatar
Ela McDowell



Mensajes : 273
Dream's : 43
Edad : 19
Me gusta recibidos : 42
Miembro desde : 16/03/2014

Ver perfil de usuario http://imaginativesignature.foroactivo.mx

Volver arriba Ir abajo

Básico Re: Efecto 3D

Mensaje por Absolute Zero el Sáb Abr 05, 2014 1:11 pm

Kira Van Houten escribió:No entiendo muy bien. Intento hacer eso de "escala" pero no consigo el mismo resultado. :c

Es exactamente lo mismo que cuando vas a dar "Perspectiva". NO tienes que sacar ese cuadrito de puntos que sale sobre la misma imagen; Luego de que oprimes CTRL +T das click derecho, ahí más arribita de la "Perspectiva" dice "Escala", y haces exactamente lo mismo que con el paso anterior a diferencia que vas a mover es la parte de arriba oprimiendo ALT. ¿Si entendiste? o ¿Te respondí lo que no era? :3


avatar
Absolute Zero


Pues soy pandicornio hembra, amante del hardcore y música descomunal hecha apropiadamente para mi existencia. Una total inmadurez se aprovecha de mi cabeza en los momentos menos inesperados, pero mi mamá dice que así me quiere y es lo importante.
Mensajes : 7
Dream's : 1
Edad : 19
Me gusta recibidos : 3
Miembro desde : 28/03/2014
Localización : En la tierra de los sueños, donde los unicornios son felices ~
Humor : No te sorprendas.

Ver perfil de usuario

Volver arriba Ir abajo

Básico Re: Efecto 3D

Mensaje por MrsHemsworth el Sáb Abr 05, 2014 1:30 pm

Maaaadre del pollo, qué cosa más fabulosa 0_0 Si algún día quiero hacer este efecto, lo miraré aquí sin duda. Es increíble, no sabía que esas cosas se podían hacer ^^
avatar
MrsHemsworth


Mensajes : 20
Dream's : 9
Edad : 21
Me gusta recibidos : 9
Miembro desde : 02/04/2014

Ver perfil de usuario

Volver arriba Ir abajo

Básico Re: Efecto 3D

Mensaje por Absolute Zero el Sáb Abr 05, 2014 5:13 pm

@MrsHemsworth escribió:Maaaadre del pollo, qué cosa más fabulosa 0_0 Si algún día quiero hacer este efecto, lo miraré aquí sin duda. Es increíble, no sabía que esas cosas se podían hacer ^^
OwO Me alegro que te guste ^^ . No dudes en dejarme tu out si lo intentas(?.
Casi dejas sin madre al pollo xD


avatar
Absolute Zero


Pues soy pandicornio hembra, amante del hardcore y música descomunal hecha apropiadamente para mi existencia. Una total inmadurez se aprovecha de mi cabeza en los momentos menos inesperados, pero mi mamá dice que así me quiere y es lo importante.
Mensajes : 7
Dream's : 1
Edad : 19
Me gusta recibidos : 3
Miembro desde : 28/03/2014
Localización : En la tierra de los sueños, donde los unicornios son felices ~
Humor : No te sorprendas.

Ver perfil de usuario

Volver arriba Ir abajo

Básico Re: Efecto 3D

Mensaje por Contenido patrocinado


Contenido patrocinado


Volver arriba Ir abajo

Ver el tema anterior Ver el tema siguiente Volver arriba

- Temas similares

 
Permisos de este foro:
No puedes responder a temas en este foro.