Sådan bruges Photoshop til at lave dine egne iOS 6-stilikoner

Sådan gør du din egen iOS-stilikoner

Med meget debat, der foregår om, hvorvidt iOS 7 er detgodt eller ej, der er intet andet valg end at vælge en side - iOS 6 eller iOS 7. Jeg synes personligt, at iOS 7-ikoner er lidt af en Windows Phone-ripoff, men hey - hvad skal du gøre ... Det er ikke den første ting Apple har kopieret eller anden Microsoft fra Apple eller Android, det er virkelig en fuld cirkel. Så mens vi er i Apple-stemning, hvorfor ikke prøve en hurtig Photoshop-tutorial om at lave dine egne iOS 6-ikoner.

Finde gode prøveikoner

Første trin er at finde en iOS-ikoneksempel. Foretag en hurtig Google- eller Bing-billedsøgning efter “iOS-ikoner”. Målret din søgning for at få mere præcise resultater ved hjælp af de nøjagtige søgemuligheder i Google.

Når du har fundet et godt PNG-ikon, skal du gemme det på din pc, så vi kan åbne det i Photoshop.

billede

Det er også værd at nævne, at Bing gør det lettere at søge efter billeder og ikoner, der er gratis at bruge til personlig brug.

Bing License Search

Kom godt i gang

Importer det gemte billede i Photoshop, og sørg for, at det er en korrekt PNG. Det skal have en tavle gitter efter de afrundede hjørner i stedet for den typiske hvide baggrund.

jegHvis baggrunden ikke er gennemsigtig, kan du bruge noget som det Magisk viskelæder værktøj ved hver af de fire hvide pletter i hjørnerne.

billede

Ctrl + Klik miniature af laget med dit importerede ikon for at vælge et ikonform. Du kan derefter (med det rektangulære markeringsværktøj) Højreklik og Fylde med enhver ensfarvet farve, du ønsker. Jeg vil prøve sort til at begynde med.

billede

Specielle effekter

Nu er det tid til at give dit ikon det skinnende iOS 6-look (hvilket naturligvis er bedre end iOS 7). Højreklik dit lag, og vælg Blandings muligheder.

SNAGHTMLe01104

Blandingsindstillingerne giver dig mulighed for at udføre en række overlaylag-stilarter, der kan gentage iOS-ikonets udseende. Begynd med en gradient og prøv derefter nogle Drop Shadow og Indre glød. Dit endelige resultat vil se sådan ud:

billede

Og dit lag vil se sådan ud:

billede

Tip: Du kan omdøbe dit lag (Shift + Ctrl + N) for at holde tingene mere organiserede.

Tilføj Bit of Shine

Lad os gentage den glansfulde glans øverst på næsten alle iOS 6-ikoner. Opret først et nyt lag. Kald det "Gloss" og sæt det over dit ikonlag:

billede

Grib nu Elliptisk markeringsværktøj (skjult bag det rektangulære markeringsværktøj). Lav en lille rund form øverst på ikonet på en sådan måde:

billede

Uden at fravælge, skal du hente din Gradient Tool og lav hurtigt en gradient, der falmer fra hvid til 100% gennemsigtighed:

billede

Når du har oprettet din gradient, skal du trække den ud fra bunden af ​​markeringen mens du holder Skift-tasten nede.

billede

Fjern nu glansen, der går uden for ikonets grænser. Ved at lave en Ctrl + Klik på miniaturebilledet af Ikonlag og inverter derefter vores valg med Højreklik> Vælg Inverse du kan dække de fire blanke hjørner. Nu kan vi vælge Glanslag og tryk på Slet-tast at slippe af med overskydende glans. Du kan afslutte med en hurtig Ctrl + D at fravælge.

billede

Tip: For at forbedre glanseffekten kan du prøve forskellige lagoverlejringstilstande - nogle fungerer godt skærm, Blødt lys og Overlay.

Færdiggør dit ikon

Du kan nu tilføje ethvert logo, du gerne vil bruge. Tjek min søde nye app - iSmile! Kun 99,99 dollars i App Store - bare sjov, selvfølgelig! Du kan bruge denne teknik til at oprette så mange groovy ikoner, som du vil ... have det sjovt!

billede

0

Lignende artikler

Efterlad en kommentar