Hoe u uw computer organiseert met doe-het-zelfpictogrammen (Mac): 8 stappen

2025 Auteur: John Day | [email protected]. Laatst gewijzigd: 2025-01-23 15:01

Ik ben schuldig aan het nooit organiseren van mijn computer.

Ooit.

Rommelig bureaublad, downloadmap, documenten, enz. Het is verbazingwekkend dat ik nog niets ben kwijtgeraakt… nog niet.

Maar organiseren is saai. Tijdrovend. Hoe maak je het bevredigend? Zorg dat het er leuk uitziet. Echt leuk.

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

Hieronder leest u hoe u de mappictogrammen op een MacBook-computer kunt aanpassen.

Dit Instructable kan worden opgesplitst in twee delen:

1. Als u Photoshop wilt gebruiken en uw eigen pictogram helemaal opnieuw wilt maken
2. Als u een bestaande afbeelding als uw pictogram wilt gebruiken

Voor 1, begin met lezen vanaf het begin. Ga voor 2 naar stap 7.

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

Ik ben geen professional, maar ik heb geprobeerd alles zo duidelijk mogelijk te maken.

Ik hoop dat dit nuttig is!

Als je het leuk vindt, stem dan op mij in de Spotless Contest!

Stap 1: Photoshop-pagina instellen

Volgens OSXDaily kan een MacBook-pictogram zo klein zijn als 16×16 pixels en zo groot als 512 x 512 pixels.

Voor de zekerheid zou ik doorgaan en het photoshop canvas 600x600 pixels maken.

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

Wanneer u het canvas maakt, krijgt u een witte achtergrond. We willen dat het transparant is, anders zal je pictogram er een witte vierkante achtergrond omheen laten zien (wat je misschien wilt. Als dat zo is, ga je gang en behoud je de kleur).

Om het wit te wissen, moet je de achtergrondvergrendeling verwijderen.

Gebruik vervolgens het {rechthoekige selectiekader (M)}, selecteer alles (command+A) en verwijder.

(Bekijk de volledige lijst met Photoshop-tools hier).

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

Nu wilt u een basisrichtlijn maken in zowel horizontale als verticale richtingen van het canvas om u te helpen afbeeldingen naar het midden van het canvas te klikken. Als u dit niet doet, kan het zijn dat uw pictogram later niet in het midden is uitgelijnd met de pictogramruimte.

Ga naar [View] > [New Guide…] en selecteer een horizontale lijn met positie "300 pixels" (negeer dat deze oorspronkelijk in centimeters verschijnt).

Herhaal dit voor een verticale lijn met positie "300 pixels".

Nu zou je een lichtblauwe lijn horizontaal en verticaal over het canvas moeten zien lopen om een kruis in het midden te vormen.

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

Ten slotte moet u ervoor zorgen dat uw photoshop-instellingen zo zijn ingesteld dat alles wat u verplaatst, daadwerkelijk vastklikt aan de door u gemaakte hulplijnen. Hiervoor moet je ervoor zorgen dat twee dingen zijn gecontroleerd:

1. [Bekijken] > [Snap]
2. [Bekijken] > [Snap naar] > [Gidsen]

Stap 2: Uw Icon Base maken

Nu begint het leuke gedeelte: je eigen icoon maken.

Ik vind het eigenlijk leuk om van mijn pictogrammen eenvoudige woorden te maken, zoals "UKE" voor een map met mijn ukelele-nummers, of "WORK" voor bestanden die daarvoor relevant zijn.

Voor deze Instructable zal ik een voorbeeld laten zien met het woord "FUN".

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

Stel eerst de basis van het woord in met behulp van de {horizontal type tool (T)}.

Hier gebruik ik alleen Arial Black, omdat:

1. Om de auteursrechtwetten niet te schenden door gedownloade lettertypen te gebruiken
2. Het is een stevig, dik lettertype

Typ het woord en klik het in het midden van je canvas. Voor een woord van 3 letters raad ik een lettergrootte van 60 pt aan, zodat je wat buitenruimte hebt om later versieringen toe te voegen.

Stap 3: Een strooipenseel maken

Laten we nu een spreidingsborstel maken!

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

Maak eerst een nieuwe laag.

Selecteer vervolgens met behulp van het {penseel (B)} elk type penseel dat u wilt. Ik zal een eenvoudige cirkel gebruiken.

Nu, in je [penseelvoorinstellingen] > [Borstel], kun je de instellingen van dit penseel wijzigen om het voor jou te laten verstrooien.

(Als u deze tool niet kunt vinden, gaat u naar [Venster] > [Brush Presets] om het toolvenster te wisselen)

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

Over het algemeen heeft een standaard strooiborstel die ik aanbeveel de volgende instellingen:

• Vorm penseelpunt

  • Hardheid 100%
  • Afstand 30%

• Vormdynamiek: AAN

  • Maat Jitter 100%
  • Minimale diameter 20%
  • Hoekjitter 100%
  • Rondheid Jitter 0%
  • Flip X-jitter: AAN
  • Flip Y Jitter: AAN

• Verstrooiing: AAN

  • Beide assen: UIT
  • Verstrooiing 1000%
  • Aantal: 1
  • Tel jitter: 0%
• Textuur: UIT
• Dubbele borstel: UIT

• Kleurdynamiek: AAN

  • Voorgrond/achtergrond jitter 100%
  • Tint Jitter 5%
  • Verzadiging Jitter 0%
  • Helderheid Jitter 0%
  • Zuiverheid 0%
• Overdracht: UIT
• Ruis: UIT
• Natte randen: UIT
• Airbrush: UIT
• Gladmaken: UIT
• Textuur beschermen: UIT

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

Maar je kunt ze natuurlijk allemaal naar wens aanpassen! Hieronder vindt u een gedetailleerde beschrijving van elke instelling.

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

1. Vorm penseelpunt

Hier kun je het type penseel zien dat je hebt gekozen en de grootte ervan wijzigen.

Hardheid: variaties in de helderheid van de omtrek van de struik.

• Hoog % = meer gedefinieerde (duidelijke) omtrek van elke spreiding
• Laag % = meer wazige (onduidelijke) omtrek van elke spreiding

Spatiëring: frequentie van verstrooiingspunten.

• Hoog % = meer zeldzame (minder) spreidingspunten
• Laag % = frequentere (meer) spreidingspunten

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

2. Vormdynamiek

Hier kun je de 'willekeurigheid' van de grootte van je scatter wijzigen.

Grootte jitter: je krijgt meer verschillende maten. Hoe lager het %, hoe uniformer elke maat zal zijn.

• Hoog % = Meer variatie in grootte van spreidingspunten
• Laag % = Minder variatie in grootte van spreidingspunten

Minimale diameter: bepaalt het bereik van hoe klein elk spreidingspunt kan zijn

• Hoog % = Grotere afmeting van het kleinste spreidingspunt (minder variatie)
• Laag % = kleinere afmeting van het kleinste spreidingspunt (meer variatie)

Angle Jitter: willekeurige rotatie van elk spreidingspunt

• Hoog % = Meer variatie in rotatie van borstel
• Laag % = Minder variatie in rotatie van borstel

Rondheid Jitter: mate waarin uw penseel kan worden 'geplet'

• Hoog % = Meer 'squashing' (dwz als het een cirkelborstel is, zie je meer ovalen)
• Laag % = Minder 'squashing' (dwz als het een cirkelborstel is, zie je meer cirkels)

Flip X Jitter: de borstel horizontaal kantelen

Flip Y Jitter: de borstel verticaal kantelen

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

3. Verstrooiing

Beide assen: Hiermee kan de verstrooiing plaatsvinden in zowel de X- als de Y-richting. (Ik zet dit meestal uit, want als het aan staat, kun je niet tekenen op een lege plek om het te vullen; het zal zich verspreiden naar een andere plaats dan waar je klikt. Voor mij is dat gewoon onhandig.)

Aantal: frequentie van spreidingspunten

• Hoog % = Meer punten
• Laag % = Minder punten

Count Jitter: Willekeurigheid van Count Number (dat wil zeggen dat je sommige gebieden met meer en sommige met minder spreidingspunten zult hebben)

• Hoog % = Meer variaties
• Laag % = Minder variaties

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

4. Textuur

Hier kunt u een textuur (ontwerp) aan de binnenkant van elke borstel toevoegen. Photoshop heeft een aantal vooraf ingestelde texturen, maar u kunt meer gratis texturen online downloaden, zoals hier.

Omkeren: door deze optie AAN en UIT te zetten, worden de donkere en lichte delen van het ontwerp omgekeerd; gebieden met een effen kleur worden transparant en omgekeerd; donkere gebieden worden lichter en vice versa.

Textuur elke tip: bepaalt of u de omtrek van elk punt van de verstrooiingspenseel kunt zien

• AAN = omtrek van elk spreidingspunt zal nog steeds onderscheidend zijn
• UIT = spreidingspunten versmelten met elkaar

Diepte: hoe gedefinieerd is de textuur

• Hoog % = textuur is duidelijk zichtbaar
• Laag % = textuur is vaag (licht)

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

5. Dubbele borstel

Dit lijkt veel op de textuur, maar je kiest een ander penseel om te worden beperkt tot de eerste penseelvorm die je kiest.

Oké, laten we het verduidelijken.

Als uw oorspronkelijke penseeluiteinde bijvoorbeeld een cirkel is en uw dubbele penseeluiteinde een spetterontwerp, toont uw verstrooiing spetters in cirkels.

Modi: Er zijn veel modi. Ze bepalen de manier waarop de dubbele borstel in de originele borstelpunt kleurt. Ik zou je eerlijk aanraden om ze allemaal gewoon door te nemen om te zien hoe het er hier uitziet. Hoe dan ook, de modi zijn: Vermenigvuldigen, Donkerder maken, Overlay, Color Dodge, Color Burn, Linear Burn, Hard Mix en Linear Light.

De omslag, grootte, afstand, spreiding en grootte zijn voor de dubbele penseelpunt, maar het is hetzelfde als die voor en.

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

6. Kleurdynamiek

Hierdoor ontstaat er een variatie in de kleur van je spreidingspunten. De kleurvariatie is gebaseerd op de twee kleuren die u kiest (voorgrond- en achtergrondkleuren) in uw penseelpalet.

Voorgrond/achtergrond jitter: de mate waarin uw achtergrondkleur kan vermengen met de voorgrondkleur

• Hoog % = meer van de achtergrondkleur zichtbaar (d.w.z. bij 100% ziet u het volledige kleurenbereik tussen de voorgrond- en achtergrondkleur)
• Laag % = slechts een klein beetje van de achtergrondkleur zichtbaar (d.w.z. bij 0% ziet u alleen de voorgrondkleur)

Hue Jitter: de mate waarin de kleur kan afwijken van de voor- en achtergrondkleuren

• Hoog % = meer willekeurige kleuren (d.w.z. bij 100% ziet u volledig willekeurige kleuren)
• Laag % = kleuren vergelijkbaar met voor- en achtergrondkleuren (dwz bij 0% ziet u alleen de voorgrondkleur)

Verzadiging Jitter: de mate waarin de kleurverzadiging kan veranderen van voor- en achtergrondkleuren. Als je niet zeker weet wat verzadiging is, beschouw het dan als het toevoegen van wit aan de kleur.

• Hoog % = kleuren vertonen grotere variatie in verzadiging (dwz meer 'vervaagde' kleuren)
• Laag % = kleuren vergelijkbaar met voor- en achtergrondkleuren (dwz minder 'vervaagde' kleuren)

Brightness Jitter: de mate waarin de kleurhelderheid kan veranderen van voorgrond- en achtergrondkleuren. Stel je voor dat je zwart toevoegt aan de kleur.

• Hoog % = kleuren vertonen grotere variatie in helderheid (d.w.z. meer 'donkere' kleuren)
• Laag % = kleuren vergelijkbaar met voor- en achtergrondkleuren (dwz minder 'donkere' kleuren)

Zuiverheid: oke, dus deze is "de kleurverschuiving naar of weg van de neutrale as". Ik bladerde hier door een paper op de neutrale as, en ik zal eerlijk zijn… ik snap het nog steeds niet helemaal. Maar ik heb geëxperimenteerd en mijn conclusie is…

• Positief % = kleuren komen dichter bij het midden van de hartlijn van de kleurstalen (de 'helderste' en 'sterkste' vorm van de kleur
• 0% = voor- en achtergrondkleuren zijn precies zoals de kleur die u kiest
• Negatief % = kleuren komen dichter bij de bovenkant van de kleurstalen en verliezen uiteindelijk alle kleur om wit te vormen

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

7. Overdracht

Dekkingsjitter: mate van variatie in dekking van spreidingspunten

• Hoog % = meer variatie in dekking
• Laag % = minder variatie in dekking

Flow Jitter: mate van variatie in stroom van verstrooiingspunten

• Hoog % = meer variatie in stroming
• Laag% = minder variatie in stroming

Het verschil tussen dekking en stroom is dat als je binnen dezelfde slag opnieuw over een stoke gaat, je de overlap donkerder kunt maken als de stroom laag is, maar je kunt niet als de dekking laag is; je zou er een aparte slag van moeten maken. (Het wordt hier duidelijker uitgelegd.)

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

8. Alleen AAN-UIT Instellingen

Ruis: indien AAN, wordt de rand van je penseel korrelig

Natte randen: indien AAN, benadrukt het de rand van uw penseel en vermindert het de stroom enigszins

Airbrush: Indien AAN, vermindert het de stroom van je penseel om airbrush-achtige opbouweffecten mogelijk te maken

Gladmaken: indien AAN, wordt het vloeiend maken van het muispad ingeschakeld

Textuur behouden: Indien AAN, kan textuur zichtbaar zijn ondanks andere wijzigingen in de penseelinstellingen die het anders moeilijk zouden maken om de textuur te zien. Daarom is het alleen van toepassing als u een.

Stap 4: Scatter toepassen op Word-ontwerp

Laten we nu een ontwerp in het woord strooien!

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

Klik eerst op de originele laag met de tekst.

Selecteer het {toverstafgereedschap (W)} en klik op elk 'gebied' van het woord.

Ik zeg 'gebied', want als de letters van je lettertype zijn verbonden, hoef je er maar één keer op te klikken.

In mijn geval zijn de letters F, U en N allemaal gescheiden, dus ik moet ze afzonderlijk aanklikken.

Zorg ervoor dat u shift ingedrukt houdt wanneer u op verschillende 'gebieden' klikt.

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

Keer nu terug naar de nieuwe laag die u eerder hebt gemaakt.

Gebruik het kleurstaal en de kiezer om de gewenste kleuren te selecteren.

Selecteer de {penseel (B)} en teken een spreiding.

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

Wees creatief!

Stap 5: Een omtrek toevoegen aan de tekst

Om de woorden te accentueren, kunt u besluiten een omtrek aan de tekst toe te voegen.

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

Dubbelklik op de laag met de tekst om het venster [Laagstijl] te openen.

Zet de [Buitenste gloed] AAN.

Wijzig de instellingen in het volgende om een solide overzicht te krijgen:

• Mengmodus NORMAAL
• dekking 100%
• Ruis 0%
• Kleur (welke kleuromtrek je de letters wilt hebben)
• Techniek PRECIES
• Verspreiding 100%
• Grootte 10 px (afhankelijk van lettergrootte)
• Kwaliteitssectie -- laat als voorinstelling

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

Bijgevoegd is het photoshop-bestand dat ik voor deze Instructable heb gebruikt, met enkele andere ontwerpideeën op een basisletter "A".

Sommige ontwerpen zijn nogal kinderachtig, andere zijn interessant… gebruik het alsjeblieft zoals je wilt!

Wees creatief!:)

Stap 6: Uw pictogram opslaan

Command + Shift + S om uw bestand op te slaan als een PNG-indeling.

Het is belangrijk om het op te slaan als een PNG, omdat het dan de transparante achtergrond behoudt. Als het een JPEG is, wordt deze wit weergegeven in plaats van transparant.

Wanneer u het vervolgens opslaat, wordt een pop-up met [PNG-opties] weergegeven. Laat het als de voorinstelling "Geen".

Stap 7: De-p.webp" />

Nu voor het grote moment!

Ik zal hier 3 verschillende processen laten zien:

1. Als u het pictogram gebruikt dat u hebt gemaakt
2. Als u het pictogram van online gebruikt
3. Bij gebruik van afbeelding

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

1. Als je het pictogram gebruikt dat je hebt gemaakt

Open het bestand met Voorvertoning.

Alles selecteren (Command + A).

Kopiëren (Command + C).

Selecteer de map waarvan u het pictogram wilt wijzigen.

Informatie ophalen (Command + I).

Klik op het pictogram van de map bovenaan de pop-up.

Plak het pictogram dat u eerder hebt gekopieerd (Command + V).

GEDAAN!

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

2. Als u het pictogram van online gebruikt

Hier gebruik ik een pictogram van Creative Commons om copyrightproblemen te voorkomen. Ik ga ervan uit dat het pictogram dat u downloadt een gekleurde achtergrond heeft om te laten zien hoe u het kunt verwijderen.

Open het bestand in Voorvertoning.

Open [Markup-werkbalk].

Klik op [Instant Alpha].

Klik op het achtergrondgebied en sleep een klein beetje totdat de achtergrond helemaal is gemarkeerd en laat dan los. De achtergrond moet nu worden geselecteerd.

Verwijderen.

Alles selecteren (Command + A).

Kopiëren (Command + C).

Selecteer de map waarvan u het pictogram wilt wijzigen.

Informatie ophalen (Command + I).

Klik op het pictogram van de map bovenaan de pop-up.

Plak het pictogram dat u eerder hebt gekopieerd (Command + V).

GEDAAN!

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

3. Bij gebruik van afbeelding

Hier gebruik ik opnieuw een afbeelding van Creative Commons om copyrightproblemen te voorkomen.

Open de afbeelding met Voorbeeld.

Hier kunt u ofwel alles selecteren, in welk geval uw afbeelding rechthoekig is, of de [markup toolbar] openen en een [selectietool] gebruiken om een elliptische selectie te selecteren.

Kopiëren (Command + C).

Selecteer de map waarvan u het pictogram wilt wijzigen.

Informatie ophalen (Command + I).

Klik op het pictogram van de map bovenaan de pop-up.

Plak het pictogram dat u eerder hebt gekopieerd (Command + V).

GEDAAN!

Stap 8: Organiseer nu

Nu kunt u de perfecte map maken voor elke groep documenten!

Ga de bestanden van je computer ordenen!

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

Als je deze Instructable leuk vond, stem dan op mij in de Spotless Contest!