Calificación:
  • 1 voto(s) - 2 Media
  • 1
  • 2
  • 3
  • 4
  • 5
Como hacer un banner animado en photoshop cs3 extended
#1
DIA UNO

Cosas que necesitamos:
  • Photoshop CS3 Extended
  • Los estilos web 2.0, [has clic aqui para bajarlos]
  • muchas ganas de aprender, jijiji[/list:u]

    Paso 1:
    Descargar los [estilos web 2.0], al momento de descargarlos, has clic en guardar,

    Una vez guardados, has doble clic para abrirlos, esto traera consigo que se abra el photoshop, y se carguen los estilos.

    Paso 2:
    hacemos clic en Archivo > Nuevo y elegimos las siguientes medidas.
    Anchura: 468
    Altura: 60
    y seleccionamos un fondo blanco (#FFFFFF).
    [Imagen: 1.jpg]

    Paso 3:
    Vamos a la pagina de dixelhost.com y hacemos clic derecho > copiar en el logo de la pagina,

    [Imagen: 2.jpg]

    despues volvemos a photoshop y tecleamos ctrl + v (en windows)

    [Imagen: 3.jpg]

    Paso 4:
    Ahora tecleamos ctrl + t para redimencionar la imagen, y la ajustamos a nuestro tamaño de la imagen.
    [Imagen: 4.jpg]

    Paso 5:
    en la parte inferior derecha de la pantalla esta el cuadro de capas, creamos una nueva capa haciendo clic en el icono seleccionado con una fecha
    [Imagen: 5.jpg]

    Paso 6:
    Esto es para ir haciendo el logo de la pagina con la herramienta pluma [Imagen: 6.jpg] ahora hacemos clic en esta herramienta, y en cada orilla de las letras hacemos un clic para ir creando el logo letra por letra, en cada letra vamos a ir haciendo una nueva capa
    [Imagen: 7.jpg]
    [Imagen: 8.jpg]

    ahora ya tenemos el contorno de la letra D, el único problema es que nos falta hacerle el hoyito de las D, para esto nos vamos al cuadro de capas, hacemos clic derecho > razterizar
    [Imagen: 9.jpg]

    Luego hacemos un clic en el ojito que tiene la capa, esto es para ocultarla y que no nos este estorbando
    [Imagen: 10.jpg]

    despues con la misma tecnica, nos vamos a hacer el hoyito de la D
    [Imagen: 11.jpg]
    [Imagen: 12.jpg]

    una vez que tengamos el hoyo de la D, volvemos a aparecer la otra capa teclamos Ctrl + d para desseleccionar, luego teniendo precionada la tecla Ctrl hacemos clic en el cuadrito negro de la capa mas reciente

    [Imagen: 13.jpg]

    luego hacemos clic en la capa anterior, en la que habíamos rasterizado, y hacemos clic en la tecla [supr] o suprimir para que borre este campo, despues ocultamos la capa de mero arriba.

    para que nos quede algo asi:
    [Imagen: 14.jpg]

    luego seleccionamos algun estilo, bueno yo elegi un estilo verde y me quedo asi:
    [Imagen: 15.jpg]

    bueno hasta aqui ya tendiramos que tener todas la letras hechas y ya con un estilo, pero dejen les muestrio las imagenes de el proceso:

    [Imagen: 16.jpg]
    [Imagen: 17.jpg]


    hasta aqui ya esta la palabra Dixel lista:
    [Imagen: 18.jpg]

    ahora vamos a hacer la palabra Host: la H
    [Imagen: 19.jpg]

    la O, en este casi es como la letra d, si no sabes como hacerlo ve a la primera parte del tutorial
    [Imagen: 20.jpg]
    [Imagen: 21.jpg]

    la S, esta es un poco mas complicada, pero nada imposible, jejeje
    [Imagen: 22.jpg]

    Al final la t,
    [Imagen: 23.jpg]

    y ya tenemos la palabra DixelHost
    [Imagen: 24.jpg]


    Aqui viene como hacer el reflejo del logo, me imagino que la parte mas dificil....

    En primera con la tecla Ctrl presionada vamos haciendo clic en cada una de las capas de nuestro logo, una vez que ya esten todas seleccionadas hacemos clic derecho en cualquier capa (cuidando de no deseleccionar las capas), luego en combinar capas...
    [Imagen: 25.jpg]

    Luego tecleamos Ctrl + j para duplicar la capa
    [Imagen: 26.jpg]

    ahora hacemos clic en Edicion > Transformar > voltear vertical
    [Imagen: 27.jpg]
    [Imagen: 28.jpg]


    el resultado seria este
    [Imagen: 29.jpg]

    ahora con las flechas de teclado bajamos la imagen para que nos quede algo asi
    [Imagen: 30.jpg]

    ahora en el icono que esta marcado has clic
    [Imagen: 31.jpg]

    para que se cree una mascara (creo que se llama asi), esto es para hacer el reflejo.
    [Imagen: 32.jpg]


    Aqui en las mascaras el

    Blanco = Visible
    Negro = Oculto

    Seleccionamos la herramienta degradado, a lo mejor te sale la herramienta de bote de pintura [Imagen: 34.jpg] si es asi, solo deja presionado este icono y te saldra la opcion de entre el bote de pintura y la herramienta degradado, bueno la seleccionamos

    [Imagen: 33.jpg]


    una vez seleccionada la herramienta degradado, nos van a salir una opciones en la parte superior, y las cambiamos para que queden como la imagen siguiente:
    [Imagen: 36.jpg]


    Ahora con la herramienta selccionada y configuarda como ya dije hacemos clic en la mascara que se creo, (has clic en la parte que marca la siguiente imagen)
    [Imagen: 37.jpg]

    ahora simplemente en la imagen de abajo hacemos clic sostenido en la parte inferior de nuestra imagen del reflejo, y soltamos en la parte superior, OJO: solo detente un poco mas arriba de la parte superior de nuestra imagen del reflejo. para que nos que de algo asi:

    [Imagen: 38.jpg]

    Mañana vamos a ver como hacer las animaciones, que es lo mas sencillo, mucho muy sencillo..


    Tutorial Original por: many

[Imagen: bann.png]
WWW
#2
esto me re-sirvio muchas gracias
#3
justo lo que andaba buscando muchas gracias me va a servir mucho.
[Imagen: firmalight1.png]
#4
Muy bueno man... no savia hacer-lo Sonrisa
Te recomiendo el CS5 es mas facil de acer los reflejos
Salu2 Sonrisa
#5
muchas gracias, este tutorial es muy util.
#6
espero la segunda parte
#7
Creo que nunca hubo 2ª parte. El usuario que redactó el post (en un foro que ya desapareció) no hizo la segunda parte.
[Imagen: firmatwitter.png][Imagen: firmataq.png]
WWW
#8
amigo no veo las fotos! D:
#9
Cierro el tema ya que las imagenes no se ven y el usuraio ya no se pasa por aqui
WWW


Posibles temas similares...
Tema Autor Respuestas Vistas Último mensaje
Música Tutorial hacer mixes con Adobe Audition 1.5 djsmokingcr 5 88 02-05-2017, 05:33 AM
Último mensaje: garcon
Información PhotoShop CS Manual Oficial "Español" icurkan 11 315 12-03-2017, 04:18 PM
Último mensaje: Carlos Mendoza
Información Animar GIF en Photoshop icurkan 0 79 11-10-2016, 02:56 AM
Último mensaje: icurkan
Información gimp Buena alternativa a photoshop icurkan 1 144 04-09-2016, 02:35 AM
Último mensaje: VON
  Que hacer para "aumentar" la capacidad de un disquete de 1.4 MB a 128 GB darwin17 7 375 14-05-2016, 04:48 PM
Último mensaje: scainline
  Cosas que no deberías hacer si tienes un SSD elcarnes 12 522 12-05-2016, 08:01 PM
Último mensaje: Shirow_Aramaki
  ¿Qué hacer cuando tu equipo se congela? darwin17 2 195 28-04-2016, 03:34 AM
Último mensaje: Lob3zNo
Exclamación Hacer un “rm -rf /” podría dejarte sin BIOS en tu PC icurkan 0 118 06-02-2016, 05:21 AM
Último mensaje: icurkan
Fotografía Edita fotos en Linux con estas alternativas a Photoshop icurkan 0 111 06-02-2016, 04:56 AM
Último mensaje: icurkan
  Importante: Hacer flush DNS caché Taquion 11 2.575 06-11-2015, 02:29 AM
Último mensaje: KeviNxDTM



Usuarios navegando en este tema: 1 invitado(s)