We hebben veel mooi ontworpen pictogrammen voor Windows getoond, maar heb je je ooit afgevraagd hoe je je eigen pictogrammen kunt maken? Laad een webbrowser en GIMP (of uw favoriete foto-editor) en we laten u zien hoe u van elke afbeelding een ICO-bestand kunt maken.
Als u pictogrammen met een hoge resolutie kunt gebruiken, zorgt u er echt voor dat uw pc er fantastisch uitziet, maar het is zo vervelend als u er geen kunt vinden die eruitziet zoals u wilt. Maak ze dus zelf en geef Windows echt de aangepaste look waar u naar op zoek was.
Afbeeldingen grijpen voor aangepaste pictogrammen
Uw nieuwe pictogrammen kunnen zijn wat u maar wilt, of wat u maar kunt Googlen. Je kunt je eigen ontwerp maken, als je artistiek geneigd bent, maar ter demonstratie halen we gewoon iets eenvoudigs uit Google Afbeeldingen. Als er meerdere versies zijn van de afbeelding waarnaar je op zoek bent, pak dan de best uitziende versie met de hoogste resolutie, wat zou moeten zijn boven 256 x 256 pixels. Hoger is prima, maar kleiner kan een pictogram met een lage resolutie opleveren!
De afbeelding voorbereiden
De volgende stap is het verwijderen van de delen van de afbeelding die u niet in uw pictogram wilt. We gebruiken hiervoor GIMP, de populaire gratis en open-source afbeeldingseditor, maar u kunt een andere afbeeldingseditor gebruiken als u daar de voorkeur aan geeft. De principes zullen hetzelfde zijn.
Gelukkig heeft onze voorbeeldafbeelding strakke, goed gedefinieerde zwarte lijnen rond het onderwerp en een effen achtergrond. Dat maakt de fuzzy select tool (Toverstaf in Photoshop) de ideale tool voor de klus. Voor afbeeldingen met complexere achtergronden moet u complexere methoden gebruiken.
Eerst moeten we ervoor zorgen dat onze afbeelding een alfakanaal heeft. Alfakanalen zorgen ervoor dat afbeeldingen transparant zijn. In het geval van ons pictogram zorgt het ervoor dat we geen lelijke, puur witte achtergrond hebben.
Open je afbeelding in GIMP, ga dan naar de rechterkant en zoek het lagenmenu. Er zal waarschijnlijk maar één laag zijn, tenzij je zoiets als een PSD-bestand hebt gedownload. Klik met de rechtermuisknop op de laag en klik vervolgens op ‘Alfakanaal toevoegen’. Als de optie grijs is, heb je geluk: de afbeelding die je hebt gedownload, heeft al een alfakanaal.
Dan moeten we enkele instellingen aanpassen voor de tool voor fuzzy selection. Activeer het kieskeurige gereedschap door op het pictogram linksboven te klikken en vink vervolgens het vakje ‘Toon masker’ aan.
Het masker is niet strikt noodzakelijk, maar het is nuttig. Het markeert de regio die wordt geselecteerd in felroze terwijl u met de linkermuisknop klikt, waardoor het veel gemakkelijker te zien is. Zodra u de linkermuisknop loslaat, verdwijnt het roze masker, maar blijft uw regio geselecteerd. Druk op de Delete-toets om de geselecteerde regio te verwijderen.
In dit geval is één keer klikken op de witte achtergrond niet voldoende, omdat de zwarte lijnen die Mario omlijnen de rand van de afbeelding raken. Je hebt drie opties:
- Verwijder de witte achtergrond stukje bij beetje totdat het helemaal weg is.
- Houd Shift+Links ingedrukt en klik op elk gebied dat wordt gevormd door de zwarte omtrek van Mario (of zijn vliegtuig) die de rand van de afbeelding raakt, en verwijder ze vervolgens allemaal tegelijk.
- Pas de tolerantie van de wazige selectiestaaf aan om alle regio’s met één klik te selecteren en ze vervolgens tegelijkertijd te verwijderen.
Tip: De derde methode is erg handig voor dit voorbeeld. Als u de tool voor fuzzy selection actief heeft, kunt u met één keer links klikken een regio selecteren. Als u de linkermuisknop ingedrukt houdt en naar rechts of omlaag sleept, wordt de tolerantie vergroot en door naar links of omhoog te slepen wordt de tolerantie verlaagd. Houd de linkermuisknop ingedrukt in het eerste gebied dat u wilt verwijderen en sleep vervolgens uw cursor naar rechts totdat alle witte gebieden zijn geselecteerd. Sleep je cursor niet naar het personage of zijn vlak – dan worden ze ook geselecteerd.
Nadat je alle witte achtergrond hebt geselecteerd en verwijderd, zou je de piloot en zijn vliegtuig op een grijs geblokte achtergrond moeten zien.
Klik op Bestand > Exporteren als en exporteer de afbeelding als een PNG. Behoud de standaard opslaginstellingen en noem de afbeelding wat u maar wilt.
Een icoon maken
Zodra we onze afbeelding hebben opgeschoond, moeten we deze de juiste maat maken. Pictogrammen zijn er in verschillende maten, maar ze zijn altijd vierkant. Veelgebruikte formaten voor Windows-pictogrammen zijn 256 × 256, 48 × 48, 32 × 32, 24 × 24 en 16 × 16, maar er zijn er nog veel meer. Pictogrambestanden, ICO’s, slaan vaak meerdere versies van hetzelfde pictogram op met verschillende resoluties. Op die manier kan het pictogram worden gebruikt in verschillende formaten.
Pas eerst het formaat van de afbeelding aan door op Shift + s te drukken of door naar Extra > Transformeerhulpmiddelen > Schaal te gaan. Het vak dat verschijnt, toont de breedte en hoogte van de afbeelding waarmee u werkt — verander de grootste van de twee hoeveelheden in 256 en klik vervolgens op Schaal. De andere hoeveelheid moet dienovereenkomstig veranderen. Als de afbeelding niet perfect vierkant is, hoeft u zich daar geen zorgen over te maken.
We moeten nu het formaat van het canvas wijzigen, zodat het 256 × 256 is. Ga naar Afbeelding > Canvasgrootte, stel de canvasgrootte in op 256×256 en klik vervolgens op Formaat wijzigen.
Als uw startafbeelding niet precies 256 × 256 was, wordt deze niet goed gecentreerd op de lengte- of breedte-as. De eenvoudigste manier om dit op te lossen, is door het te bekijken met het gereedschap Verplaatsen.
U kunt richtlijnen toevoegen om u te helpen het precies gecentreerd te krijgen als u nauwkeuriger wilt zijn. Ga naar Afbeelding > Gidsen > Nieuwe gids (per procent), en plaats een gids op 50%. Als je afbeelding niet verticaal gecentreerd is, gebruik dan een horizontale hulplijn; als het niet horizontaal gecentreerd is, gebruik dan een verticale geleider.
De hulplijn verschijnt als een blauwe lijn door het midden van het canvas – wanneer u op de afbeelding klikt met het gereedschap Verplaatsen, verschijnt er een klein wit kruis in het midden van de afbeelding. Klik en sleep de afbeelding met het verplaatsgereedschap totdat het kruis zo dicht mogelijk bij de blauwe lijn staat.
Zodra dat is gebeurd, moet u de andere formaten maken. Klik met de rechtermuisknop op de originele laag en klik op “Laag dupliceren”, of klik met de linkermuisknop op de laag en druk op Ctrl+d. Er zijn vier duplicaten in dit voorbeeld. Dubbelklik op elke laag en hernoem het tot iets beschrijvends, zoals 256 × 256, 48 × 48, 24 × 24, enz. Selecteer vervolgens elke laag en schaal deze naar de juiste grootte met behulp van de transformatietools, net zoals u eerder deed.
Het maken van extra hulplijnen voor elke pictogramgrootte maakt het positioneren van de lagen een fluitje van een cent. Voor elke pictogramgrootte wilt u hulplijnen op de helft van de totale breedte en hoogte plaatsen om het middelpunt te vinden. Navigeer opnieuw naar Afbeelding> Gidsen, maar selecteer deze keer “Nieuwe gids” in plaats van “Gidsen per procent”. Als u bijvoorbeeld een formaat van 48×48 heeft, plaatst u zowel de horizontale als de verticale hulplijnen op 24. Gebruik vervolgens het gereedschap Verplaatsen om elk pictogram op zijn plaats te verplaatsen.
Opmerking: Als het je niet uitmaakt hoe je werkbestand eruitziet, hoef je de lagen niet echt op deze manier te ordenen. Het belangrijkste is dat elke laag correct wordt geschaald.
Klik op Bestand > Opslaan en sla het hele project op als een XCF. Als er een probleem is, of als u later iets wilt wijzigen, is het hebben van het werkbestand van onschatbare waarde.
Daarna moet u naar Bestand > Exporteren als gaan, op “Bestandstype selecteren” klikken en naar “.ico” zoeken in de lijst met bestandsextensies. Geef uw pictogram een naam en klik vervolgens op ‘Exporteren’. Ga je gang en bewaar de standaardinstellingen in de pop-up en klik vervolgens opnieuw op “Exporteren”.
Het maken van het pictogram was het moeilijkste deel – het enige dat overblijft is om uw aangepaste pictogram te gebruiken. Als je een compleet nieuw icoon wilt maken, kan dat ook in GIMP. Als alternatief kunt u een programma zoals Inkscape gebruiken.