Come organizzare il computer con icone fai da te (Mac): 8 passaggi

2024 Autore: John Day | [email protected]. Ultima modifica: 2024-01-31 10:21

Sono colpevole di non aver mai organizzato il mio computer.

Mai.

Desktop disordinato, cartella di download, documenti, ecc. È incredibile che non abbia perso nulla… ancora.

Ma organizzare è noioso. Richiede tempo. Come renderlo soddisfacente? Fallo sembrare carino. Veramente bello.

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

Di seguito scoprirai come personalizzare le icone delle cartelle su un computer MacBook.

Questo Instructable può essere suddiviso in due parti:

1. Se vuoi usare Photoshop e creare la tua icona da zero
2. Se vuoi usare un'immagine esistente come icona

Per 1, inizia a leggere dall'inizio. Per 2, vai al passaggio 7.

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

Non sono un professionista, ma ho cercato di rendere tutto il più chiaro possibile.

Spero che questo sia utile!

Se ti piace, votami allo Spotless Contest!

Passaggio 1: configurazione della pagina di Photoshop

Secondo OSXDaily, un'icona MacBook può essere piccola come 16 × 16 pixel e grande come 512 x 512 pixel.

Per essere sicuro, andrei avanti e realizzerei la tela di Photoshop 600x600 pixel.

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

Quando crei la tela, ottieni uno sfondo bianco. Vogliamo che sia trasparente, altrimenti la tua icona mostrerà uno sfondo quadrato bianco attorno ad essa (cosa che potresti volere. In tal caso, vai avanti e mantieni il colore).

Per cancellare il bianco, devi eliminare il blocco dello sfondo.

Quindi, utilizzando lo {strumento selezione rettangolare (M)}, seleziona tutto (comando+A) ed elimina.

(Vedi l'elenco completo degli strumenti di Photoshop qui).

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

Ora vuoi creare una linea guida di base in entrambe le direzioni orizzontale e verticale della tela per aiutarti a scattare le immagini al centro della tela. Se non lo fai, in seguito potresti scoprire che l'icona non è allineata al centro rispetto allo spazio dell'icona.

Vai su [Visualizza] > [Nuova guida…] e seleziona una linea orizzontale con posizione "300 pixel" (ignora che originariamente si apre in centimetri).

Ripetere per una linea verticale con posizione "300 pixel".

Ora dovresti vedere una linea azzurra che corre orizzontalmente e verticalmente sulla tela per formare una croce al centro.

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

Infine, devi assicurarti che le impostazioni di Photoshop siano impostate in modo che tutto ciò che sposti si agganci effettivamente alle guide che hai creato. Per questo è necessario assicurarsi che siano controllate due cose:

1. [Visualizza] > [Snap]
2. [Visualizza] > [Aggancia a] > [Guide]

Passaggio 2: creazione della tua base di icone

Ora inizia la parte divertente: creare la tua icona.

In realtà mi piace trasformare le mie icone in parole semplici, come "UKE" per una cartella contenente le mie canzoni di ukulele, o "WORK" per i file pertinenti.

Per questo Instructable, mostrerò un esempio usando la parola "FUN".

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

Innanzitutto, imposta la base della parola utilizzando lo {strumento testo orizzontale (T)}.

Qui, sto solo usando Arial Black, perché:

1. Per non violare le leggi sul copyright utilizzando i caratteri scaricati
2. È un carattere solido e spesso

Digita la parola e agganciala al centro della tela. Per una parola di 3 lettere, consiglio una dimensione del carattere di 60 pt, che ti darà un po' di spazio esterno per aggiungere decorazioni in seguito.

Passaggio 3: creazione di un pennello a dispersione

Ora creiamo un pennello a dispersione!

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

Per prima cosa, crea un nuovo livello.

Quindi, usando lo {strumento pennello (B)}, seleziona qualsiasi tipo di pennello che ti piace. Userò un semplice cerchio.

Ora, nei tuoi [preset pennello]> [Pennello], puoi modificare le impostazioni di questo pennello per renderlo una pittura a dispersione per te.

(Se non riesci a trovare questo strumento, vai su [Finestra] > [Preimpostazioni pennello] per attivare/disattivare la finestra degli strumenti)

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

In generale, un pennello a dispersione standard che consiglio ha le seguenti impostazioni:

• Forma della punta del pennello

  • Durezza 100%
  • Spaziatura 30%

• Dinamica della forma: ON

  • Jitter dimensionale 100%
  • Diametro minimo 20%
  • Jitter angolare 100%
  • Jitter di rotondità 0%
  • Flip X Jitter: ON
  • Flip Y Jitter: ON

• Dispersione: ON

  • Entrambi gli assi: OFF
  • Dispersione 1000%
  • Conteggio: 1
  • Conteggio jitter: 0%
• Texture: OFF
• Spazzola doppia: OFF

• Dinamica del colore: ON

  • Jitter in primo piano/sfondo 100%
  • Vibrazione tonalità 5%
  • Jitter di saturazione 0%
  • Vibrazione luminosità 0%
  • Purezza 0%
• Trasferimento: OFF
• Rumore: OFF
• Bordi bagnati: OFF
• Aerografo: OFF
• Levigatura: OFF
• Proteggi trama: OFF

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

Ma ovviamente, puoi personalizzarli come desideri! Di seguito è riportata una descrizione dettagliata di ciascuna impostazione.

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

1. Forma della punta del pennello

Qui puoi vedere il tipo di pennello che hai scelto e modificarne le dimensioni.

Durezza: Variazioni nella chiarezza del contorno del cespuglio.

• Alta % = contorno più definito (chiaro) di ogni dispersione
• Bassa % = contorno più sfocato (non chiaro) di ogni dispersione

Spaziatura: Frequenza dei punti di dispersione.

• Alta % = punti di dispersione più rari (meno)
• Basso % = punti di dispersione più frequenti (più)

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

2. Dinamica della forma

Qui puoi modificare la "casualità" della dimensione della tua dispersione.

Jitter dimensionale: otterrai una maggiore varietà di dimensioni. Più bassa è la %, più uniforme sarà ogni taglia.

• Alta % = Più varietà di dimensioni dei punti di dispersione
• Bassa % = Minore varietà di dimensioni dei punti di dispersione

Diametro minimo: determina l'intervallo di quanto piccolo può essere ciascun punto di dispersione

• Alta % = dimensione maggiore del punto di dispersione più piccolo (minore varietà)
• Bassa % = dimensione più piccola del punto di dispersione più piccolo (più varietà)

Jitter angolare: rotazione casuale di ciascun punto di dispersione

• Alta % = Più varietà di rotazione della spazzola
• Bassa % = Minore varietà di rotazione della spazzola

Jitter di rotondità: misura in cui il pennello può essere "schiacciato"

• Alta % = Più "schiacciamento" (cioè se è un pennello circolare, vedi più ovali)
• Basso % = Meno "schiacciamento" (es. se è un pennello circolare, vedi più cerchi)

Flip X Jitter: capovolgere il pennello orizzontalmente

Flip Y Jitter: capovolgere il pennello verticalmente

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

3. Dispersione

Entrambi gli assi: consente alla dispersione di verificarsi in entrambe le direzioni X e Y. (Di solito lo disattivo perché se è attivo, non puoi disegnare su un punto vuoto per riempirlo; si disperderà in un punto diverso da dove fai clic. Per me, è solo scomodo.)

Conteggio: frequenza dei punti di dispersione

• Alta % = Più punti
• Basso % = Meno punti

Count Jitter: casualità del numero di conteggio (ad es. avrai alcune aree di più e alcune di meno punti di dispersione)

• Alta % = Più variazioni
• Bassa % = Meno variazioni

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

4. Trama

Qui puoi aggiungere una trama (disegno) all'interno di ogni pennello. Photoshop ha alcune trame preimpostate, ma puoi scaricare altre trame gratuite online, come qui.

Inverti: attivando e disattivando questa opzione si invertiranno le regioni chiare e scure del disegno; le aree a tinta unita diventeranno trasparenti e viceversa; le aree più scure diventeranno più chiare e viceversa.

Texture ogni suggerimento: determina se è possibile vedere il contorno di ogni punto del pennello a dispersione

• ON = il contorno di ogni punto di dispersione sarà ancora distintivo
• OFF = i punti di dispersione si fondono insieme

Profondità: quanto è definita la trama

• Alta % = la trama è chiaramente visibile
• % bassa = la trama è debole (leggera)

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

5. Spazzola doppia

Questo è un po' come la trama, ma scegli un altro pennello da confinare all'interno della prima forma del pennello che scegli.

Ok, chiariamo.

Ad esempio, se la forma della punta del pennello originale è un cerchio e la punta del pennello doppia è un disegno a schizzi, la dispersione mostrerà schizzi confinati in cerchi.

Modalità: ci sono molte modalità. Determinano il modo in cui il doppio pennello sfuma nella punta del pennello originale. Ti consiglierei sinceramente di esaminarli tutti per vedere come appare qui. Ad ogni modo, le modalità sono: Moltiplica, Scurisci, Sovrapponi, Colore scherma, Colore brucia, Brucia lineare, Miscela dura e Luce lineare.

Il flip, la dimensione, la spaziatura, la dispersione e la dimensione se per la doppia punta del pennello, ma è la stessa di quella per e.

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

6. Dinamica del colore

Questo crea una variazione nel colore dei punti di dispersione. La variazione di colore sarà basata sui due colori che scegli (colori di primo piano e di sfondo) nella tavolozza dei pennelli.

Tremolio di primo piano/sfondo: la misura in cui il colore di sfondo può mescolarsi al colore di primo piano

• Alta % = più colore di sfondo visibile (cioè al 100%, vedrai l'intera gamma di colori tra il colore di primo piano e quello di sfondo)
• Basso % = visibile solo una piccola parte del colore di sfondo (es. allo 0% vedrai solo il colore di primo piano)

Hue Jitter: la misura in cui il colore può deviare dai colori di primo piano e di sfondo

• Alta % = più colori casuali (es. al 100%, vedrai colori completamente casuali)
• % bassa = colori simili ai colori di primo piano e di sfondo (cioè allo 0% vedrai solo il colore di primo piano)

Saturation Jitter: la misura in cui la saturazione del colore può cambiare dai colori di primo piano e di sfondo. Se non sei sicuro di cosa sia la saturazione, pensa semplicemente ad aggiungere del bianco al colore.

• Alta % = i colori mostrano una variazione maggiore di saturazione (es. colori più "sbiaditi")
• Bassa % = colori simili ai colori di primo piano e di sfondo (es. colori meno "sbiaditi")

Jitter luminosità: la misura in cui la luminosità del colore può cambiare dai colori di primo piano e di sfondo. Immaginalo come aggiungere il nero al colore.

• Alta % = i colori mostrano una variazione maggiore della luminosità (es. colori più "scuri")
• % bassa = colori simili ai colori di primo piano e di sfondo (es. colori meno "scuri")

Purezza: va bene, quindi questo è "lo spostamento del colore verso o lontano dall'asse neutro". Ho dato un'occhiata a un documento sull'asse neutro qui, e sarò onesto… non ho ancora capito bene. Ma ho sperimentato e la mia conclusione è…

• % positiva = i colori si avvicinano al centro della linea centrale dei campioni di colore (la forma 'più brillante' e 'più forte' del colore
• 0% = i colori di primo piano e di sfondo sono proprio come il colore che scegli
• % negativa = i colori si avvicinano alla parte superiore dei campioni di colore, perdendo eventualmente tutto il colore per formare il bianco

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

7. Trasferimento

Jitter di opacità: estensione della variazione nell'opacità dei punti di dispersione

• Alta % = più varietà di opacità
• Bassa % = meno varietà di opacità

Flow Jitter: entità della variazione nel flusso dei punti di dispersione

• Alta % = più varietà nel flusso
• Bassa% = meno varietà nel flusso

La differenza tra opacità e flusso è che se si passa di nuovo su un tratto all'interno dello stesso tratto, è possibile rendere la sovrapposizione più scura se il flusso è basso, ma non è possibile se l'opacità è bassa; avresti bisogno di renderlo un tratto separato. (È spiegato più chiaramente qui.)

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

8. Impostazioni solo ON-OFF

Rumore: se ON, rende il bordo del pennello pixelato

Bordi bagnati: se attivato, enfatizza il bordo del pennello e ne riduce leggermente il flusso

Aerografo: se attivato, riduce il flusso del pennello per consentire effetti di costruzione simili all'aerografo

Smoothing: se ON, abilita lo smoothing del percorso del mouse

Mantieni trama: se attivato, consente alla trama di essere visibile nonostante altre modifiche alle impostazioni del pennello che altrimenti renderebbero difficile vedere la trama. Quindi, è applicabile solo se usi un file.

Passaggio 4: applicazione di Scatter a Word Design

Ora, disperdiamo un disegno nella parola!

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

Innanzitutto, fai clic sul livello originale con il testo.

Seleziona lo {strumento bacchetta magica (W)} e fai clic su ciascuna "area" della parola.

Dico "area" perché se il tuo font ha le sue lettere collegate, devi solo fare clic una volta.

Nel mio caso, le lettere F, U e N sono tutte separate, quindi devo fare clic su ciascuna di esse separatamente.

Assicurati di tenere premuto Maiusc quando fai clic su "aree" diverse.

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

Ora torna al nuovo livello che hai creato in precedenza.

Utilizzando il campione di colore e il selettore, seleziona i colori desiderati.

Seleziona il {pennello (B)} e disegna una dispersione.

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

Essere creativo!

Passaggio 5: aggiunta di un contorno al testo

Per accentuare le parole, puoi decidere di aggiungere un contorno al testo.

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

Fare doppio clic sul livello con il testo per aprire la finestra [Stile livello].

Attivare [Bagliore esterno].

Per avere un contorno solido, modificare le impostazioni come segue:

• Modalità di fusione NORMALE
• Opacità 100%
• Rumore 0%
• Colore (qualsiasi colore del contorno vuoi che abbiano le lettere)
• Tecnica PRECISA
• Diffondi 100%
• Dimensione 10 px (dipende dalla dimensione del carattere)
• Sezione qualità: lascia come preimpostato

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

In allegato è il file di Photoshop che ho usato per questo Instructable, con alcune altre idee di design su una lettera di base "A".

Alcuni disegni sono piuttosto infantili, altri sono interessanti… usalo come preferisci!

Diventa creativo!:)

Passaggio 6: salvataggio dell'icona

Comando + Maiusc + S per salvare il file in formato PNG.

È importante salvarlo come-p.webp

Quindi, quando lo salvi, verrà visualizzato un pop-up di [Opzioni PNG]. Lascialo come preimpostato "Nessuno".

Passaggio 7: rendere il-p.webp" />

Ora per il grande momento!

Mostrerò 3 diversi processi qui:

1. Se usi l'icona che hai creato
2. Se si utilizza l'icona da online
3. Se si utilizza l'immagine

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

1. Se usi l'icona che hai creato

Apri il file con Anteprima.

Seleziona tutto (Comando + A).

Copia (Comando + C).

Seleziona la cartella di cui vuoi cambiare l'icona.

Ottieni informazioni (Comando + I).

Fare clic sull'icona della cartella nella parte superiore del popup.

Incolla l'icona che hai precedentemente copiato (Comando + V).

FATTO!

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

2. Se si utilizza l'icona da online

Qui, sto usando un'icona di Creative Commons per evitare problemi di copyright. Suppongo che l'icona che scarichi abbia uno sfondo colorato per mostrare come rimuoverla.

Apri il file in Anteprima.

Aprire la [barra degli strumenti di modifica].

Fare clic su [Alfa istantanea].

Fare clic sull'area dello sfondo e trascinare un po' finché lo sfondo non è tutto evidenziato, quindi rilasciare. Lo sfondo dovrebbe ora essere selezionato.

Elimina.

Seleziona tutto (Comando + A).

Copia (Comando + C).

Seleziona la cartella di cui vuoi cambiare l'icona.

Ottieni informazioni (Comando + I).

Fare clic sull'icona della cartella nella parte superiore del popup.

Incolla l'icona che hai precedentemente copiato (Comando + V).

FATTO!

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

3. Se si utilizza l'immagine

Eccomi di nuovo a utilizzare un'immagine di Creative Commons per evitare problemi di copyright.

Apri l'immagine con Anteprima.

Qui puoi semplicemente selezionare tutto, nel qual caso l'immagine sarà rettangolare, oppure aprire la [barra degli strumenti di markup] e utilizzare uno [strumento di selezione] per selezionare una selezione ellittica.

Copia (Comando + C).

Seleziona la cartella di cui vuoi cambiare l'icona.

Ottieni informazioni (Comando + I).

Fare clic sull'icona della cartella nella parte superiore del popup.

Incolla l'icona che hai precedentemente copiato (Comando + V).

FATTO!

Passaggio 8: ora organizza

Ora puoi creare la cartella perfetta per ogni gruppo di documenti!

Vai a organizzare i file del tuo computer!

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

Se ti è piaciuto questo Instructable, per favore votami allo Spotless Contest!