Maak een glanzend Psdtuts + mappictogram in Photoshop

Het pictogramontwerp is een essentieel element in de gereedschapskist van elke ontwerper. Hoe eenvoudig of hoe ingewikkeld uw ontwerp ook is, een mooi uitziend pictogram helpt bijna altijd om dingen op te fleuren. In deze zelfstudie van Photoshop laten we enkele eenvoudige stappen zien om u te helpen bij het maken van uw eigen glanzende Psdtuts + -pictogram in Photoshop. Deze stappen kunnen eenvoudig worden gewijzigd om een ​​reeks pictogrammen voor uw website te maken.


Stap 1

Begin met een nieuw document, ik heb breedte - 600 px, hoogte - 600 px gebruikt. Neem de Afgeronde Rechthoek-tool (U), Radius-20px, en teken een vorm zoals deze, wijzig de vorm met het gereedschap Ankerpunt toevoegen en verplaats vervolgens de nieuwe ankerpunten zoals getoond.


Stap 2

Druk op Ctrl + Enter om een ​​selectie te maken, vul deze met kleur - # 05b4ba en pas dan een verloopoverlay toe met een laagstijl.


Stap 3

Geef deze laag de naam "Base", Ctrl + klik op de miniatuur van de laag om een ​​selectie te maken. Maak nu een nieuwe naam later en noem deze "Outside Stroke". Ga naar Bewerken> Lijn. Pas een lijn van 8px toe, Locatie - midden. (U kunt elke kleur gebruiken).


Stap 4

Nu moeten we een schaduw van de laag "Outside Stroke" maken. Om dit te doen, moet je die laag dupliceren en deze onder de hoofdlaag "Buiten de beroerte" slepen. Ga naar Laag> Laagstijl> Kleuroverlay. Vul het met zwarte kleur. Ga nu naar Filter> Vervagen> Gaussiaans vervagen. Straal - 0.9 px. Wijzig de dekking op 7%. Je zou zoiets moeten krijgen.


Stap 5

Nu nogmaals Ctrl + klik op de miniatuur van de "Base" -laag. Maak een nieuwe laag en noem deze "Glow Overlay 1". Vul het met een witte kleur en verplaats de selectie met je pijltjestoets. Druk op verwijderen. Verander de dekking naar 7%.


Stap 6

Het is tijd voor een ander gloeilampje. Gebruik het gereedschap Pen (P) en teken een vorm zoals deze. Noem deze laag "Glow Overlay 2". Verander de dekking naar 11%.


Stap 7

Nogmaals Ctrl + klik op de laag "Base". Maak een nieuwe laag en noem deze "Box Glow". Vul het met wit. Ga naar Selecteren> Wijzigen> Contract, inkrimpen met 30px. Verwijder dit gebied. Neem de Eraser Tool (E), volg de volgende afbeelding.


Stap 8

Optioneel kunt u uw eigen effecten toevoegen zoals getoond.


Stap 9

Onze volgende stap is om het een glazig uiterlijk te geven. Maak een nieuwe laag en noem deze "Glas". Neem het gereedschap Afgeronde rechthoek, Radius - 10px, verander de overvloeimodus van de laag naar Lichter. Zie instructies in de volgende afbeelding.


Stap 10

Nu moeten we de rand van het glazen themagebied creëren. Teken dezelfde vorm met het gereedschap Afgeronde rechthoek, druk op Ctrl + Enter om een ​​keuze te maken, ga naar Bewerken> Lijn, breedte - 1px, Locatie - Midden, kleur - wit. Wijzig de modus Laag overvloeien in Overlay. Neem het gummetje (E). Zie de volgende afbeelding.


Stap 11

Nu de tekst is ingetikt, is het tijd om enkele lagen aan te passen. Maak een nieuwe laaggroep, noem deze "Object voorkant", en zet dan alle lagen erin.


Stap 11

Tijd voor het aanpassen van de lagen. Maak een nieuwe laaggroep, noem deze "Object voorkant" en zet alle lagen erin.


Stap 12

Als u de achterkant van het object wilt maken, maken we vervolgens een nieuwe laag onder de groep "Objectvoorzijde" en geven deze de naam "Object terug", maken we een vorm met het gereedschap Afgeronde rechthoek en passen we de volgende laagmengstijlen toe.


Stap 13

Nu is het tijd om een ​​nieuwe gloed toe te voegen aan de laag 'Object terug'. Iets zoals dit. Gebruik hiervoor de stappen die we in eerdere delen van deze tutorial hebben uiteengezet.


Stap 14

Onze volgende stap is om een ​​schaduw toe te passen op ons achtergrondobject. Zie de volgende afbeelding.


Stap 15

Maak een nieuwe laaggroep, noem deze "Object Back" en leg de lagen erin. Maak daarna het bovenste gedeelte van het mappictogram door een nieuwe laag boven de groep "Object terug" te maken. Noem het "Hoofd". Begin met het gereedschap Pen, volg de volgende afbeelding.


Stap 16

Ctrl + klik op de miniatuur van de koplaag, maak een nieuwe laag en noem deze "Kopslag", ga naar Bewerken> Lijn, breedte - 1 px, kleur - wit. Voeg nu wat glow op de Head-laag toe, probeer deze zelf te maken.


Stap 17

Nu gaan we onze tag maken. Volg hiervoor de instructies op de afbeelding hieronder.


Stap 18

Om het touw te maken, tekent u het met uw pengereedschap en past u de mengstijl van het gat toe. (Gebruikt in stap 17.)


Stap 19

Als u de schaduw van de tag wilt maken, volgt u de stappen in stap 4 en wist u de buitenste gebieden. Zet de dekking op 61%.


Stap 20

Maak op deze manier een schaduw voor het mappictogram en plaats de laag onderaan.


Laatste afbeelding

U kunt een reeks pictogrammen maken met behulp van zeer vergelijkbare technieken. Dank je! Ik hoop dat je deze tutorial leuk vond.