prefiero usar Photoshop para crear mis iconos ICO. Un ICO ha establecido tamaños y desea asegurarse de que sean perfectos en píxeles en todos los tamaños. Con mi método Photoshop tendrás control sobre el diseño de cada tamaño de icono individual, a diferencia del método Illustrator. Esto es beneficioso porque le permite agregar más detalles a los iconos de mayor tamaño.
Paso 1: Crear un archivo de plantilla. Puede descargar el archivo de Plantilla PSD que he creado., No es nada especial, pero le da a cada tamaño de Icono un marco para donde el icono debe caber. Puede elegir los tamaños que desee y mostrarlos en cualquier orden que desee, pero este es mi diseño preferido. Una vez que haya terminado de guardar el PSD y bloquearlo para evitar sobrescrituras accidentales!
soy consciente de que las mesas de trabajo hacen algo muy similar y no requeriría el siguiente paso., Este método fue creado antes de que las mesas de trabajo estuvieran disponibles en Photoshop y he encontrado que prefiero este método sobre el uso de mesas de trabajo de todos modos. Si Adobe sigue mejorando las mesas de trabajo, podría cambiar algún día.
Paso 2: Crear una acción de Photoshop. Esta acción va a recortar la mesa de trabajo en el interior del marco, guardar la imagen como PNG, deshacer el recorte y repetir para el resto de los tamaños. En lugar de tratar de explicarlo por escrito, te lo mostraré. Echa un vistazo a mi video rápido a continuación y tendrás la idea.,
Paso 3: ¡Crea tu icono! Estoy trabajando en otra entrada de blog sobre cómo crear mis iconos. Una vez que esté listo volveré y lo enlazaré aquí. Ahora puede saltar a la sección de conversión a continuación.
método de exportación de iconos de Illustrator
muchas personas prefieren hacer sus iconos en Adobe Illustrator y entiendo por qué. Illustrator es ideal para iconos SVG (el futuro), pero prefiero usar Photoshop cuando se trata de IC.,
Paso 1: Crear un archivo de plantilla. Querrás dos mesas de trabajo; una en 16×16 y la otra en 24×24. Hacemos esto para tratar de evitar la sub-pixelación tanto como sea posible cuando se expande a los tamaños más grandes. Puede descargar el archivo de plantilla de AI que he creado.
Paso 2: ¡Crea tu icono! Estoy trabajando en otra entrada de blog sobre cómo crear mis iconos. Una vez que esté listo volveré y lo enlazaré aquí.,
Step 3: Export the artboards. Go to File > Export > For Screens or use the keyboard shortcut ⌥+⌘+E. In this next screen you want to export both artboards as PNGs at 1x, 2x, 3x, and 4x scale., Después de la exportación, puede eliminar el icono 72px (escala 24px @ 3x) y elegir qué icono 48px desea conservar (escala 16px @ 3x o 24px @ 2x). Ahora puede saltar a la sección de conversión a continuación.
Heads up! Si tiene problemas para mostrar el tamaño correcto de lasos exportadas desde Illustrator, ejecute los PNG de Illustrator exportados a través de ImageOptim.