Background parecido a esta web

[alexkurban]

Hola a todos, soy nuevo en el foro y estoy encantado de conoceros a todos.
Veran, hace mucho tiempo que me interese en el front-end y con el tiempo poco a poco voy aprendiendo todo de manera autodidacta, ya sea en foros o con videotutoriales y he llegado a proponerme un reto: quiero montarme mi propia web. He estado mirando frameworks como Foundation, Gumpy, Bootstrap y mirando muchas webs online hasta que me he topado con esta: www.borngroup.com y me gustaria mucho saber como han hecho ese background en el que primero aparecen los mensajes y luego el fragmento ese del gorila aunque yo solo pondria una imagen.
Y por otra parte esta el menu ese que aparece de manera tan moderna, supongo que sera un jquery pero estoy que no puedo encontrarlo.
Muchas gracias a todos de antemano

[NueveReinas]

Vamos por partes, como dijo Jack.

1) Define de qué va a ser tu web. Define bien el contenido ante todo, estructura bien las cosas.

2) Esos textos que aparecen son letras independientes, por lo visto animadas con CSS.



3) Lo del fondo (el gorila) parece un video hecho en 3D y con unas partículas por encima.

4) El menú es del tipo "hamburguer". http://sarasoueidan.com/demos/navicon-transformicons/

Saludos.

[alexkurban]

Hola. si lo del gorila se que es un video en 3D, solo queria saber como se hace eso, la web seria una especie de web de presentacion para adentrarme en el mundo del Web Design. Que tipo de animacion en CSS es?
muchas gracias por la respuesta

[lauser]

Te has fijado que es una template de wordpress?

[Mariano_Floyd]

Es que no es ninguna animación en css, si abres el inspector y ves el código, veras que es un video en una etiqueta html <video>. La verdad es bastante simple de hacer y hay miles de tutos en google.

[NueveReinas]

Iniciado por Mariano_Floyd

Es que no es ninguna animación en css, si abres el inspector y ves el código, veras que es un video en una etiqueta html <video>. La verdad es bastante simple de hacer y hay miles de tutos en google.

Se refiere a la animación de las letras.

[alexkurban]

Muchas gracias a todos, le he hechado un vistazo y la verdad es que hay muchos tutoriales sobre ello.

[MariaLSS]

Yo creo que el vídeo es vídeo. Y ya. Por otro lado quizá haya una edición sobre el vídeo que genere esa especie de efecto de copos de nieve al viento Flash o quién sabe si en After Effects. Si fuera en Flash, habría que montar en distintas capas "copos de nieve" diferentes con pautas de movimiento distintas.
Hay un tutorial muy bueno en Cristalab con el que yo aprendí a crear ese efecto (en una sola capa, como se ve al final en la animación) y que utilicé en alguna ocasión para temas navideños. Ahora ya no está de moda... pero con el gorila -o chimpancé, que no sé si es uno u otro- queda distinto y como desafiante:

http://www.cristalab.com/tutoriales/efecto-de-nieve-en-flash-c137l/

[NueveReinas]

Iniciado por MariaLSS

Yo creo que el vídeo es vídeo. Y ya. Por otro lado quizá haya una edición sobre el vídeo que genere esa especie de efecto de copos de nieve al viento Flash o quién sabe si en After Effects. Si fuera en Flash, habría que montar en distintas capas "copos de nieve" diferentes con pautas de movimiento distintas.
Hay un tutorial muy bueno en Cristalab con el que yo aprendí a crear ese efecto (en una sola capa, como se ve al final en la animación) y que utilicé en alguna ocasión para temas navideños. Ahora ya no está de moda... pero con el gorila -o chimpancé, que no sé si es uno u otro- queda distinto y como desafiante:

http://www.cristalab.com/tutoriales/...n-flash-c137l/

¿Flash? ¿En 2015? No, gracias.

[jose8luis]

¿Flash? Para nada, eso es un simple código donde embebe un video creado en mp4 o mov.

Esta caso tiene pinta de ser un plugin de wordpress tal como dice lauser, el plugin deber ser un slide con video en background, algo como esto:

[URL="http://www.skilltechwebdesign.com/musethemes/responsive/default-video/index.html"]http://www.skilltechwebdesign.com/musethemes/responsive/default-video/index.html[/URL]