Cómo hacer un ícono de carpeta (icono) a partir de tu foto. Cómo hacer una ico. Creando un icon.ico para programas Cómo hacer un ícono para un acceso directo

Si desea darle a la carpeta un aspecto original, cambie el ícono de la carpeta. No me refiero a los que ya están en el sistema, sino específicamente a tu ícono de tus fotos o de cualquier imagen.

Puede crear un icono de carpeta (icono) a partir de su foto en un programa estándar: Pintar, que todo el mundo debería tener en el sistema operativo Windows 7

Créeme, con tus íconos te resultará mucho más fácil y rápido encontrar la carpeta que necesitas sin leer el texto (nombre de la carpeta)

He aquí un pequeño ejemplo. Este tipo de carpeta acelera la búsqueda entre una gran cantidad de carpetas similares.

Encuentra el programa “Pintar” puede hacerlo a través de "Inicio" y "Todos los programas". Ejecútelo y arrastre la imagen a la ventana del programa. Y es aún más fácil abrir el menú contextual haciendo clic derecho en la imagen que desea usar como icono. Seleccione "Editar". Se abrirá el programa "Paint".

Crear un icono en Paint

Y antes de nada lo que debemos hacer es recortar la parte deseada de la imagen. Además, conviene cortarlos para que todos los lados tengan el mismo tamaño. Si no ajusta las proporciones, el icono será cuadrado y la imagen se aplanará.

Lo cortamos. En el panel del programa, seleccione la herramienta "Seleccionar". En los parámetros de selección, especifique la forma ". área rectangular“Utilice el botón izquierdo del ratón para seleccionar un fragmento de la foto. Mantenga presionada la tecla y observe cómo cambia el tamaño en el panel inferior del programa.

Ajusta el tamaño, presiona el botón “Recortar”

Ahora la foto es cuadrada, sigamos.

Después de recortar, cambie el tamaño del icono futuro. Haga clic en “Cambiar tamaño” Cambie en píxeles e ingrese el tamaño 64 vertical y horizontalmente. Guardar "Aceptar"

Pon tu icono en la carpeta.

Ya tenemos todo listo, aplícalo a la carpeta. Coloque el cursor sobre cualquier carpeta y use el botón derecho del mouse para abrir el menú. En la parte inferior de la lista, vaya a "propiedades", luego a "Configuración" y en la parte inferior hay un botón "Cambiar icono".

Se abrirá una ventana con iconos del sistema. Pero no los necesitamos, queremos usar nuestra propia imagen. Luego vaya a la descripción general y busque nuestro ícono recién creado.

Por cierto, es posible que no lo encuentres en el Explorador, ya que nuestra imagen no es un ícono en el “ ico Para verlo, seleccione mostrar “Todos los archivos *.*”

Ahora todo está bien, haga clic en " DE ACUERDO

Es así de simple. La carpeta se ha vuelto diferente a las demás y nos resultará más fácil navegar a la hora de buscarla.

Pero eso no es todo. También puedes aplicar tus propios íconos a los accesos directos. Mira cómo se ven en mi escritorio.

¡Un truco que hará que tu ordenador sea inmortal!

Hoy mis compañeros del equipo de ClubPro te hablan por primera vez de un truco que hace que tu ordenador sea invulnerable ante cualquier adversidad:

Gracias a este truco tu ordenador quedará en perfectas condiciones después de cada reinicio.

Al mismo tiempo, incluso si el día anterior contrajo un virus, eliminó carpetas del sistema o rompió el sistema operativo, bastará con reiniciar la computadora y volverá a funcionar como antes.

Con este enfoque, nunca más tendrá que limpiar periódicamente su computadora, reinstalar el sistema operativo, llamar a un técnico, etc. La computadora siempre estará en el mismo estado después de cada reinicio.

Para saber cómo funciona y cómo implementar esta tecnología durante las vacaciones de Año Nuevo, consulte aquí:

Es útil saber esto:


  • Avatan es un editor de fotos en línea gratuito con...


¡Buen día! ¿Tiene un favicon en su sitio web? Este es un elemento importante del sitio, ¡se mostrará en los resultados de búsqueda! Lee el artículo sobre qué es y cómo instalarlo en unos minutos.

Un favicon es un icono de un sitio web, un atributo integral y la individualidad de su recurso. Con la ayuda de faviсon, el lector de su proyecto en línea puede identificarlo y encontrarlo fácilmente en "barra de marcadores" en su navegador o en algunos motores de búsqueda, por ejemplo, Yandex.

Mi favicon actualmente se ve así:

Ahora creo que entiendes lo que es esto." artilugio" — favicon. Averigüemos cómo hacerlo.

Cómo hacer un favicon

En general, el favicon debe tener un tamaño de 16x16. Puede crear usted mismo la imagen del icono utilizando el editor gráfico Photoshop, o buscar una imagen en Internet y reducirla al tamaño del favicon (16x16 en este caso). El único problema es que Photoshop y muchos otros editores gráficos no guardan imágenes en formato ICO, ¡pero necesitamos este formato!

Pero como dice el dicho: "El que busca siempre encontrará" . Y encontré una solución: este es un servicio en línea que convierte el formato de su imagen (favicon), generalmente formato PNG o JPG, al formato ICO. Este es un servicio imagen.online-convert.com.

Para convertir el formato de imagen al formato de icono ICO, debe hacer clic en el botón " Revisar" , seleccione una imagen, establezca el tamaño de píxel en 16×16 y haga clic en el botón "Convertir archivo" .

Después de lo anterior, podrás descargar el archivo a tu computadora en formato ICO.

Si no quiere molestarse en crear un favicon, puede descargarlo desde varios servicios en Internet, ya en formato ICO. Por ejemplo, servicio iconobuscar.ru. Aquí podrás encontrar el favicon, para ello debes ingresar " Buscar" una palabra que lleva el significado de tu favicon. Por ejemplo, " Dinero"—entonces se mostrarán todos los iconos que coincidan con el significado.

Creo que lo hemos descubierto. Ahora necesitamos descargar el favicon ya descargado a un recurso de Internet, para ello puedes usar programas comandante total o , y también se puede descargar a través del administrador de archivos de tu hosting.

Este archivo se puede encontrar en: wp-content/themes/carpeta con el tema que estás usando .

Luego cuando abres el archivo encabezado.php, después de la etiqueta deberás insertar el código:

Guarde los cambios. ¡El favicon está listo!

Bueno, ahora creo que puedes crear e instalar fácilmente un favicon. ¡Te deseo éxito, sé más individual)!

PD

Saludos cordiales, Alejandro Sergienko

A Microsoft le gusta decidir por sí mismo cómo debería verse Windows. Cada versión del sistema operativo tiene su propio estilo de interfaz, cuyo concepto lo determina la empresa. Nosotros, los usuarios, no podemos cambiar completamente el diseño del sistema por uno radicalmente diferente con un solo clic, como se puede hacer con Androide lanzando un lanzador de terceros. Pero la personalización paso a paso de algunas cosas a su gusto y color en el entorno Windows todavía está disponible para nosotros.

Entre estas cosas está cambiar los íconos preestablecidos. Podemos cambiar los iconos del sistema por los nuestros:
En las propiedades de la carpeta,

En las propiedades de los atajos,

En la configuración del icono del escritorio para los elementos del sistema.

El conjunto estándar de íconos de Windows deja mucho que desear y, para transformar efectivamente el sistema, los conjuntos de íconos deben tomarse de diseñadores externos. O puede crearlos usted mismo utilizando, por ejemplo, materiales de su colección de fotografías personal. ¿Cómo, sin ninguna habilidad especial en el campo del diseño gráfico, puedes crear tus propios íconos para cambiar la aburrida apariencia de los accesos directos y carpetas de Windows?

1. Servicios de iconos web

Icono- Este es un pequeño dibujo sobre un fondo transparente. Puede existir en cualquiera de los formatos de imagen habituales, pero para Windows el formato es fundamental ".ico". Selecciones temáticas de dichos dibujos, en particular en el formato. ".ico" se puede descargar de Internet: en rastreadores de torrents, en sitios dedicados al tema del diseño externo de Windows, en servicios especializados específicamente en íconos. Estos últimos son repositorios catalogados con sistema de búsqueda y ofrecen descargas de iconos. Estos son servicios web como: Iconos8.Ru , Iconsearch.Ru , .

No es sólo un depósito de contenido de diseño, es, como lo denominaron los propios creadores, un generador de iconos. Usando la funcionalidad de este servicio, las imágenes seleccionadas en el sitio se pueden editar antes de descargarlas: cambiar colores, tono, saturación, tamaño, rotar objetos, seleccionar un fondo, seleccionar un formato de archivo.

Se pueden aplicar exactamente las mismas acciones no solo al contenido presentado en el sitio, sino también al contenido descargado de la red a través de un enlace o desde una computadora.

Entonces, enviándolo al editor. su imagen, podemos obtener un formato de archivo como salida ".ico" con el tamaño requerido, digamos 128x128. Características básicas del servicio. gratis.

2. Utilidad AveIconifier2

Una pequeña utilidad portátil para Windows puede ofrecer una forma local de convertir imágenes a formato de icono. Este es un conversor de formatos de imagen “.jpeg”, “.bmp”, “.png”, “.gif” a “.ico”. Lanzamos la utilidad, arrastramos el archivo de imagen deseado al lado derecho de su ventana.

Esperamos un par de segundos y el icono está listo. De forma predeterminada, la utilidad convertirá imágenes grandes en archivos. ".ico" con tamaños estándar 128x128. Pero si necesita obtener un icono de salida con tamaños más pequeños, al hacer clic derecho en el lado izquierdo de la ventana de la utilidad podemos abrir la lista de tamaños disponibles y desmarcar los innecesarios.

La utilidad guarda los archivos convertidos al formato “.ico” en su propia carpeta. "temperatura" .

Esta es una carpeta para el almacenamiento temporal de datos y, después de cada conversión, los íconos terminados deben moverse a otra ubicación.

3. Herramientas estándar de Windows

En principio, puedes guardar un dibujo en un archivo con la extensión ".ico" utilizando herramientas estándar de Windows. La foto o dibujo se abre en el editor. Pintar , se establecen las dimensiones de imagen requeridas y el resultado se guarda en un archivo ".bmp". A continuación, en el Explorador o el administrador de archivos, la extensión de la imagen guardada cambia a ".ico". La utilidad discutida anteriormente lo hace más fácil y rápido, pero no permite editar dibujos. Y en algunos casos, es posible que necesites limpiar la imagen, recortar personas innecesarias, eliminar detalles innecesarios, aplicar efectos, etc. Veamos cómo en un editor de imágenes estándar. Pintura de Windows Se lleva a cabo la operación más sencilla de recortar una imagen para un icono. ¿Y cómo entonces este dibujo se convierte en un formato? ".ico" .

Abrir una imagen en una ventana Pintar, utilice un área rectangular para establecer la selección.

Configure una selección: encuadre el objeto de acento, pero de modo que no esté directamente en el centro y haya un fondo un poco más innecesario a la derecha. Presione el botón de recorte.

Hacer clic.

Marque la casilla de opción "píxeles", ingrese las dimensiones requeridas de la imagen, asegúrese de que la casilla de verificación para mantener proporciones esté activa.

Guardar la imagen en un archivo ".bmp" .

En Explorer, active la visualización de extensiones de archivos.

A continuación, haga clic en el archivo de imagen recién creado, presione F2, elimine las letras hasta el punto "bmp" y escribe las letras "ico". El resultado debe ser un nombre de tipo. "nombre de archivo.ico" . Presione Entrar. Confirmamos el cambio de nombre.

En Windows 10, puede usar el método anterior y otro: editar la imagen usando la aplicación estándar y luego convertir esta imagen al formato ".ico" utilidad . Solicitud no le permite redefinir el tamaño de las imágenes y guardarlas en otros formatos, pero puede ofrecer herramientas útiles para recortar imágenes y aplicar efectos.

Abra la imagen deseada en la aplicación. Seleccionar una función "Cambiar".

"cuadrado". Se trata de una máscara con la que se puede seleccionar un área para recortar con proporciones ideales de largo y ancho.

Colocamos la máscara sobre el objeto deseado en la imagen. Como resultado, haga clic "Listo".

Si es necesario, aplicamos efectos de corrección de color, viñeteado, eliminamos ojos rojos si se trata de una foto amateur, etc. Como resultado, guardamos una copia de la imagen.

Y ahora podemos convertirlo a ".ico" .

Favicon para un sitio es una de sus características distintivas. Este es un paso más hacia la creación y el uso de una identidad corporativa. Favicon, en palabras simples, es un ícono (imagen) que se muestra en el navegador frente a la barra de direcciones. El favicon también se utiliza al agregar una página a los marcadores. De acuerdo, será más conveniente para el usuario encontrar su sitio en los marcadores si su icono de "marca" se muestra allí.

Creo que cada uno de ustedes ha notado un favicon mientras visitaba sus sitios favoritos. Se ve así (en el navegador Google Chrome):

Y a modo de comparación, la visualización del icono en el navegador Internet Explorer:

Cómo hacer un ícono para un sitio web

Puede crear un favicon utilizando las capacidades estándar de Photoshop (u otro editor gráfico) o utilizando varios servicios web.

Dibujar Favicon usando un servicio web

La forma más sencilla de crear un favicon es utilizar el servicio www.favicon.cc. Se parece a esto:

Para dibujar un icono, solo necesita seleccionar el color deseado, la transparencia y dibujar el contorno deseado. Al crear un ícono, puedes obtener una vista previa de él inmediatamente:

Crea un Favicon a partir de una imagen ya preparada

Para convertir un ícono terminado al formato .png (que, por cierto, también se puede usar para configurar un favicon), puede usar otro servicio web: favicon.ru.

Instalación de Favicon en el sitio

Cuando el icono esté listo, podrás descargarlo en el formato .ico. Para agregar un favicon a su sitio, coloque el archivo favicon.ico en el directorio raíz del sitio y agréguelo entre las etiquetas línea:

De forma predeterminada, si no se especifica explícitamente un ícono para un sitio, el navegador intenta cargar el archivo favicon.ico desde la raíz. Pero es mejor estar seguro.

(para Internet Explorer).

El tamaño del favicon puede ser 16x16, 32x32.

Nota útil

Un archivo de icono puede tener no sólo la extensión .ico, sino también .png, y se recomienda utilizar esta última opción. Esto se debe a que los dispositivos de visualización de alta resolución (por ejemplo, iPhone, iPad, iPod) tienen un tamaño de icono de 57x57 de forma predeterminada. Para hacer esto, es mejor crear una segunda versión del ícono (en mayor resolución) y agregar una línea adicional:

Pero vale la pena señalar que en este caso el icono se redondeará en las esquinas y se le aplicará un resaltado (esto lo hace automáticamente el propio dispositivo). Para evitar esto, en lugar icono-toque-de-manzana necesito escribir icono-toque-de-manzana-precompuesto.

Hoy hablaremos sobre cómo crear correctamente un ícono para su proyecto. A continuación se ofrecen consejos útiles sobre el diseño de iconos, así como servicios para crearlos.

Análisis de asociación

Antes de crear un ícono para su proyecto, debe definir sus palabras clave y luego intentar encontrar la representación o metáfora perfecta para ellas. Deberá buscar imágenes y símbolos que tengan una conexión directa con la palabra clave deseada. De esta manera podrás elegir las imágenes adecuadas para tus íconos, lo que será intuitivo para el usuario.

Investigación de la competencia

Al crear un diseño de ícono para una aplicación móvil, trate de no repetirse ni copiar el diseño de otros íconos. ¿Por qué es esto necesario? Imagina que estás buscando un administrador de tareas. Mire los íconos de las aplicaciones a continuación y pregúntese ¿qué administrador elegiría instalar en su teléfono inteligente?

El ícono de Wunderlist (el primero) se compara favorablemente con otros íconos de aplicaciones. Lo más probable es que el usuario descargue Wunderlist y así la aplicación reciba más instalaciones.

Por otro lado, el análisis ayudará a determinar la idea principal que utilizan los competidores en sus íconos para mostrar la función principal de la aplicación.

Propósito del icono

Al diseñar un ícono, es importante considerar cómo se utilizará y cuáles son sus funciones.

Por ejemplo, el icono de una aplicación móvil debería servir como función de identificación y distinguirla de otras aplicaciones del teléfono inteligente. Esto se aplica tanto a la lista de programas que ya están en el teléfono inteligente como a la tienda de aplicaciones (App Store, Google Play).

También es necesario comprender que, centrándonos únicamente en el componente de marketing del icono, no debemos olvidarnos de los escenarios en los que se empezará a utilizar la aplicación. Tiene más sentido hacer que el ícono se centre no en una sola descarga, sino en el uso diario del producto por parte de un usuario común.

Singularidad y reconocimiento

Al promocionar su marca, debe hacer todo lo posible para aumentar el reconocimiento no solo de su logotipo, sino también de su ícono. Para ello, debe ser único y al mismo tiempo claramente asociado a tu proyecto, así como también puedes distinguir un Mercedes de otras marcas de coches por su distintivo o encontrar una barra de chocolate Nestlé en el mostrador del supermercado.

Menos detalles

Cuanto más conciso sea el icono, más fácil será recordarlo y reconocerlo en cualquier caso. Muchos diseñadores se esfuerzan por lograr la apariencia más agradable desde el punto de vista estético de un ícono, agregando una gran cantidad de detalles que no tienen otra función que la decorativa y, al mismo tiempo, obstruyen el campo de información del ícono. Esto no es una fotografía; aquí no se necesitan detalles meticulosos. Además, en un tamaño pequeño, los pequeños detalles simplemente se fusionan en una masa informe.

El segundo ícono de la aplicación se ve mejor debido a su simplicidad y minimalismo.

Priorizar el tamaño

Hay dos métodos para crear un icono.

Primero: créelo en un tamaño grande con el máximo detalle y, en base a él, elabore opciones de un tamaño más pequeño y una apariencia más esquemática. El segundo es lo opuesto al primero: primero, se crea un ícono del tamaño más utilizado y luego se elaboran otras opciones agregando o restando detalles. ¿Qué camino elegir? Decide tú mismo, ambas opciones funcionan.

¿Necesita varios iconos? ¡Crea un conjunto!

Si su proyecto requiere varios íconos, créelos todos a la vez con el mismo estilo. Pueden tener el mismo color, grosor del contorno, detalles individuales y mucho más, pero el contenido de los iconos puede diferir. De esta manera puede garantizar una apariencia armoniosa y uniforme de la interfaz.

No desperdicies tu espacio

Los iconos pueden ser diferentes: anchos y estrechos, altos y bajos. Tienen una recomendación en común: no desperdiciar espacio libre y no intentar llenar toda el área disponible con imágenes o inscripciones. Deja que el ícono “respire”, deja un pequeño espacio alrededor de la composición terminada al colocarla en la interfaz o en cualquier otro lugar. Al mismo tiempo, no hay una indicación clara del tamaño de la sangría en píxeles para tales casos, simplemente déjese guiar por su propia percepción visual.

Diferentes íconos para diferentes plataformas.

Si necesita crear un ícono para diferentes plataformas, puede comenzar con un diseño y simplemente hacer pequeños ajustes de estilo para terminar con múltiples íconos que son diferentes y al mismo tiempo muestran su parentesco.

El color es muy importante

Elegir el color correcto determina en gran medida la percepción de su ícono. Intenta no utilizar más de dos colores contrastantes. Por cierto, Google ha establecido restricciones condicionales e incluso ha especificado conjuntos de colores compatibles en Material Design. Úsalos en tu diseño.

prescindir del texto

Un icono eficaz no requiere palabras para transmitir su contenido. Deje el texto para sitios web o banners publicitarios y, al crear un icono, intente prescindir de él. ¿Por qué es así? Porque cuando se reduce el tamaño del icono, el texto se volverá ilegible y se verá como una mancha de color normal.

Buscar un equilibrio entre originalidad y facilidad de percepción.

Como puedes ver en cualquier tienda de aplicaciones, los íconos vienen en una amplia variedad. Los experimentos son buenos, la forma original siempre llama la atención. Pero no te olvides de la memorabilidad: cuanto más simple sea la forma del icono, más fácil será de recordar. Un buen ejemplo en este caso son las señales de tráfico: son formas simples que son fáciles de leer y recordar, incluso si el conductor conduce a una velocidad decente.

Para su aplicación, debe idear algo similar, al mismo tiempo original y de forma simple. Vale la pena considerar que los íconos se muestran de manera diferente en las pantallas de los dispositivos móviles: en mayor o menor tamaño. Por lo tanto, también debes asegurarte de que la versión que crees siempre luzca atractiva.

No te olvides del fondo

En la tienda de aplicaciones, los iconos suelen aparecer sobre un fondo claro: blanco o gris. Pero el fondo de pantalla del dispositivo en el que el usuario descarga su aplicación puede ser de cualquier color. Por lo tanto, no olvide comprobar qué tan atractivo y notable es su ícono en un fondo en particular.

Los elementos de la interfaz de la aplicación no tienen lugar en el icono

No coloque elementos de la interfaz de la aplicación en su icono. Esto confunde al usuario y se considera de mala educación.

El icono debe ser informativo.

Un icono eficaz comunica la función de la aplicación por su apariencia. De esta forma el usuario podrá entender para qué sirve tu producto antes de mirar la descripción. Por ejemplo, para los íconos de los jugadores usan imágenes de notas, instrumentos o visualizadores, para cámaras o editores gráficos, una lente de cámara, y para mensajeros como Viber, burbujas de mensajes simbólicos.

A partir del icono, el usuario llega a una conclusión sobre lo que le espera dentro de la aplicación. Por lo tanto, el icono debe ser claro, conciso, con un mínimo de objetos, la imagen debe ser legible de un vistazo rápido.

Ksenia Mayevskaya, desarrollador de la aplicación Recuerdo-Recuerdo.

Ahora que hemos aprendido algunos consejos sobre cómo crear un icono eficaz, le presentamos servicios útiles para crearlo.

Servicios y recursos útiles para crear un icono.

Servicio en línea en ruso para crear iconos individuales y conjuntos completos. Gran selección de iconos y opciones para editarlos.

Íconos de fuentes para usar con Twitter Bootstrap

Aquí puede encontrar texturas fluidas y paletas listas para usar. Este recurso también cuenta con un foro donde se produce la comunicación. Un excelente servicio para elegir el color de tu icono.

Un servicio profesional en línea que le permite generar una combinación de colores de acuerdo con las reglas de color de la rueda cromática.

Creación automática de degradados.

Un recurso ideal para quienes no pueden decidirse por los colores y fuentes de su proyecto. Curiosamente, la paleta y las fuentes se pueden seleccionar según el área de negocio.

Gestión ,dedicado al Material Design para Android

Guías sobre la interfaz humana de iOS de Apple.

Instrucciones paso a paso para crear un icono

Puede crear un icono para un sitio web o una aplicación utilizando programas gráficos o servicios en línea.

El primer método es adecuado para diseñadores experimentados que realizan un trabajo minucioso. Las herramientas en línea son adecuadas para crear rápidamente o crear una gran cantidad de íconos, por ejemplo, para un sitio web o servicio. Las herramientas online son más sencillas e intuitivas, por lo que son ideales para principiantes.

Uno de los servicios en línea que le permite crear rápidamente moderno. iconos es IconosFlujo.

Algunas palabras sobre las capacidades del servicio:

  • Capacidad para exportar íconos en formatos SVG (vector), PNG e ICO;
  • Gran funcionalidad de edición;
  • Posibilidad de crear paquetes de iconos con el mismo estilo;
  • Opciones gratuitas.

Ahora pasemos al proceso de creación de un icono.

Para crear un ícono o un conjunto completo, primero debe encontrar el ícono deseado o varios a la vez en el editor en línea.

Luego, usando herramientas de edición, puede personalizarlo, por ejemplo, puede establecer el color deseado del ícono, el fondo, agregar otro ícono, forma, texto o agregar un nuevo elemento.

Una vez editado el ícono (o íconos), puede trabajar en su fondo, escala, sombras y agregar un degradado.

Una de las ventajas del servicio es que si está creando un conjunto completo de íconos, puede realizar todas las ediciones anteriores en lotes.

Es decir, al hacer clic en un lugar, cambias el diseño de todos los iconos a la vez: sombras, tamaño, fondo, etc. Muy conveniente si necesita crear de 3 a 5 iconos o más.

Después de crear los íconos, el servicio le pedirá que cree una cuenta donde podrá descargar los íconos de forma gratuita o registrarse en un plan pago.

Eso es todo.

Como puede ver, incluso la creación de un elemento tan pequeño como un icono debe abordarse con toda responsabilidad. Un buen diseño de íconos atrae la atención de los usuarios, mientras que un mal diseño de íconos puede desanimarla.




Arriba