Usted puede hacer sus propios iconos web para cualquier sitio web utilizando Adobe Illustrator. Uso de la Pathfinder para combinar dos objetos permite crear formas más interesantes a la vista que un simple círculo o rectángulo . En este tutorial se utiliza un rectángulo y círculo, pero puede utilizar los mismos pasos con diferentes formas para crear su propio icono . Al realizar varios iconos de la misma página , utilice la misma forma, o del mismo color para mantener cierta cohesión a la página. Instrucciones
1
Abra Adobe Illustrator y crear un nuevo documento Web . Tamaño del documento para el tamaño de los iconos , como el 100 por 100 píxeles.
2
Seleccione la herramienta " Rectángulo redondeado " de la caja de herramientas . Arrastre la herramienta a través del documento , la creación de un rectángulo que quede al ras con la parte superior y derecha de la ventana del documento, y aproximadamente 15 píxeles dentro de las fronteras del documento en la parte inferior ya la izquierda. Esto es para hacer sitio a la sombra del icono.
3
doble clic en el selector de color y seleccione un color para el icono.
4
Seleccione el "Herramienta Elipse " para crear un círculo que cubrirá la esquina inferior izquierda del rectángulo . Para ello, coloque la herramienta en el centro del rectángulo . Mantenga presionada la tecla "Shift " mientras arrastra la herramienta diagonal más allá de la esquina inferior derecha del rectángulo hasta que la guía " centro" de la elipse se encuentra en la esquina del rectángulo .
5
Haga clic en el " Pathfinder "del panel. Si no está visible, haga clic en el menú " Window" y seleccione " Pathfinder ". Pulse la tecla " Ctrl -A " para seleccionar ambos objetos. Haga clic en el botón " menos frontal " en el panel de Pathfinder . El círculo desaparece , dejando una "mordida " en forma de círculo en el rectángulo.
6
Haga clic en el menú " Efecto ", seleccione " Estilizar " y haga clic en " Sombra ". Ajuste la opacidad al " 75 " X Offset en " px -3, " Desplazamiento Y en " 7 px " y falta de definición en el 5 " píxeles ". Haga clic en el cuadro "Vista previa " para garantizar la sombra no caiga fuera del borde del documento. Puede ajustar la sombra , o disminuir el tamaño de la caja si no lo hace .
7
Haga clic en el " Tipo de herramienta " en el cuadro de herramientas y arrastre el cursor sobre el rectángulo para crear un cuadro de texto . Escriba el texto que desea para el icono. Presione "Ctrl -A" para resaltar todo el texto . Cambiar el tipo de letra , tamaño de fuente y color que desee en la barra de opciones . Centrar el texto haciendo clic en el botón apartado "Centro" . Alternativamente, usted puede colocar una imagen en el icono en lugar de utilizar texto.
8
Haga clic en el menú " Archivo" y seleccione " Guardar para Web y dispositivos . " Cambiar el formato a " PNG- 24 " y asegúrese de que la casilla de "Transparencia " está marcada para mantener el fondo transparente , a continuación, haga clic en " Guardar".
9
Elimine el texto o la imagen en el icono y utilizar el fondo para crear iconos adicionales .
