Share
Vandaag laat ik je zien hoe je een vervangingspictogram voor het adresboek kunt maken voor Mac OSX. Als je een beginner bent, is het beter om te beginnen met het ontwerpen van vervangende pictogrammen om wat oefening te krijgen. Laten we beginnen met het personaliseren van de pictogrammen in onze werkruimten.
Laten we eens kijken naar de afbeelding die we gaan maken.
Het creëren van een goed Mac OSX-pictogram gaat niet alleen over een idee of een geavanceerd ontwerp, maar ook over de regels. Wanneer u begint met het ontwerpen van een pictogram voor Mac OSX, zijn er veel dingen die u moet weten. Allereerst moet je de Apple Human Interface Guidelines lezen. Het geeft u een basiskennis over de filosofie van het ontwerp van de gebruikersinterface van de Mac OSX. Het volgende dat je moet overwegen, is eigenlijk wat je wilt maken, dus laten we beginnen met het maken van ons eigen gepersonaliseerde pictogram voor onze app Adresboek.
We beginnen met een kleine theorie over icoonverlichting. Het is heel eenvoudig om het te begrijpen. Er zijn twee lichtbronnen - een zonlicht als een sterke lichtbron en een omgevingsreflectie als een zachte lichtbron.
Maak een nieuw document van 1024 bij 1024 pixels. Om een 512px bij 512px-rechthoek te definiëren (standaard Leopard-pictogram) voegt u vier handleidingen toe (Beeld> Nieuwe gids).
Maak een nieuwe laag en voeg een afgeronde rechthoek (met een diameter van 20px) toe als vormlaag. Dit wordt de hoofdvorm van het boek. Ik zou graag een rood boek willen hebben, dus ik ga een rode kleur kiezen als vulkleur. Laten we deze laag 'Boekomslag' noemen.
De boeken of de papieren van Mac OSX-pictogrammen hebben een specifiek perspectief, zie de afbeelding hieronder.
Neem het gereedschap Direct selecteren (A) en selecteer twee hoekpunten (altijd twee). Lijn ze vervolgens uit met onze gidsen (en verberg vervolgens de hulplijnen). Kopieer de laag 'Boekomslag' nog een keer en hernoem het naar 'Papier'. We gaan deze laag later gebruiken, dus verberg het voor nu.
Dubbelklik op de "Boekomslag" om het venster Laagstijl te openen en alle onderstaande instellingen toe te passen. Vergeet niet om Blendgeknipte lagen als groep in de overvloeimogelijkheden te controleren.
Maak een nieuwe laag, druk op Command + Alt + G om de laag in een uitknipmasker te veranderen. Selecteer het gereedschap Pen (P) en maak links een donkerblauwe brede lijn. Laten we het gewoon "Black Binding" noemen, omdat het donkerblauwe eruit ziet als een zwarte kleur.
Pas deze instellingen toe op de "Black Binding."
Voeg nog twee knipmaskers toe aan de vorm van het boek. Deze maskers moeten zich onder de "Black Binding" -laag bevinden. Vul de eerste met zwart. Ga vervolgens naar Filter> Ruis> Ruis toevoegen (pas een hoeveelheid van 75% toe en stel de verdeling in op uniform). Wijzig ook de overvloeimodus in Overlay en zet de dekking op 7%. Breng op het tweede knipmasker het notitiepapierfilter aan (met de beeldbalans van 20, korreligheid van 15 en reliëf van 10). Wijzig de overvloeimodus in Overlay en zet de dekking op 3%.
Laten we wat patronen toevoegen aan de 'Black Binding'. Maak nog eens twee knipmaskers, dit keer moeten ze natuurlijk over de "Black Binding" -laag heen zijn. Nu moeten we een selectie maken van de 'Black Binding'. Dus houd Command ingedrukt en klik op het vectormasker van de "Black Binding." Vul de selectie met een zwarte kleur en pas het filter grafische pen toe met de onderstaande instellingen.
Klik op Uitpakken (Command + Alt + X) en pak ongeveer de helft van de zwarte stroken uit de witte kleur.
Wijzig de overvloeimodus van deze laag in Overlay en zet de dekking op 10%.
Nu gaan we iets herhalen uit voorgaande stappen. Dus selecteer het tweede knipmasker dat we in stap 9 hebben gemaakt. Voer dezelfde stappen uit als in stap 9, maar zonder het filter grafische pen toe te passen. We gaan het Note Paper-filter gebruiken zoals in stap 8, met dezelfde instellingen (Image Balance - 20, Graininess - 15, Relief - 10). En nogmaals, verander de overvloeimodus in Overlay en laat deze keer de laagdekking op 100%.
Het laatste wat we moeten doen met de "Black Binding" (en op de cover van het boek) is om wat zichtbare krassen toe te voegen. Maak een nieuwe laag boven alle knipmaskers voor "Boekomslag". Selecteer het penseel en een Starburst-penseel (je vindt het in verschillende penselen).
Grijp een zwarte kleur, maak een selectie van de "Black Binding" (Command + klik op het vectormasker) en klik meerdere keren op de rechterrand van de selectie. Maak aan het einde een nieuwe groep, noem deze "Front Cover". Verplaats alle lagen die we hebben gebruikt om de boekomslag daar te tekenen.
Dus laten we een back toevoegen aan ons boek. Kopieer de groep "Front Cover", hernoem het naar "Back Cover" en verplaats het onder de groep "Front Cover".
De "Achteromslag" is bijna gelijk aan de "Vooromslag". We hoeven alleen maar twee laagseffecten te verbergen. De eerste is een slagschaduw van de vorm van het hoofdboek en de tweede is een afschuining en reliëf van de vorm 'Zwarte binding'.
Nu is het tijd om de laag "Papier" uit stap 4 te gebruiken. Onthul deze laag en pak het gereedschap Direct selecteren. Wat we nu gaan doen is de laag "Papier" verkleinen. Maar zoals u kunt zien, gebruiken we Transformatie niet omdat we de afgeronde hoeken van het papier in dezelfde straal moeten houden als de hoeken van de boekomslag. Als we schalen met Transformatie, wordt de straal van de hoeken ook geschaald. Selecteer altijd twee hoekpunten en verplaats ze een beetje dichter bij de volgende hoek. Wijzig tenslotte de vulkleur in wit.
Pas deze instellingen toe op de laag "Papier".
Als u vijf papieren wilt maken, kopieert u de papierlaag vier keer. Plaats ze daarna zoals hieronder getoond.
Maak een nieuwe groep, noem die "Papers" en verplaats alle papieren naar deze groep. Plaats deze groep onder de groep "Front Cover" en boven de groep "Back Cover".
Er ontbreekt nog iets? Ringen, natuurlijk. Dus laten we ze doen. Maak eerst een ellips met de Ellipse Tool (U).
Trek een andere ellips binnen de eerste ellips af met behulp van het Ellips-gereedschap (U) in de aftrekmodus (-).
Trek het verborgen deel van de ringvorm af met behulp van het gereedschap Pen (P) in de aftrekmodus (-). Noem deze laag "Ring".
Pas deze instellingen toe op de "Ring".
Als u een kleine weerspiegeling van de rode kleur wilt maken, dupliceert u de "Ring", wist u de laagstijlen en past u deze eigenschappen toe.
Voeg een nieuwe laag toe, noem deze "Ring shadow" en ga naar Layer> Vector Mask> Reveal All. Klik op het vectormasker van de "Ring" en kopieer het pad naar de "Ring Shadow" -laag. Selecteer deze laag en gebruik een zachte zwarte 100px-borstel met 20% dekking om een zwarte kleur aan de uiteinden van de 'ring' toe te voegen.
Maak een "Ring Eye" met de Ellipse Tool (U).
Pas deze laaginstellingen toe op de "Ring Eye".
Voeg een nieuwe laag toe onder de "Ring" en boven de "Ring Eye". Maak een selectie van de "Black Binding." Neem een zwarte 50px Brush met 30% Dekking en schilder een schaduw onder de "Ring".
Zoals je kunt zien, is het noodzakelijk om de rand van de "Ring" te repareren. Maak een nieuwe laag over alle "Ring" -knipmaskers en bevestig het met een klein zwart penseel.
Maak een nieuwe groep, noem deze "Ringlagen" en plaats alle "Ring" -lagen daar. Kopieer deze groep vervolgens en verplaats deze. De schaduw onder de tweede "Ring" moet een beetje anders zijn, dus draai hem een paar graden dichter bij de "Ring". Om vijf ringen te krijgen, herhaal deze stap nog drie keer (zonder een nieuwe groep te maken).
Selecteer het gereedschap Pen (P) en maak een vorm van een vouw, zoals in de onderstaande afbeelding.
Pas de volgende eigenschappen toe op de "vouw".
Dupliceer de "vouw" vier keer.
Oké, laten we een schaduw toevoegen aan het boek. Ik ga de boekvorm niet transformeren en vervagen, maar in plaats daarvan gebruik ik alleen het penseel (B) en het wisgereedschap (E). Ik denk dat deze manier misschien moeilijker voor je is, maar ik hoop dat als je je best doet, het resultaat reëler zal zijn. Je kunt ook spelen met de dekking van deze laag, belangrijk is dat de schaduw niet te sterk en donker moet zijn (een swhite achtergrond helpt ons hierbij).
Nu hebben we het boek gedaan. Je kunt het gebruiken als vervangend pictogram voor veel toepassingen, maar als we het als Adresboek willen gebruiken, moeten we nog een detail toevoegen. Het wordt een at-sign zoals in het originele pictogram. Dus kies je favoriete lettertype (ik houd van Myriad Pro), stel de lettergrootte in op 250pt en typ het teken "@."
Draai vervolgens het bordje ongeveer 10 ° naar links ...
... en pas deze instellingen toe.
Kopieer het at-sign, verplaats het een paar pixels naar boven en een paar pixels naar rechts. Wis de laagstijl, verander de kleur in wit en pas de nieuwe instellingen toe. Vergeet niet om de dekking in te stellen op 80%.
Ik hoop dat deze tutorial nuttig voor je is als een startpunt bij het maken van Mac OSX-stijlpictogrammen. Zo niet, dan kunt u dit pictogram voor Mac OSX op zijn minst gratis downloaden onder de CC-licentie en als een kleine bonus. Ik heb ook nog twee kleurenversies toegevoegd: groen en zwart. Klik op de onderstaande afbeelding om dit pictogram te downloaden. Hier is een artikel dat beschrijft hoe u aangepaste Mac OSX-pictogrammen kunt installeren.
Accentsconagua