Cómo organizar su computadora con iconos de bricolaje (Mac): 8 pasos

2025 Autor: John Day | [email protected]. Última modificación: 2025-01-13 06:57

Soy culpable de no haber organizado nunca mi computadora.

Siempre.

Escritorio desordenado, carpeta de descarga, documentos, etc. Es increíble que no haya perdido nada… todavía.

Pero organizar es aburrido. Pérdida de tiempo. ¿Cómo hacerlo satisfactorio? Haz que se vea bien. Muy agradable.

.•°•.•°•.•°•.•°•.•°•.•°•.

A continuación, encontrará información sobre cómo personalizar los iconos de las carpetas en una computadora MacBook.

Este Instructable se puede dividir en dos partes:

1. Si quieres usar Photoshop y crear tu propio icono desde cero
2. Si desea utilizar una imagen existente como su icono

Para 1, comience a leer desde el principio. Para 2, vaya al paso 7.

.•°•.•°•.•°•.•°•.•°•.•°•.

No soy un profesional, pero traté de dejar todo lo más claro posible.

¡Espero que esto sea útil!

Si te gusta, ¡vota por mí en el concurso Spotless!

Paso 1: Configurar la página de Photoshop

Según OSXDaily, un icono de MacBook puede ser tan pequeño como 16 × 16 píxeles y tan grande como 512 x 512 píxeles.

Para estar seguro, seguiría adelante y haría el lienzo de Photoshop de 600x600 píxeles.

.•°•.•°•.•°•.•°•.•°•.•°•.

Cuando crea el lienzo, obtiene un fondo blanco. Queremos que sea transparente, o de lo contrario su icono mostrará un fondo cuadrado blanco a su alrededor (lo cual, puede que desee. Si es así, continúe y mantenga el color).

Para borrar el blanco, debe deshacerse del bloqueo de fondo.

Luego, usando la {herramienta de marco rectangular (M)}, seleccione todo (comando + A) y elimine.

(Vea la lista completa de herramientas de Photoshop aquí).

.•°•.•°•.•°•.•°•.•°•.•°•.

Ahora desea crear una guía básica en las direcciones horizontal y vertical del lienzo para ayudarlo a tomar imágenes en el centro del lienzo. Si no lo hace, es posible que más tarde descubra que su icono no está alineado al centro del espacio de iconos.

Vaya a [Ver]> [Nueva guía…] y seleccione una línea horizontal con la posición "300 píxeles" (ignore que originalmente aparece en centímetros).

Repita para una línea vertical con la posición "300 píxeles".

Ahora debería ver una línea azul claro que se extiende horizontal y verticalmente a través del lienzo para formar una cruz en el centro.

.•°•.•°•.•°•.•°•.•°•.•°•.

Finalmente, debe asegurarse de que la configuración de Photoshop esté configurada para que todo lo que mueva se ajuste a las guías que creó. Para esto, debe asegurarse de que se verifiquen dos cosas:

1. [Ver]> [Snap]
2. [Ver]> [Ajustar a]> [Guías]

Paso 2: Creación de su base de iconos

Ahora comienza la parte divertida: hacer tu propio icono.

De hecho, me gusta convertir mis íconos en palabras simples, como "UKE" para una carpeta que contiene mis canciones de ukelele, o "WORK" para archivos relacionados con eso.

Para este Instructable, mostraré un ejemplo usando la palabra "DIVERSIÓN".

.•°•.•°•.•°•.•°•.•°•.•°•.

Primero, configure la base de la palabra usando la {herramienta de tipo horizontal (T)}.

Aquí, solo estoy usando Arial Black, porque:

1. Para no infringir las leyes de derechos de autor mediante el uso de fuentes descargadas
2. Es una fuente sólida y gruesa.

Escriba la palabra y ajústela al centro de su lienzo. Para una palabra de 3 letras, recomiendo un tamaño de fuente de 60 pt, lo que le dará algo de espacio exterior para agregar decoraciones más adelante.

Paso 3: creación de un pincel de dispersión

¡Ahora, creemos un pincel de dispersión!

.•°•.•°•.•°•.•°•.•°•.•°•.

Primero, haz una nueva capa.

Luego, con la {herramienta de pincel (B)}, seleccione el tipo de pincel que desee. Usaré un círculo simple.

Ahora, en sus [pinceles preestablecidos]> [Pincel], puede cambiar la configuración de este pincel para que sea pintura de dispersión.

(Si no puede encontrar esta herramienta, vaya a [Ventana]> [Ajustes preestablecidos de pincel] para alternar la ventana de la herramienta)

.•°•.•°•.•°•.•°•.•°•.•°•.

En general, un pincel de dispersión estándar que recomiendo tiene la siguiente configuración:

• Forma de punta de pincel

  • Dureza 100%
  • Espaciado 30%

• Dinámica de formas: ON

  • Tamaño Jitter 100%
  • Diámetro mínimo 20%
  • Jitter de ángulo 100%
  • Redondez Jitter 0%
  • Flip X Jitter: ACTIVADO
  • Flip Y Jitter: ON

• Dispersión: ON

  • Ambos ejes: APAGADO
  • Dispersión 1000%
  • Cuenta: 1
  • Conteo Jitter: 0%
• Textura: APAGADO
• Cepillo doble: APAGADO

• Dinámica del color: ON

  • Fluctuación de primer plano / fondo 100%
  • Fluctuación de tono 5%
  • Jitter de saturación 0%
  • Fluctuación de brillo 0%
  • Pureza 0%
• Transferencia: APAGADO
• Ruido: APAGADO
• Bordes mojados: APAGADO
• Aerógrafo: APAGADO
• Suavizado: DESACTIVADO
• Proteger textura: DESACTIVADO

.•°•.•°•.•°•.•°•.•°•.•°•.

Pero, por supuesto, ¡puedes personalizar cada uno como desees! A continuación se muestra una descripción detallada de cada configuración.

.•°•.•°•.•°•.•°•.•°•.•°•.

1. Forma de la punta del pincel

Aquí puede ver el tipo de pincel que ha elegido y modificar su tamaño.

Dureza: variaciones en la claridad del contorno del arbusto.

• % Alto = contorno más definido (claro) de cada dispersión
• % Bajo = contorno más borroso (poco claro) de cada dispersión

Espaciado: frecuencia de los puntos de dispersión.

• Alto% = puntos de dispersión más infrecuentes (menos)
• % Bajo = puntos de dispersión más frecuentes (más)

.•°•.•°•.•°•.•°•.•°•.•°•.

2. Dinámica de formas

Aquí puede cambiar la 'aleatoriedad' del tamaño de su dispersión.

Fluctuación de tamaño: obtendrá más variedad de tamaños. Cuanto menor sea el%, más uniforme será cada tamaño.

• Alto% = más variedad de tamaños de puntos de dispersión
• % Bajo = menor variedad de tamaños de puntos de dispersión

Diámetro mínimo: determina el rango de lo pequeño que puede ser cada punto de dispersión.

• Alto% = mayor tamaño del punto de dispersión más pequeño (menos variedad)
• % Bajo = tamaño más pequeño del punto de dispersión más pequeño (más variedad)

Angle Jitter: rotación aleatoria de cada punto de dispersión

• Alto% = más variedad de rotación del cepillo
• % Bajo = menor variedad de rotación del cepillo

Jitter de redondez: grado en el que su pincel puede ser 'aplastado'

• Alto% = Más 'aplastamiento' (es decir, si es un cepillo circular, verá más óvalos)
• % Bajo = menos 'aplastamiento' (es decir, si es un pincel circular, verá más círculos)

Flip X Jitter: voltear el pincel horizontalmente

Flip Y Jitter: voltear el pincel verticalmente

.•°•.•°•.•°•.•°•.•°•.•°•.

3. Dispersión

Ambos ejes: permite que la dispersión se produzca en las direcciones X e Y. (Normalmente desactivo esto porque si está activado, no puedes dibujar en un lugar vacío para llenarlo; se dispersará en un lugar diferente al que haces clic. Para mí, eso es un inconveniente).

Recuento: frecuencia de puntos de dispersión

• Alto% = Más puntos
• % Bajo = menos puntos

Count Jitter: Aleatoriedad del número de conteo (es decir, tendrá algunas áreas de más y algunas de menos puntos de dispersión)

• Alto% = más variaciones
• Bajo% = Menos variaciones

.•°•.•°•.•°•.•°•.•°•.•°•.

4. Textura

Aquí puede agregar una textura (diseño) al interior de cada pincel. Photoshop tiene algunas texturas preestablecidas, pero puede descargar más texturas gratuitas en línea, como aquí.

Invertir: activar y desactivar esta opción invertirá las regiones claras y oscuras del diseño; las áreas con color sólido se volverán transparentes y viceversa; las áreas más oscuras se volverán más claras y viceversa.

Texturiza cada punta: determina si puedes ver el contorno de cada punto de pincel de dispersión.

• ON = el contorno de cada punto de dispersión seguirá siendo distintivo
• APAGADO = los puntos de dispersión se mezclan

Profundidad: qué tan definida está la textura

• Alto% = textura claramente visible
• % Bajo = la textura es tenue (clara)

.•°•.•°•.•°•.•°•.•°•.•°•.

5. Cepillo doble

Esto se parece bastante a la textura, pero eliges otro pincel para limitarlo a la primera forma de pincel que elijas.

Bien, aclaremos.

Por ejemplo, si la forma de la punta de su pincel original es un círculo y la punta de su pincel doble tiene un diseño de salpicadura, su dispersión mostrará salpicaduras confinadas en círculos.

Modos: hay muchos modos. Ellos determinan la forma en que el pincel doble se sombrea en la punta del pincel original. Sinceramente, le recomendaría que revise cada uno de ellos para ver cómo se ven aquí. De todos modos, los modos son: Multiplicar, Oscurecer, Superponer, Sobreexponer color, Quemar color, Quemar lineal, Mezclar duro y Luz lineal.

El volteo, el tamaño, el espaciado, la dispersión y el tamaño son para la punta del cepillo doble, pero es lo mismo que para y.

.•°•.•°•.•°•.•°•.•°•.•°•.

6. Dinámica del color

Esto crea una variación en el color de sus puntos de dispersión. La variación de color se basará en los dos colores que elija (colores de primer plano y de fondo) para su paleta de pincel.

Fluctuación de primer plano / fondo: la medida en que el color de fondo se puede mezclar con el color de primer plano

• Alto% = más del color de fondo visible (es decir, al 100%, verá la gama completa de colores entre el color de primer plano y el de fondo)
• % Bajo = solo un poco del color de fondo visible (es decir, al 0%, solo verá el color de primer plano)

Hue Jitter: la medida en que el color puede desviarse de los colores de primer plano y de fondo

• Alto% = colores más aleatorios (es decir, al 100%, verá colores completamente aleatorios)
• % Bajo = colores similares a los colores de primer plano y de fondo (es decir, al 0%, solo verá el color de primer plano)

Fluctuación de saturación: la medida en que la saturación del color puede cambiar de los colores de primer plano y de fondo. Si no está seguro de qué es la saturación, simplemente piense en ello como agregar blanco al color.

• % Alto = los colores muestran una mayor variación de saturación (es decir, colores más 'descoloridos')
• % Bajo = colores similares a los colores de primer plano y de fondo (es decir, colores menos 'descoloridos')

Fluctuación de brillo: la medida en que el brillo del color puede cambiar de los colores de primer plano y de fondo. Imagínelo añadiendo negro al color.

• Alto% = los colores muestran una mayor variación de brillo (es decir, más colores 'oscuros')
• % Bajo = colores similares a los colores de primer plano y de fondo (es decir, colores menos 'oscuros')

Pureza: está bien, entonces este es "el cambio de color hacia o desde el eje neutro". Hojeé un documento sobre el eje neutral aquí, y seré honesto… todavía no lo entiendo. Pero experimenté y mi conclusión es …

• % Positivo = los colores se acercan al centro de la línea central de las muestras de color (la forma 'más brillante' y 'más fuerte' del color
• 0% = los colores de primer plano y de fondo son como el color que elija
• % Negativo = los colores se acercan más a la parte superior de las muestras de color, y eventualmente pierden todo el color para formar el blanco

.•°•.•°•.•°•.•°•.•°•.•°•.

7. Transferencia

Jitter de opacidad: grado de variación en la opacidad de los puntos de dispersión

• Alto% = más variedad en la opacidad
• % Bajo = menos variedad en la opacidad

Flujo de fluctuación: grado de variación en el flujo de puntos de dispersión

• Alto% = más variedad en el flujo
• % Bajo = menor variedad en el flujo

La diferencia entre opacidad y flujo es que si repites un golpe nuevamente dentro del mismo trazo, puedes hacer que la superposición sea más oscura si el flujo es bajo, pero no puedes si la opacidad es baja; necesitaría convertirlo en un trazo separado. (Se explica más claramente aquí).

.•°•.•°•.•°•.•°•.•°•.•°•.

8. Configuración solo ON-OFF

Ruido: si está activado, hace que el borde del pincel se pixele

Bordes húmedos: si está activado, enfatiza el borde de su cepillo y reduce ligeramente su flujo.

Aerógrafo: si está activado, reduce el flujo de su pincel para permitir efectos de construcción similares a los del aerógrafo.

Suavizado: si está activado, habilita el suavizado de la ruta del mouse

Conservar textura: si está activado, permite que la textura sea visible a pesar de otros cambios en la configuración del pincel que, de otro modo, dificultarían la visualización de la textura. Por lo tanto, solo es aplicable si usa un.

Paso 4: Aplicar Scatter al diseño de Word

¡Ahora, esparcimos un diseño de pincel en la palabra!

.•°•.•°•.•°•.•°•.•°•.•°•.

Primero, haga clic en la capa original con el texto.

Seleccione la {herramienta varita mágica (W)} y haga clic en cada 'área' de la palabra.

Digo 'área' porque si su fuente tiene sus letras conectadas, solo necesita hacer clic una vez.

En mi caso, las letras F, U y N están todas separadas, por lo que necesito hacer clic en cada una de ellas por separado.

Asegúrese de mantener presionada la tecla Mayús cuando haga clic en diferentes 'áreas'.

.•°•.•°•.•°•.•°•.•°•.•°•.

Ahora regrese a la nueva capa que creó anteriormente.

Con el selector y la muestra de color, seleccione los colores que desee.

Seleccione el {pincel (B)} y dibuje una dispersión.

.•°•.•°•.•°•.•°•.•°•.•°•.

¡Ser creativo!

Paso 5: agregar un esquema al texto

Para acentuar las palabras, puede decidir agregar un esquema al texto.

.•°•.•°•.•°•.•°•.•°•.•°•.

Haga doble clic en la capa con el texto para abrir la ventana [Estilo de capa].

Activa el [Resplandor exterior].

Para tener un contorno sólido, cambie la configuración a lo siguiente:

• Modo de fusión NORMAL
• Opacidad 100%
• Ruido 0%
• Color (cualquier contorno de color que desee que tengan las letras)
• Técnica PRECISA
• Difundir 100%
• Tamaño 10 px (depende del tamaño de la fuente)
• Sección de calidad - dejar como preestablecido

.•°•.•°•.•°•.•°•.•°•.•°•.

Se adjunta el archivo de Photoshop que utilicé para este Instructable, con algunas otras ideas de diseño en una letra base "A".

Algunos diseños son bastante infantiles, otros son interesantes… ¡utilícelo como desee!

¡Se creativo!:)

Paso 6: guardar su icono

Comando + Mayús + S para guardar su archivo en formato PNG.

Es importante guardarlo como PNG, ya que mantendrá el fondo transparente. Si es un JPEG, se mostrará en blanco en lugar de transparente.

Luego, cuando lo guarde, aparecerá una ventana emergente de [Opciones PNG]. Déjelo con el valor predeterminado "Ninguno".

Paso 7: Hacer que el-p.webp" />

¡Ahora el gran momento!

Mostraré 3 procesos diferentes aquí:

1. Si usa el icono que hizo
2. Si usa el icono de en línea
3. Si usa una imagen

.•°•.•°•.•°•.•°•.•°•.•°•.

1. Si usa el icono que hizo

Abra el archivo con Vista previa.

Seleccionar todo (Comando + A).

Copiar (Comando + C).

Seleccione la carpeta cuyo icono desea cambiar.

Obtener información (Comando + I).

Haga clic en el icono de la carpeta en la parte superior de la ventana emergente.

Pegue el icono que copió anteriormente (Comando + V).

¡HECHO!

.•°•.•°•.•°•.•°•.•°•.•°•.

2. Si usa el ícono de en línea

Aquí, estoy usando un ícono de Creative Commons para evitar problemas de derechos de autor. Asumiré que el icono que descargas tiene un fondo de color para mostrar cómo eliminarlo.

Abra el archivo en Vista previa.

Abra [barra de herramientas de marcado].

Haga clic en [Instant Alpha].

Haga clic en el área de fondo y arrastre un poco hasta que todo el fondo esté resaltado, luego suéltelo. El fondo ahora debería estar seleccionado.

Borrar.

Seleccionar todo (Comando + A).

Copiar (Comando + C).

Seleccione la carpeta cuyo icono desea cambiar.

Obtener información (Comando + I).

Haga clic en el icono de la carpeta en la parte superior de la ventana emergente.

Pegue el icono que copió anteriormente (Comando + V).

¡HECHO!

.•°•.•°•.•°•.•°•.•°•.•°•.

3. Si usa una imagen

Aquí estoy nuevamente usando una imagen de Creative Commons para evitar problemas de derechos de autor.

Abra la imagen con Vista previa.

Aquí puede seleccionar todo, en cuyo caso su imagen será rectangular, o abrir la [barra de herramientas de marcado] y usar una [herramienta de selección] para seleccionar una selección elíptica.

Copiar (Comando + C).

Seleccione la carpeta cuyo icono desea cambiar.

Obtener información (Comando + I).

Haga clic en el icono de la carpeta en la parte superior de la ventana emergente.

Pegue el icono que copió anteriormente (Comando + V).

¡HECHO!

Paso 8: ¡Ahora organízate

¡Ahora puede crear la carpeta perfecta para cada grupo de documentos!

¡Organiza los archivos de tu computadora!

.•°•.•°•.•°•.•°•.•°•.•°•.

Si disfrutó de este Instructable, ¡vote por mí en el Concurso Spotless!