Bruk over 40 avanserte tastaturgenveier for å lage et reflekterende klokkeslett

Denne opplæringen vil lære deg grunnleggende til avanserte hurtigtaster, alt mens du designer en fantastisk klokke! Vi kan ikke dekke alle tastaturgenveiene i denne opplæringen, men det er over 40 grunnleggende her for å gi deg en god start! La oss begynne på vei til å være en super effektiv designer!

Endelig bildeforhåndsvisning

Ta en titt på bildet vi skal skape. 

Trinn 1

Vel, for å få ting startet riktig, la oss lage et nytt dokument med dimensjonene på 2304 piksler med 1708 piksler og 300 dpi. Disse dimensjonene fungerte bra mens du opprettet denne opplæringen, så la oss holde fast med dem!

Deretter skal vi sette noen guider. Pass på at snap-funksjonen er slått på Se> Snap (Command + Shift + Colon-tasten). Dessverre er det ingen visuell hjelp for å vise at den er slått på. Trykk på Command + R for å vise linjene dine, og bruk deretter valgverktøyet (V) for å dra en guide fra venstre og øverste linjaler, slik at de klikker til midten av tavlen. Trykk på kommando + kolontast for å skjule noen guider når som helst.

Ikke vær redd, hvis du gjør en feil, trykk bare på Command + Z for å angre. Hvis du gjør noen feil, trykker du bare på Command + Option + Z for å gå tilbake til hvor du var. Nå som vi har det ut av veien, la oss komme til de morsomme tingene!

Her er et interessant triks. Endre bakgrunnen til tavlen din ved å velge favorittfarge, ta tak i Paint Bucket Tool (G), og deretter Shift-klikke på tavla. Kul til høyre?

Steg 2

La oss jobbe fra bunnen av, ganske som et maleri. Først lar vi lage en fin blå gradient for bakgrunnen. Velg Gradient Tool (G), velg radial fra gradientvalget. Når du velger fargene dine, kan du bruke # 3e5198 for forgrunnen og # 222d53 for bakgrunnen.

Effekten vi ønsker er et lysere senter, og en litt mørkere ute. Dette skaper mer visuell interesse, i stedet for bare en vanlig farge. Når du har valgt farger, klikker du og drar fra midten av tavlen til høyre kant og slipper ut.

Trinn 3

For Psd Plus-medlemmer, Dra i det medfølgende "concreteTexture.jpg" bildet som finnes i «kilde» -filen i denne tutens medlemsbilde eller ta en tekstur du foretrekker av nettet. Pass på at det ligger på et lag over "bakgrunnen". Skala (Command + T) og juster etter behov. Still fargemodus til Overlay (V, deretter Shift + eller -), og reduser lagets opacitet til 30% (V, deretter 3). Dette gir oss en fin, subtil effekt.

Her er et raskt notat om Opacity and Fill. Talltastaturet (1 = 10%, 2 = 10% ... 0 = 100%) vil endre Opacity eller Fill (trykk Skift og tall for å endre Fyll) til hvilket verktøy som er valgt. Hvis valgverktøyet (V) er aktivt, vil det justere laget. Hvis børsteverktøyet (B) er valgt, vil det justere børsten. Det samme gjelder for Gradient and Paint Bucket Tool (G).

Trinn 4

Opprett et nytt lag og betegn det "Main Clock." Velg rundsaksmaskinverktøyet (M), og dra fra midten av tavla ut mot kanten. Trikset er å trykke på Alternativ + Skift mens du drar. Dette vil begrense proporsjoner og skape et telt fra sentrum, ut.

Legg litt ledig plass på toppen og bunnen. Trykk på (D) for å bytte til standardfarger. Deretter trykker du på Valg + Slett for å fylle markeringen med forgrunnsfargen din. Fjern markeringen av markeringen (Command + D). Liker du ikke fargen du nettopp fylte sirkelen med? Velg en annen farge og trykk Shift + Option + Delete og se hva som skjer! Gjennomsiktigheten er bevart!

Velg Main Clock Layer og "Background" Laget ved å klikke på hvert lag (hvis et marquee vises, betyr det at du klikket på lagets miniatyr. Ups!) Trykk (V) for ditt valgverktøy, og juster deretter sirkelen ved å trykke Justere vertikale sentre og Justere horisontale sentre. Dette er et forsiktighetsmål for å sikre at alt rager opp senere på veien.

Fylling Merk: Hvis du trykker på Kommando + Slett, fyller teltet med bakgrunnsfargen. En enkel måte å huske hvilken man gjør som skal observeres på venstre side av tastaturet, er alternativknappen til venstre for kommandoknappen (akkurat som forgrunns- og bakgrunnsfarger).

Trinn 5

Nå kommer vi til å legge til noen effekter. Dobbeltklikk på "Main Clock" -laget for å åpne dialogboksen Lagstil. Skriv inn følgende justeringer (alt annet kan forbli som standardinnstilling):

  • Drop Shadow: Opacity = 65%, Angle = 90 (Pass på at Global Light er merket), Avstand = 49 og Størrelse = 79.
  • Innerskygge: Opacity = 65%, Avstand = 0, Choke = 12 og Størrelse = 38.
  • Innvendig glød: Blandingsmodus = Fargeforbrenning, Farge = # a32025, Størrelse = 111
    Avstand: Teknikk = Beinhard, Størrelse = 81, Softe = 14, Fremhevsmodus Opacity = 45 og Skyggemodus Opacity = 45.

Trinn 6

Her kommer den morsomme delen! La oss lage tallene for klokkeens ansikt. Velg ditt Typeverktøy (T) og klikk hvor som helst for å lage et tekstfelt. Skriv inn nummer 00 (et fint rundnummer som hjelper oss med å justere alt) og sørg for at teksten er midtjustert. Størrelsen skal være omtrent 40pt (for å øke eller redusere størrelsen på skrifttype bruk Shift + Command + < or >). Helvetica Neue Font ble brukt, men nesten alle skrifttyper vil fungere. Klikk på avkrysningsboksen for å godta endringene.

La oss nå justere denne teksten i bakgrunnen, på samme måte som i foregående trinn. Kommandoklikk tekstlaget og bakgrunnslaget, bruk deretter justeringsverktøyene for å sikre at vi er midt i sentrum.

Trinn 7

Deretter Skift-dra tekstboksen til toppen av sirkelen, og la den snappe på plass. Det skal være halvt på, halvt av toppen av "Main Clock". Justere det på denne måten vil gi oss en fin visuell, og la oss få vite at alt justeres riktig.

Når du er på plass, trykker du på Command + T for Free Transform Tool. Ankeret ditt vil være i midten av transformasjonsboksen. Skift-dra det ned til sirkelens senter. Zoom inn (Command + Plus-tasten) hvis du trenger å være mer presis. Endre vinkelen til 30 grader, og klikk avkrysningsboksen for å godta endringene.

Trykk på Command + Option + Shift + T elleve ganger for å gjenta transformasjonen og lag et nytt lag via kopi. Wow det er utrolig!

Trinn 8

Juster tallet for å lese riktig ved å velge lag, og trykk deretter på Kommando + T. Ta tak i grensebokshornet og drei det på plass mens du holder Shift. Rediger teksten ved å dobbeltklikke på tekstlaget og angi riktig nummer.

Merk: Bruk avgrensningsboksen til å rotere tallene på plass er den raskeste måten, men du har også andre alternativer. Prøv å rotere den 30 grader, og klikk deretter i avmerkingsboksen for å godta endringene. Trykk på Command + Shift + T for å gjenta transformasjonen. Fortsett å gjøre dette til nummeret er på plass. Nå kan du velge et annet nummerlag og bruke samme tastaturgenvei. Ryddig!

Når alle tallene er riktige og kan leses riktig, velger du alle tallene ved å Bytte-klikke på hele settet av tall. Trykk på Kommando + G for å gruppere alle tallene sammen. Navn gruppen "Numbers."

Trinn 9

Nå ønsker vi å lage en kopi av alle tallene til ett lag. Alternativ-klikk på øyet på "Numbers" -gruppen. Dette vil slå alle de andre lagene av. Trykk på Kommando + Alternativ + Skift + E for å stemple alt synlig for et nytt lag via kopi. Navngi dette laget "Fusjonerte tall".

Slå på de andre lagene ved å klikke på hvert lag øye. Du kan holde gruppen "Numbers" slått av. Årsaken til at vi laget en kopi er å beholde en redigerbar kopi av tallene, for å bruke effektene til bare ett lag som reduserer filstørrelsen, og å lære en god snarvei!

Trinn 10

Endre størrelsen på det sammenslåtte tallet (Command + T), slik at det passer innom klokken som vist nedenfor. Pass på å holde Alternativ + Skift mens du drar for å begrense proporsjonene til midten.

Bruk effekter til "Samlet antall" -lag. Bruk innstillingene som er angitt nedenfor. Ikke vær redd for å velge dine egne innstillinger heller. Gjør det ditt eget!

Her er innstillingene som brukes:

  • Ytre glød: Opacity = 56, Farge = # a32025.
  • Bevel: Style = Pillow Emboss, Size = 24, Bløt = 8, Markeringsmodus Opacity = 30, og Shadow Mode Opacity = 30.
  • Gradient Overlay = #ffffff, # c8c8c8, #ffffff, # c8c8c8, #ffffff (se bildet nedenfor) Klikk Ny for å legge til denne graden til forhåndsinnstillingsfeltet fordi den vil bli brukt i trinn 13).

Trinn 11

Opprett et nytt lag og betegne denne "Time Hand." Bruk tilpasset formverktøy (U) og velg blyantformen fra rullegardinmenyen øverst. Dette ser mest ut som et klokkeslett. Dra ut en form slik at den ser ut som en kort, tynn timers hånd. Trykk på Command + T, hold deretter Shift mens du roterer hånden, så den er rett opp og ned. Plasser den mot midten for å hjelpe deg med å måle neste hånd.

Vi trenger en lengre hånd nå. Dupliser laget ved å trykke på Command + J. Gi nytt navn til dette laget "Minute Hand". Velg Square Marquee Tool (M) og dra et firkant rundt den øvre delen av hånden. Trykk nå Command + T og dra hånden, så den er litt lengre enn den andre. Å gjøre dette vil holde vårt spisse område proporsjonalt mellom de to hender.

Trinn 12

Slå av synligheten til "Minute Hand". Dra "Hour Hand" opp, slik at enden er i sentrumsførerne. Trykk på kommando + T, roter den med Shift, og flytt deretter ankerpunktet til midtveiledningene (zoom inn om nødvendig). Roter hånden til ønsket sted (noen ganger kan ankeret ikke redigeres til objektet roteres). Gjør det samme med "Minute Hand".

Trinn 13

Bruk innstillingene under for å stile begge hender. Den "Minute Hand" vil ha litt mer avstand i drop shadow, så det ser ut til å være over "Hour Hand." Her er innstillingene:

  • Drop Shadow: Opacity = 55, Avstand = 11 (14 for "Minute Hand"), Størrelse = 13.
  • Innerskygge: Opasitet = 42.
  • Høyde: Teknikk = Meiselhard, Størrelse = 9, Markeringsmodus Opacity = 55, Skygge Modus Opacity = 55.
  • Gradient Overlay: Bruk samme gradientgrad som ble lagret i trinn 10, vinkel = 96.

Trinn 14

Å legge til noen lyspunkter i klokkehendene, vil gjøre vår effekt enda mer realistisk. Opprett et nytt lag og nevn det "Høydepunkter." Trykk på (D) for standardfarger, og deretter (X) for å bytte til hvitt.

Trykk på (B) og fra penselmenyen (hvis du bruker CS4, kan du bruke følgende snarveier) Velg en børstediameter på 150 (Control + Option-click-drag) og en hardhet på 0% (Control + Option + Command -klikk-motstand). Still Opacity på 30% (trykk 3). For tidligere versjoner av PS, bruk brakettnøklene for å justere diameteren, og Shift + Bracket-tastene for å justere hardheten.

Mal det hvite stedet hvor som helst du kan se det. Velg nå en børste diameter på 50, med 0% hardhet. Still Opacity på 60% (trykk 6). Klikk en gang i midten av det forrige høydepunktet.

Velg nå ditt Circular Marquee Tool (M). Dra en sirkel rundt høydepunktet ditt. Trykk på (V), klikk nå inne i teltet for å kutte det og plassere det. Finn en hvit del på "Hour Hand" og prøv å sitte høydepunktet ditt til den øvre kanten av hånden (det avhenger av hvor du legger hendene dine, men husk at lyskilden kommer fra toppen).

Før du avvelger, velger du Valg og klikker og drar en ny kopi til et høydepunkt på "Minut hånden" og øvre kantene av tallene 7 og 12. Nå kan du avvelge og klappe deg selv på baksiden for å gjøre det så langt!

Trinn 15

Legg til firmaets logo hvis du vil. Bare dra den inn i dokumentet ditt, og sørg for at logoen er under begge håndlagene. Plasser den, bruk deretter Command + T for å endre størrelsen på den.

Kopier lagstilen til tallene ved å høyreklikke og velg Copy Layer Style, høyreklikk deretter på "logo" -laget og velg Lim inn lagstil. Minske bevel effekten til den ser mer realistisk ut (Bevel: Size = 5, Soften = 0).

Trinn 16

Hold hendene sammen ved å lage et senterstykke. Opprett et nytt lag og kaller det "Senter". Kommandoklikk på miniatyrbildet "Hovedklokke" laget for å lage et telt. Fyll det med hvilken som helst farge (Command + Delete), fjern markeringen av markeringen (Command + D), endre størrelsen til senteret (Command + T). Ikke glem å holde Shift + Option for å begrense proporsjonene til midten.

Kopier nå "Main Clock" -lagsstilen, og lim den inn på "Center" -laget. Gjør noen mindre justeringer som vist nedenfor. Skyggeavstanden skal være litt mer enn "Minute Hand" -laget fordi det er over begge hender:

  • Drop Shadow: Avstand = 19 og størrelse = 13.
  • Innvendig glød: Fjern merket for denne effekten.

Trinn 17

La oss lage dekselet nå. Opprett et nytt lag og kaller det "Cover". Kommandoklikk på miniatyrbildet "Hovedklokke" laget for å lage et telt. Trykk på (D) for standardfarger, og trykk deretter på Kommando + Slett for å fylle den med hvitt. Fjern markeringen av markeringen (Command + D). Senk lagets opasitet til 20% (V, deretter 2).

Endre størrelse (Command + T, hold deretter Shift + Option-drag) "Cover" -laget for å passe litt innenfor den fasade kanten av "Main Clock". Se bildet nedenfor.

Lag en lagmaske ved å klikke på knappen nederst på lagpanelet, velg Gradient Tool (G), kontroller at Linear er valgt, velg deretter samme gradient fra trinn 10. Nå klikker du på Lagmasken for å velge den. Zoom ut om nødvendig, og dra en gradient fra øverste venstre hjørne av bildet, ned til nederste høyre hjørne. Denne effekten vil ha litt variasjon på dekselet og gjøre det til å virke som en reflekterende overflate.

Trinn 18

Nå må vi fortsette å bygge opp refleksvirkningen for å gjøre "Cover" ser mer realistisk ut. For de av dere som har sett min Glass Ball Tutorial på YouTube, dette trinnet vil bli en bris.

Opprett et nytt lag og nev det "Glare." Kommandoklikk på miniatyrbildet "Cover" -lag for å lage et telt. Trykk på (D) for standardfarger, og trykk deretter på Kommando + Slett for å fylle den med hvitt. Fjern markeringen av markeringen (Command + D). Senk lagets opasitet til 40% (V, deretter 4)

Transform "Glare" -laget ved å trykke Command + T, deretter Shift-dra fra bunnen og ta det over senterlinjen. Shift + Option-dra fra høyre side for å klemme laget, deretter Shift-dra fra toppen for å klemme det ned på plass. Bruk bildet nedenfor for referanse. Pass på at blendingen dekker nummeret 12, som vist.

Trinn 19

Lag en lagmaske for "Glare" -laget. Velg Gradient Tool (G) og kontroller at Linear Gradient er valgt fra gradientfeltet ovenfor. Velg standardfarger (D). Velg Lagmasken, og dra deretter en gradient fra bunnen av sirkelen til toppen. Øyeblikkelig blikk! Vi har fortsatt litt polsk å legge til skjønt.

Standardfarger Merk: Hvis du er på et lag, gjør bokstaven D svart forgrunnen, og hvit bakgrunnen. Men hvis en lagmaske er valgt, og D trykkes, reverseres standardfargene. Bare trykk på X hvis du må bytte dem.

Trinn 20

Opprett et nytt dokument ved å trykke på Command + N. La oss gjøre dette til et kvadratdokument. Størrelsen skal være 7 inches ved 7 inches ved 300dpi.

Dobbeltklikk på bakgrunnslaget, og trykk deretter på OK for å låse opp laget. Fyll laget med svart (prøv å bruke de snarveiene du lærte i de forrige trinnene). Gå til Filter> Render> Lens Flare, velg deretter 105mm Prime-alternativet på 110%, og trykk OK.

Lar Fade filteret vi nettopp har brukt. Trykk på Command + Shift + F. La opaciteten reduseres til 90%.

Fade Filter Note: Denne snarveien er bare tilgjengelig direkte etter at et filter er brukt. Det er flott for å senke Opacity eller endre blandingsmodus for et filter uten å påvirke pikslene den sitter på toppen av.

Trinn 21

Gå til Filter> Forvreng> Polar Koordinater. Velg Polar til Rektangulær, og trykk OK. Hvem, hva skjedde! Ikke bekymre deg, det kommer til å se bra ut jeg lover!

Vend det nå vertikalt. Gå til Rediger> Transform> Vend vertikalt. Gå nå tilbake til Filter> Forvreng> Polar Koordinater. Denne gangen velger du Rektangulær til Polar, og trykker på OK. Wow, se nå på det! Opprettholdde jeg mine løfter eller hva!

Trinn 22

Alt du trenger å gjøre nå er kuttet ut fettet. Lag noen raske senterguider som vi gjorde tidligere. Velg ditt Circular Marquee Tool (M), og dra deretter en sirkel fra midten til kanten av blendingen. Pass på å holde Shift + Option mens du drar.

Trykk på Command + Shift + I for å reversere valget. Trykk på Command + X for å kutte ut fettet.

Trinn 23

Skift-dra innrettelsen i klokke dokumentet ditt slik at det er sentrert.

Endre størrelsen på refleksjonen ved å trykke på Command + T og Shift + Option, og dra den til samme størrelse som "Cover" -laget. Roter refleksjonen slik at perler av lys er øverst, og justert til midten. Godta endringene ved å trykke på merket.

Gi nytt navn til dette laget til "Flare", og kontroller at det er over "Glare" -laget. Trykk på (V), hold deretter Shift og trykk på Plus eller Minus-tastene for å bla gjennom lagmodusene dine. Mykt lys fungerer best i vårt tilfelle.

Trinn 24

Vi må legge til mer pop til blikket øverst. Kommandoklikk på "Glare" -lageminiatyret for å lage et telt. Velg "Flare" -laget, og trykk deretter Shift + F6 for å åpne dialogboksen Feather Selection. Skriv 100 piksler og klikk OK. Dette vil forsvinne vår bluss og blande det mer.

Gjør nå et nytt lag via kutt ved å trykke på Command + Shift + J. Sett nå Blending Mode på skjermen (V, deretter Plus eller Minus). Gi nytt navn til laget til "Flare2."

Trinn 25

Vi legger bedre til en ekstra linseblad for godt mål. Opprett et nytt lag og kaller det "Flare3." Kommandoklikk på "Cover" -laget for å få et telt. Fyll den med svart, og merk ikke av markeringen enda. Dette vil begrense vår linseflukt til piksler i teltet.

Gå til Filter> Render> Lens Flare. Denne gangen velger du 50-300mm Zoom, og plasserer flarekorset på venstre side, slik at alle refleksjonene er justert fra venstre til høyre. Velg 110%. Trykk på OK.

Fjern markeringen av valget (Command + D) og trykk på Command + T for å rotere den så den klareste delen er sentrert øverst. Godta endringene. Sett nå lagmodus til Soft Light.

Trinn 26

Noen flere lyseffekter, og vi er ferdige. Lag et nytt lag over alle de andre og nevn det "Inner Rim". Kommandoklikk miniatyrbildet "Hovedklokke" laget for å lage et telt. Fyll markeringen med hvitt (D, deretter Kommando + Slett). Fjern markeringen av markeringen (Command + D). Trykk på Command + T for å redusere størrelsen for å møte den indre kanten av "Main Clock" Bevel som vist.

La oss kutte ut fettet. Kommando-klikk på "Cover" -laget (sørg for at "Inner Rim" -laget fortsatt er valgt). Trykk på Command + X for å kutte ut senteret.

Reduser lagets oppakthet til 70% (V, deretter 7). Lag en lagmaske. Vi må forsvinne effekten nå. Velg Gradient Tool (G), Standardfarger (D), (X) til inverse standardfarger, og Shift-dra en lineær gradient fra midten av klokken ned til bunnen av klokken.

Trinn 27

Opprett et nytt lag og betegn det "Outer Rim." Kommandoklikk på "Main Clock" -laget for å lage en markering, og fyll med hvitt (D, deretter Kommando + Slett). Fravelg markeringen (Command + D).

Velg nå "Inner Rim" -laget og Kommandoklikk på laget miniatyrbildet. Trykk på (W) for Wand Tool, og Shift-klikk på midten av markeringen. Dette vil bli kvitt midtdelen som vi ikke trenger. Klikk nå på "Outer Rim" -laget og kutt ut fettet (Command + X). Sett lagets opasitet til 80% (V, deretter 8).

Velg Gradient Tool (G), og velg Radial Gradient. Hvis lagmasken er valgt, trykk (D) for standardfarger. Shift-dra opp fra toppen av "Ytre Rim". Du må trekke rundt 3-4 tommer over klokken. Zoom ut om nødvendig. Dette gir oss et fint sted på toppen av klokken, som er nærmere lyskilden.

Trinn 28

Opprett et nytt lag og nev det "Shadows." Fyll den med svart. Still lagmodus til mykt lys (V, deretter Skift og bruk pluss- eller minus-tastene). Opprett nå en lagmaske, velg standardfarger (D), velg Gradient Tool (G), og deretter Shift-dra en lineær gradient fra bunnen av bildet til midten av klokken. Dette vil legge litt mer dybde til bildet vårt ved å fade lyset.

Konklusjon

Wow, du gjorde det! Flott jobb! Forhåpentligvis har denne opplæringen hjulpet deg og vil gi deg en raskere og mer effektiv Photoshop-designer.