Hur man gör en Groovy Orb-ikon i Adobe Photoshop

Har du någonsin undrat hur människor gör dessa ORBikoner som till vänster eller kanske Windows 7 ORB-ikonen? Idag ska jag visa dig hur enkelt det kan vara att använda mitt favoritverktyg - Adobe Photoshop.
För att starta saker, låt oss titta på processen med hjälp av en How-to Screencast följt av den typiska steg-för-steg-processen.
Hur man gör en Groovy Orb-ikon i Adobe Photoshop - Screencast
Steg 1 - Välj storleken på din orb
Denna handledning bör fungera för alla utgåvor avPhotoshop - till och med Photoshop CS). Gå först och välj en upplösning för din orb. Bredden och höjden bör vara densamma om du vill ha en perfekt cirkel och måtten på en vanlig ikon är normalt var som helst från 100 × 100 px till 1024 × 1024 px. För den här tutorialen ska jag göra en 500 × 500 px Klot. Se till att vilken storlek du än börjar med bakgrundsinnehållet är transparent.

Steg 2 - Göra din orb
När du har gjort ditt dokument klart, ta tag i Elliptical Marquee Tool (det är rätt under den rektangulära markören ocksål) och medan håller Shift, Klick och Drag att göra en cirkel. Ditt val ska fylla dokumentområdet helt. Om du inte klarar det på en gång kan du bara ändra ditt val och medan håller Shift om igen dra den nedre högra förankringspunkten för att öka storleken på cirkeln.

När du är klar ska ditt urval se ut så här:

Högerklicka och välj Fylla. Du kan använda valfri färg, men kom ihåg att överläggningarna vi kommer att behöva vara lite transparenta så att bakgrundsfärgen gör materia. Jag kommer att använda vit för detta exempel.
Så här ska det se ut:

Steg 2 - Tillämpa blandningsalternativ på orb
Högerklicka på Orb lager och välj Blandningsalternativ. Härifrån börjar vi med att tillämpa några Fasa och Utföra i relief. Lek med skjutreglagen tills du får det resultat du letar efter. Jag personligen vill använda följande inställningar:

Låt oss ge vår orb a Gradient Overlay. Lek igen med de olika inställningarna tills du får det du vill ha. Jag personligen använde detta:

När du är nöjd med resultaten, Cslicka OK för att bekräfta alla ändringar.
Steg 3 - Ge Orb en groovy glöd
Ändra nu din förgrundsfärg till vit eller till en olika skuggor av en av färgerna du använde i din gradientoverlay. Jag kommer att använda en annan grön nyans.

Gör nu en nytt lager och ta din penselverktyg. Låt det täcka omkring 85% av orb med en 0% hårdhet. Med ett eller två klick i mitten av kula kommer du att göra en sval glöd.

Om du vill så kan du minska opaciteten av skiktet som din glöd är på.

Steg 4 - Infoga en logotyp för Orb
Detta steg är valfri. Om du vill ha en logotyp i din orb kan du lägga in en med Arkiv> Placera. Välj bara en fil från din dator ochplacera den i. Du kan också använda blandningsalternativ på logotypskiktet för att ge din orb ett ännu bättre utseende. Jag placerade i vår logotyp och gav den lite yttre glöd. Så här ser det ut:

Steg 5 - Ge din orb en blank glans från ovan
Skapa en nytt lager och ta din elliptiskt markeringsverktyg. Med det gör du ett val av den övre delen av kula så att den täcker överkanten perfekt.

Nu Högerklicka och välj Fjäder. Du vill inte fjädra för mycket och du vill inte fjädra för lite. För en Bild på 500 × 500 pixlar Jag kommer att använda en 15 pixel fjäderradie.

Nu Förändra din förgrundsfärg till vit och Välj lutningsverktyget. Ställ in lutningen till Förgrund till transparent från förinställningarna. Nu Håll flytta medan du Smart och Drag till mitten av orb. Du får en MYCKET groovy glöd som den här:

Steg 6 - Spara din Orb
Du är klar! Här är den enklaste delen - Tryck Ctrl + S för att spara din orb. För att behålla transparensen kan du välja a PSD-filformat men om du planerar att publicera detta på en webbplats eller dela med vänner som kanske inte har Photoshop, bör du spara in PNG formatera.
Det handlar om det! Gå nu av och skapa några groovy orbs och visa dina vänner dina nya groovy Photoshop skillz!
Lämna en kommentar