PS实现时钟绘制

本文详细介绍了如何使用Photoshop绘制3D时钟,包括时钟的基本构架绘制、图层样式的添加,如底盘的立体效果、时钟框的绘制、内部表盘与指针的细节处理,以及高光的添加。每个步骤都配有具体的操作步骤和效果展示,适合Photoshop初学者和爱好者学习。
摘要由CSDN通过智能技术生成

摘取在时钟实现过程中需要注意的点,整理记录:
最终效果展示:
在这里插入图片描述

步骤1:时钟基本构架绘制

结果展示:
在这里插入图片描述
首先分析时钟基础组成,icon底盘,时钟底盘外圈,时钟内圈,时钟时针、分针、秒针、定时针,黑圆、黄圆。
秒针和定时针在绘制时需要进行形状调节。使用圆角矩形工具,绘制好秒针使用的圆角矩形后,选择直接选择工具,拖动锚点,即可调节圆角矩形形状,成功get秒针和定时针。
时针和分针上的黄色形状,为了效果,使用了内发光。
现在,时钟的基本构架就绘制完成。

步骤2:时钟图层样式添加

1:底盘效果(实现立体效果)

效果展示:
在这里插入图片描述
先为底盘添加图层样式
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
图层样式设置结束后,在底盘下方新建图层绘制底盘投影
先在底盘底部绘制椭圆形状,调节椭圆大小及不透明度,让投影有真实感
再使用画笔绘制侧投影,调节不透明度,再为侧投影图层添加图层蒙

您可以使用 Windows API 函数来实现有字体的时钟显示。以下是一个简单的示例代码: ```c++ #include <Windows.h> LRESULT CALLBACK WndProc(HWND hWnd, UINT message, WPARAM wParam, LPARAM lParam); int WINAPI WinMain(HINSTANCE hInstance, HINSTANCE hPrevInstance, LPSTR lpCmdLine, int nCmdShow) { // 创建窗口 WNDCLASS wc = { 0 }; wc.lpfnWndProc = WndProc; wc.hInstance = hInstance; wc.hbrBackground = (HBRUSH)(COLOR_WINDOW + 1); wc.lpszClassName = L"ClockWindowClass"; RegisterClass(&wc); HWND hWnd = CreateWindow(L"ClockWindowClass", L"Clock", WS_OVERLAPPEDWINDOW, CW_USEDEFAULT, 0, CW_USEDEFAULT, 0, nullptr, nullptr, hInstance, nullptr); if (!hWnd) { return FALSE; } // 显示窗口 ShowWindow(hWnd, nCmdShow); UpdateWindow(hWnd); // 消息循环 MSG msg = { 0 }; while (GetMessage(&msg, nullptr, 0, 0)) { TranslateMessage(&msg); DispatchMessage(&msg); } return (int)msg.wParam; } LRESULT CALLBACK WndProc(HWND hWnd, UINT message, WPARAM wParam, LPARAM lParam) { static HFONT hFont = nullptr; static RECT rcClient = { 0 }; static SYSTEMTIME st = { 0 }; static WCHAR szTime[9] = { 0 }; switch (message) { case WM_CREATE: // 创建字体 hFont = CreateFont(48, 0, 0, 0, FW_BOLD, FALSE, FALSE, FALSE, DEFAULT_CHARSET, OUT_DEFAULT_PRECIS, CLIP_DEFAULT_PRECIS, DEFAULT_QUALITY, DEFAULT_PITCH | FF_SWISS, L"Arial"); GetLocalTime(&st); break; case WM_DESTROY: // 销毁字体 if (hFont) { DeleteObject(hFont); } PostQuitMessage(0); break; case WM_PAINT: { PAINTSTRUCT ps; HDC hdc = BeginPaint(hWnd, &ps); // 获取客户区大小 GetClientRect(hWnd, &rcClient); // 计算文本位置 SIZE size = { 0 }; GetTextExtentPoint32(hdc, szTime, 8, &size); int x = (rcClient.right - size.cx) / 2; int y = (rcClient.bottom - size.cy) / 2; // 绘制文本 SelectObject(hdc, hFont); SetTextColor(hdc, RGB(0, 0, 255)); SetBkMode(hdc, TRANSPARENT); DrawText(hdc, szTime, 8, &rcClient, DT_CENTER | DT_VCENTER | DT_SINGLELINE); EndPaint(hWnd, &ps); } break; case WM_TIMER: // 更新时间 GetLocalTime(&st); wsprintf(szTime, L"%02d:%02d:%02d", st.wHour, st.wMinute, st.wSecond); InvalidateRect(hWnd, &rcClient, TRUE); break; default: return DefWindowProc(hWnd, message, wParam, lParam); } return 0; } ``` 该代码使用 CreateFont 函数创建了一个 Arial 字体的 HFONT 句柄,然后在 WM_PAINT 消息中使用 DrawText 函数绘制了当前时间。在 WM_TIMER 消息中更新时间,并使用 InvalidateRect 函数使窗口无效,以便在下一个 WM_PAINT 消息中重新绘制
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值