Använd över 40 avancerade tangentbordsgenvägar för att skapa en reflekterande timepiece

Denna handledning lär dig grundläggande till avancerade tangentbordsgenvägar, samtidigt som du utformar en fantastisk timepiece! Vi kan inte täcka alla kortkommandon i denna handledning, men det finns över 40 väsentliga här för att ge dig en bra start! Låt oss komma igång på vägen till att vara en super effektiv designer!

Slutlig bildförhandsvisning

Ta en titt på bilden vi ska skapa. 

Steg 1

Tja, för att få saker påbörjat rätt, låt oss skapa ett nytt dokument med måtten 2304 pixlar med 1708 pixlar och 300dpi. Dessa dimensioner fungerade bra när du skapade denna handledning, så låt oss hålla fast vid dem!

Nästa lägger vi några guider. Se till att din snap-funktion är påslagen Visa> Snap (Command + Shift + Colon-tangent). Tyvärr finns det inget visuellt hjälpmedel för att visa att den är påslagen. Tryck på Command + R för att visa dina linjaler, använd sedan markeringsverktyget (V) för att dra en guide från vänster och topp linjaler, så att de klämmer fast i mitten av tavlan. Tryck på Command + Colon-tangenten för att dölja några guider när som helst.

Oroa dig inte, om du gör ett misstag, tryck bara på Command + Z för att ångra. Om du gör några misstag, tryck bara på Command + Option + Z för att gå tillbaka till var du var. Nu när vi har det ur vägen, låt oss komma till de roliga grejerna!

Här är ett intressant trick. Ändra bakgrunden på din tavla genom att välja din favoritfärg, ta tag i Paint Paint Tool (G) och sedan på Skift-klicka på tavlan. Kall rätt?

Steg 2

Låt oss arbeta från botten upp, ganska som en målning. Först låter vi skapa en fin blå gradient för bakgrunden. Välj Gradient Tool (G), välj radial från gradientval. När du väljer dina färger kan du använda # 3e5198 för förgrunden och # 222d53 för bakgrunden.

Den effekt vi vill ha är ett lättare centrum och en något mörkare utsida. Detta skapar mer visuell intresse, snarare än bara en vanlig solid färg. När du har valt dina färger klickar du helt enkelt och drar från mitten av tavlan till höger kant och släpper ut.

Steg 3

För Psd Plus-medlemmar, Dra i den medföljande "concreteTexture.jpg" -bilden som finns i källkoden i den här medlemmens nedladdning, eller ta en textur som du föredrar av nätet. Se till att det ligger på ett lager ovanför "bakgrunden". Skala (Command + T) och justera efter behov. Ställ in färgläget till Överlagring (V, sedan Skift + eller -) och minska skiktets opacitet till 30% (V, sedan 3). Detta ger oss en fin subtil effekt.

Här är en snabb notering om opacitet och fyllning. Nummerplattan (1 = 10%, 2 = 10% ... 0 = 100%) ändrar opacitet eller fyllning (tryck på Skift och nummer för att byta fyllning) beroende på vilket verktyg som väljs. Om markeringsverktyget (V) är aktivt, justerar det lagret. Om borstverktyget (B) väljs kommer det att justera borsten. Detsamma gäller för Gradient and Paint Bucket Tool (G).

Steg 4

Skapa ett nytt lager och namnge det "Main Clock". Markera Cirkelmarkeringsverktyget (M) och dra från mitten av tavlan ut mot kanten. Tricket är att trycka på Alternativ + Skift medan du drar. Detta kommer att begränsa proportioner och skapa en markering från mitten, ut.

Lämna lite ledigt utrymme längst upp och ner. Tryck på (D) för att växla till standardfärgerna. Tryck sedan på Alternativ + Radera för att fylla markeringen med din förgrundsfärg. Avmarkera markeringen (Command + D). Gillar du inte den färg som du precis fyllt cirkeln med? Välj en annan färg och tryck på Skift + Alternativ + Radera och se vad som händer! Genomskinligheten bevaras!

Välj huvudklockslaget och "bakgrundsskiktet" genom att kommandoklicka på varje lager (om en markering visas, betyder det att du klickade på lagminnebilden. OBS!) Tryck på (V) för ditt urvalsverktyg och justera sedan cirkeln genom att trycka Justera de vertikala centra, och justera horisontella centra. Detta är en försiktighetsåtgärd för att se till att allt rader upp senare på vägen.

Fyllning Obs: Om du trycker på Kommando + Radera fyller markeringen med bakgrundsfärgen. Ett enkelt sätt att komma ihåg vilken man som ska observera på vänster sida av tangentbordet är alternativknappen till vänster om kommandoknappen (precis som förgrunds- och bakgrundsfärgerna).

Steg 5

Nu får vi lägga till några effekter. Dubbelklicka på "Main Clock" -lagret för att öppna dialogrutan Lagstil. Ange följande justeringar (allt annat kan förbli som standardinställning):

  • Drop Shadow: Opacity = 65%, Vinkel = 90 (se till att Global Light är markerat), Avstånd = 49 och Storlek = 79.
  • Inre Skugga: Opacitet = 65%, Distans = 0, Choke = 12 och Storlek = 38.
  • Inre Glöd: Blandningsläge = Färgbränning, Färg = # a32025, Storlek = 111
    Bevel: Teknik = Mejsel Hård, Storlek = 81, Mjuka = ​​14, Markeringsläge Opacitet = 45 och Skuggläge Opacitet = 45.

Steg 6

Här kommer den roliga delen! Låt oss skapa siffrorna för klockans ansikte. Välj ditt typverktyg (T) och klicka var som helst för att skapa ett textfält. Skriv in numret 00 (ett fint runda nummer som hjälper oss att anpassa allt) och se till att texten är centrerade. Storleken bör vara ungefär 40pt (för att öka eller minska storleken på typsnittet Skift + Kommando + < or >). Helvetica Neue-teckensnitt användes, men nästan alla teckensnitt kommer att fungera. Klicka på kryssrutan för att acceptera ändringarna.

Låt oss nu anpassa denna text till bakgrunden, på samma sätt som vi gjorde i föregående steg. Kommandoklicka på textlagret och bakgrundsskiktet, använd sedan anpassningsverktygen så att vi är direkt i mitten.

Steg 7

Därefter, Skift-dra textrutan till toppen av cirkeln och låt den snäppa på plats. Det ska vara halvt på, halvt av toppen av "Main Clock". Justera det här sättet ger oss en fin bild, så att vi vet att allt justerats ordentligt.

En gång på plats, tryck på Command + T för Free Transform Tool. Ditt ankare kommer att ligga i transformatlådans mitt. Skift-dra det ner till mitten av cirkeln. Zooma in (Command + Plus-tangenten) om du behöver vara mer exakt. Ändra vinkeln till 30 grader och klicka på kryssrutan för att acceptera ändringarna.

Nu trycker du på Command + Option + Shift + T elva fler gånger för att upprepa transformationen och skapa ett nytt lager via kopia. Wow det är fantastiskt!

Steg 8

Justera numret för att läsa korrekt genom att välja skiktet och tryck sedan på Kommando + T. Ta tag i gränsrutans hörn och rotera den på plats medan du håller Shift. Redigera texten genom att dubbelklicka på textlagret och ange rätt nummer.

Notera: Använda gränsen för att rotera siffrorna på plats är det snabbaste sättet, men du har också andra alternativ. Försök rotera den 30 grader, klicka sedan på kryssrutan för att acceptera ändringarna. Tryck nu på Command + Shift + T för att repetera transformen. Fortsätt att göra detta tills numret är på plats. Nu kan du välja ett annat tallager och använda samma snabbtangent. Propert!

När alla siffror är korrekta och kan läsas ordentligt, markerar du alla siffror med Shift-klicka på hela uppsättningen siffror. Tryck på Command + G för att gruppera alla nummer tillsammans. Namn gruppen "Numbers."

Steg 9

Nu vill vi göra en kopia av alla nummer till ett lager. Alternativ-klicka på ögat på gruppen "Numbers". Detta slår av alla andra lager. Tryck på Kommando + Alternativ + Skift + E för att stämpla allt som är synligt för ett nytt lager via kopia. Namn det här skiktet "Sammanslagna nummer".

Slå nu på de andra lagren genom att klicka på varje lageröga. Du kan hålla gruppen "Numbers" avstängd. Anledningen till att vi gjorde en kopia är att hålla en redigerbar kopia av numren, för att tillämpa effekterna på endast ett lager som minskar filstorleken och att lära sig en bra genväg!

Steg 10

Ändra storlek på det sammanslagna numret (Command + T), så det passar inuti klockan som visas nedan. Var noga med att hålla kvar Alternativ + Skift medan du drar för att begränsa proportionerna till mitten.

Tillämpa effekter på lagret "Sammanslagna nummer". Använd de inställningar som anges nedan. Var inte rädd för att välja egna inställningar. Gör det själv!

Här är de inställningar som används:

  • Yttre Glöd: Opacitet = 56, Färg = # a32025.
  • Bevel: Style = Pillow Emboss, Storlek = 24, Blöta = 8, Markeringsläge Opacitet = 30 och Skuggläge Opacitet = 30.
  • Gradient Overlay = #ffffff, # c8c8c8, #ffffff, # c8c8c8, #ffffff (se bilden nedan) Klicka på Ny om du vill lägga till denna lutning till förinställningsfältet eftersom den kommer att användas i steg 13).

Steg 11

Skapa ett nytt lager och namnge det här "Hour Hand". Använd ditt anpassade formverktyg (U) och välj pennaformen från rullgardinsmenyn längst upp. Det här ser mest ut som en klockring. Dra ut en form så att den ser ut som en kort, tunn timmars hand. Tryck på Command + T, håll sedan Shift medan du roterar handen så att den är rakt upp och ner. Placera den mot mitten för att hjälpa dig att mäta nästa hand.

Vi behöver en längre minuters hand nu. Duplicera skiktet genom att trycka på Command + J. Byt namn på det här skiktet "Minute Hand". Markera Square Marquee Tool (M) och dra en fyrkant runt handens övre del. Tryck nu på Command + T och dra hand så det är lite längre än det andra. Att göra detta kommer att hålla vårt spetsiga område proportionellt mellan de två händerna.

Steg 12

Stäng av "Minute Hand" sikt. Dra "Hour Hand" upp så att slutet ligger inom mitten guider. Tryck på Kommando + T, rotera den med Shift och flytta sedan ankarpunkten till mittstyrningarna (zoom in vid behov). Vrid handen till den plats du vill ha (ibland kan ankaren inte redigeras tills objektet roteras). Gör nu detsamma med "Minute Hand".

Steg 13

Använd inställningarna nedan för att stila båda händerna. "Minute Hand" kommer att ha lite mer avstånd i drop shadowen, så det verkar vara över "Hour Hand". Här är inställningarna:

  • Drop Shadow: Opacity = 55, Distans = 11 (14 för "Minute Hand"), Storlek = 13.
  • Inre Skugga: Opacitet = 42.
  • Bevel: Teknik = Mejsel Hård, Storlek = 9, Markeringsläge Opacitet = 55, Skuggläge Opacitet = 55.
  • Gradient Overlay: Använd samma grad av gradient som sparades i steg 10, vinkel = 96.

Steg 14

Att lägga till några ljuspunkter i klockans händer gör vår effekt ännu mer realistisk. Skapa ett nytt lager och namnge det "Highlights." Tryck på (D) för dina standardfärger, sedan (X) för att växla till vitt.

Tryck på (B) och från penselmenyn (om du använder CS4 kan du använda följande genvägar) Välj en borstediameter på 150 (Control + Option-click-drag) och en hårdhet på 0% (Control + Option + Command -klicka-dra). Ställ opacitet till 30% (tryck 3). För tidigare versioner av PS, använd fästknapparna för att justera diametern och Shift + Bracket tangenterna för att justera hårdheten.

Måla vitpunkten var som helst du kan se den. Välj nu en borstdiameter på 50, med 0% hårdhet. Ställ opacitet till 60% (tryck 6). Klicka en gång i mitten av föregående höjdpunkt.

Välj nu ditt cirkulärt markeringsverktyg (M). Dra en cirkel runt din höjdpunkt. Tryck på (V), klicka nu inuti markeringen för att skära den och placera den igen. Hitta en vit del på "Hour Hand" och försök att centrera din höjdpunkt till handens övre kant (det beror på var du lägger händerna men kom ihåg att ljuskällan kommer från toppen).

Innan du avmarkerar, välj Alternativ och dra en ny kopia till en höjdpunkt på "Minuten" och övre kanterna av numren 7 och 12. Nu kan du avmarkera och klämma dig själv på baksidan för att göra det här långt!

Steg 15

Lägg till din företagslogotyp om du vill. Dra bara det i ditt dokument, se till att logotypskiktet ligger under båda handskikten. Placera det, använd sedan Kommandot + T för att ändra storlek.

Kopiera lagstilen på siffrorna genom att högerklicka och välj Kopiera lagstil, högerklicka på ditt "logotyp" lager och välj Klistra lagstil. Minska avfasningseffekten tills den ser mer realistisk ut (Bevel: Storlek = 5, Mjuka = ​​0).

Steg 16

Håll ihop händerna genom att skapa ett mittstycke. Skapa ett nytt lager och namnge det "Center". Kommandoklicka på miniatyrbilden "Main Clock" -lagret för att skapa en markeringsram. Fyll den med vilken färg som helst (Command + Delete), Avmarkera markeringen (Command + D), ändra storlek till mitten (Command + T). Glöm inte att hålla Shift + Option för att begränsa proportionerna till mitten.

Kopiera nu "Main Clock" -lagret och klistra in det på "Center" -lagret. Gör några mindre justeringar enligt nedan. Droppskuggningsavståndet ska vara lite mer än "Minute Hand" -laget eftersom det ligger ovanför båda händerna:

  • Drop Shadow: Avstånd = 19 och Storlek = 13.
  • Inre Glöd: Avmarkera den här effekten.

Steg 17

Låt oss skapa omslaget nu. Skapa ett nytt lager och namnge det "Cover". Kommandoklicka på miniatyrbilden "Main Clock" -lagret för att skapa en markeringsram. Tryck på (D) för standardfärger, tryck sedan på Command + Delete för att fylla den med vit. Avmarkera markeringen (Command + D). Sänk skiktets opacitet till 20% (V, sedan 2).

Ändra storlek (Command + T, håll sedan Shift + Option-drag) "Cover" -skiktet så att det passar lite inuti den fasade kanten på "Main Clock". Se bilden nedan.

Skapa en lagermask genom att klicka på knappen längst ner i lagpanelen, välj ditt Gradient Tool (G), se till att Linear är vald och välj sedan samma gradient från steg 10. Klicka nu på Lagmask för att markera den. Zooma ut om det behövs, och dra en lutning från bildens övre vänstra hörn längst ned till höger. Denna effekt kommer att ha viss variation i omslaget och göra det verkar vara en mer reflekterande yta.

Steg 18

Nu måste vi fortsätta bygga upp bländningseffekterna för att göra "Cover" ser mer realistiskt ut. För er som har tittat på mina Glass Ball Tutorial på YouTube, det här steget blir en vind.

Skapa ett nytt lager och namnge det "Glare." Kommandoklicka på miniatyrbilden "Cover" -lagret för att skapa en markeringsram. Tryck på (D) för standardfärger, tryck sedan på Command + Delete för att fylla den med vit. Avmarkera markeringen (Command + D). Sänk lagerets opacitet till 40% (V, sedan 4)

Förvandla "Glare" -laget genom att trycka på Command + T, sedan Skift-dra från botten och ta det över mittlinjen. Skift + Alternativ-dra från höger sida för att klämma på skiktet, sedan Skift-dra från toppen för att klämma ner det på plats. Använd bilden nedan för referens. Se till att bländningen täcker nummer 12, som visas.

Steg 19

Skapa en lagermask för "Glare" -laget. Välj ditt Gradient Tool (G) och se till att Linear Gradient väljs från gradientfältet ovan. Välj standardfärger (D). Välj lagmask och dra sedan en lutning från botten av cirkeln till toppen. Instant Glare! Vi har fortfarande lite polskt att lägga till men.

Standardfärger Obs! Om du är på ett lager, gör bokstaven D svart förgrunden och vit bakgrunden. Men om en lagmaske är vald och D trycks, återställs standardfärgerna. Tryck bara på X om du behöver byta dem.

Steg 20

Skapa ett nytt dokument genom att trycka på Command + N. Låt oss göra detta till ett kvadratiskt dokument. Storleken ska vara 7 tum vid 7 tum vid 300 dpi.

Dubbelklicka på bakgrundsskiktet och tryck sedan på OK för att låsa upp skiktet. Fyll skiktet med svart (försök att använda de genvägar du lärde dig i föregående steg). Gå till Filter> Render> Lens Flare, välj sedan 105mm Prime-alternativet på 110% och tryck på OK.

Låt Fade det filter vi just tillämpat. Tryck på Kommandot + Skift + F. Sänk opaciteten till 90%.

Fade Filter Note: Den här genvägen är endast tillgänglig direkt efter att ett filter har applicerats. Det är bra att sänka opaciteten eller ändra blandningsläget för ett filter utan att påverka pixlarna som sitter ovanpå.

Steg 21

Gå till Filter> Förvräng> Polära koordinater. Välj Polar till Rektangulär, och tryck på OK. Whoa, vad hände! Oroa dig inte, det kommer att se bra ut jag lovar!

Vänd det nu vertikalt. Gå till Redigera> Transformera> Vänd vertikalt. Gå nu tillbaka till Filter> Distort> Polar Coordinates. Välj den här gången Rektangulär till Polar och tryck på OK. Wow, titta nu på det! Höll jag mina löften eller vad!

Steg 22

Allt du behöver göra nu är att skära ut fettet. Skapa några snabba centerguider som vi gjorde tidigare. Välj ditt cirkulärt markeringsverktyg (M), dra sedan en cirkel från mitten ut till kanten på bländaren. Var noga med att hålla Shift + Option medan du drar.

Tryck nu på Command + Shift + I för att inversa valet. Tryck på Command + X för att skära ut fettet.

Steg 23

Skift-dra din skapelse till ditt klockdokument så att det är centrerat.

Ändra storlek på reflektionen genom att trycka på Command + T och Shift + Option, dra det i samma storlek som "Cover" -laget. Rotera reflektionen så att pärlor av ljuset är högst upp och anpassat till mitten. Godkänn ändringarna genom att trycka på Markera.

Byt namn på det här skiktet till "Flare" och se till att det ligger ovanför "Glare" -laget. Tryck på (V), håll sedan Shift och tryck på plus- eller minus-tangenterna för att gå igenom dina lagringslägen. Mjukt ljus fungerar bäst i vårt fall.

Steg 24

Vi behöver lägga till mer pop till bländningen överst. Kommando-klicka på "Glare" -lagret miniatyrbild för att skapa en markeringsram. Välj "Flare" -laget och tryck sedan på Skift + F6 för att öppna dialogrutan Fjäderval. Skriv 100 pixlar och klicka på OK. Detta kommer att blekna vår bländning och blanda den mer.

Nu gör ett nytt lager via skärning genom att trycka på Command + Shift + J. Nu ställer du in blandningsläge till skärm (V, sedan Plus eller Minus-tangenter). Byt namn på skiktet till "Flare2."

Steg 25

Vi lägger bättre till en linsflare för gott mått. Skapa ett nytt lager och namnge det "Flare3." Kommando-klicka på "Cover" -laget för att få en markeringsram. Fyll den med svart och avmarkera inte markeringen ännu. Detta kommer att begränsa vår linsflare till pixlarna inuti markeringen.

Gå till Filter> Render> Lens Flare. Den här gången väljer du 50-300mm zoom och placerar flaskhalsen på vänster sida så att alla reflektioner är inriktade från vänster till höger. Välj 110%. Tryck på OK.

Avmarkera valet (Command + D) och tryck på Command + T för att rotera det så att den ljusaste delen centreras högst upp. Godkänn ändringarna. Ställ nu lagläget på Soft Light.

Steg 26

Några fler ljuseffekter och vi är färdiga. Skapa ett nytt lager framför alla andra och namnge det "Inner Rim". Kommandoklicka på miniatyrbilden "Huvudklocka" för att skapa en markering. Fyll markeringen med vit (D, sedan Kommando + Radera). Avmarkera markeringen (Command + D). Tryck på Kommandot + T för att minska storleken så att den möter innerkanten på huvudklockan som visas.

Låt oss skära ut fettet. Kommandoklicka på "Cover" -laget (se till att "Innerfälg" -laget fortfarande är valt). Tryck på Command + X för att klippa ut mitten.

Minska lagerets opacitet till 70% (V, därefter 7). Skapa en lagmask. Vi måste dämpa effekten nu. Välj ditt Gradient Tool (G), Standardfärger (D), (X) på inversa standardfärger och Skift-dra en linjär gradient från mitten av klockan ner till klockans undersida.

Steg 27

Skapa ett nytt lager och namnge det "Outer Rim". Kommando-klicka på "Main Clock" -laget för att skapa en markeringsram och fyll i med vit (D, sedan Kommando + Radera). Avmarkera markeringen (Command + D).

Välj nu "Inner Rim" -lagret och Kommandoklicka på lagminnebilden. Tryck på (W) för ditt Wand Tool, och Shift-klicka på mitten av markeringen. Detta kommer att bli av med den mellersta delen som vi inte behöver. Nu klickar du på "Outer Rim" -laget och skär ut fettet (Command + X). Ställ skiktets opacitet till 80% (V, sedan 8).

Välj ditt Gradient Tool (G) och välj Radial Gradient. Om skiktmasken är vald trycker du på (D) för dina standardfärger. Skift-dra upp från toppen av "Ytterkanten". Du måste dra cirka 3-4 tum över klockan. Zooma ut om det behövs. Detta kommer att ge oss en trevlig hetpunkt på toppen av klockan, vilket ligger närmare ljuskällan.

Steg 28

Skapa ett nytt lager och namnge det "Skuggor". Fyll den med svart. Ställ läget för läget till Mjukt ljus (V, sedan Skift och använd knapparna Plus eller Minus). Skapa nu en lagmask, välj dina standardfärger (D), välj ditt Gradient Tool (G) och sedan Skift-dra en linjär gradient från botten av bilden till mitten av klockan. Detta kommer att lägga lite mer djup i vår bild genom att blekna ljuset.

Slutsats

Wow, du gjorde det! Bra jobbat! Förhoppningsvis har denna handledning hjälpt dig och gör dig till en snabbare och effektivare Photoshop-designer.