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/AVvXsEhALPdUEgZ9nyp2ItzWkDqQ_tywuJcaCl_JVpjTo_xcjgG_3PAspzF47GD4wLWtju_eooRSzQgsH3x1OxR9BtUadM39UQS7y0DaxWTET_pknDSyTjLCSwwKGht4Rq7iM88Su3eoHBkX8b19/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

Leer más...

Crear Menu En Fireworks

Holas a todos los usuarios de mi web robney.com.pe bueno en esta ocasión les enseñare a trabajar en Fireworks, en el cual crearemos un
menú con botones y zonas interactivas.
Primeramente pasaremos a descargar los objetos con que trabajaremos como fuentes o
imágenes

Imagen Espada: https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjTyZHSabAT4nBNKLhQGnb85HJoemDe2irjw3OhHE20TZ0gHc2dZ1-6A1sC3gkTbMtDobmTe1g5DzR7TY2OK47Bv7DzW4z6Ut2NPV_m0qfXwmSc7zmkDqW4pgKSRxcuUGLcdLBQS7TzQs1a/s1600-h/espada.jpg
Fuente Prexix: http://www.robney.org/file/prefix.ttf

1.- Abrir Macromedia Fireworks y creamos un nuevo documento con las medidas de 270 pixeles de ancho y 550 pixeles de alto, luego pasamos a importar la imagen que descargamos Archivo – Importar y seleccionamos la imagen espada.jpg
2.- Bueno lo primero que tenemos que hacer es agregar la forma de nuestros botones, para eso pasamos a darle click en el panel de herramientas vector seleccionamos las formas predefinidas manteniendo presionado el botón izquierdo del Mouse para luego escogemos rectángulo redondeado.3.- Pasamos a dibujar el rectángulo redondeado con un fondo negro al lado derecho de la espada, luego pasamos ah agregar un borde de color blanco con un tamaño de punta de 2 pixeles, ancho de botón 170 y un alto de 35 pixeles para hacer los cambios recuerda presionar el puntero negro del panel de herramientas.

4.- Pasamos a escribir Inicio dentro del recuadro del botón, el texto esta escrito con la fuente Prefix.

5.- Pasamos a seleccionar el texto y el rectángulo redondeado para luego copiar y pegar 3
veces luego pasamos a insertar el botón en Inicio, seleccionamos el texto Inicio con el rectángulo redondeado con la tecla shift luego presionas click derecho y convertir en símbolo, escogemos el Tipo Botón.

6.- Pasa a crearse una zona interactiva de color verde claro le damos doble click sobre ella luego nos aparece una nueva ventana con los estados de arriba, sobre, abajo, sobre alto y área activa.

7.- Copiamos el botón del estado Arriba y pegamos en el estado

Sobre y pasamos a cambiar los colores del estado Sobre. Color de fondo de cuadro blanco, borde rojo y texto negro.

8.- Una ves echo el cambio respectivo le damos click en Listo, bueno ahora pasamos ah hacer eso con todos los botones para hacerlo mas rápido seleccionamos el texto y el rectángulo y presionamos la tecla F8.

9.- Terminado todo ahora pasamos a exportar nuestro trabajo Archivo - Exportar en nombre colocamos menu, en la parte inferior vamos a encontrar una
opción que dice colocar imágenes en subcarpetas le damos en activar esa opción para trabajar mas ordenado le damos en examinar y creamos una carpeta llamada imagenes y le damos en abrir y por ultimo en exportar.

VER VIDEO

Leer más...

Robney.Com.Pe

Wouuu :D Hoy lanzo mi nuevo site bueno es lo mismo solo cambie de dominio de robney.us a ROBNEY.COM.PE bueno ya esta en
línea hay que festejar jojojo como sera hoy en la noche ?

http://www.robney.com.pe

Leer más...