domingo, 30 de agosto de 2009

Plantilla Web En Fireworks

Hola a todos los usuarios de robney.com.pe bueno en esta ocasión les enseñaré a crear una plantilla en Macromedia Fireworks algo simple con formas predefinidas y degrados, creare una plantilla algo con un estilo gótico o vampirico.

1.-Crear un documento de 800 pixeles de ancho y 600 pixeles de alto le daremos un fondo personalizado de color negro. 2.- Pasamos a dibujar con la forma Rectángulo con chaflán pasamos ah hacer nuestra cabecera de nuestra Web con ese objeto predefinido dándole un degrado de negro a granate con un grosor de borde 2 pixeles, anchura: 770 altura: 150.

3.- Con la Herramienta Rectángulo dibujo nuestro menú izquierdo con un relleno de color negro y un borde de 2 pixeles con un ancho de 200 pixeles y una altura de 250 pixeles.

4.- Dibujos un rectángulo pequeño con las medias de ancho: 200 alto: 40 aplicando degrado de granate a negro y un borde de 2 pixeles, enseguida pasamos acomodar en la cabecera del que será nuestra menú.

5.-Dibujamos un rectángulo mas pequeña para parte inferior de nuestro menú con las medidas de ancho: 198 alto: 15 sin borde de color transparente y de igual forma acomodar en la parte abajo o inferior de nuestro menú.

6.-Ahora pasaremos a crear la parte central de nuestra Web en la cual aplicaremos un rectángulo redondeado con la puntas ligeramente redondeadas con un fondo negro de unas medidas de ancho: 360 alto: 250 borde: 2 pixeles y borde de color granate, pasamos a aplicar un filtro de un iluminado interior con los efectos de: Color: Granate, Altura: 10, Opacidad: 100 %, Suavidad: 25 y Desplazamiento: 0


7.- Bueno regresemos a la cabecera, paso a importar mi imagen Archivo - Importar y lo ubico en una esquina de mi cabecera.

Si Deseas La Misma imagen: https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhZd3z4loP3Bs-fDtn1S7GSGbe3G2vWfnnPsvHalVARutrTMeR7l0e5TqytezUjSjMeZ9wIqwYjamSlDprEyF9UXdQiZWbAkO2nGUsdfa9xSiBBzhbDngZHLIw0Ux5pNk5QYw0GPWcf-8P5/s400/rob.jpg


8.- Paso a fundir mi imagen correspondiente selecciono primeramente mi imagen luego le doy Comandos - Creativo - Fundir Imagen le doy click en la primera opción luego para no tener problemas le doy clic derecho en la imagen que aplicamos dicho efecto y pasamos a convertirlo en símbolo Tipo: Grafico ahora simplemente pasamos a cortar nuestra imagen luego pasamos a seleccionar nuestra forma predefinida que llegaría ah ser el rectángulo con chaflán, una ves seleccionado el rectángulo chaflán nos dirigimos a Edición - Pegar Dentro.

9.- Por ultimo pasamos a escribir un texto en este caso yo escribiré Dark Robney con la fuente Blackletter689 BT y un tamaño de 130 enseguida le aplicare un filtro de iluminado me dirijo a filtros - Sombrear e iluminar - Iluminado, paso a darle una anchura de 2, Opacidad 65% y una suavidad de 6. para finalizar pasamos a copiar el menú izquierdo hacia el derecho.




VER VIDEO
( Video : Parte 1 )


VER VIDEO
( Video : Parte 2 )

VER VIDEO
( Video : Parte 3 )

Bueno por ahí me dijeron que ponga ponga la plantilla para
descargar, descárgalo de esta dirección url

http://www.robney.us/files/web-gothic.rar

Atte: Robney

55 comentarios:

  1. que man y se puede descargar ??

    ResponderEliminar
  2. hola men te puedes dejar la platilla o una plantilla chevere para descargar

    ResponderEliminar
  3. ola men donde puedo descargar el macromedia fireworks y el dreamweaver

    ResponderEliminar
  4. ss ola brother cuanto sta un hostin

    ResponderEliminar
  5. aaaaaaahhhh claro que tu pondrias el precio....saludos

    ResponderEliminar
  6. hola que bien estan tus paginas, necesito asesoria para diseñar una pagina. te dejo mi email ojala y me puedas asesorar. gracias
    ralj820402@hotmail.com

    ResponderEliminar
  7. Hola Robney, me preguntaba si me podrias facilitar el script que tienes en tu portal de entrada robney.us, ahi tienes un script para la descarga de videos de youtube en 3 tipos de formato, facilitame ese script.. porfavor :)

    carlos.15_92@hotmail.com

    ResponderEliminar
  8. a tu web e visto orto parecido e higual me parece o te clonaron e am una pregunta como haces para tener tantas musicasquiero poner a mi web ponme un link para descargar tengo tu mismo repro ya un fa .... dark-animen@hotmail.com

    ResponderEliminar
  9. hola amigo muy buen tuto .....sabes me gustaria saber si vos me podes colaborar en el diseño de una plantilla para un trabajo me gustaria contar con vos ...te gratificaria bien amigo ...gracias ...mira mi correo es rene28k@hotmail.com.......

    ResponderEliminar
  10. robney, gracias por el tuto, yo tbn me dedico a hacer webs personales bueno lo intento je, pero en esta oportunidad aclare unas incognitas o dudas que tenia, gracias mano..desde amazonas.

    ResponderEliminar
  11. esta rebueno el tuto ahora podre hacer una plantilla que me pidieron en mi colegio :D

    ResponderEliminar
  12. || Men una pregunta sera que puedes poner el link de descarga de archivos de mogol en flash es que presiento de que tienes muchos || porfavor!!!!!

    ResponderEliminar
  13. hola boz nesecito asesoria como puedo grear un banner animado para mi web me ayudarias si es q fueras un buen amistad mi correo es fsalibra_24@hot... estoy en arequipa esta chido tu web

    ResponderEliminar
  14. Hola amigo me puedes colaborar para crear una plantilla para una Institucion Educativa.....
    Es un proyecto estudiantil.
    Te lo agradeceria
    jorpasion@gmail.com

    ResponderEliminar
  15. hola compa quisiera saber si lo pueder crear en otro programa como el dreanweaver cs4 o cs3 o algun otro programilla ...

    mi correo es
    sperma_fear@hotmail.com

    ResponderEliminar
  16. Hey amigo gracias por el tuto, en realidad me sirvio mucho!!!
    Estoy trabajando en una pagina de la iglesia donde asisto y he estado estudiando tutoriales tras tutoriales y cuando vi el tuyo me di cuenta que es uno de los mejores que he visto :-D

    Aca les dejo mi correo y luego les envio la dirección de la pagina cuando ya la haya terminado
    melvincante_g@gmail.com

    ResponderEliminar
  17. hola espero que me responads quiero crear una pagina web de musica ...haber si me ayudas cree mi pagina en jimbo ...ahi puedopoder musica...mas o menos como atevip.net o caleta.tk que mis amigos puedanb esoger la musica que quieran escuchar mi msn stalin_galan_tlv@hotmail.com
    te lo agradeceria tengomi web pero quiero ponerlo solo musica ...

    ResponderEliminar
  18. hola amigo thu informacion si ke me sirvio un poko i kisiera saber algo espero ke te agregues thengo un xta pero mi faltha la web kieor crear paso por paso ppero necesitho thu ayuda xD aqui the dejo mi msn


    goku_juan_14@hotmail.com the lo agradeseria amigoOO xD.!

    ResponderEliminar
  19. pero como paso la plantilla a mi blog eso no entiendo :S

    ResponderEliminar
  20. perdon por contestar pero ya pase uno lo edite con dreamweaber y pasa el index ver code de fuente cambia las imagenes por link de las imagenes en xooimage.com podes y es rapido y luego lo pasa por el editor html y si tenes web en pwg ponelo en home

    ResponderEliminar
  21. Hola tengo 1 proyecto de una pagina que hable de la ecologia y espero me puedas ayudar t lo agradeceria

    mi msn

    alcon_1230@live.com.mx

    ResponderEliminar
  22. ola me gustaria comprar una pagina ..
    bueno aver si me agregas te dejo mi msn soy de peru lima
    .. b13-jons@hotmail.com

    ResponderEliminar
  23. puedes dejar la plantillla parar descargarla :D

    ResponderEliminar
  24. hola robney, aber si me puedes dar tu correo, o te dejo yo el mio, te agrege, pero no me aceptaste, agregame porfavor, para realizarte alguna pregunta

    jarek89@hotmail.com

    ResponderEliminar
  25. Olle men i despues de crear la plantilla como subo
    la plantilla a blogger si el formato tiene que server XML

    ResponderEliminar
  26. muy bueno lo que buscaba hace mucho sigue haciendo tutoriales por favor hasta ahora tu eres el unico que revela sus conocimientos sin envidia gracias gracias (T_T) aprendo mucho contigo

    ResponderEliminar
  27. pues te cuento que hace mucho tiempo que estaba buscando algo así...claro, sencillo y para fireworks...para photoshop hay muchos...ahora te falta la parte de crear los slices y exportar a css y como trabajarlo en dreamweaver...si haces ese tutorial te ganas el cielo...

    ResponderEliminar
  28. oYE ROBNEY PORFA RESPONDE:¿Si yo ya ise los pasos q digiste ahora como la plantilla la transformo en el html

    ResponderEliminar
  29. Hola, me gustaria saber si de la forma que tu has hecho la plantilla, se ve igual en todos los navegadores; porque yo he intentado hacer unas webs, pero me sale bien en internet explorer y en firefox, se me descudra la web y me gustaria saber cual es el motivo.

    ResponderEliminar
  30. HOLA AMIGO QUE BUENOS TUTORIALES, ESTOY CREANDO UNA WEB, PERO SOY PRINCIPIANTE, PODRIAS AYUDARME HACER UNA PLANTILLA, MI WEB ES DE CULTURA GENERAL SI ME AYUDAS TE LO AGRADEZCO MUCHO.

    LA VERDAD ES QUE QUIERO QUE SE VEA BONITA Y ESTOY TRABAJANDO EN ELLO, AVERIGUANDO POR INTERNET Y ASI ENCONTRE TU BLOG..TE FELICITO ESTA MUY BONITO

    ResponderEliminar
  31. oye men despues como ago una web .ok.pe
    ? me dices

    ResponderEliminar
  32. hoola amigoo oye pss nda mas q tengo un problema con el blog en dreamweaver, lo que pasa es que no se como poner el codigo para que puedan dejar los comentarios como en este blog??

    ResponderEliminar
  33. ahh graciias seria de mucha ayuda jaja tengo q entregarlo mañana

    ResponderEliminar
  34. agregame al msn plis eduin_domi_12@hotmail.com

    ResponderEliminar
  35. hola robney te agradezco de antemano la informacion que facilitas en tu blog pero me gustaria saber si me podrias ayudar en la creacion de una plantilla con la tematica de "poker" la plantilla es en flash animed quisiera que puedas ver el ejemplo de plantilla aca te dejo el link para que veas la plantilla este link es para que vayas a la web

    http://www.templatesfactory.net/templates/58/online-casino-templates/

    y este es para que identifiques a que plantilla me refiero solo observaras la imagen qe la identifica y luego la ves en la web principal

    http://www.template-help.com/tuning/tuning.php?aff=templatesfactory&t_number=23377

    ResponderEliminar
  36. se me olvido agregame a mi cuenta de hotmail ok mi correo es cashperu@hotmail.com

    ResponderEliminar
  37. Olass Men tu tutorial estuvo super nomas me falta saber como subir la plantilla a mi web que es un dominio gratis piczo.com nomas eso queria saber aki te dejo mi Hotmail para que me ayudes porfavor y me expliques como hacerlo. Gathitho_26_95@hotmail.com Espero que me ayudes Estuvo bueno el tutorial...

    ResponderEliminar
  38. muy bueno .. yo tambien necesito ayuda .. webmaster.. si decean hacerlo (ayudarme) agregan a este correo clint_000@hotmail.com por siacaso no soy tan novato .. podemos intercambiar ideas .

    ResponderEliminar
  39. Amigo, tengo alguna duda de que si me podrias ayudar algo y espero que me agreges mi correo es jdiego_100@hotmail.com
    Y quiero que yo sepa como puedo hacer un codigo pero primero quiero que me envie el formulario a mi cuenta de correo por ejemplo:
    Nombre;
    Direccion;
    Tel;
    Ciudad;
    Estado;
    Codigo postal;
    Y esto es para hacer formas en Dreamweaver
    Luego tambien como hago el codigo para poder enviar en cada correo de personas que acaba de rellenar el formulario y se enviaran a mi cuenta de correo???

    ResponderEliminar
  40. amigo kiero saber cmo puedo agregar nuevos estilos de letra a fireworks.

    PD: Muy bueno el tutorial 5/5

    ResponderEliminar
  41. hola causa como en doe lo registro o ke ya tengo todo gracias ati men te ponder afiliado
    solo dime onde lo pongo
    telo agradeseria muxho
    seria bueno ke tengas un foro
    causa
    kiero tener como tu url

    ResponderEliminar
  42. causa en donde lo lo bajaste tu pagina
    seri bueno ke agas, un tuto sobre eso

    ResponderEliminar
  43. Hola amigo!!!
    Solo para preguntarte que si se pueden dar movimientos a las paginas web asi como te muestro en esta direccion yo ocupo el fireworks y el dreamweaver pero para darle este efecto se puede hacer con estos o k necesito se te agradeceria tu ayuda aki el link d la pagina de muestra http://www.amistadyvida.net/nosotros.html

    ResponderEliminar
  44. hola robeny ya no sirve tu link de descarga espero que sigas asi con los videos excelente genio computacional jeje saludos a todos

    ResponderEliminar
  45. che robney una pregunta como intalo la plantilla en mi blogpot porfavor contestame

    ResponderEliminar
  46. Hola amigo necesitoh un favorsote de usted porfavor si puedes agregame a TheStreetfamily@hotmail.es

    ResponderEliminar
  47. Hola Robney.

    Ante todo un 10 por los tutoriales.

    Tengo un problema con mi Fireworks.

    Al poco tiempo de empezar a utilizarlo se me queda metida la opción mano y no hay forma de quitarlo , ni cerrando y abriendo nuevamente el programa. Solo se me quita al reinicializar el ordenador.

    A que puede ser debido??

    ResponderEliminar
  48. oye esta bunisimo tu tutorilal pero me podrias consegir el hotro programa k es pra hacer el html porfa ponlo el link de descarga

    ResponderEliminar
  49. T_T ta buena el tutorial pero No puedo adaptarlo a mi web T_T ayuda please

    ResponderEliminar
  50. la plantilla para descargar no funciona podis ver grax

    ResponderEliminar
  51. HOLAS AMN SOY DELMI Y EOY INTENTANDO CREAR UNA PAGNA PERO NESITO EN PROGRAMA Fireworks PON PX PARA DESCARGAR VALE....?

    ResponderEliminar
  52. hola muchas gracias por tu pagina y tu saber de hacer gracias de antemano.cuanod estoy en drewever y sigo el vidoe donde dice los primeros paso esdecir para copiar menu pegar en fodo esque ago eso y cuando boy a copiar no sale esdecir la opcion de copiar en el desplegable no sale para elelgir un saludo y muchaas gracias

    ResponderEliminar
  53. man pero en esa seccion de descarga no hay nada
    podrias poner la plantilla porque sta rexida xD
    c t agredece x tdos los tutos

    ResponderEliminar

Tutoriales, ayuda al webmaster,Tutoriales y manuales sobre desarrollo sitios web, diseño, programación y marketing en internet.

Suscribete

Recibe Novedades Por Email

Seguidores

Estadisticas

Powered By Blogger