Ok, gagawa kami ng animated na digital na orasan, katulad ng karamihan sa atin ay inbuilt sa radyo...

Disenyo ng Animated Digital Clock na May Live na LCD interface - Mga Tutorial sa PS Lorelei Web Design

Magsimula sa pamamagitan ng paggawa ng bagong canvas, 350 *200, at punan ito ng itim (#000000)
Una ay gagawa kami ng isang frame para sa aming orasan. Piliin ang buong canvas at pumunta sa Piliin >> Baguhin >> Border. Magdagdag ng 20 px na hangganan (ang pagpili ay "ilipat" lamang ng 20 pixel sa loob)

Disenyo ng Animated Digital Clock na May Live na LCD interface - Mga Tutorial sa PS Lorelei Web Design

Ngayon, para mapili ang lugar na nasa labas ng kahon (at gumawa ng frame), pumunta sa Piliin >> Inverse. Ngayon ang 20 px na hangganan ay napili.
Gumawa ng bagong layer.
Punan ito ng anumang kulay, ginamit namin ang madilim na kulay-abo ngunit ito ay medyo opsyonal.

Disenyo ng Animated Digital Clock na May Live na LCD interface - Mga Tutorial sa PS Lorelei Web Design

Habang napili ang bagong layer na ito, pumunta sa Layer >> Layer Styles >> Options, at ilapat ang mga setting na ito, upang makakuha ng naka-istilong metal na frame.

drop Shadow
Panloob na Anino Gamitin ang #CCCCCC na kulay
Inner Glow Gamitin ang #666666 na kulay.
Bevel at emboss
Tabas Gamitin ang hugis na "Gaussian".
Satin Gamitin ang hugis na "Rolling Slope", #FFFFFF na kulay.
Gradient Overlay Gradient sa pagitan ng #CCCCCC at #666666
atake serebral

Ito ang frame na nakuha mo...

Disenyo ng Animated Digital Clock na May Live na LCD interface - Mga Tutorial sa PS Lorelei Web Design

Ngayon sa mas kumplikadong bahagi. Piliin ang tool sa pag-type at i-type
88:88

Kailangan mong gumamit ng ilang "digital / LCD" na font para dito. Ginamit namin ang "DS Digital", na maaari mong i-download nang libre sa dafont.com. Laki: 123 px, kulay: #3d3d3d