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:
[Bekijken] > [Snap]
[Bekijken] > [Snap naar] > [Gidsen]
Stap 2: Uw Icon Base maken
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:
Om de auteursrechtwetten niet te schenden door gedownloade lettertypen te gebruiken
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
Een strooipenseel makenEen strooipenseel makenEen 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
Scatter toepassen op Word-ontwerpScatter 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
Een omtrek toevoegen aan de tekstEen omtrek toevoegen aan de tekstEen omtrek toevoegen aan de tekstEen 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
Uw pictogram opslaanUw 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" />
De laten weergeven als het mappictogramDe laten weergeven als het mappictogramDe laten weergeven als het mappictogramDe laten weergeven als het mappictogram
Nu voor het grote moment!
Ik zal hier 3 verschillende processen laten zien:
Als u het pictogram gebruikt dat u hebt gemaakt
Als u het pictogram van online gebruikt
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 organiseren!Nu organiseren!
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!
