Hur man organiserar din dator med DIY -ikoner (Mac): 8 steg

2025 Författare: John Day | [email protected]. Senast ändrad: 2025-01-23 15:11

Jag är skyldig att aldrig ha organiserat min dator.

Någonsin.

Stökigt skrivbord, nedladdningsmapp, dokument, etc. Det är fantastiskt att jag inte har tappat något … än.

Men att organisera är tråkigt. Tidskrävande. Hur gör man det tillfredsställande? Få det att se snyggt ut. Väldigt trevligt.

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

Nedan hittar du hur du anpassar mappikonerna på en MacBook -dator.

Denna instruktionsbok kan delas upp i två delar:

1. Om du vill använda Photoshop och skapa din egen ikon från början
2. Om du vill använda en befintlig bild som din ikon

För 1, börja läsa från början. För 2, gå till steg 7.

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

Jag är inte proffs, men jag försökte göra allt så tydligt som möjligt.

Jag hoppas att detta är användbart!

Om du gillar det, rösta på mig i Spotless Contest!

Steg 1: Konfigurera Photoshop -sida

Enligt OSXDaily kan en MacBook -ikon vara så liten som 16 × 16 pixlar och så stor som 512 x 512 pixlar.

För att vara säker, skulle jag gå vidare och göra Photoshop -canvas 600x600 pixlar.

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

När du skapar duken får du en vit bakgrund. Vi vill att den ska vara transparent, annars kommer din ikon att visa en vit fyrkantig bakgrund runt den (vilket du kanske vill. Om så är fallet, fortsätt och behåll färgen).

För att radera det vita måste du bli av med bakgrundslåset.

Markera sedan alla (kommando+A) och ta bort med hjälp av det {rektangulära markeringsverktyget (M)}.

(Se hela listan över Photoshop -verktyg här).

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

Nu vill du skapa en grundläggande riktlinje i både horisontella och vertikala riktningar på duken för att hjälpa dig att knäppa bilder till mitten av duken. Om du inte gör det kan du senare upptäcka att din ikon inte är mittjusterad till ikonutrymmet.

Gå till [Visa]> [Ny guide …] och välj en horisontell linje med positionen "300 pixlar" (ignorera att den ursprungligen dyker upp i centimeter).

Upprepa för en vertikal linje med positionen "300 pixlar".

Nu ska du se en ljusblå linje som går horisontellt och vertikalt över duken för att bilda ett kors i mitten.

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

Slutligen måste du se till att dina Photoshop -inställningar är inställda så att allt du flyttar faktiskt snäpps till de guider du gjort. För detta måste du se till att två saker är kontrollerade:

1. [Visa]> [Snap]
2. [Visa]> [Snap To]> [Guider]

Steg 2: Skapa din ikonbas

Nu börjar den roliga delen: att skapa din egen ikon.

Jag gillar faktiskt att göra mina ikoner till enkla ord, som "UKE" för en mapp som innehåller mina ukulele -låtar eller "WORK" för filer som är relevanta för det.

För denna instruerbara, visar jag ett exempel med ordet "KUL".

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

Konfigurera först ordets bas med {horisontellt typverktyg (T)}.

Här använder jag bara Arial Black, eftersom:

1. Att inte bryta mot upphovsrättslagarna genom att använda nedladdade teckensnitt
2. Det är en solid, tjock typsnitt

Skriv upp ordet och knäpp det till mitten av din duk. För ett ord på tre bokstäver rekommenderar jag en teckenstorlek på 60 pt, vilket ger dig lite utrymme att lägga till på dekorationer senare.

Steg 3: Skapa en Scatter Brush

Låt oss nu skapa en spridborste!

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

Gör först ett nytt lager.

Använd sedan {penselverktyget (B)} och välj vilken typ av pensel du vill. Jag använder en enkel cirkel.

Nu, i dina [penselförinställningar]> [Pensel], kan du ändra inställningarna för den här penseln för att få den att måla för dig.

(Om du inte hittar det här verktyget, gå till [Fönster]> [Penselförinställningar] för att växla verktygsfönstret)

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

I allmänhet har en standard scatter -borste jag rekommenderar följande inställningar:

• Borstspetsform

  • Hårdhet 100%
  • Avstånd 30%

• Formdynamik: PÅ

  • Storlek Jitter 100%
  • Minsta diameter 20%
  • Angle Jitter 100%
  • Rundhet Jitter 0%
  • Flip X Jitter: PÅ
  • Flip Y Jitter: PÅ

• Spridning: PÅ

  • Båda axlarna: AV
  • Sprid 1000%
  • Antal: 1
  • Count Jitter: 0%
• Textur: AV
• Dubbel borste: AV

• Färgdynamik: PÅ

  • Förgrund/Bakgrund Jitter 100%
  • Hue Jitter 5%
  • Mättnad Jitter 0%
  • Ljusstyrka Jitter 0%
  • Renhet 0%
• Överföring: AV
• Buller: AV
• Våta kanter: AV
• Airbrush: AV
• Utjämning: AV
• Skydda textur: AV

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

Men självklart kan du anpassa var och en som du vill! Nedan följer en detaljerad beskrivning av varje inställning.

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

1. Borstspetsform

Här kan du se vilken typ av pensel du har valt och ändra dess storlek.

Hårdhet: Variationer i klarhet i buskens kontur.

• Hög % = mer definierad (tydlig) kontur av varje spridning
• Låg % = mer suddig (oklar) kontur av varje spridning

Avstånd: Frekvens för spridningspunkter.

• Hög % = mer sällsynta (mindre) spridningspunkter
• Låg % = mer frekventa (fler) spridningspunkter

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

2. Formdynamik

Här kan du ändra "slumpmässigheten" i storleken på din scatter.

Storleksjitter: Du får fler storlekar. Ju lägre procent, desto mer enhetlig blir varje storlek.

• Hög % = Mer variation av storleken på spridningspunkter
• Låg % = Mindre variation i storlek på spridningspunkter

Minimidiameter: Bestämmer intervallet för hur liten varje spridningspunkt kan vara

• Hög % = Större storlek på minsta spridningspunkt (mindre variation)
• Låg % = Mindre storlek på minsta spridningspunkt (mer variation)

Angle Jitter: Slumpmässig rotation av varje spridningspunkt

• Hög % = Mer variation av borstens rotation
• Låg % = Mindre variation av penselns rotation

Roundness Jitter: i vilken omfattning din pensel kan `` klämmas ''

• Hög % = Mer 'squashing' (dvs. om det är en cirkelborste ser du fler ovaler)
• Låg % = Mindre "klämning" (dvs. om det är en cirkelborste ser du fler cirklar)

Flip X Jitter: Vänd borsten horisontellt

Flip Y Jitter: Vänd borsten vertikalt

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

3. Spridning

Båda axlarna: Låter spridningen ske i både X- och Y -riktningen. (Jag brukar stänga av det här, för om det är på kan du inte rita på en plats som är tom för att fylla den. Den kommer att spridas till en annan plats än där du klickar. För mig är det bara obekvämt.)

Count: Frekvens för spridningspunkter

• Hög % = Fler poäng
• Låg % = Mindre poäng

Count Jitter: Randomness of Count Number (dvs du kommer att ha vissa områden med fler och några med mindre spridningspunkter)

• Hög % = Fler variationer
• Låg % = Mindre variationer

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

4. Textur

Här kan du lägga till en struktur (design) på insidan av varje pensel. Photoshop har några förinställda texturer, men du kan ladda ner fler gratis texturer online, till exempel här.

Invertera: om du aktiverar och stänger av det här alternativet inverterar du designens mörka och ljusa områden; områden med enfärgad färg blir transparenta och vice versa; mörkare områden blir ljusare och vice versa.

Textur varje spets: avgör om du kan se konturerna för varje spridningsborstpunkt

• PÅ = konturen för varje spridningspunkt kommer fortfarande att vara särskiljande
• AV = spridningspunkter smälter ihop

Djup: hur definierad konsistensen är

• Hög % = textur är tydligt synlig
• Låg % = texturen är svag (ljus)

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

5. Dubbel borste

Det här är snarare som strukturen, men du väljer en annan pensel som ska begränsas inom den första penselformen du väljer.

Okej, låt oss förtydliga.

Till exempel, om din ursprungliga borstspetsform är en cirkel och din dubbla borstspets är en splatter -design, kommer din spridning att visa stänk som är begränsade i cirklar.

Lägen: Det finns många lägen. De bestämmer hur de dubbla borstens nyanser i den ursprungliga borstspetsen. Jag skulle ärligt rekommendera att du bara går igenom var och en för att se hur det ser ut här. Hur som helst är lägena: Multiplicera, mörkare, överlägg, färgdodge, färgbränning, linjär bränning, hård mix och linjärt ljus.

Vändningen, storleken, avståndet, spridningen och storleken om det gäller dubbla borstspetsar, men det är samma som för och.

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

6. Färgdynamik

Detta skapar en variation i färgen på dina spridningspunkter. Färgvariationen kommer att baseras på de två färger du väljer (för- och bakgrundsfärger) till din penselpalett.

Förgrund/bakgrundsjitter: i vilken utsträckning din bakgrundsfärg kan blanda in i förgrundsfärgen

• Hög % = mer av bakgrundsfärgen synlig (dvs. vid 100 % ser du hela färgutbudet mellan förgrunden och bakgrundsfärgen)
• Låg % = bara lite av bakgrundsfärgen synlig (dvs. vid 0 % ser du bara förgrundsfärgen)

Hue Jitter: i vilken utsträckning färgen kan avvika från för- och bakgrundsfärgerna

• Hög % = fler slumpmässiga färger (dvs. vid 100 % ser du helt slumpmässiga färger)
• Låg % = färger som liknar förgrunds- och bakgrundsfärger (dvs. vid 0 % ser du bara förgrundsfärgen)

Saturation Jitter: i vilken utsträckning färgmättnaden kan förändras från för- och bakgrundsfärger. Om du inte är säker på vad mättnad är, tänk på det som att lägga till i vitt till färgen.

• Hög % = färger visar större variation av mättnad (dvs. mer "blekta" färger)
• Låg % = färger som liknar förgrunds- och bakgrundsfärger (dvs mindre "blekta" färger)

Brightness Jitter: i vilken utsträckning färgens ljusstyrka kan förändras från för- och bakgrundsfärger. Föreställ dig det som att lägga till i svart till färgen.

• Hög % = färger visar större variation av ljusstyrka (dvs fler "mörka" färger)
• Låg % = färger som liknar förgrunds- och bakgrundsfärger (dvs. mindre "mörka" färger)

Renhet: okej, så den här är "färgskiftet mot eller bort från neutralaxeln". Jag skummade igenom ett papper på den neutrala axeln här, och jag ska vara ärlig … Jag förstår fortfarande inte riktigt. Men jag experimenterade och min slutsats är …

• Positiva % = färgerna kommer närmare mitten av färglinjens mittlinje (färgens "ljusaste" och "starkaste" form)
• 0% = förgrunden och bakgrundsfärgerna är precis som den färg du väljer
• Negativ % = färgerna kommer närmare toppen av färgproverna och förlorar så småningom all färg för att bilda vitt

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

7. Överföring

Opacity Jitter: omfattningen av variation i opacitet för spridningspunkter

• Hög % = mer variation i opacitet
• Låg % = mindre variation i opacitet

Flow Jitter: variation av variation i flödet av spridningspunkter

• Hög % = mer variation i flöde
• Låg% = mindre variation i flöde

Skillnaden mellan opacitet och flöde är att om du går över en stoke igen inom samma slag kan du göra överlappningen mörkare om flödet är lågt, men du kan inte om opaciteten är låg; du måste göra det till en separat stroke. (Det förklaras tydligare här.)

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

8. Endast PÅ-AV-inställningar

Buller: Om den är PÅ, får den borstkanten att pixlas

Våta kanter: Om den är PÅ, betonar den penselns kant och minskar flödet något

Airbrush: Om den är PÅ, minskar det flödet av din borste för att tillåta uppbyggnadseffekter som liknar airbrush

Utjämning: Om den är PÅ aktiverar den utjämning av musvägar

Bevara textur: Om den är PÅ kan den se textur trots andra ändringar i penselinställningar som annars skulle göra det svårt att se strukturen. Därför är det endast tillämpligt om du använder a.

Steg 4: Tillämpa Scatter på Word Design

Låt oss nu sprida en design i ordet!

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

Klicka först på det ursprungliga lagret med texten.

Välj {trollstavsverktyget (W)} och klicka på varje "område" i ordet.

Jag säger "område" för om bokstäverna är anslutna till ditt teckensnitt behöver du bara klicka på det en gång.

I mitt fall är bokstäverna F, U och N alla separata, så jag måste klicka på var och en av dem separat.

Se till att hålla skift när du klickar på olika "områden".

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

Återgå nu till det nya lagret du tidigare skapat.

Välj färgerna du vill använda med färgprovet och plockaren.

Välj {penseln (B)} och rita en punkt.

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

Vara kreativ!

Steg 5: Lägga till en kontur i texten

För att framhäva orden kan du välja att lägga till en kontur i texten.

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

Dubbelklicka på lagret med texten för att öppna fönstret [Layer Style].

Slå på [yttre glöd].

För att ha en gedigen kontur, ändra inställningarna till följande:

• Blandningsläge NORMAL
• Opacitet 100%
• Buller 0%
• Färg (vilken färgkontur du vill att bokstäverna ska ha)
• Teknik PRECISE
• Sprid 100%
• Storlek 10 px (beror på teckenstorlek)
• Kvalitetssektion - lämna som förinställt

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

Bifogad är den Photoshop -fil som jag använde för denna Instructable, med några andra designidéer på en grundbokstav "A".

Vissa mönster är ganska barnsliga, andra är intressanta … använd det som du vill!

Var kreativ!:)

Steg 6: Spara din ikon

Kommando + Skift + S för att spara filen som ett-p.webp

Det är viktigt att spara det som en-p.webp

När du sparar det visas en popup med [PNG-alternativ]. Låt den vara som förinställd "Ingen".

Steg 7: Gör att-p.webp" />

Nu för det stora ögonblicket!

Jag kommer att visa 3 olika processer här:

1. Om du använder ikonen du gjorde
2. Om du använder ikonen från online
3. Om du använder bild

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

1. Om du använder ikonen du gjorde

Öppna filen med Preview.

Markera alla (Kommando + A).

Kopiera (Kommando + C).

Välj den mapp du vill ändra ikonen för.

Få information (Command + I).

Klicka på mappens ikon högst upp i popup-fönstret.

Klistra in ikonen du tidigare kopierade (Command + V).

GJORT!

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

2. Om du använder ikonen från online

Här använder jag en ikon från Creative Commons för att undvika upphovsrättsproblem. Jag antar att ikonen du laddar ner har en färgad bakgrund för att visa hur du tar bort den.

Öppna filen i Preview.

Öppna [Markup -verktygsfältet].

Klicka på [Instant Alpha].

Klicka på bakgrunden och dra lite tills bakgrunden är markerad och släpp sedan. Bakgrunden ska nu väljas.

Radera.

Markera alla (Kommando + A).

Kopiera (Kommando + C).

Välj den mapp du vill ändra ikonen för.

Få information (Command + I).

Klicka på mappens ikon högst upp i popup-fönstret.

Klistra in ikonen du tidigare kopierade (Command + V).

GJORT!

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

3. Om du använder bild

Här använder jag igen en bild från Creative Commons för att undvika upphovsrättsproblem.

Öppna bilden med Preview.

Här kan du antingen bara välja alla, i så fall kommer din bild att vara rektangulär, eller öppna [markeringsverktygsfältet] och använda ett [urvalsverktyg] för att välja ett elliptiskt urval.

Kopiera (Kommando + C).

Välj den mapp du vill ändra ikonen för.

Få information (Command + I).

Klicka på mappens ikon högst upp i popup-fönstret.

Klistra in ikonen du tidigare kopierade (Command + V).

GJORT!

Steg 8: Organisera nu

Nu kan du skapa den perfekta mappen för varje grupp av dokument!

Organisera datorns filer!

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

Om du tyckte om denna instruerbara, vänligen rösta på mig i Spotless Contest!