#efecto 3d

¿Alguna vez has querido añadir un toque mágico y dinámico a tu página web? En el mundo del desarrollo web, los pequeños detalles marcan la diferencia. Hoy, vamos a desglosar un fascinante efecto visual: un corazón 3D que flota y gira en el aire, ¡pero no es un corazón cualquiera! Su contorno está delicadamente formado por una miríada de corazones más pequeños, y como extra, verás cómo aparecen…

White/Blanco: https://goo.gl/GusvRi

Black/Negro: https://goo.gl/u6Qj4q

Tutorial hecho por psfridays.

Da like o reblog al post si te fue útil.

Bienvenidos al primer tutorial de Photoshop hecho en Celest Cloud. Estamos entusiasmadas porque hoy hemos aprendido algo realmente interesante que vemos necesario compartir. ¿No os parece genial este efecto? :) Si queréis saber cómo hacer el conocido efecto que veis en la imagen, seguid leyendo. ¡Allá vamos!

1.      Abre la imagen en la que quieras hacer el efecto. Será indiferente si lo haces en un archivo aparte o dentro de un psd de un gráfico con otras capas. Se recomienda utilizar una imagen con un recorte claro, véase aquellas con fondo blanco y/o un color estridente, que resalte la imagen principal. Sin embargo, no será totalmente necesario. En mi caso, he decidido usar esta imagen:

2.      Recórtala. En el caso de que tengas una imagen con fondo liso, tal vez con usar la herramienta de Varita mágica será suficiente; sin embargo, si no es así, recomiendo utilizar el Lazo poligonal. Cuanto más exacto salga el recorte, más visible será el efecto después.

3.      Una vez tenemos la imagen recortada, vamos a donde se ubican las distintas capas y le damos click derecho a la imagen en cuestión. Una vez allí, vamos a Opciones de fusión. (Blending options para los que tengan la versión inglesa de Photoshop)

4.      Una vez dentro, veréis que tenemos tres canales de color: R, G y B. Esto hace referencia a los tres colores primarios, que se desactivará dicha gama en cuanto se desmarque alguna de las casillas. Deberéis desmarcar una de las tres opciones. Podéis jugar con esto, dependiendo del color que resulte y cuál veis que queda más adecuado para vuestro gráfico. No pasa nada si de momento queda un color muy drástico o agresivo, porque posteriormente se combinarán con otras capas.

5.      Aceptamos. Una vez aceptado, vamos a la capa con la que acabamos de trabajar y la duplicamos.

6.      Con la capa duplicada, realizamos el mismo camino. Click derecho > Opciones de Fusión.

7.      Una vez dentro, volvemos a marcar la casilla que quedó desmarcada anteriormente, y desmarcamos otra distinta. En ningún caso debe ser la misma (En este caso, como en la anterior desmarcamos G, ahora desmarcaríamos cualquiera que no fuera G).

8.      Veréis que la imagen vuelve a verse normal. Lo único que queda es ir a la herramienta Mover y mover la capa superior unos pixels hacia la derecha o hacia la izquierda. Dependiendo de hacia  dónde lo muevas o qué casillas hayas desmarcado, resultará un color u otro. 

9.      ¡Y ya está! Ahora, como se puede modificar, puedes jugar con las combinaciones de casillas desmarcadas hasta que resulte un color que te agrade más, o que quede mejor en tu gráfico. Siempre y cuando el canal desactivado no sea el mismo en ambas capas. Solo quedaría incluirlo en tu gráfico como mejor quieras.

Tutorial hecho por yeahsource. Da like o reblog si te fue útil.