Archivos para la Categoria ‘Diseño web’

Vectores gráficos para Illustratior gratis

March 5th, 2010 Vivianne

Illustratior es un programa para  realizar imágenes y figura vectoriales es uno de los más utilizados para desarrollar esta tarea junto con Corel Draw, pero para realizar un trabajo creativo de buena calidad, también debemos tener algunas herramientas o recursos que nos ayuden a realizar esta tarea.

En esta oportunidad le ofrecemos un recurso muy importante, se trata de vectores gráficos para illustratior, los mismos son totalmente gratuitos y nos ayudarán a realizar un trabajo de buena calidad y muy original.

El sitio en donde podemos encontrar este recurso es www. vector4free.com, allí observaremos varias categorías, con estos vectoriales, existen muchos tipos, desde imágenes digitales, dibujos, paisajes, filetes, tipografía, símbolos, iconos, botones, etc.

Sin duda este es un recurso muy importante para todos aquellos diseñadores y web master que trabajan con illustratior y figuras vectoriales,  también este sitio nos brinda la posibilidad de subir nuestros propios dibujos vectorizados, así como también figuras, paisajes y arte que sea producido por nosotros.

Este sito no tiene fines comerciales, sino que ofrece un recurso muy importante para ayudar a todos los profesionales de Internet.

Alguno ejemplos de los trabajos que podemos encontrar en este sito web, son imágenes con dibujos vectoriales, comics, historietas, signos para navegadores y sitos web, gráficos de ciudades City Skyline, etc.

Todos estos dibujos y figuras vectoriales, las podemos encontrar en diferentes formatos, para poderlas aplicar en illsutratior, algunos de esos formatos son AI (Adobe Illsutratior ) gif, jpg, EPS, todas ellas las podemos descargar de forma totalmente gratuita.

Wikio
Wikio

También pueden interesarte

Posted in Diseño web Tags: , , , , No Comments »

Como crear un menú giratorio en Flash

March 1st, 2010 Vivianne

Flash es una de las herramienta más utilizadas para diseño de web site y presentaciones, esta herramienta si la utilizamos de forma correcta y aprovechando todos sus recursos, podemos crear trabajos de excelente calidad.
En este artículo brindaremos un tutorial de cómo realizar un menú giratorio el cual simule una rueda, lo podemos realizar de una forma muy sencilla, y en pocos pasos, si deseamos podemos también agregar algunos efectos a los botones del menú como filtro Alpha, brillo, etc.

Para realizar este menú, primero debemos abrir un archivo nuevo con las siguientes características tamaño 500 x 600, frames por segundo 24, posteriormente creamos el botón que irá en la rueda del menú.
Si escogemos utilizar el mismo botón para todo el menú cuando realicemos la animación tendremos problemas, así que nos conviene crear un botón para cada menú, por ejemplo, uno que sea inicio, el otro información, etc.

Cuando hayamos creado el botón, le debemos realizar la animación, para ello seleccionamos el botón, apretamos F8, y convertimos el botón en movie clip, allí debemos realizar la animación del botón, el cual será en forma circular en sentido de las agujas del reloj.
Para realizar la animación debemos convertir nuestro botón en figura, para ello apretamos F8 y seleccionamos la opción grafico, en el primer frame colocamos el botón, en el frame 15 colocamos nuestro botón a 45ª, y así hasta completar los 360º.

A esta animación le debemos agregar como guía que siga al dirección del círculo, entonces le colocamos el siguiente scrip en acciones. on (rollOver) {
_root.boton = 1;  }   on (rollOut) {  _root.boton = 0;  }
Y repetimos lo mismo con el resto de los botones, de esta manera ya nos queda pronto nuestro menú animado.

Wikio
Wikio

También pueden interesarte

Posted in Diseño web Tags: , , , , No Comments »

Como crear botones en flash

February 27th, 2010 Vivianne

iconos gratis

iconos gratis

Flash es una de las herramientas más utilizadas por los diseñadores y web master, con la misma podemos realizar animaciones, presentaciones, botones, video clips musicales, etc.
En este artículos ofreceremos un tutorial de como realizar un botón en flash y animarlo, el mismo tendrá un link incluido a determinada página web.
Primero debemos abrir un archivo nuevo, en el menú, archivo/ nuevo, allí le ponemos las propiedades que debe tener, tamaño 50 pixeles por 50 pixeles, un tamaño para el botón, cantidad de frames por segundo colocamos 24. Después de haber definido las propiedades de nuestro documento procedemos a crear el botón, de la siguiente forma, vamos a herramientas y seleccionamos el círculo, creamos el mismo, vamos a propiedades y seleccionamos el color de la figura.
El color de la figura será un degradado en tonos celestes a blanco, en el menú ventanas seleccionamos mixer de color, y allí ponemos las siguientes propiedades de color, degradado radial, con los colores celestes al blanco.

Posteriormente seleccionamos el botón realizado y apretamos la tecla F8, allí convertimos nuestro figura en botón. Después hacemos doble click en la figura y vamos a las propiedades del botón, allí tenemos 4 frames, que corresponden a 4 instancias, Mouse over, Mouse down, en el nos posicionamos en el segundo frame y allí creamos un nuevo frame, y le aplicamos el filtro alfa 70 %, realizamos la misma acción sobre el Frame 3 y el frame 4 debe quedar con las mismas características que el frame 1.

Nuestro botón ya está creado solo falta agregarle el enlace, para realizar esta operación, vamos al menú acciones y presionamos las acciones: on press, get to url y allí ponemos la dirección que tendrá nuestro botón al hacer click.

Wikio
Wikio

También pueden interesarte

Posted in Diseño web Tags: , , , , No Comments »

Efecto Power Clip en Corel Draw

February 24th, 2010 Vivianne

Corel Draw es una herramienta que nos permite crear imágenes vectoriales, realizar logotipos, editar imágenes y realizar todo tipo de trabajos gráficos.
Existen también otras aplicaciones relacionadas con Corel como Corel Photo Paint, Corel Trace, etc, pero Corel Draw es el más utilizados por profesionales diseñadores gráficos y web, así como también por arquitectos y proyectistas.

Uno de los recursos más importante que nos ofrece este programa es poder editar imágenes y recortarlas para posteriormente armar nuestro diseño, eso se llama el Efecto Power Clip, a continuación brindaremos un tutorial de como realizar este efecto tan utilizado.
Primero importamos una determinada imagen desde nuestra carpeta del ordenador, posteriormente la colocamos sobre nuestro espacio de trabajo en Corel Draw, posteriormente con la herramienta beziér debemos dibujar la forma que deseamos incluir en el Power Clip.

Dibujamos la figura, nos debe quedar el contorno de la misma en una sola línea cerrada, para luego aplicar este efecto, cuando ya hemos creado el contorno seleccionamos la imagen, vamos al menú, efecto power clip y posteriormente le damos la opción aplicar efecto.
El siguiente paso para realizar este efecto es situar la figura dentro del contorno contenedor de tal manera que nos quede bien centrada en la figura, posteriormente nos aparecerá una flecha para seleccionar cual será el objeto contenedor y el contenido, aprobamos esta operación y aplicamos el efecto Power Clip.
De esta manera ya nos queda pronto el efecto power clip en Corel Draw, si deseamos podemos borrar el contorno realizado para que solo nos quede la imagen.

Wikio
Wikio

También pueden interesarte

Posted in Diseño web Tags: , , , , , , , No Comments »

blog de tecnologia

blog de tecnologia