Zeer eenvoudig maar aantrekkelijk toetsen en pictogrammen handleiding te creëren voor bijna iedereen met een minimum of bijna geen Photoshop ervaring. Doel van deze tutorial is niet alleen tonen de truc en de techniek van het maken van een knop, maar ook raadt u aan om creatief te zijn en fantasierijke om uw eigen knoppen maken in de toekomst.


Een van de belangrijkste geheim in een creatief werk is de mogelijkheid om het resultaat te lang voordat u bent begonnen met de uitvoering te zien. Er zijn vele aanpak om dit te bereiken, voor mij de beste manier is mijn ogen dicht en proberen om te zien wat ik ga maken. Zodra ik iets interessants proberen om een ​​momentopname te maken in mijn geheugen, voordat ik mijn ogen open en direct te tekenen op een papier voordat ik het vergeet. Het is een oefening die je kunt doen en doen regelmatig zal verhogen van uw vermogen om meer duidelijk te zien.

Laten we zeggen dat dit is wat ik heb gezien toen ik mijn ogen sloot, nu hoe kan ik het uit te voeren in Photoshop?

Icoon oefening te tekenen op papier

Stap 2: U kunt achtergrond te houden als wit of wat afwerking textuur als je dat liever gebruikt, ik heb net snel gemaakt wat structuur met behulp van textuur bibliotheek.

Maak textuur in photoshop

Stap 3: Voeg een nieuwe laag en geef een naam, maak afgeronde hoek vierkante doos selectie (135px X135px) en maak de hoek straal tot 20px. Er zijn vele manieren om afgeronde vierkante doos te creëren, een van de op een eenvoudige manier is: eerst Teken een vierkante doos en selecteer 'Select -> Modify -> Smooth "van boven-menu en selecteer 20px straal.

creëren afgeronde hoek vierkante doos

Stap 5: Nu is het tijd om enig effect te verkennen,
Klik op het pictogram 'een laagstijl toevoegen' aan de onderkant van de laag-venster en in de Layer stijl venster te bekijken alleen 'Drop Shadow' in. Volg het voorbeeld hieronder.

Stap 6: Nu 'Outer Glow' check in. Gebruik zoals weergegeven in de afbeelding hieronder.

Voeg een laagstijl Gloed buiten

Stap 7: Next check 'Inner Glow' in. Gebruik zoals weergegeven in de afbeelding hieronder.

Voeg een laagstijl innerlijke gloed

En hier is je uiteindelijke stijl effect.

Voeg een nieuwe laag effect in photoshop

Stap 8: Voeg een nieuwe laag en 'Stroke' in het menu 'Bewerken' bovenaan en kies geven groene kleur, 6px binnenrand. Volg voorbeeldafbeelding.

Gebruik een beroerte aan de grens te maken van het menu Bewerken.

Stap 9: Nu heb je een afbeelding als deze. Stijl van de verandering uit de toplaag van paneel naar 'Screen' geeft een transparant effect.

Gebruik voorraad aan grens met edit menu te creëren.

Stap 10: Voeg nieuwe laag en een afgeronde rechthoek box zoals weergegeven in de afbeelding hieronder te tekenen. Het is hetzelfde als 'Stap 3' beschrijf ik voor.

Teken een afgeronde rechthoek box

Stap 11: Selecteer 'Add layer mask' van onder iconen bar in de Layer-venster en selecteer 'Gradient icoon' van 'Tools' venster. Nu klik en sleep je muis op de afgeronde rechthoek vak om van boven naar onder toe te passen en je moet vergelijkbaar resultaat als volgt uit te zien.

Voeg laagmasker en Gradient icoon voor lichteffect

Stap 12: Voeg nu een nieuwe laag en teken een cirkel als de afbeelding hieronder en verander 'Opecity' van laag panel tot ongeveer 50%.

Opecity naar hoogtepunt effect te gebruiken

Stap 13: Nu tijd om een ​​pictogram u wilt kunt plaatsen of u kunt een bestaande pictogram van uw collectie te gebruiken trekken. Ik snel trek een camera.

Teken camera in photoshop

lichteffect op de knop

Zodra u de knop klaar is, is het tijd om zo veel je wilt in een paar minuten te creëren. Ik heb nu, geluid kan afspelen, Luister, Audio Device, Equalizer, DVD, CD, Mic, Opname, Video, Tape, Volume Control en camera.

Geluid te spelen, Luister, Audio Device, Equalizer, DVD, CD, Mic, Opname, Video, Tape, volumeregeling en camera