Como se chama esse efeito, como se faz e um tutorial!

Jhon Urbano

Gamma

Usuário com poucas negociações! Use sempre o saldo do ForoBeta!

• 25/11/2013

• #1

No supe donde colocar este tema así que lo deje por aquí. Bueno aqui va:

Hace unos dias vi esta pagina PlayStation 4 Review | Polygon y me llamó mucho la atención el efecto que utiliza con las imagenes. Creo que es SVG pero no se como hacerlo me parecio muy curiosos y quisiera aprenderlo. ¿alguien me podria pasar un tutorial (así sea en ingles)? o decirme como se llama este efecto.

Gracias 🙂

 

S

Sergio López

Kappa

SEO

• 25/11/2013

• #2

esta muy padre ese efecto, espero que un diseñador del foro nos diga como se pueden hacer.

 

vicram10

Delta

Programador

Verificación en dos pasos activada

• 25/11/2013

• #3

Puede ser que te sirva estos:

SVG in HTML
Tutorial para Aprender a usar el elemento SVG en HTML5 P-1 | Tutos y Tips

Segun se ve en la pagina usan lo expuesto en la w3schools, usan el svg embedido en el codigo html

Pd.: muy bueno los efectos

 

Jhon Urbano

Gamma

Usuário com poucas negociações! Use sempre o saldo do ForoBeta!

• 25/11/2013

• #4

Ya lo encontré, es un plugin en jQuery. Tendré que aprender a utilizarlo :sorrow:
Muchas gracias por prestar atención. Ah y por si lo quieren ver aquí esta SVG Path Animations With jQuery ? Lazy Line Painter

 

EdgarC

1

Mi

Verificación en dos pasos activada

Suscripción a IA

• 25/11/2013

• #5

Se ve bien ojala y lo logres

 

Chamako

Préstamo impago

1

Ro

Verificado

Verificación en dos pasos activada

Usuário popular!

Suscripción a IA

• 25/11/2013

• #6

Se ve paja, lo agregare a favoritos para cuando tenga tiempo hacerlo.

 

C

crystaldream

Iota

Diseñador

• 25/11/2013

• #7

Necesitarás un programa de diseño y edición vectorial como InkScape o Adobe Illustrator y guardar los archivos en formato SVG (scalable vector graphics).

También te recomiendo que cuando tengas tiempo, paciencia y mucha concentración; te des una vuelta por los tutoriales que enseñan cómo hacer "Parallax scrolling".

 

maximusk10

Gamma

Diseñador

Verificación en dos pasos activada

• 05/12/2013

• #8

Como se llamará el efecto no sé, pero debe ser jQuery con HTML5 y eso sin contar el diseño vectorial y el conocimiento que hay que tener, yo lo veo complicado y si lo quieres hacer de un día para otro no creo que te sirva, aunque si le pones dedicación, si lo puedes lograr o algo semejante 😀