Com organitzar l’ordinador amb icones de bricolatge (Mac): 8 passos

2024 Autora: John Day | [email protected]. Última modificació: 2024-01-31 10:17

Sóc culpable de no haver organitzat mai el meu ordinador.

Sempre.

Escriptori desordenat, descarregar carpeta, documents, etc. És increïble que no hagi perdut res … encara.

Però organitzar és avorrit. Consum de temps. Com fer-ho satisfactori? Que tingui un aspecte agradable. Molt agradable.

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

A continuació, esbrinarà com personalitzar les icones de carpeta en un equip MacBook.

Aquest instructable es pot dividir en dues parts:

1. Si voleu utilitzar Photoshop i crear la vostra pròpia icona des de zero
2. Si voleu utilitzar una imatge existent com a icona

Per a 1, comenceu a llegir des del principi. Per a 2, aneu al pas 7.

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

No sóc professional, però he intentat deixar-ho tot el més clar possible.

Espero que sigui útil.

Si t’agrada, vota’m al concurs Spotless!

Pas 1: Configuració de la pàgina de Photoshop

Segons OSXDaily, una icona del MacBook pot arribar a tenir 16 x 16 píxels i 512 x 512 píxels.

Per estar segur, faria el llenç del photoshop de 600 x 600 píxels.

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

Quan creeu el llenç, obtindreu un fons blanc. Volem que sigui transparent, en cas contrari, la vostra icona mostrarà un fons quadrat blanc al voltant (cosa que potser voldreu. Si és així, continueu mantenint el color).

Per esborrar el blanc, heu de desfer-vos del bloqueig de fons.

A continuació, mitjançant l '{eina de marquesina rectangular (M)}, seleccioneu-ho tot (ordre + A) i suprimiu-lo.

(Vegeu la llista completa d'eines de Photoshop aquí).

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

Ara voleu crear una pauta bàsica en direccions horitzontals i verticals del llenç per ajudar-vos a fixar les imatges al centre del llenç. Si no feu això, més endavant podreu comprovar que la vostra icona no està alineada al centre amb l'espai de la icona.

Aneu a [Veure]> [Nova guia …] i seleccioneu una línia horitzontal amb la posició "300 píxels" (ignoreu que apareix originalment en centímetres).

Repetiu per una línia vertical amb la posició "300 píxels".

Ara hauríeu de veure una línia blau clar corrent horitzontalment i verticalment sobre el llenç per formar una creu al centre.

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

Finalment, heu d'assegurar-vos que la configuració de Photoshop estigui configurada de manera que tot el que moveu s'adapti a les guies que heu fet. Per a això, heu d'assegurar-vos que es comproven dues coses:

1. [Veure]> [Snap]
2. [Veure]> [Ajustar a]> [Guies]

Pas 2: Creació de la vostra icona base

Ara comença la part divertida: crear la vostra pròpia icona.

De fet, m'agrada convertir les meves icones en paraules senzilles, com ara "UKE" per a una carpeta que conté les meves cançons d'ukelele o "WORK" per a fitxers pertinents.

Per a aquesta instrucció, mostraré un exemple amb la paraula "DIVERSIÓ".

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

Primer, configureu la base de la paraula mitjançant l '{eina de tipus horitzontal (T)}.

Aquí només faig servir Arial Black perquè:

1. Per no infringir les lleis de drets d'autor mitjançant l'ús de tipus de lletra descarregats
2. És una font sòlida i gruixuda

Escriviu la paraula i fixeu-la al centre del llenç. Per a una paraula de 3 lletres, recomano una mida de lletra de 60 pt, que us proporcionarà espai exterior per afegir a les decoracions més endavant.

Pas 3: crear un pinzell de dispersió

Ara, creem un pinzell de dispersió.

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

En primer lloc, feu una nova capa.

A continuació, amb l '{eina pinzell (B)}, seleccioneu qualsevol tipus de pinzell que vulgueu. Utilitzaré un cercle senzill.

Ara, als vostres [predefinits de pinzell]> [Pinzell], podeu canviar la configuració d’aquest pinzell per fer-lo dispers.

(Si no trobeu aquesta eina, aneu a [Finestra]> [Presets de pinzell] per canviar la finestra de l'eina)

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

En general, un pinzell de dispersió estàndard que recomano té la configuració següent:

• Forma de punta de pinzell

  • Duresa 100%
  • Espai del 30%
• Dinàmica de formes: ACTIVADA
  • Mida Jitter 100%
  • Diàmetre mínim 20%
  • Angle Jitter 100%
  • Arrodoniment Jitter 0%
  • Flip X Jitter: activat
  • Flip Y Jitter: ACTIVAT

• Dispersió: ACTIVAT

  • Tots dos eixos: DESACTIVAT
  • Dispersió al 1000%
  • Recompte: 1
  • Recompte de fluctuacions: 0%
• Textura: OFF
• Pinzell dual: DESACTIVAT
• Dinàmica del color: ACTIVADA
  • Primer pla / fluctuació de fons 100%
  • Hue Jitter 5%
  • Saturació Jitter 0%
  • Brillant fluctuació 0%
  • Puresa 0%
• Transferència: DESACTIVADA
• Soroll: DESACTIVAT
• Vores mullades: DESACTIVAT
• Aerògraf: DESACTIVAT
• Suavitzat: DESACTIVAT
• Protegeix la textura: DESACTIVAT

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

Però, per descomptat, podeu personalitzar-los com vulgueu. A continuació es mostra una descripció detallada de cada paràmetre.

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

1. Forma de punta de pinzell

Aquí podeu veure el tipus de pinzell que heu triat i modificar-ne la mida.

Duresa: Variacions de claredat del contorn del matoll.

• % Alt = esquema més definit (clar) de cada dispersió
• % Baix = esquema més borrós (poc clar) de cada dispersió

Espai: freqüència dels punts de dispersió.

• % Alt = punts de dispersió més poc freqüents (menys)
• % Baix = punts de dispersió més freqüents (més)

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

2. Dinàmica de formes

Aquí podeu canviar la "casualitat" de la mida de la vostra dispersió.

Mides jitter: obtindreu més varietat de mides. Com més baix sigui el%, més uniforme serà cada mida.

• % Alt = Més varietat de mida de punts de dispersió
• % Baix = Menys varietat de mida dels punts de dispersió

Diàmetre mínim: determina l'abast de la mida de cada punt de dispersió

• % Alt = Mida més gran del punt de dispersió més petit (menys varietat)
• % Baix = mida més petita del punt de dispersió més petit (més varietat)

Angle Jitter: rotació aleatòria de cada punt de dispersió

• % Alt = Més varietat de rotació del raspall
• % Baix = Menor varietat de rotació del raspall

Roundness Jitter: mesura en què es pot "aixafar" el pinzell

• % Alt = Més "aixafament" (és a dir, si es tracta d'un pinzell de cercle, veieu més ovals)
• % Baix = Menys "aixafar" (és a dir, si es tracta d'un pinzell de cercles, veieu més cercles)

Flip X Jitter: gira el pinzell horitzontalment

Flip Y Jitter: gira el pinzell verticalment

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

3. Dispersió

Ambdós eixos: permet que es produeixi la dispersió en les direccions X i Y. (Normalment ho desactivo perquè si està activat, no es pot dibuixar en un lloc buit per omplir-lo; es dispersarà a un lloc diferent del lloc on feu clic. Per a mi, això és incòmode.)

Recompte: freqüència dels punts de dispersió

• % Alt = Més punts
• % Baix = Menys punts

Count Jitter: aleatorietat del nombre de Count (és a dir, tindreu algunes zones de més i menys punts de dispersió)

• % Alt = Més variacions
• % Baix = Menys variacions

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

4. Textura

Aquí podeu afegir una textura (disseny) a l'interior de cada pinzell. Photoshop té algunes textures predefinides, però podeu descarregar més textures gratuïtes en línia, com ara aquí.

Inverteix: activar i desactivar aquesta opció invertirà les regions fosques i clares del disseny; les zones amb un color sòlid es faran transparents i viceversa; les zones més fosques es faran més clares i viceversa.

Textura de cada consell: determina si podeu veure el contorn de cada punt de pinzell de dispersió

• ON = el contorn de cada punt de dispersió encara serà distintiu
• OFF = punts de dispersió es fonen junts

Profunditat: la definició de la textura

• Alt% = la textura és clarament visible
• % Baix = la textura és feble (clar)

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

5. Pinzell dual

S’assembla més aviat a la textura, però trieu un altre pinzell per limitar-lo a la primera forma de pinzell que trieu.

D’acord, aclarim.

Per exemple, si la forma original de la punta del pinzell és un cercle i la punta del pinzell dual és un disseny d’esquitxades, la dispersió mostrarà esquitxos confinats en cercles.

Modes: hi ha molts modes. Determinen la forma en què els pinzells dobles de la punta del pinzell original. Sincerament, us recomanaria que passeu per cadascun per veure el seu aspecte aquí. De totes maneres, els modes són: Multiplicar, enfosquir, superposar, esquivar color, cremar color, gravar linealment, barrejar dur i llum lineal.

El gir, mida, espaiat, dispersió i mida si es tracta de la punta del pinzell doble, però és el mateix que per a i.

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

6. Dinàmica del color

Això crea una variació del color dels punts de dispersió. La variació de color es basarà en els dos colors que escolliu (colors de primer pla i de fons) a la paleta de pinzells.

Primer pla / fluctuació de fons: fins a quin punt el vostre color de fons es pot barrejar amb el color de primer pla

• % Alt = més visible del color de fons (és a dir, al 100%, veureu tota la gamma de colors entre el primer pla i el color de fons)
• % Baix = només una mica del color de fons visible (és a dir, al 0%, només veureu el color de primer pla)

Hue Jitter: mesura en què el color pot desviar-se dels colors de primer pla i de fons

• % Alt = més colors aleatoris (és a dir, al 100%, veureu colors completament aleatoris)
• % Baix = colors similars als colors de primer pla i de fons (és a dir, al 0%, només veureu el color de primer pla)

Jitter de saturació: mesura en què la saturació del color pot canviar dels colors de primer pla i de fons. Si no esteu segur de què és la saturació, només cal pensar que afegeix blanc al color.

• Alt% = els colors mostren una variació més gran de saturació (és a dir, més colors "difuminats")
• % Baix = colors similars als colors de primer pla i de fons (és a dir, colors menys "difuminats")

Brillant fluctuació: fins a quin punt la brillantor del color pot canviar dels colors de primer pla i de fons. Imagineu-ho com si afegís negre al color.

• % Alt = els colors mostren una variació més gran de la brillantor (és a dir, més colors "foscos")
• % Baix = colors similars als colors de primer pla i de fons (és a dir, menys colors "foscos")

Puresa: d'acord, de manera que aquest és "el canvi de color cap o fora de l'eix neutre". Aquí vaig fullejar un paper sobre l’eix neutre i seré sincer … Encara no ho entenc realment. Però, vaig experimentar i la meva conclusió és …

• % Positiu = els colors s'apropen al centre de la línia central de les mostres de color (la forma "més brillant" i "més forta" del color
• 0% = els colors de primer pla i de fons són igual que el color que trieu
• % Negatiu = els colors s’acosten a la part superior de les mostres de color i, finalment, perden tot el color per formar blanc

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

7. Transferència

Opacity Jitter: extensió de la variació en l’opacitat dels punts de dispersió

• % Alt = més varietat d'opacitat
• % Baix = menys varietat d'opacitat

Flitter Jitter: extensió de la variació del flux dels punts de dispersió

• % Alt = més varietat de flux
• % Baix = menys varietat de cabal

La diferència entre l’opacitat i el flux és que si torneu a superar un tret dins del mateix traç, podeu fer que la superposició sigui més fosca si el flux és baix, però no podeu si l’opacitat és baixa; hauríeu de fer-ne un traç separat. (S’explica més clarament aquí.)

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

8. Configuració de només ON-OFF

Soroll: si està activat, la vora del pinzell queda pixelada

Vores mullades: si està activat, ressalta la vora del pinzell i redueix lleugerament el seu flux

Aerògraf: si està activat, redueix el flux del pinzell per permetre efectes d’acceleració semblants a l’aerògraf

Suavització: si està activada, permet suavitzar la ruta del ratolí

Conservar textura: si està activat, permet que la textura sigui visible malgrat altres canvis en la configuració del pinzell que, en cas contrari, dificultarien la seva visualització. Per tant, només és aplicable si utilitzeu un fitxer.

Pas 4: Aplicació de dispersió al disseny de paraules

Ara, escampem un disseny a la paraula.

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

Primer, feu clic a la capa original amb el text.

Seleccioneu l '{eina vareta màgica (W)} i feu clic a cada "àrea" de la paraula.

Dic "àrea" perquè si el vostre tipus de lletra té les lletres connectades, només heu de fer-hi clic una vegada.

En el meu cas, les lletres F, U i N estan separades, de manera que he de fer clic a cadascuna d'elles per separat.

Assegureu-vos de mantenir premuda la tecla Maj quan feu clic a diferents "àrees".

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

Ara torneu a la nova capa que heu creat anteriorment.

Seleccioneu els colors que vulgueu amb la mostra i el selector de colors.

Seleccioneu el {pinzell (B)} i dibuixeu una dispersió.

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

Sigues creatiu!

Pas 5: afegir un esquema al text

Per accentuar les paraules, podeu decidir afegir un esquema al text.

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

Feu doble clic a la capa amb el text per obrir la finestra [Estil de capa].

Activa o desactiva [Resplendor exterior].

Per tenir un esquema sòlid, canvieu la configuració pel següent:

• Mode de barreja NORMAL
• Opacitat 100%
• Soroll 0%
• Color (qualsevol color que vulgueu que continguin les lletres)
• Tècnica PRECISA
• Distribució 100%
• Mida 10 px (depèn de la mida de la lletra)
• Secció de qualitat: deixeu-la com a predefinida

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

S'adjunta el fitxer de Photoshop que he utilitzat per a aquest instructable, amb algunes altres idees de disseny en una lletra base "A".

Alguns dissenys són força infantils, altres són interessants … utilitzeu-lo com vulgueu!

Sigues creatiu!:)

Pas 6: desar la vostra icona

Ordre + Maj + S per desar el fitxer en format PNG.

És important desar-lo com a PNG, ja que mantindrà el fons transparent. Si és un fitxer JPEG, es mostrarà blanc en lloc de transparent.

Després, quan el deseu, apareixerà una finestra emergent de [Opcions PNG]. Deixeu-lo com el valor predeterminat "Cap".

Pas 7: fer que el-p.webp" />

Ara pel gran moment!

Aquí mostraré 3 processos diferents:

1. Si utilitzeu la icona que heu creat
2. Si utilitzeu una icona de línia
3. Si utilitzeu imatge

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

1. Si utilitzeu la icona que heu creat

Obriu el fitxer amb Vista prèvia.

Seleccioneu-ho tot (Ordre + A).

Copia (Ordre + C).

Seleccioneu la carpeta de la qual vulgueu canviar la icona.

Obteniu informació (Command + I).

Feu clic a la icona de la carpeta que hi ha a la part superior de la finestra emergent.

Enganxeu la icona que heu copiat anteriorment (Ordre + V).

FET!

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

2. Si utilitzeu la icona de línia

Aquí utilitzo una icona de Creative Commons per evitar problemes de copyright. Suposaré que la icona que baixeu té un fons de colors per mostrar com eliminar-la.

Obriu el fitxer a Vista prèvia.

Obriu [barra d'eines de marcatge].

Feu clic a [Instant Alpha].

Feu clic a l'àrea de fons i arrossegueu una mica fins que el fons estigui tot ressaltat i deixeu-lo anar. Ara s’hauria de seleccionar el fons.

Suprimeix.

Seleccioneu-ho tot (Ordre + A).

Copia (Ordre + C).

Seleccioneu la carpeta de la qual vulgueu canviar la icona.

Obteniu informació (Command + I).

Feu clic a la icona de la carpeta que hi ha a la part superior de la finestra emergent.

Enganxeu la icona que heu copiat anteriorment (Ordre + V).

FET!

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

3. Si utilitzeu imatge

Aquí torno a utilitzar una imatge de Creative Commons per evitar problemes de copyright.

Obriu la imatge amb la vista prèvia.

Aquí podeu seleccionar-ho tot, en aquest cas la imatge serà rectangular o bé obrir la [barra d'eines de marcatge] i utilitzar una [eina de selecció] per seleccionar una selecció el·líptica.

Copia (Ordre + C).

Seleccioneu la carpeta de la qual vulgueu canviar la icona.

Obteniu informació (Command + I).

Feu clic a la icona de la carpeta que hi ha a la part superior de la finestra emergent.

Enganxeu la icona que heu copiat anteriorment (Ordre + V).

FET!

Pas 8: ara organitzeu-vos

Ara podeu crear la carpeta perfecta per a cada grup de documents.

Aneu a organitzar els fitxers del vostre ordinador.

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

Si us ha agradat aquest instructiu, si us plau voteu-me al concurs Spotless!