今天得到更新的,是古老的記事本。
記事本簡單得不能再簡單,但卻是Windows系統多年來最受歡迎的應用之一,Windows 10上微軟不但開始為它升級新功能,還改換了門臉。
其實一直以來,Windows 10雖然在UI設計上走扁平化風格,但并沒有完全統一,記事本就是其中之一,圖標風格一直還是偏立體化。
舊圖標
如今在在微軟應用商店里,帶有新圖標的記事本程序已經可以下載,風格趨于扁平化,但也保留了一定的立體感,再加上重新調整的配色,看起來非常清爽舒適。
新圖標
之所以將系統自帶的記事本也放到商店里,是因為微軟會隨時對它進行單獨更新升級,計算器等程序也是如此。
微軟也表示,從這個版本開始,記事本更新會自動同步到商店里,方便聽取用戶反饋、隨時改進。
點擊Ctrl-N來創建一個新文檔。如圖設置
第1步
選擇矩形工具(M),然后將焦點放在工具欄上。從筆劃中刪除顏色,然后選擇填充并將其顏色設置為R=255 G=238 B=205。移動到Artboard并簡單地創建115 x 125px的矩形,“對齊網格”功能可以簡化您的工作。
第2步
使用直接選擇工具(A) ,重新選擇矩形,移動到控制面板,進入“ 為5px的” 角框。如果碰巧使用了舊版本的Illustrator,則必須使用“ 圓角”效果。確保選擇了矩形,然后轉到效果>風格化>圓角。輸入5px半徑,單擊“ 確定”,然后轉到“ 對象”>“展開外觀”。最后,您的形狀應如下圖所示。
移至“ 層”面板(“ 窗口”>“層”),打開現有層,只需雙擊形狀并將其重命名為“ page ”即可。
第3步
使用鋼筆工具(P)創建一個115px的水平路徑,并將其放置在第一個圖像中。再次,對齊網格功能將派上用場。為此新路徑添加一個1pt筆觸,并將其顏色設置為R=0 G=128 B=200。
確保水平路徑保持選中狀態,并將焦點放在外觀面板(“ 窗口”>“外觀”)上。只需點擊那個“ 不透明度 ”一段文字,打開的透明度飛出面板,并降低不透明度到15% 。接下來,您需要確保路徑與像素網格完全對齊。重新選擇它,然后轉到效果>扭曲和變形>變形。將垂直移動滑塊拖動到-0.5px處,然后單擊確定。啟用像素預覽(“ 視圖”>“像素預覽”),然后查看有無轉換影響以準確了解事物的變化。
第4步
確保仍選擇水平路徑,然后轉到效果>扭曲和變形>變形。在“ 副本”框中輸入“ 8 ” ,將“ 垂直移動”滑塊拖動到10px,然后單擊“ 確定”。
第5步
使用鋼筆工具(P)創建一個100px的垂直路徑,并將其放置在第一個圖像中。為此新路徑添加一個1pt筆觸,將其顏色設置為R=248 G=164 B=150,將不透明度降低到80%,然后轉到“ 效果”>“扭曲和變形”>“變形”。將“ 水平移動”滑塊拖至0.5px,然后單擊“ 確定”。
第6步
禁用“ 對齊網格”(“ 視圖”>“對齊網格”),然后轉到“ 編輯”>“首選項”>“常規”,并確保將“ 鍵盤增量”設置為1px。確保已選擇“ 頁面 ”形狀,并在前面制作了兩個副本。選擇頂部副本,然后使用鍵盤上的向上箭頭按鈕將其向上移動1px。
重新選擇在此步驟中制作的兩個副本,打開“ 路徑查找器”面板(“ 窗口”>“路徑查找器”),然后單擊“ 減號”按鈕。選擇結果形狀,將填充顏色設置為黑色(R=0 G=0 B=0),并將其不透明度降低到5%。確保選擇此新路徑,打開“ 圖形樣式”面板(“ 窗口”>“圖形樣式”),然后簡單地單擊“ 新建Graphci樣式”按鈕以保存新的圖形樣式。
第7步
確保已選擇“ 頁面 ”形狀,并在前面制作了兩個副本。選擇頂部副本,然后使用鍵盤上的同一向上箭頭按鈕將其向上移動2px。
重新選擇在此步驟中制作的兩個副本,然后從“ 路徑查找器”面板中單擊“ 減號”按鈕。選擇結果形狀,然后從“ 圖形樣式”面板中添加您保存的圖形樣式。
第8步
確保已選擇“ 頁面 ”形狀,并在前面再復制兩個。選擇頂部副本并將其向上移動3px。
重新選擇在此步驟中制作的兩個副本,然后從“ 路徑查找器”面板中單擊“ 減號”按鈕。再次選擇結果形狀,然后從“ 圖形樣式”面板中添加圖形樣式。
第1步
啟用對齊網格(“ 視圖”>“對齊網格”)。確保已選擇“ 頁面 ”形狀,并在前面進行復制(Ctrl-C> Ctrl-F)。使用矩形工具(M)創建115 x 25px的形狀,將填充顏色設置為R=235 G=175 B=56并將其放置在第二個圖像中。
選擇此新矩形以及在步驟開始時制作的副本,然后從“ 路徑查找器”面板中單擊“ 相交”按鈕。最后,您的橙色形狀應類似于第四個圖像。
移動到“ 圖層”面板,只需雙擊在此步驟中制作的形狀并將其重命名為“ top ”。
第2步
禁用對齊網格(“ 視圖”>“對齊網格”)。確保已選擇“ 頂部 ”形狀,并在前面制作了兩個副本。
選擇頂部副本,然后使用鍵盤上的向下箭頭按鈕將其向下移動1px。重新選擇在此步驟中制作的兩個副本,然后從“ 路徑查找器”面板中單擊“ 減號”按鈕。
選擇生成的形狀,將填充顏色設置為白色(R=255 G=255 B=255),將其不透明度降低到50%,并將“ 混合模式”更改為“ 柔光”。
第3步
確保選擇“ 頂部 ”形狀,然后將焦點放在外觀面板上。選擇筆觸,將顏色設置為白色,將其不透明度降低到30%,并將混合模式更改為柔光。
第4步
重新選擇“ 頂部 ”形狀,確保選擇了整個路徑(只需從“ 外觀”面板頂部單擊“ 路徑 ”文本),然后轉到“ 效果”>“風格化”>“陰影”。輸入左窗口中顯示的屬性(如下圖所示),單擊“ 確定”,然后再次轉到“ 效果”>“風格化”>“陰影”。輸入顯示在中間窗口中的屬性,單擊“ 確定”,再過一遍“效果”>“風格化”>“陰影”。輸入右側窗口中顯示的屬性,然后單擊“ 確定”。
第5步
重新選擇您的“ 頂部 ”形狀,確保選擇了整個路徑,并添加下圖所示的三個“ 陰影”效果(“ 效果”>“風格化”>“陰影”)。
第1步
選擇“ 矩形工具”(M), 然后只需單擊您的畫板上的“ 矩形” 窗口即可。在“ 寬度” 和“ 高度” 框中輸入 610, 然后單擊“ 確定”。用R=0 G=167 B=157填充新創建的形狀, 然后將其發送回(Shift-Ctrl- [ )。
接下來,您需要將該正方形居中,因此打開“ 對齊” 面板(“ 窗口”>“對齊”)。將對齊方式設置為Artboard( 如果無法看到 下圖所示的“ 對齊到”部分,請 打開彈出菜單,然后轉到“ 顯示選項”),然后只需單擊“ 水平對齊中心” 和“ 垂直對齊中心” 按鈕。
最后,您的正方形應覆蓋整個畫板,如下圖所示。移至“ 圖層” 并將此新形狀重命名為“ background ”。
第2步
重新選擇您的“ 背景 ”形狀,將焦點放在 外觀 面板上,然后使用“ 添加新填充”按鈕(下圖中藍色圓圈所指)進行第二次填充。確保此新填充保持選中狀態,打開“ 漸變”面板(“ 窗口”>“漸變”),然后單擊漸變縮略圖以添加默認的黑色到白色線性漸變。
繼續關注“ 漸變”面板,從“ 類型”下拉菜單中選擇“ 徑向”,然后移至漸變顏色。選擇右側的滑塊并將顏色設置為R=38 G=34 B=98,然后選擇左側的滑塊,將顏色設置為R=0 G=167 B=157并將其不透明度降低到0%。抓住漸變工具(G),移至您的畫板并拉伸該徑向漸變,如下圖所示。
第1步
確保已選擇“ 頁面 ”形狀,然后將焦點放在外觀面板上。選擇現有筆觸,將其顏色設置為黑色,然后將“ 混合模式”更改為“ 柔光”。打開此筆劃的“筆劃”彈出面板,確保“權重”設置為1px,然后選中“ 將筆劃與內部對齊”按鈕。
繼續關注外觀面板,并使用“ 添加新筆觸”按鈕為您的形狀添加第二筆劃(下圖中藍色圓圈所指)。選擇此新筆觸,將其“ 不透明度”降低到20%,將“ 混合模式”更改為“ 柔光”,然后從“ 筆劃”彈出面板中選中“ 將筆觸與外部對齊”按鈕。
第2步
確保選擇“ 頁面 ”形狀,將焦點放在“ 外觀”面板上,選擇現有的填充并添加下圖所示的兩個“ 陰影”效果(“ 效果”>“樣式化”>“陰影”)。
第3步
確保已選擇“ 頁面 ”形狀,將焦點放在“ 外觀”面板上,并使用相同的“ 添加新填充”按鈕添加第二個填充。選擇此新填充,將其拖動到“ 外觀”面板的底部,然后將顏色設置為黑色。
確保其保持選中狀態,將其不透明度降低到10%,將混合模式更改為柔光,然后轉到效果>路徑>偏移路徑。輸入-1px的偏移量,單擊“ 確定”,然后轉到“ 效果”>“扭曲和變形”>“變形”。將“ 垂直移動”滑塊拖至4px,然后單擊“ 確定”。
第4步
確保選擇“ 頁面 ”形狀,將焦點放在“ 外觀”面板上,然后使用相同的“ 添加新填充”按鈕添加第三個填充。選擇此新填充,將其拖動到“ 外觀”面板的底部,然后將顏色設置為黑色。
確保其處于選中狀態,將混合模式更改為柔光,然后轉到效果>路徑>偏移路徑。輸入-3px偏移量,單擊確定,然后轉到效果>扭曲和變形>變形。將“ 垂直移動”滑塊拖至6px,單擊“ 確定”,然后轉到“ 效果”>“模糊”>“高斯模糊”。輸入10px半徑,然后單擊“ 確定”。
至此就完成啦!
篇教程用CorelDRAW快速制作記事本寫實圖標,在制作的過程中主要使用了位圖填充和金屬材質的實現,加之一些常用工具的用法處理,最后將對象剪裁至圖文框就好了,現在跟小編一起來看看詳細的操作吧!
使用矩形工具繪制矩形,按下F10拖動角節點使其變成圓角效果。按下Shift鍵繼續拖動角節點完成等比縮小的同心圖形,在同心圖形的基礎上鼠標左鍵向下拖動上面邊的延展圖柄到適當位置時按下鼠標右鍵,完成一次復制,如此操作兩次,得到效果如下圖所示。
里面的書頁可以填充一個10%-20%的黑,外框框使用底紋填充給一個木質效果
使用陰影工具為里面的圓角矩形添加陰影,需要注意陰影羽化值不要太高,盡可能去銳化陰影(參數如下圖所示),當然了,還是依照你的圖形來設定。
書頁中的格子可以使用“2點線工具”直接畫出來,橫排格子如想要精確的間距,可以利用Ctrl+R實現,關于Ctrl+R的使用可以參照CorelDRAW中Ctrl+d和Ctrl+r的區別及妙用。
輸入文字,我使用的是“Embassy BT”字體,貝塞爾工具繪制曲線路徑,將文本鼠標右鍵拖動至曲線位置,執行使文本適合路徑命令。
Ctrl+K拆分路徑和文字,向下移動路徑并加粗輪廓,按下Ctrl+Shift+Q將輪廓轉換為對象,并調整對象,得到效果如下圖所示。
繪制鋼筆和墨點,鋼筆我們把它以水平的方向做出來,之后再旋轉;墨點的初始圖形就是圓然后各種變形。
鋼筆質感填充,實際上就是黑白灰的填充,最后受環境色的陰影再加點土黃,做完之后最好Ctrl+G組合一下。
最后把書頁也的所有對象,包括格子線條,字母、轉輪廓的路徑、鋼筆和墨點選擇再次組合,執行“對象>置于圖文框內部”,有同學問,格子線條已經在矩形框內部了,為什么還要同時選擇,這是因為如果只選擇鋼筆的話,會出現線條在鋼筆圖層之上。
CorelDRAW官方公眾號給各位送福利了,現在關注“CorelDRAWVIP”,回復“素材”就有海量模板素材等你領取,請準備好超大空間的硬盤哦~