跳轉到內容

Paint.NET/簡單圓形玻璃按鈕

來自華夏公益教科書,開放的書籍,為開放的世界

本教程演示瞭如何使用 Paint.NET 建立簡單的圓形網頁瀏覽器按鈕。


要完成本教程,您需要下載並安裝 Drop Shadow 外掛。

http://users.telenet.be/krisvandermotten/Downloads/PaintDotNetEffects.html 下載並安裝 Drop Shadow 外掛。開啟 zip 檔案並執行 Install.exe 程式。

從 800 x 600(預設)畫布開始。

使用橢圓選擇工具,(按住 SHIFT 鍵)拖動一個邊界矩形大小為 400 x 400 畫素的圓。

影像 > 裁剪到選區

將您的輔助顏色設定為完全透明。

影像 > 畫布大小:選擇按百分比,設定 125%(確保錨點設定為“中間”)

現在您應該有一個完美居中在畫布上的圓圈。

將您的主顏色設定為深綠色 - 我使用十六進位制:00660A - 您的輔助顏色設定為白色。

使用魔棒工具選擇您的白色圓圈,並使用漸變工具,設定為徑向,並使用滑鼠右鍵繪製從圓圈底部約 1/3 向上到頂部的漸變。

將背景層複製兩次。將頂層命名為“頂部”,將中間層命名為“中間”。

從“頂部”層開始,選擇移動選區工具(您的圓圈應該仍然被選中),抓住圓圈選區頂部,開始向下拖動,直到橢圓的高度為 350px。

按 Delete 鍵。

轉到“中間”層,使用魔棒選擇圓圈外部的區域,並按 CTRL+I 反轉選擇。

再次選擇移動選區工具,抓住圓圈頂部,向下拖動,直到橢圓的高度為 250px。刪除。

返回“頂部”層,然後轉到效果 > 模糊 > 中值模糊:半徑 10,百分位數 0。

EDIT1 在 Paint.NET 的更新版本中:效果 > 噪聲 > 中值。

使用魔棒選擇外部區域,並按 CTRL+I 反轉。

將您的主顏色設定為白色,輔助顏色設定為深灰色。

用白色填充新月形。按 CTRL+D 取消選擇,然後轉到效果 > 模糊 > 徑向模糊:量 2。

轉到“中間”層,然後轉到效果 > 模糊 > 中值模糊:半徑 10,百分位數 0。


在“頂部”層上,將混合模式設定為“螢幕”,並將不透明度調整為 100(按 F4 訪問層

在“中間”層上重複此操作。

建立一個新層,並將其命名為“控制”。將“控制”層向下移動到背景層上方,在“中間”層下方。

您將在此處放置與按鈕相關的文字或影像。

我將建立一個“重新整理”按鈕,並將使用“Webdings”字型 - 字母“q”。

選擇文字工具並將字型更改為“Webdings”。將字型大小增加到 200(您可以直接在字型大小控制元件中鍵入)。

單擊您的影像並鍵入字母“q”。這應該會為您提供一個“重新整理”符號。使用控制箭頭將符號定位在按鈕的中心。

效果 > 投影:偏移 X 0,偏移 Y 10,模糊半徑 10。

EDIT2 對於投影:[1] 效果 > 物件 > 投影

將影像扁平化,然後轉到效果 > 投影:再次使用相同的設定。

華夏公益教科書