Foro de elhacker.net

Durante el tiempo que he estado visitando el foro de webmasters, aquí en elhacker.net, me he encontrado con que varios personajes por ahí preguntan que es un banner, como se hace un banner, para que sirve un banner, entre otras cosas sobre esto.
Pues bien, procurando hacerle un bien a los que tienen dudas sobre los banners, aquí coloco este post para que sepan que es un banner, para que sirve, y como se hacen.


Que es un Banner?
Pues bien, un banner nos es mas que un archivo grafico por lo general en formato .GIF ó
. JPG, y además .SWF, de un tamaño por lo general de 468 x 60 / 468x80.
Estos tamaños son de lo mas variado que hay, aquí los doy como ejemplo, pero en si, hablo de banner no tanto por el tamaño, sino por su fin, el cual es darle publicidad a un sitio, producto o servicios ya sea en la red o en la vida común.
Por ejemplo, hace poco estaba interesado en pautar un sitio en un portal de Formula1, sucede que el webmaster me dijo que habían diferentes tipos de banners, entre ellos:

Banner Standard : El tipo de banner que mas vemos en las paginas web, de un tamaño promedio de 468x60 / 468x80, que por lo general va en la parte superior de las paginas web, como por ejemplo, la molesta publicidad de Netfirms en sus sitios hospedados gratuitamente (Agradezco a Creature por mandar un post solucionando aquel problema de la publicidad en varios servidores gratuitos).
Estos banner son estáticos o animados, permiten por lo general un peso máximo de 20 Kb
(  Para que la pagina no se tueste en mi MODEM de 56, 6 Kbps ).
Hablando en la parte $$$, este tipo me cobraba 20 EUROS, equivalente a mucho dinero aquí en Sudamérica, por colocar mi banner en su sitio.

Banner Rascacielos : Es un tipo de publicidad relativamente nuevo, tiene un tamaño promedio de 100x600 a 120x700, y se coloca en un lado de la pagina.
Tamaño promedio de 24 Kb, repito, si quieren hacer un banner de 50 Kb, OK, háganlo pero acuérdense que aquí hay mucha gente con conexiones realmente podridas (33,6 Kbps y mucho menos ).

Bueno, el tipo también me dijo que el otro tipo de banner era la maldita y odiada ventana que nos fastidia bastante la vida: el pop-up.
De acuerdo, nosotros conocemos pop-up como una cosa totalmente diferente en cuanto formato que el banner, pero en si, la palabra inglesa banner significa pancarta,  es decir, que nuestro amigo el banner no se limita a un grafico de 468x60, sino que también llega a ser un pop-up. Cada uno de ustedes sabrá como definen al banner, pero me centrare en el de 468x60.

Para que sirve un banner ?

Bueno, los mas expertos de este foro me disculparan si soy bastante explicito en lo que digo, y si suena bastante obvio este post, pues ni modo.
Sigo, todo el mundo sabe para que sirve un banner, para mostrar de una manera a veces molesta y engañosa un producto o servicio.
Por ejemplo, el típico banner que se asemeja a un mensaje de Windows, ha hecho que mucho usuario inexperto caiga ante el aviso : SU SISTEMA ESTA EN PELIGRO !!!.
El otro banner que yo se que medio planeta odia es el que colocan en los servidores gratuitos, como el molesto banner de IESPANA, o la maldita publicidad de HISPAVISTA, el horrible banner de NETFIRMS.
Incluso, a veces paginas de informática, utilizan el banner para sacar algo de dinero, por ejemplo, deluxserials me muestra en un banner una chica en pose pornográfica para poder ver el serial de un programa.
El banner esta bastante difundido en la red, pero no todas las veces se usa para sacar $$$, también se usa para incrementar las visitas de varios sitios en la red.
No digo que la utilización del banner sea mala, solo depende del fin, y de la forma en que lo colocan en las paginas.
Últimamente, el banner ha venido cayendo en popularidad, y no lo digo yo, Jeffrey Veen, en su libro ARTE Y CIENCIA DEL DISEÑO WEB, dice que las empresas ya no saben como hacer publicidad en las paginas, pues el banner es muchas veces ignorado por el visitante.

Como se hace un banner?  

Pues bien, después de tanto preámbulo y pendejadas de estas, aquí esta el centro de este post: como se hace un banner.
Bien, explicare esto a mi modo, es decir, con programas que no se si unos se les harán conocidos ( el Photoshop es de lo mas conocido en el planeta ...), o no.
Usaremos:
Photoshop 6/7
Swish 2.0
Si alguno de ustedes es amigo del Paint Shop Pro, pues sabrán que este programa viene con el animation shop que tiene un wizard para hacer banners en dos minutos, en formato .GIF o .JPG.
Utilizaremos el camino largo aunque fácil, para hacer un banner.
Es bastante sencillo, nos tomara 5 minutos, es solo ser creativos y manejar los programas de arriba.
Bien, usen cualquier imagen que tengan en sus HD, y comencemos...

1.   Abran Photoshop.
2.   Hagan un archivo nuevo de 460x60, fondo transparente o blanco, o del color que quieran.
3.   Ya con nuestro lienzo listo, es hora de que comiencen con la creatividad, si desean coloquen una imagen dentro de nuestro banner, no saben como ??, pues si tienen maximizada la imagen restáurenla, al igual que nuestro lienzo, coloquen la imagen al lado del lienzo, hagan clic sobre la fotografía y arrastren esta hasta el lienzo, si salió bien, se nos habrá creado una capa nueva, la cual contiene la fotografía.
4.   la fotografía es bastante grande como para caber en nuestro lienzo?, entonces opriman CTRL + T, esto es para modificar el tamaño de la imagen, en la parte superior de la pantalla, justo debajo de los menús, hay un Boston parecido a una trenza, hagan clic en el y comiencen a disminuir el tamaño de la imagen, lo del botón de la trenza lo hacemos para que la imagen guarde sus proporciones.
5.   OK...ahora que tenemos una imagen ajustada, ahora decoren a su gusto el banner... allá ustedes ....
6.   cuando ya estén satisfechos con esto...vayan a archivo>guardar... guarden el archivo en el sitio que quieran, coloquen nombre y díganle que lo quieren como un archivo tipo .JPG con calidad 7 ú 8, ustedes verán...
7.   después de tener listo nuestro nuevo JPG, abran swish...
8.   espero que este explicando bien esto....
9.   en la pestaña película, la cual se encuentra en la parte derecha de sus pantallas, cambien el tamaño de esta a 460x60 o por el tamaño que tenga el JPG antes creado.
10.   Inserten el jpg dentro de nuestra escena....
11.   inserten texto....una frase cualquiera....
12.   animen este texto....
13.   después de haber quedado satisfechos....vamos a exportar esta vaina.... hagan clic en archivo>exportar>exportar como SWF.
14.   bueno...guarden ese SWF en donde quieran, y listo.
15.   si tienen el flashplayer en su PC, pues miren el pendejo archivo....
16.   si el banner para una pagina... habrán el dreamweaver o frontpage y coloquen el nuevo banner dentro de la pagina.

Me parece que hable mas ***** al principio de lo que debí....bueno...este tutorial iba hacia usuarios muy pero muy novatos...espero no haber tocado el borde de la estupidez y que esto sirva para algo.
Nos vemos.....  

.txt

Veo que hay huecos en el post...
sin alguno quiere echarle mas...hagalo....

------ está muy bien lo que has dicho .txt --- yo quisiera aportar el nombre de varios programas que son fáciles y de gran utilidad:
------ Xara 3D ----- Ulead Cool 3D ------ Magic Flare --------------------------------------- Logo Creator -----------------------  Si alguien está interesado que me envie un email --

Aqui teneis un link con unos programas que me parecen buenos
 
http://miarroba.com/foros/ver.php?temaid=509578&foroid=80201
 
estoy ayudando a un compañero de este foro en otro foro que ha creado él
 
y ese post es mío (es por no repetir)
 ----------------------------------------------------------------
MUY BUEN POST  .TXT
 
Saludos!!

Estoy a la orden compañeros !

pues mira para hacer un banner te recomiendo un programa facilisimo de usar primero bajas el paint shop pro 7 es en version trial pero lo puedes crakear y hay tiene un programa llamada animation que fusionado con el paint shop pro hacen unos banners bastante buenos.
(espero que se te aclare la duda  8))

Desfinitivamente el mejor programa para hacer banners es Photoshop (y no solo para hacer banners, sino para el diseño de sitios web, edición de fotografias y muchas cosas más)

aquí les dejo los 3 mejores sitios con tutoriales de photoshop que conozco

1.- www.infectedfx.com <una de los mejores sitio web sobre photoshop 100% en español, ademas se tratan otros temas de diseño grafico, mega recomendada!

2.- www.thewebmachine.com <buenisimo sitio con muchisimos tutoriales de la mayoria de los productos de Adobe, es una joya ñ_ñ lo unico "malo" es que esta en inglés

3.- http://robouk.mchost.com <otro buenisimo sitio web con tutoriales y no solo de photoshop sino que tambien de Dreamweaver, PHP y otros, muy bueno pero tambien esta en inglés

Espero que les sean de utilidad :D

Saludos

Gracias por los enlaces viejo... se que seran de gran ayuda para todos!
denme 3 meses, y y tendran mi nueva pagina lista y a la orden para que aprendamos entre todos mas cosillas.

http://design3.ultragraphiks.com

bye---

http://espanol.geocities.com/aces2044/banner.swf



http://espanol.geocities.com/aces2044/banner3.swf

mucho lio con esto, a mi me gusta lo facil y productivo.

 USEN EL PAINT PARA LAS IMAGENES Y PARA HACER LA ANIMACIÓN USEN EL MICROSOFT GIF ANIMATOR.

 ASI ES MAS SENCILLO Y SIN TANTAS VUELTAS...
Y .TXT ESE XARA 3D ES UNA *****

Lo digo asi, asi me pateen el trasero!
NO DIFUNDAS LA MEDIOCRIDAD!
JODER!
Con paint? con el gif animator?
no... es hora de utilizar buenas herramientas!

jajaja, y te crees q es muy potente el programa q vos decis. Si busco algo prefiero buscar algo bueno si no lo hago a lo simple  ;D

 ::)...

si tu lo dices...
supongo que www.2advanced.com la hicieron con paint... y ves esas animaciones tan buenas? estoy seguro que Erick Jordan se sento frente al GifAnimator, y se invento esas animaciones...
aah! y el HTML... seguro lo hizo en notepad..., sera que tiene la pagina hospedada en miarroba?

esta bien... me convenciste... paint es mejor que photoshop...
estamos de acuerdo...

PDT: Tu post es realmente ilogico...

"jajaja, y te crees q es muy potente el programa q vos decis. Si busco algo prefiero buscar algo bueno si no lo hago a lo simple "

a lo simple? diria yo a lo mediocre...

tengo un banner en flash, y lo quiero poner en la pagina principal de la web en el modulo news o en un mensaje komo de bienvenida,
PERO no se komo ponerlo  ???
probe kon el htmltonuke poniendo el flash en una pagina html e incluyendo el html al phpnuke pero no me sale
 :-\

si teneis alguna idea!!
gracias

 Te refieres a algo komo en esta web, que sale una ventana temblando con un anuncio, si es asi:

Para que slaga una pagina al principio

<HEAD>
<script LANGUAGE="javascript">

<!-- AmazingPopUps.com -->

window.open("publicidad.html", "null", "height=120,width=650,status=no,menubar=no,location=no,resizable=yes,titlebar=no,scrollbars=yes,top=" + (screen.height/2-(950/2)) + ",left=" + (screen.width/2-(950/2)));

</script>

</HEAD>

Para que la pagina que se abre tiemble


<script language="JavaScript1.2">
function tremer(n) {
if (self.moveBy) {
for (i = 10; i > 0; i--) {
for (j = n; j > 0; j--) {
self.moveBy(0,i);
self.moveBy(i,0);
self.moveBy(0,-i);
self.moveBy(-i,0);
}}}}
tremer(5)
</script>

Espero que te sirva

SaLu2

en phpadsnew
banner/append others/adjuntar propiedades

    <param name="wmode" value="transparent">

lo pongo asi pero no konsigo k el fondo del banner sea transparente.
lo guapo es k el texto en flash kede encima del fondo de la web,

salud.

yo utilizo el banner maker pro pero claro descargandome letras ttf y fondos bien mono porke si n0  ::) con ese programa no haces NA! ;D

TXT menciono  foro de webmasters.
Una herramienta que use y sumamente facil de usar es
Xara Web Style
sencillo y se ve bien aunque para baners es limitado(en la version que tengo)

^SalU2

 ;D  Chicos..... habeis visto cómo viene la última versión del Swish...? el Swishmax es una pasada - llevo una semana trabajádolo y lo único que hace falta es tener imaginación .. lo demás lo pone el ------------ bajároslo que vais a fliparr en cologues-------  :-\  :D

el selteco banner shop y el swish yo hago los banners y me salen espectaculares el swish solo es cuestion de pensar y tener la imaginacion de un niño xDDDDDDDDDDD

Bueno en particular yo Utilizo Photo Shop.!! y para animarlo uso Gif Animator....

Pero adobe Imagen Ready se pueden  hacer animaciones muy buenas el problemas es que no sé como se utiliza ..

Pero si alguien sabe de algun Tutorial, me harian un gran favor en decirmelo.!! y si yo encuentro uno primero lo posteo

Es cierto el selteco gif animator es muy buen programa para hacer banners yo lo uso ademas que es muy facil de usar si a alguien le interesa diganmelo para subirlo a mi sitio web y lo puedan descargar  ;)y pues ando buscando un tutorial de adobe photo shop que vi un link en este foro pero esta roto el enlaze  :-[ sales me despido y esta muy bien este foro de los mejores que he visto  ;)

como se usa ese xara 3d ?
como se abre en photoshop las palabras que hice en xara ?
o poder usar lo que en hice xara en word

Yo recomiendo usar photoshop e imageready para la animacion, y para aquellos que apenas empiezan el xara.

surfo.. todo un honor tenerte por aqui. espero que nos pedas ayudar.

saludos

Gracias por el recibimiento kåhjî£ y pues para lo que se pueda ayudar por aqui ando ;D

Alguien sabe de dodne descargar el Xara 3d completo

hola!
mira necesito hacer un banner animado desde el flash pero no lo conozco demasiado. puedes informarme??