Lav et ur!

Lav et ur..
Af FC Villefrance

I denne tutorial skal du lave et ur som dette:

Åbn et nyt dokument 200x200 pixels Lav en sort cirkel med ellipse tool og rasterize din form. Bemærk ca hvor meget luft der skal være rundt om cirklen. Der kommer jo skygger og kant på uret senere.

Mask din cirkel op og lav et nyt lag og i dette lag tilføjer du en stroke på 6 pixels centreret til din opmaskning. Farven er ligegyldig.

Gå derefter ind i blending options og giv din stroke en gradient overlay sort/hvid så den får en metal farve.
På billedet herunder kan du se hvilke blending options jeg har brugt, så eksperimenter dig lidt frem til noget du kan lide:


Nu har vi en sort urskive med en stålkant - i hvertfald her hos mig..:-)
Jeg har sat en grå baggrund på, mest fordi uret skulle vises i denne tut, så det erop til dig selv om du vil have den på.

Nu skal vi trække nogle hjælpe linier/guidelines, så vi kan placere tallene og punkterne på skive bare nogenlunde rigtigt.
Linealerne får du frem ved at trykke på Ctrl+r (og du fjerner dem på samme måde)
Træk hjælpelinien ned ved at klikke på den hvide lineal og slippe der hvor linien skal gå. Kig på linealen, så du ved hvor linien skal gå.
Tip: Først finder du midten af urskiven ved at lave korset af dine guidelines, de resterende guidelines indikerer hvor punkterne mellem eks 9 og 12 skal placeres.

Lav et nyt lag og vælg ellipse masque tool. Tegn en cirkel der indikerer hvor langt fra stålkanten tallene på skiven skal placeres. Giv denne cirkel en tynd stroke - farve ligegyldig.
Vi laver nu den store viser.
Lav et nyt lag. Vælg en rund pensel med hård kant 9 eller 10 pixels og lav en rund plet midt i billedet
Vælg derefter det firkantede marquee tool og tegn en tynd bjælke som vist på billedet. Fyld den med din forgrundsfarve (ligegyldig) og gå ind i blending options og giv den gradient overlay sort/hvid

Tryk ctrl+t for at komme i free transform mode og drej viseren så den viser ca 10 minutter i hel.
Pas på at den runde del af viseren sidder midt i urskiven eller korset af dine hjælpelinier. Tryk enter når du er tilfreds med placeringen

Nu laver du en mindre viser på samme måde som du lavede den store (den runde plet i midten kan du springe over). Husk en lille viser gerne må være lidt bredere end den store. Placer viseren lige omkring klokken 2 på skiven

Nu laver vi så en sekundviser. Den skal være rød.
Vælg en rund pensel 1 px tyk og sæt din forgrundsfarve til rød. Igen tegner jeg viseren lige midt i skiven og drejer den til sidst. For at få en helt lige linie, hold ctrl+shift nede mens du tegner og hold dem nede mens du kører 2-3 gange op og ned af den linie du tegner, så viseren bliver tydelig nok.
Når den er tegnet tager du en pensel på 5 pixels og laver pletten i midten af skiven. Når den er lavet, skruer du din pensel ned på 1 px og vælger sort forgrundsfarve oglaver en lille sort prik midt i den røde plet.
Og først nu da viseren er tegnet færdig, drejer du den på plads ved at trykke ctrl+t


Skriv 3, 6, 9 og 12 på skiven med de tal du synes er pæne og i den farve du synes er pæn.
Nu får vi brug for vores hjælpelinier og vores hjælpecirkel. Nu skal vi placere tidspunkterne mellem de 4 tal.
Jeg har brugt en hård rund pensel 5 pxog sat en prik der hvor hjælpelinierne skærer hjælpecirklen (som er blevet blå ellers kan vi ikke se prikkerne)
Gør det samme på den underste del af skiven til du har fået placeret alle dine punkter

Tryk ctrl+r for at komme af med linealerne og ctrl + ' for at slippe af med hjælpelinerne. Deaktiver din hjælpecirkel.
Uret skulle nu gerne ligne dette
Opmask den sorte urskive og gå op i select/modify/contract og formindsk med 5 px
Lav et nyt lag der skal ligge allerøverst
Fyld dit nye lag med hvid forgrundsfarve og gå ind blending options og sæt Fill opasity til 0%
Giv derefter laget en gradient overlay - hvid til transparent og indstil den som vist på billedet.
IMAGEREADY (og Photoshop)
Tag dit ellipse tool og tegn en cirkel som vist på billedet og tryk derefter på delete tasten. Glas effekten og urglasset er nu på plads og dit ur er færdigt.
PHOTOSHOP (til dem der kan bruge pen tool)
I Photoshop kan du bruge pen tool til at lave glas effekten færdig med. Tegn en maske som vist på billedet - der er tilføjet 2 anker punkter på den streg der går henover skiven og så er de trukket på plads. Højreklik og vælg make selection og tryk på delete.
Uret er færdigt

Jeg legede lidt videre med de forskellige blending options og gav viserne forskellig drop shadow og gradiet overlay i urskiven..
 

På samme måde kan du lave et speedometer eller lign. Dette speedometer kan du downloade som PSD fil i PSD Centralen

Kunne du lide denne tutorial? Så giv den en tommel op i toppen af tutten!