★ SITIO60
» facebook » Twitter » email » link » link
Profile
Hola bienvenidos a Sitio 60.blogspot. Aqui podras encontrar algunos tutoriales sobre photoshop. Cualquier duda o comentario hazmelo saber. Gracias! =D

Affiliates
Friend Friend Friend

Layout credits
Codes by 16thday!
Tutorial # 4
viernes, 28 de enero de 2011 15:28
Un sencillo tutorial de cómo pasar de esto;

Photobucket

A esto:

Photobucket



1.-Primero como en Iconos Animados (Que se usa en ocasiones una textura de fondo), aquí también debes tener primero ya hecho el banner al que le quieras poner el "mini video" Intenta dejar el espacio para que se pueda agregar.

Bueno en mi caso usare este banner de Cristina Scabbia y...
Esta pequeña textura de icono Photobucket

Arrastramos la textura del icono en nuestro banner poniéndola en modo Trama y acomodándola a nuestro gusto. En mi caso la puse del lado superior del banner y cambiándole un poco la medida (Crtl. + T)

Photobucket

Acoplamos la imagen > Guardamos el banner con la textura puesta.
2.-Y ahora. Como ya se sabe al hacer los iconos, se debe tener seleccionada la parte del video que se vaya a agregar.

Me refiero a esto:

Photobucket

Photobucket

3.-Ok. Pues ahora que se han cargado todas las capas del video te vas a imagen > tamaño de imagen y en mi caso le he puesto las siguientes medidas al video;
Photobucket


Photobucket


El video (o capas de video) se ha vuelto pequeño.

4.-Ahora vamos nuevamente a Imagen > Tamaño de lienzo y AQUI va lo IMPORTANTE!!

Photobucket

Como un icono es de 100x100 pixeles y nuestro banner generalmente puede medir 500x200 pixeles. (Varia en tamaño dependiendo grafico)
Verifiquemos que sean estas medidas las que pongamos;

Photobucket

Para que nos quede de esta manera:

Photobucket

5.-Ya casi terminamos. Regresando al banner base que en mi caso es de Cristina, con la herramienta mover seleccionada Photobucket Vamos a Selección > Todo (Si es que haces los .gif con Image Ready) > Seleccionar Todas las Capas (En el photoshop CS3 También Seleccionaremos todos los cuadros)

Photobucket

Y ubicamos el video más o menos donde debe estar la textura...

Photobucket






























6.-Deseleccionamos > Agregamos el banner pegándolo sobre el video.
(Para esto seleccionemos la última capa del video)

Photobucket
Photobucket

Photobucket

7.-Con la herramienta Borrador Mágico Photobucket borramos lo blanco de la textura.

Photobucket

Ok, si no se ubica bien el video. Se quita el banner y se vuelve a acomodar el video hasta que te quede y ¡Listo!

Guardar el banner en formato .GIF y Banner con video integrado.

Photobucket


Otros Ejemplos;

Photobucket

Photobucket

Photobucket

Etiquetas:


<- ->