#efecto 3d

[ferchofoxx]

[lazuliblr-blog]

[josegremarquez]

Dale Vida a tu Web: Crea un Corazón 3D Flotante con HTML, CSS y JavaScript

¿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…

Dale Vida a tu Web: Crea un Corazón 3D Flotante con HTML, CSS y JavaScript

[twallpaper]

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

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

Donate Here: paypal.me/CDolugarMarrugo

[micalovepuber]

Hipster Girl

[psfridays]

Tutorial: Efecto 3D

Tutorial hecho por psfridays.

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

Hola baes, bueno en este tutorial les enseñaré a como hacer un “Efecto 3D” es muy muy fácil y sencillo. Comencemos :)

1. Abrimos photoshop, luego abrimos la imagen a la que queremos hacerle el efecto “3D”.

2. Duplicamos la capa original.

A la foto/imagen le podemos agregar algún psd, o la podemos editar a nuestro gusto antes de aplicarle el efecto 3D (Yo le agregue un psd y una action anteriormente).

3. Damos click en “FX” nos vamos a "Estilo de capa” o “Bleeding options” ó simplemente damos doble click en la capa copiada.

En la ventana que salga, saldrá seleccionado los  botones “R” “G” y “B” pero colocarlo así:

4. Luego presionamos “OK”, a la capa copiada la arrastramos ya sea un poco o mucho para poder lograr un efecto suave o muy fuerte. Y eso es todo :)

Si no entendieron algo, o tienen alguna pregunta pasen por ask.

Igualmente si quieren o necesitan algún tutorial, pueden pedirlo en nuestro ask.

Resultado:

[celestcloud]

TUTORIAL: Efecto 3D en las imágenes

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.

Esperamos que os guste el efecto y que lo pongáis en práctica. Si es de utilidad, habéis aprendido algo nuevo gracias a esto, u os ha gustado, los likes serán bienvenidos. Con cualquier duda, no dudéis en mandar un ask y si queréis que otros se enteren de este truco, compartir es la solución. Estaremos encantadas de ver vuestros resultados si ponéis esto en práctica ^^

[yeahsource]

Tutorial: Efecto 3D

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

hola chicos, hoy les enseñaré un efecto muy sencillo y rápido de hacer, esta es una forma de las muchas con las cuales se puede lograr este efecto 3D.

1. Abrimos PS junto con la imagen a la que queramos hacerle el efecto.

2. Duplicamos capa original.

3. A la capa copia damos doble click sobre ella o en fx nos vamos a Blending Options y la ventana que nos salga cambiaremos esto así:

4. Una vez que lo hagan le dan OK y la capa copia la arrastramos a un lado tanto como tu quieras para que sea un efecto suave o fuerte. Y listo.

Si tienes alguna pregunta no dudes en venir a nuestro ask.

Resultado: