Responder
¡Bienvenido! Para que puedas participar, intercambiar mensajes privados, subir fotos, dar kudos y ser parte de las conversaciones necesitas estar ingresado en los Foros. | Ingresa | Regístrate Gratis
Platino Brillante
fanestrellaveloz
Mensajes: 10,423
Registrado: ‎06-17-2004

***Tutorial 1 : Como hacer Banners***

[ Editado ]
Hola :cara_chicle:
Bueno en vista de que muchos desean aprender a hacer sus propios banners, pues me gustaría contribuir haciendo tutoriales para eso ok.
En el foro de Arte Gráfico hay muchos muchos tutoriales y muy buenos, de hecho de ahí aprendi muchas cosas como hacer avatares y luego me interese por los banners.
 
Así que espero que este sea un tutorial que les ayude a aprender a hacer sus propios banners a su estilo ok.
 
Primero empezare con los más básicos es decir, iremos aprendiendo a hacer banners sencillos hasta los más complicaditos ok.
 
Este curso es para aprender a realizar banners sencillos ok.
 

Mensaje editado por fanestrellaveloz

img>
Platino Brillante
fanestrellaveloz
Mensajes: 10,423
Registrado: ‎06-17-2004

Primero!

[ Editado ]
Lo primero que tenemos que hacer es tener un programa especial. Entre los más conocidos están
* P h o t o Shop   y el    * Paint Shop Pro
 
Aqui dejo unos link que te serviran si es que no tienes algún programa ****
 
 
ADOBE P H O T O   SHOP
 
 
De aqui pueden descargarse varios, entre ellos el PAINT SHOP PRO que es parecido al photoshop y el ANIMATION SHOP que es para animar imágenes
 
http://www.jasc.com/products/          
 
http://www.cracks.am/d.x?51423   (paint shop pro)
 
 
 
**** Estos links son de un mensaje que publico mi amiga  Meryyyy hace tiempo en el foro de Avatares ok.
 
 
 
 

Mensaje editado por fanestrellaveloz

img>
Platino Brillante
fanestrellaveloz
Mensajes: 10,423
Registrado: ‎06-17-2004

Re: Primero!

Yo trabajo con el   P h o t o   Shop version 7.0   Así que todos los tutoriales que haga se basarán en este programa ok.

img>
Platino Brillante
fanestrellaveloz
Mensajes: 10,423
Registrado: ‎06-17-2004

1a

Lo que tenemos que saber del P h o t o Shop son dos cosas muy muy sencillas y es conocer lo que es la barra de herramientas y también el recuadro donde nos dice todo lo que vamos haciendo ok.

1. La Barra de Herramientas: Nos sirve para poder hacer muchas cosas con nuestras imagenes, por ejemplo seleccionar la imagen o una proporción de la misma, ponerle color a las capas, ponerle texto, enfocar o desenfocar la imagen etc etc etc.

2. El recuadro de capas:  Se le dice "capas" a la serie de imagenes u otras cosas que vamos insertando, que en este caso es con el fin de hacer  los banners.

img>
Platino Brillante
fanestrellaveloz
Mensajes: 10,423
Registrado: ‎06-17-2004

Segundo

2. Ya abierto el programa P h o t o Shop. tenemos que abrir un nuevo documento. Para eso le damos click en:
 
Archivo  >  Nuevo
 
 
 
y va aparecer un cuadro de dialogo en el que nosotros decidimos cómo queremos el documento nuevo. Las dimensiones, si lo queremos a color o en gris.. etc etc. se ven en este punto.
Nosotros vamos a elegir las siguientes opciones (pero claro esta que siempre puedes hacerlo a tu gusto y a tus preferencias).
 
Tamaños preestablecidos > PERSONALIZAR  (ya que nostros pondremos el tamaño)
Anchura > 400 PIXELES (para Univision este es el máximo permitido en firmas)
Altura > 250   PIXELES   (puedes ponerlo un poco más grande si así lo deseas)
Modo > Color RGB
Contenido > Transparente
 
 
 
img>
Platino Brillante
fanestrellaveloz
Mensajes: 10,423
Registrado: ‎06-17-2004

Tercero

3. Vas a buscar en alguna carpeta tuya que contenga las imagenes o fotos que deseas poner en tu banner.
 
Archivo > Abrir  > ...
 
 
Nos va abrir nuestra imagen
 
 
A esta imagen, la seleccionamos y damos copiar y pegar en el otro documento que ya teniamos.
 
selección > todo
edición  > copiar
 
Seleccionamos nuestro primer documento
 
edición  > pegar
 
 
 
ESTA OPERACIÓN LA VAMOS A REPETIR LAS VECES QUE QUIERAS CON LAS IMAGENES QUE QUIERAS... EN ESTE TUTORIAL SOLO SERÁ DE DOS IMAGENES...
 
img>
Platino Brillante
fanestrellaveloz
Mensajes: 10,423
Registrado: ‎06-17-2004

Re: Tercero

4. Ya  que tienes las imagenes en tu documento de tu banner, las vas acomodar de cierta forma que quede bien ok. Para esto vamos a utilizar la herramienta de "mover"    que se encuentra en nuestra barra de herramientas ok.
 
antes...
 
después...
 
 
Ya que tenemos nuestro banner así podemos hacer menos visible la linea que divide de una imagen a otra con la herrramienta de "desenfocar"      que se encuentra en nuestra barra de herramientas.
 
Después de eso, vamos a ponerle texto a nuestro banner ok, y lo haremos con la herramienta de "texto" .
 
En este caso yo puse "la mejor estrella"  en color Naranja. :smileyvery-happy:
 
 
 
 
Para poderle cambiar de color a las letras tienes que usar este icono   que también viene en la barra de herramientas. Seleccionas las letras, das click en el primer recuadro (en el de arriba) para seleccionar el color que quiereas; automaticamente ya te pone las letras del color que elegiste.
 
 
 
 
img>
Platino Brillante
fanestrellaveloz
Mensajes: 10,423
Registrado: ‎06-17-2004

Cuarto

[ Editado ]
4.
 
 
Para este banner yo ocupe la letra (font) llamada " Juergen". Si quieres cambiar de letra, tienes que ir a una barra que aparece cuando seleccionamos la opcion de textos  y cambiar la font que desees.
 
 
 
Ya que tenemos la letra y el color que queremos, vamos a ir a nuestro recuadro de capas que en total deben de ser 3 (en este caso).
 
1. la primer capa que tiene la foto "a" 
 2. La segunda capa que tiene la foto "b" 
 3. La tercera capa que tiene el texto.

Recuerden que aqui se ve todo lo que hemos hecho con nuestro documento.

Vamos a juntar todo, se acoplan las tres capas para que quede una sola capa ok. Esto lo vamos a lograr haciendo click en la opción capa y después seleccionar combinar visibles.

Capa   >   Combinar visibles

Ya que estan combinadas las capas (es decir, acopladas) ya tenemos nuestro banner casi listo. Al acoplarse las capas solo nos queda una.  

Lo que nos resta es ponerle un contorno a nuestro banner. Esto lo vamos a lograr, primero seleccionando nuestro banner

Selcción > todo

Ya que esta seleccionado nuestro banner le damos  click en la opción de Edición, y nos vamos a la opcion de  contornear...

Edición > contornear

 

Y nos va a dejar nuestro banner contorneado con el color que se encuentre en nuestra opcion de color

 

 

 

 

Mensaje editado por fanestrellaveloz

img>
Platino Brillante
fanestrellaveloz
Mensajes: 10,423
Registrado: ‎06-17-2004

Cinco

5.
Ya que tenemos nuestro banner, hay que guardarlo en alguna carpeta de nuestros archivos ok... Primero nos vamos a la opción de Archivo y luego damos click en "guardar como..."
 
archivo > guardar como
 
 
Después nos va aparecer un cuadro de diálogo en el que  tenemos que selccionar el siguiente forato, para que podamos subir nuestra imagen a cualquier servidor y tenerla como firma ok.
 
Nombre > "el que ustedes quieran"
Form > JPG  [ este formato lo encontramos haciendo click en la flechita de a lado y buscando dicho formato ](es muy importante que este en este formato, porque sino no podremos subirlo al servidor)
 
 
Después nos va aparecer otro cuadro de dialogo "OPCIONES DE JPEG", que nos va a decir cómo queremos la calidad de la imagen.
Esto es a tu gusto, si quieres que tenga poca calidad pesara menos, pero si quieres que tenga mucha calidad tu imagen pesara más (en cuanto a kb)
 
Le das ok.
 
Y LISTO! YA TENEMOS NUESTRO BANNER
 
 
 
 
 
 
 
 
img>
Platino Brillante
fanestrellaveloz
Mensajes: 10,423
Registrado: ‎06-17-2004

FINAL

 
Bueno pues ya termino este tutorial.
Trate de explicarlo lo mejor que pude, recuerden que siempre hay algo nuevo que aprender, y a pesar de que no soy experta, si me gustaría compartir lo que he aprendido (que es poco en realidad) con todos ustedes. Yo aún no soy experta en estos asuntos de hacer banners, hay gente que hace un trabajo estupendo, pero como les digo todos aprendemos de todos.
Espero que se hayan divertido y aprendido conmigo. También espero que les haya quedado claro. Y que si gustan pueden compartir sus creaciones, también si tienen alguna duda o comentario, haganla saber por favor.
 
Cuidense mucho y sean felices
 
 
NO RESPONDAN EN ESTE TEMA POR FAS :smileyvery-happy:  !...
 
 
img>