Share
In deze zelfstudie laat ik je zien hoe je een adresboekpictogram maakt met Adobe Photoshop. Ik zal beginnen met uit te leggen hoe je een eenvoudig raster opzet en hoe je optimaal kunt profiteren van de functie Raster magnetisch raster. Vervolgens zal ik uitleggen hoe je een reeks eenvoudige vectorvormen kunt maken en hoe je ze kunt inkleuren met behulp van elementaire Layer Style-attributen en enkele Photoshop-patroonpresets. Ten slotte zal ik je laten zien hoe je subtiele schaduwen en hooglichten kunt toevoegen met behulp van basale mengtechnieken en eenvoudige effecten. Laten we beginnen!
U hebt de volgende items nodig om deze tutorial te voltooien. Download ze voordat je begint. Als ze niet beschikbaar zijn, zoek dan alternatieven.
Open Photoshop en klik Command / Ctrl-N om een nieuw document te maken. Voer alle gegevens in die in de volgende afbeelding worden getoond en klik op OK. Schakel het raster in (Beeld> Tonen> Raster) en de Snap to Grid (Beeld> Uitlijnen> raster). Om te beginnen heb je elk een rooster nodig 10px, dus ga naar Bewerken> Voorkeuren> Gidsen, raster en segmenten. invoeren 10 in de Gridline Every doos en 1 in de Onderverdeling doos. Stel ook de kleur van het raster in # a7a7a7. Nadat u al deze eigenschappen hebt ingesteld, klikt u op de OK knop. Laat je niet ontmoedigen door al die rasters, het zal je werk later verlichten. Houd er rekening mee dat u het eenvoudig kunt in- of uitschakelen met behulp van de Command / Ctrl' Toetsenbord sneltoets. U moet ook de. Openen info paneel (Venster> Info) voor een live preview met de grootte en positie van je vormen.
Zet de voorgrondkleur op # aecef5. Kies het Afgeronde rechthoek-tool, ga naar het configuratiescherm en stel de Radius op 5px. Maak een 240 x 380 px afgeronde rechthoek, de Klik op raster zou je werk moeten vergemakkelijken.
Kies het Rechthoekgereedschap. Houd de alt op uw toetsenbord en maak een 40 x 330 px rechthoek zoals getoond in de volgende afbeelding.
Selecteer de vector met je vectorvorm Afgeronde rechthoek-tool. Houd de Verschuiving knop van uw toetsenbord en maak een 50 x 20 px afgeronde rechthoek zoals getoond in de volgende afbeelding.
Kies nu het Afgeronde rechthoek-tool. Houd de Verschuiving knop van uw toetsenbord en maak een 20 x 340 px afgeronde rechthoek zoals getoond in de volgende afbeelding.
Met de Rechthoekgereedschap, houd de alt knop van uw toetsenbord en maak een 10 x 380 px rechthoek zoals getoond in de volgende afbeelding.
In de Lagen paneel, dubbelklik op uw vectorvorm om het te openen Laagstijl venster. Activeer de Schuine kant en reliëf en de Contour, de Innerlijke schaduw, de Satijn, de Overlay met kleurovergang en de Patroon overlay voer vervolgens de kenmerken in die in de volgende afbeelding worden getoond. Hier kun je het leren patroon vinden dat je nodig hebt voor de Patroon overlay sectie.
Zorg ervoor dat je vectorvorm nog steeds is geselecteerd en raak Command / Ctrl-J om het te dupliceren. In de Lagen paneel, klik met de rechtermuisknop op uw exemplaar en ga naar Laagstijl wissen. In de Lagen paneel, verlaag het Vullen naar 0% open vervolgens de Laagstijl venster. Activeer de Innerlijke schaduw voer vervolgens de kenmerken in die in de volgende afbeelding worden getoond.
Zet de voorgrondkleur op # 384445, kies het Afgeronde rechthoek-tool, Maak een 40 x 380 px vectorvorm en plaats deze zoals getoond in de volgende afbeelding. Zorg ervoor dat deze nieuwe afgeronde rechthoek geselecteerd blijft en stuur deze naar achteren (Command / Ctrl + Shift + [) open vervolgens de Laagstijl venster. Activeer de Beroerte en de Innerlijke schaduw voer vervolgens de kenmerken in die in de volgende afbeeldingen worden getoond.
Zet de voorgrondkleur op # c7baac, kies het Rechthoekgereedschap, Maak een 20 x 50 px vectorvorm en plaats deze zoals getoond in de volgende afbeelding. Open de Laagstijl venster voor deze nieuwe rechthoek en voer de kenmerken in die in de volgende afbeeldingen worden getoond.
Zet de voorgrondkleur op # dbcec0, kies het Rechthoekgereedschap, maak een seconde 20 x 50 px vectorvorm en plaats deze zoals getoond in de volgende afbeelding. Open de Laagstijl venster voor deze nieuwe rechthoek en voer de kenmerken in die in de volgende afbeeldingen worden getoond.
Duplicaat (Command / Ctrl-J) de twee rechthoeken waaruit de stukjes papier bestaan en plaats de kopieën zoals in de volgende afbeelding wordt getoond. Nogmaals, de Klik op raster functie zal van pas komen.
Schakel het raster uit (Beeld> Tonen> Raster). Kies het Type Tool (T) en klik op je canvas om je kleine letters toe te voegen. Gebruik het Calibri-lettertype, stel de grootte in op 12pt en de kleur naar zwart (# 000000). Zorg ervoor dat al uw tekst is geselecteerd en in de Lagen paneel, verander de Overvloeimodus naar bedekking. Open vervolgens de Laagstijl venster. Activeer de Slagschaduw en voer de attributen in die in de volgende afbeelding worden getoond. Selecteer opnieuw de zes rechthoeken waaruit de stukjes papier bestaan, samen met alle stukjes tekst en Groep hen (Command / Ctrl-G). Ga naar de Lagen paneel en sleep deze nieuwe groep onder de vectorvorm die de voorkant van uw adresboek vormt.
Schakel het raster in (Beeld> Tonen> Raster). Zet de voorgrondkleur op # 384445, kies het Afgeronde rechthoek-tool, Maak een 40 x 380 px vectorvorm en plaats deze zoals getoond in de volgende afbeelding. In de Lagen paneel, houd de Command / Ctrl knop op uw toetsenbord, klik op de vectorvorm die de voorkant van uw adresboek vormt en u krijgt er een eenvoudige selectie omheen. Zorg ervoor dat deze selectie actief blijft en in de Lagen paneel, selecteer opnieuw de afgeronde rechthoek gemaakt aan het begin van de stap, houd de knop ingedrukt alt knop van uw toetsenbord en klik op de Breng een laag masker aan knop (geïllustreerd door de blauwe cirkel in de volgende afbeelding). Uiteindelijk zou je gemaskeerde vectorvorm eruit moeten zien in de derde afbeelding. Als je klaar bent, sla je Command / Ctrl-D om van die selectie af te komen.
Zorg ervoor dat uw gemaskeerde vectorvorm nog steeds is geselecteerd en in de Lagen paneel, verlaag het Vullen naar 0% open vervolgens de Laagstijl venster, activeer de Innerlijke schaduw en voer de attributen in die in de volgende afbeelding worden getoond.
De ... gebruiken Rechthoekgereedschap, Maak een 30 x 380 px vectorvorm en plaats deze zoals getoond in de eerste afbeelding. Open de Laagstijl venster voor deze nieuwe rechthoek en voer de kenmerken in die in de volgende afbeeldingen worden getoond.
Voor de volgende stappen heeft u elk een raster nodig 5px, dus ga naar Bewerken> Voorkeuren> Gidsen, raster en segmenten en ga naar binnen 5 in de Gridline Every doos. Kies het Afgeronde rechthoek-tool, en stel de Radius op 3px. Zet de voorgrondkleur op # d11812, keer terug naar je canvas, maak een 25 x 380 px afgeronde rechthoek en plaats deze zoals getoond in de eerste afbeelding. Zorg ervoor dat uw rode, afgeronde rechthoek geselecteerd blijft en schakel over naar de Rechthoekgereedschap. Houd de alt knop van uw toetsenbord en maak een 10 x 380 px vectorvorm zoals weergegeven in de tweede afbeelding. Uiteindelijk zouden de dingen eruit moeten zien in de tweede afbeelding. Open de Laagstijl venster voor uw rode vectorvorm, activeer de Overlay met kleurovergang en voer de attributen in die in de volgende afbeelding worden getoond.
Voor de volgende stappen heeft u elk een raster nodig 1px, dus ga naar Bewerken> Voorkeuren> Gidsen, raster en segmenten en ga naar binnen 1 in de Gridline Every doos. Zet de voorgrondkleur op # 6c1c07, kies het Rechthoekgereedschap, Maak een 5 x 376 px vectorvorm en plaats deze zoals getoond in de volgende afbeelding.
Open de Lagenstijl venster voor de vectorvorm gemaakt in de vorige stap, activeer de Innerlijke schaduw en voer de attributen in die in de volgende afbeelding worden getoond.
Zet de voorgrondkleur op # 7c2d0c, kies het Afgeronde rechthoek-tool, Maak een 2 x 7px vectorvorm en plaats deze zoals getoond in de volgende afbeelding.
Dupliceer je kleine, afgeronde rechthoek (Command / Ctrl-J), selecteer de kopie en sleep deze 13px naar beneden. Herhaal deze techniek en voeg nog eens zesentwintig kopieën toe, zoals weergegeven in de volgende afbeelding. Als je klaar bent, selecteer je al je kleine afgeronde rechthoeken en in de Lagen paneel, klik met de rechtermuisknop op een van deze vectorvormen en ga naar Vormen samenvoegen.
Open de Lagenstijl venster voor de vectorvorm gemaakt in de vorige stap en voer de kenmerken in die in de volgende afbeeldingen worden getoond.
Maak een Gridline elk 10px. Ga hiervoor naar Bewerken> Voorkeuren> Gidsen, raster en segmenten en ga naar binnen 10 in de Gridline Every doos. Zet de voorgrondkleur op wit (#ffffff), kies het Rechthoekgereedschap, Maak een 100 x 50 px vectorvorm en plaats deze zoals getoond in de eerste afbeelding. Zorg ervoor dat uw nieuwe rechthoek geselecteerd blijft en in de Lagen paneel, verlaag het Vullen naar 0% open vervolgens de Laagstijl venster en voer de attributen in die in de volgende afbeeldingen worden getoond.
Stel nu een Gridline elk 5px. Ga hiervoor naar Bewerken> Voorkeuren> Gidsen, raster en segmenten en ga naar binnen 5 in de Gridline Every doos. De ... gebruiken Rechthoekgereedschap, Maak een 90 x 40 px vorm en plaats deze zoals getoond in de eerste afbeelding. Zorg ervoor dat deze nieuwe vectorvorm geselecteerd blijft, schakel over naar de Ellipse Tool, houd de alt knop van uw toetsenbord en maak een 10px cirkel zoals getoond in de tweede afbeelding. Ga terug naar de Lagen paneel, verlaag de Vullen naar 0% open vervolgens de Laagstijl venster en voer de attributen in die in de volgende afbeeldingen worden getoond. Houd er rekening mee dat de gele nummers van de Overlay met kleurovergang afbeelding staat voor ondoorzichtigheid percentage terwijl de witte cijfers staan voor Plaats percentage.
De ... gebruiken Ellipse Tool, Maak een 10px cirkel en plaats het zoals getoond in de eerste afbeelding. Zorg ervoor dat deze nieuwe vectorvorm geselecteerd blijft, schakel over naar de Rechthoekgereedschap, houd de alt knop van uw toetsenbord en maak een 5x 10px vorm zoals getoond in de tweede afbeelding. Ga terug naar de Lagen paneel, verlaag de Vullen naar 0% open vervolgens de Laagstijl venster en voer de attributen in die in de volgende afbeeldingen worden getoond.
In de Lagen paneel, selecteer alle vectorvormen waaruit uw adresboek bestaat en Groep hen (Command / Ctrl-G). Dubbelklik op de naam van uw nieuwe groep en hernoem deze adresboek. In de Lagen paneel, houd de alt knop van uw toetsenbord en dubbelklik op uw Achtergrond laag om het te ontgrendelen. Zorg dat deze witte laag geselecteerd blijft en stel de voorgrondkleur in op # 736357. Kies het Verfemmer gereedschap en klik op je canvas om de kleur van de achtergrond te veranderen zoals getoond in de volgende afbeelding.
Open de Laagstijl venster voor uw achtergrondlaag en voer de eigenschappen in die in de volgende afbeelding worden weergegeven. Hier kunt u het houten patroon vinden.
Kies het Afgeronde rechthoek-tool, stel de Radius op 5px. Zet de voorgrondkleur op zwart (# 000000), Maak een 280 x 380 px afgeronde rechthoek en plaats deze zoals getoond in de volgende afbeelding.
In de Lagen paneel, klik met de rechtermuisknop op de zwarte, afgeronde rechthoek gemaakt in de vorige stap en ga naar Omzetten naar slim object. Zorg ervoor dat uw nieuwe slimme object geselecteerd blijft en in de Lagen paneel, sleep het onder je adresboek groep, verander de Overvloeimodus naar bedekking en ga naar Filter> Blur> Gaussiaans vervagen. Sleept de Radius schuif naar 10px straal en klik OK.
Dupliceer uw adresboek groep (Command / Ctrl-J). Selecteer deze nieuwe groep en converteer deze naar een slim object. Zorg ervoor dat uw nieuwe slimme object geselecteerd blijft en in de Lagen paneel, sleep het onder je adresboek groep, lager de Vullen naar 0% open vervolgens de Laagstijl venster en voer de attributen in die in de volgende afbeeldingen worden getoond.
Dupliceer uw adresboek groep (Command / Ctrl-J). Selecteer deze nieuwe groep en converteer deze naar een slim object. Selecteer uw nieuwe slimme object en sleep het boven uw adresboek groep in de Lagen paneel, verlaag de Vullen naar 0% open vervolgens de Laagstijl venster en voer de attributen in die in de volgende afbeelding worden getoond.
Dupliceer het slimme object gemaakt in de vorige stap. Open de Laagstijl venster voor dit nieuwe slimme object en vervang de bestaande kenmerken door de kenmerken die worden weergegeven in de volgende afbeelding.
Hier is hoe het eruit zou moeten zien. Ik hoop dat je deze tutorial leuk vond en deze technieken kunt toepassen op je toekomstige projecten.
Accentsconagua