HTML Goodies

Handsome guy, huh?

Goodies Tutorials

Cursos, Tips, ...

tabs

Estandarte Primero #1

Introducción - Qué Necesitarás

por Joe Burns, Dr. en Filosofía

traducción Lewis Skolnik,
MicroTac Spanish Assistant
for Windows 1.0b

Usa estos para brincar alrededor o leerlo todo...

[Los Primeros y Sus Imagenes] [Qué Necesitarás]
[Vas A Necesitar Un Programa Animador, También]
[Qué Vamos A Hacer] [Comenzamos]

     He estado obteniendo correo electrónico de personas preguntando cómo crear un estandarte publicitario para su página hogar por un rato hasta ahora. Esta serie de primeros está pensada para encaminarte a través del proceso. El propósito es introducirte al fundamento teórico tras la creación del estandarte y te lleva al punto donde crear tu estandarte propio no parece como un inasequible meta.


Los Primeros y Sus Imagenes

     Quiero declarar directamente frente que estos primeros del estandarte son realmente imagen intensivo por lo que tomarán tiempo para cargar. La razón es que para mostrarte todo los pasos, pensé lo que sería mejor ofrecer múltiples imagenes de captura de pantalla para ayudarte a lo largo de. Así que se paciente. Las imagenes cargarán, pero pueden toma un rato corto.


Qué Necesitarás

     Un programa para gráficos. Esta guía didáctica usará Paint Shop Pro. Esos quienes ya están en el negocio de la creación gráfica ahora inmediatamente irán brincando a decirme cualquier número de programas que son una opción mejor. Pues, a cada su propio.
     Usaré Paint Shop Pro para esta guía didáctica porque tiene, lo qué nosotros profesores de la universidad llamámos, una buena curva de aprendizaje. Eso significa que si aprendes este programa para gráficos, es bastante fácil ponerte en marcha en otro. Los menús son muy básicos y realmente cerca de otro grandes programas gráficos como Photoshop o Corel, que también poseo. El problema más grande de mudarte de un programa a otro, he hallado, está que las ordenes están en menús diferentes. Por ejemplo la función CROP en Paint Shop Pro está debajo del menú IMAGE. Considerando que en Photoshop está debajo del menú EDIT. Ése es un buen ejemplo de las preocupaciones que enfrentas iendo desde ésta guía didáctica usando Paint Shop Pro a usando otro programa para gráficos. No es un salto grande.

     Éso dije, la razón mejor que puedo dar para usar Paint Shop Pro es que es programa compartido. Puedes ir y agarrar una copia y seguir a lo largo de. (No, hay ninguno PSP todavía para Apple, pero usa programa para imagen que puedas obtener o ya tienes. Enseñé en Bowling Green State University por tres años usando MACs y la curva de aprendizaje es igualmente de fácil).

     Obtén Tu Copia De Evaluación 30-Días Aquí:

  • JASC Inc. (Estas personas hacen PSP)
  • http://www.visitorinfo.com
  • Shareware.com
    Shareware.com lista MUCHOS sitios para obtener programas. Cuando llegas, se te pedirá que teclees tu sistema (Windows 95, MAC, Windows 3.11). Entonces puedes buscar el nombre del producto. Usuarios de la Apple pueden también usar este sitio para buscar programas gráficos compatibles con su sistema.

Mi Computadora Vino Con Un Programa Para Gráficos

     ¿Te refieres a MS Paint? O quizá obtuviste un programa más avanzado por todo ese gran software pre-cargado. Ahí es donde obtuve Corel. Si ése es uno que quieres usar, grandioso. Ve por él. La única falla de MS Paint y similares es que guardan imagenes como mapas de dígitos binarios. Ésa es una estructura muy vainilla. Trataré con estructura .gif en esta guía didáctica. Probablemente puedas seguir a lo largo de toda la vía hasta la vez que animamos las imagenes que creamos. Entonces necesitarás hallar un programa que convierta el mapa de dígitos binarios (denotado por un extensión .bmp) en estructura .gif. Como Paint Shop Pro...


Va a Necesitar Un Programa Animador, También

     El propósito de estos estandartes de la publicidad es atraer atención. Es bueno que personas los vean, pero también quieres que ellos pulsen el botón en. Un anuncio en el que no se actúa no está haciendo su trabajo. En los cuatro años que he corrido Goodies, he visto quizá tres estandartes estáticos. La animación es lo qué verdaderamente hace un estandarte sólido venga a la vida. Aun cuando la animación está sólo dos celdas arrojándose de un lado a otro, eso sólo aumenta el efecto. Así vas a requerir un programa animador.

     Lectores ávidos de Goodies saben que he tenido una guía didáctica de la animación en marcha por largo rato. Si lo has leído, entonces ya tienes el programa Equipo de Construcción Gif. Si no, agarralo.
     De nuevo, hay muchos otros programas de animación. Todo son buenos. Pero aprendí en este y siento que es el mejor, además hay la cosa de la curva entera del aprendizaje, también.

Pulsa el botón aquí obtener el Equipo de Construcción Gif

     Si a ti te gustaría buscar en otra parte, el Gremio de los artistas del GIF Animado ofrece algunos grandes programas e instrucciones.


Qué vamos a Hacer

     Aquí está:

Estandarte Publicitario

     Muy bien, es un poco tonto, pero nos dejará ejecutar seis funciones que son cruciales para la creación de un estandarte publicitario bueno. Además, no espero que simplemente agarraras este de la página y lo uses. Pero si lo quieres, adelante.

     Aquí está el diseño desde este punto en:

  • Estandarte Primero #2: Creando Nuevas Imagenes
  • Estandarte Primero #3: Aprendiendo A Segar
  • Estandarte Primero #4: Importando Imagenes -- "Copiar y Pegar"
  • Estandarte Primero #5: Agregando Texto y Sombras
  • Estandarte Primero #6: Animando las Imagenes
  • Estandarte Primero #7: Activar la Imagen -- Y Qué Hacer Con Ella

     El estandarte de arriba fue creada usando exactamente los mismos pasos que voy a cubrir aquí. Usé Paint Shop Pro para crear todas las imagenes excepto el boleto original. obtuve ese de WebSpice Images proveido sin costo en el sitio HTML Goodies.

     La imagen animada de arriba requiere 13 imagenes diferentes para estar completa. Estas son:

           

     No te molestes en obtener cualesquiera de ellas ahora. Las crearemos a lo largo de. La única que verdaderamente necesitas de mí es la imagen del boleto de arriba, y obtendrás esa al inicio de Estandarte Primero #2.


Comenzamos

     Primero de todo, agarra los dos programas de arriba. Instálalos en tu computadora y asegurate que trabajan, abriendo y jugando a alrededor de con los botones. Si no obtienes ningún error, ellos trabajan.

     Próximo, empieza a pensar a qué va parecerse tu estandarte. Sé que no tienes las habilidades todavía para crearlo, pero ¿y qué? No soy el presidente, pero todavía sé qué haría si entrara en la oficina. Haz un boceto. Usa flechas para mostrar el movimiento que quieres. Crea una pequeña historieta de tu idea. Pero mantenla simple. Más celdas de animación, más bytes este aumentará y más lentamente se cargará y correrá. Si tu estandarte no corre, entonces nadie lo verá sin embargo. Muéstrale tu idea a un par de personas. Ve qué piensan. Esta imagen pequeña será el tapete de bienvenida de tu sitio. ¿Es mejor ser bonito o qué alguien venga? Haz retroalimentación en él. Crear un estandarte para tu sitio no debe ser algo que tires junto en una hora o algo así. Se debe dar algún pensamiento. Es tu representante en el mundo real.

     Piensa en tu sitio. ¿Qué es bueno acerca de él? ¿Porqué deben las personas venir? Preguntate ¡¿¡¿qué es tan malditamente maravilloso acerca de tu sitio que alguien debe tomar tiempo fuera de su vida ocupada y venir a verlo?!?! Cualquier aterrizas en, eso es lo qué tu estandarte debe decir, en texto y/o imagenes.

     ¿Y hablando de texto, qué deberá decir tu estandarte? El texto necesita ser muy corto. Hay sólo 10 palabras en éste estandarte (incluiendo esos en el boleto). Además, este estandarte rueda totalmente en sólo seis segundos. Eso no es mucho tiempo para leer cosas encima de él. Así que haz tu texto grande, excitante, y muy rápido para leer.

     Y así comenzamos.

Ir a Estandarte Primero #2

[Los Primeros y Sus Imagenes] [Qué Necesitarás]
[Vas A Necesitar Un Programa Animador, También]
[Qué Vamos A Hacer] [Comenzamos]