Tecnología

Inicio

Cómo hacer Favicons en Photoshop CS5

Un favicon es el icono pequeño se ve en la barra de direcciones del navegador web al visitar muchos sitios web. Se trata de un archivo de imagen pequeña, de 16 por 16 píxeles de tamaño, y está en formato ".ico" ".png" o. Aunque la mayoría de los navegadores web soportan ambos formatos, a septiembre de 2011 Internet Explorer sólo es compatible con el formato de "Ico". Usted puede hacer un favicon en Photoshop y guardarlo como archivo "favicon.png". A continuación, puede convertirlo en un archivo ".ico", si se desea, mediante el uso de Microsoft Paint, una utilidad gratuita de conversión en línea o un plugin gratuito Photoshop.

Instrucciones

1 Identificar una imagen que le gustaría utilizar como base para un favicon. Lanzar Photoshop y pulse la tecla "Ctrl-O" en el teclado. Busque la imagen en la ventana de navegación y haga clic en "Abrir".

2 Seleccione una parte de la imagen para su uso en el favicon. Si se trata de una imagen de gran tamaño a reducir su tamaño para hacer más fácil los pasos siguientes. Haga clic en el menú "Imagen", a continuación, haga clic en tamaño de la imagen. Asegúrese de que "Contstrain proporciones" está marcada, a continuación, escriba un valor menor en el campo de texto "Ancho". Haga clic en Aceptar."

3 Seleccione la "Herramienta Marco rectangular" de la caja de herramientas y se arrastra a través de la imagen para hacer un cuadrado. Pulse la tecla "Ctrl-C" para copiarlo.

4 Haga clic en el menú "Archivo", luego en "Nuevo". Tipo "64", tanto en los campos y "ancho" "Altura", cambiar las unidades de medida de "píxeles", a continuación, haga clic en "Aceptar".

5 Pulse la tecla "Ctrl-V" para pegar la selección copiada en la nueva imagen. Utilice la opción "Herramienta Mover" para arrastrar la imagen dentro del área visible.

6 Cambiar el tamaño de la imagen según sea necesario haciendo clic en el menú "Imagen", "Transformación", luego "Escala". Arrastre una esquina de la imagen para cambiar su tamaño. Manteniendo pulsada la tecla "Shift" mantendrá las proporciones originales. Presione ENTRAR."

7 Haga clic en el menú "Zoom" en la parte inferior de la ventana y escriba "300" para que pueda cambiar la imagen si es necesario. Utilice la opción "herramienta Pincel" o "herramienta Lápiz" para añadir detalles a la imagen.

8 Cambiar el tamaño de la imagen de 16 por 16 píxeles. Haga clic en el menú "Imagen" y seleccione "Tamaño de imagen." Tipo "16" en el campo "Altura" "Ancho" y. Seleccione "Bicúbica más enfocada" en el menú inferior y haga clic en "Aceptar".

9 Reducir el menú "Zoom" a "100" por ciento y examinar el icono. Si necesita realizar más cambios puede hacer clic en "Paso atrás" en el menú "Editar" y volver a tocar la imagen. También puede aumentar el "zoom" a "800" y editar el favicon como es.

10 Guardar la imagen haciendo clic en "Guardar para Web y dispositivos" en el menú "Archivo". Seleccione "PNG-8" en el menú "predeterminados". Haga clic en "Guardar" y tipo "favicon.png" en el campo Nombre.

11 Convertir el favicon a un formato de "Ico" abriéndolo en Microsoft Paint y guardarlo como un archivo ".ico". Alternativamente, puede utilizar una utilidad de conversión en línea libre como convertico.com para cambiarlo a un archivo ".ico" o instalar un plugin de "Ico" para Photoshop.