Share
Wat je gaat creërenIn deze zelfstudie leert u hoe u een mooi, eenvoudig kompaspictogram ontwerpt in Adobe Photoshop, met behulp van hulpmiddelen zoals het gereedschap Pen, gereedschap Afgeronde rechthoek en Rechthoek. Je leert ook hoe je basisvormen combineert om een complexere vorm te creëren. Tot slot ziet u hoe u een lange schaduw aan het pictogram kunt toevoegen. Laten we beginnen.
Je hebt de volgende gratis middelen nodig om deze tutorial te volgen.
Maak een nieuw bestand in Photoshop (Bestand> Nieuw). Stel de grootte in op 500 pixels × 500 pixels.
Klik op de Aanpassingslaag toevoegen pictogram in het onderste gedeelte van de Lagen paneel. kiezen Effen kleur.
Selecteer licht rood (# db687b) voor de kleur.
Dubbelklik op de Effen kleur laag en activeer vervolgens Patroon overlay. Gebruik het gratis pixelpatroon van PSDfreemium. Stel de modus in op Vermenigvuldigen met weinig ondoorzichtigheid, 20%.
Verander de naam van de laag in achtergrond. Ik raad aan om elke laag te hernoemen om de functie van de laag te herkennen.
Eerst willen we de basis van het pictogram bouwen. Zet de voorgrondkleur op # 3ab2cb. Activeer de Afgeronde rechthoek-tool, en stel zijn Radius naar 30 px. Shift-click en sleep om een afgeronde rechthoek te tekenen.
Dubbelklik op de vorm en activeer Overlay met kleurovergang. Selecteer wit tot zwart verloop. Verminderen ondoorzichtigheid met Mengmodusoverlay.
Maak een nieuwe laag en plaats deze boven de basis van het pictogram. Controle-Klik de basislaag om een nieuwe selectie te maken op basis van zijn vorm. Klik met de rechtermuisknop en selecteer Beroerte. In de Beroerte dialoogvenster, selecteert u een donkerblauwe kleur (# 1d6b80) met Breedte 2 px.
Voeg een laagmasker toe aan de streeklaag en vul deze met zwart. Verf de onderste helft met wit om de streek te onthullen.
Herhaal de vorige vorm en voeg een nieuwe lijn toe op een nieuwe laag. Gebruik deze keer een lichtblauwe kleur met Breedte 1 px.
Voeg een laagmasker toe en vul het met zwart om de lijn te verbergen. Verf het bovenste gedeelte om een deel van de lijn van de lijn te onthullen. De combinatie van een lichte slag bovenop en een donkere streek aan de onderkant zal een 3D-effect toevoegen aan de basis.
Teken een cirkelvorm en voeg er vervolgens een kleinere ronde vorm aan toe met de padmodus Trek de vorm van het voorpand af. We zouden nu een ringvorm moeten hebben. Stel de kleur in op wit (# e4ffff).
Voeg een driehoekig pad toe aan het bovenste deel van de ringvorm. Stel de modus in op Vormen combineren.
Voeg een andere driehoek toe aan het onderste gedeelte.
Dupliceer de twee driehoeken. Draai ze 90 °.
We hebben nu een driehoek die in vier richtingen wijst.
Herhaal het proces. Voeg deze keer kleinere driehoeken toe. Draai ze 45 °.
Dubbelklik op de laagvorm en voeg vervolgens toe Overlay met kleurovergang en Slagschaduw. Zie de volgende schermafbeelding voor de instellingen.
Voeg een kleinere ringvorm toe bovenop de vorige vorm. Stel de kleur in op #eaeded.
Voeg een halve driehoekige vorm toe die de helft van het punt in de kompasvorm bedekt.
Ga verder met het toevoegen van een andere halve driehoek die de andere punten bedekt. Deze vorm creëert de illusie dat de kompasvorm is geëxtrudeerd, niet vlak.
Dubbelklik op de vorm en kies Overlay met kleurovergang.
Stel het voor het verloop in Stijl naar Lineair met kleurovergang van grijs (# d7d7d7) naar wit (#ffffff).
Voeg een nieuwe laag toe en zorg ervoor dat deze boven alle andere lagen wordt geplaatst. Controle-Klik de vorige vorm die we zojuist hebben gemaakt. We zullen een nieuwe selectie hebben op basis van zijn vorm. Klik met de rechtermuisknop en selecteer Beroerte. set Breedte naar 1 px, Locatie: binnen, met kleur #eeefef.
Dit geeft je een dunne lijn langs de vorm.
Voeg een laagmasker toe aan de laagvorm en vul deze met zwart. Verf sommige delen van de lijn van de streep met wit om ze te onthullen.
Laten we de vorm realistisch maken door schaduw eronder toe te voegen. Voeg een nieuwe laag toe en plaats deze onder de kompasvorm. Controle-Klik de kompasvormlaag om een nieuwe selectie te maken op basis van zijn vorm. Klik Bewerken> Opvullen. set Inhoud naar Zwart en klik vervolgens op OK om de selectie met zwart te vullen.
Verwijder de selectie met Controle-D. Klik Filter> Blur> Motion Blur. Stel zijn Hoek naar -45 °.
Verzacht de schaduw met een Gaussiaanse vervaging filter. Klik Filter> Blur> Gaussiaans vervagen.
Voor nu is dit niet de schaduw die we willen. Om dit op te lossen, voegt u een laagmasker toe aan de laag en schildert u de onnodige schaduw aan de linkerbovenkant van de schaduw. We hebben alleen schaduw nodig aan de rechterkant van de vorm. Zie de afbeelding hieronder voor referentie. Zorg ervoor dat je ook de laag verkleint ondoorzichtigheid om de schaduw subtiel te maken.
Laten we een pijl toevoegen aan het midden van de kompasvorm. Begin door een rechthoek toe te voegen en vervolgens een transformatie toe te passen (Controle-T). Roteer het eerst 45 °. Ten tweede, knijp in de hoek totdat we een pijlvorm hebben. Ten derde, draai het opnieuw.
Dubbelklik op de pijlvorm en vervolgens toepassen Innerlijke gloed, Overlay met kleurovergang, en Slagschaduw met de volgende instellingen.
We willen dat de pijlkleur half wit en half rood is. Om dit te doen, dupliceert u gewoon de vorm (Controle-J) en verwijder vervolgens de Layer-stijlen. Zet het op Knipmasker. Klik op het onderste punt met de Pen gereedschap om het te verwijderen.
Voeg een kleine cirkel toe in het midden van de pijl. Dubbelklik erop en pas dan toe Innerlijke gloed, Overlay met kleurovergang, en Slagschaduw.
Voeg een nieuwe laag toe en plaats deze tussen de kompasvorm en de pijl. Teken een veelhoekige selectie zoals hieronder te zien met behulp van de Veelhoekig gereedschap en vul het dan met zwart. Verklein de lagen ondoorzichtigheid naar 20%. Controle-Klik de pictogrambasis en voeg een laagmasker toe. Nu is de schaduw alleen zichtbaar op de basis van het pictogram.
Om de illusie te vergroten dat de kompasvorm wordt geëxtrudeerd, willen we er meer schaduw aan toevoegen. Maak een nieuwe laag tussen de kompasvorm en de pijl. Verf zwart op de pijlschaduw die de kompasvorm raakt.
Voeg nog een laag toe en vervolgens nog een subtiele schaduw achter de pijl. Activeer de Penseel met 0% hardheid en stel zijn ondoorzichtigheid naar 5%. Verf schaduw achter de pijl.
Voeg een nieuwe laag toe. Voeg deze keer een hoogtepunt aan het pictogram toe. Verf wit in de hoek van het pictogram. Verminder de laag ondoorzichtigheid.
Herhaal deze stap en teken de markeringen op andere delen van het pictogram totdat deze niet te plat lijkt.
Laten we nu schaduw toevoegen aan de basis van het pictogram. Maak een nieuwe laag onder de basislaag. Controle-Klik de basislaag en vul de selectie met zwart.
Raken Controle-D om de selectie te verwijderen. Verzacht de schaduw door aan te brengen Gaussiaanse vervaging.
U kunt de schaduw dupliceren door op te klikken Controle-J als u niet tevreden bent met het resultaat en een donkerdere schaduw wilt. Als je het te donker vindt, kun je het verlagen door het te verminderen ondoorzichtigheid.
En dit is ons eindresultaat. Ik hoop dat je de tutorial leuk vindt en begrijp nu de techniek van het maken van een plat pictogram met een lange schaduw.
Accentsconagua