elhacker.net cabecera Bienvenido(a), Visitante. Por favor Ingresar o Registrarse
¿Perdiste tu email de activación?.
 
Inicio Ayuda Ingresar Registrarse
18 Marzo 2010, 05:38  


Temas destacados: ¡Aprende hacking con práctica! - WarZone, el wargame de elhacker.net


+  Foro de elhacker.net
|-+  Informática
| |-+  Diseño Gráfico (Moderadores: Azielito, wvb, peibol0.1)
| | |-+  Como Hacer un banner y no fracasar en el intento.
0 Usuarios y 1 Visitante están viendo este tema.
Páginas: [1] 2 Ir Abajo Imprimir
Autor Tema: Como Hacer un banner y no fracasar en el intento.  (Leído 32081 veces)
.txt

Desconectado Desconectado

Mensajes: 792


Support the true Metal.


Ver Perfil WWW
Como Hacer un banner y no fracasar en el intento.
« en: 19 Febrero 2003, 01:53 »



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
En línea

.txt

Desconectado Desconectado

Mensajes: 792


Support the true Metal.


Ver Perfil WWW
Re:Como Hacer un banner y no fracasar en el intento.
« Respuesta #1 en: 19 Febrero 2003, 01:58 »

Veo que hay huecos en el post...
sin alguno quiere echarle mas...hagalo....
En línea

Musicvisions

Desconectado Desconectado

Mensajes: 76


...todavía me queda media botella


Ver Perfil WWW
Re:Como Hacer un banner y no fracasar en el intento.
« Respuesta #2 en: 02 Marzo 2003, 02:32 »

------ 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 --
En línea
Armando
Visitante


Email
Re:Como Hacer un banner y no fracasar en el intento.
« Respuesta #3 en: 02 Marzo 2003, 08:21 »

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!!
En línea
.txt

Desconectado Desconectado

Mensajes: 792


Support the true Metal.


Ver Perfil WWW
Re:Como Hacer un banner y no fracasar en el intento.
« Respuesta #4 en: 03 Marzo 2003, 02:58 »

Estoy a la orden compañeros !
En línea

shimonx

Desconectado Desconectado

Mensajes: 80


!vive la vida sin nigun temor¡


Ver Perfil WWW
Re:Como Hacer un banner y no fracasar en el intento.
« Respuesta #5 en: 08 Marzo 2003, 06:44 »

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))
En línea

**el terrorrismo no es para demostrar que un cierto grupo de individuos  pueden dominar a las grandes naciones, sino que el terrorismo nos hace ver que tan inhumana puede ser la gente por un poco de respeto**(shimonx)
 
Javier M
Visitante


Email
Re:Como Hacer un banner y no fracasar en el intento.
« Respuesta #6 en: 11 Marzo 2003, 16:31 »

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
En línea
.txt

Desconectado Desconectado

Mensajes: 792


Support the true Metal.


Ver Perfil WWW
Re:Como Hacer un banner y no fracasar en el intento.
« Respuesta #7 en: 13 Marzo 2003, 01:32 »

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---
En línea

GoKu.-.
Visitante


Email
Re:Como Hacer un banner y no fracasar en el intento.
« Respuesta #8 en: 19 Abril 2003, 10:18 »

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



http://espanol.geocities.com/aces2044/banner3.swf
En línea
HdL
Visitante


Email
Re:Como Hacer un banner y no fracasar en el intento.
« Respuesta #9 en: 14 Mayo 2003, 11:58 »

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 *****
En línea
.txt

Desconectado Desconectado

Mensajes: 792


Support the true Metal.


Ver Perfil WWW
Re:Como Hacer un banner y no fracasar en el intento.
« Respuesta #10 en: 14 Mayo 2003, 12:26 »

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!

En línea

HdL
Visitante


Email
Re:Como Hacer un banner y no fracasar en el intento.
« Respuesta #11 en: 14 Mayo 2003, 14:34 »

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
En línea
.txt

Desconectado Desconectado

Mensajes: 792


Support the true Metal.


Ver Perfil WWW
Re:Como Hacer un banner y no fracasar en el intento.
« Respuesta #12 en: 14 Mayo 2003, 15:57 »

 ::)...

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...
En línea

shishio

Desconectado Desconectado

Mensajes: 2


¡Amo YaBB SE!


Ver Perfil
Re:Como Hacer un banner y no fracasar en el intento.
« Respuesta #13 en: 28 Junio 2003, 09:37 »

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
En línea
neo_hacker
Visitante


Email
Re:Como Hacer un banner y no fracasar en el intento.
« Respuesta #14 en: 28 Junio 2003, 10:27 »


 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 línea
Páginas: [1] 2 Ir Arriba Imprimir 
Ir a:  





Consolas     La Web de Goku     MilW0rm     MundoDivx

Hispabyte     Truzone     TodoReviews     ZonaPhotoshop

Yashira.org    Videojuegos    indetectables.net    Seguridad Informatica Colombia    Indejuegos    Internet móvil

Noticias Informatica    Seguridad Informática    ADSL    eNYe Sec    Seguridad Wireless    Underground México    Biblioteca de Seguridad

Todas las webs afiliadas están libres de publicidad engañosa.

Powered by SMF 1.1.11 | SMF © 2006-2008, Simple Machines LLC