24×24 像素画金币袋子步骤图
打开网易新闻 查看精彩图片
文本概览:全文约 1,000 字,阅读约 3 分钟。
画布与草图
先开 24×24。做图标集时可以四周留一点空隙,方便和别的图标并排;背景用浅蓝对照,轮廓更清楚。草图阶段尽量把布袋的体积铺开,别缩成画面角落里的一小团。
布袋:先亮部,再暗部
先不管金币。在布袋上铺主亮区——光从哪边来,亮斑就落在哪一侧。
亮区定了,暗部就在对侧。阴影大致落在袋身外侧与底部,让布袋鼓起来,而不是一块平涂的黄褐色。
想让袋子更“鼓”、更有布料感,可以加极淡的竖向褶皱。别画成一条条硬黑线:在色块交界处轻轻嵌几笔就够,纹理是暗示,不是缝合线。
金币:新图层叠放,先阴影后高光
布袋差不多能站住了,再开金币。堆成一摞从袋口露出来的效果最直观;金币单独一层、布袋层锁定,改起来不容易误伤袋身。
金币往往已经偏亮,阴影反而更好下笔。金色材质可以从黄推到橙,深阴影甚至带一点红。色相可先吸色,再用 HSV/HSL 微调,别整摞同一死黄。
接着加高光。这一步很容易过亮——先点上,后面再整体压对比。
关键:粗分离线会毁掉金属感
堆叠金币要分得开,但在 24×24 上,若在金币之间画一整条阴影分割线,线本身就占了大半个币面,高光簇会被直接盖掉,金属感瞬间变“泥”。
打开网易新闻 查看精彩图片
可行做法:保留闪亮的高光簇,只在阴影一侧加深一点细节,用明暗差暗示层叠,而不是用粗线硬切。
可读性
最后一轮只管可读性:金币相对布袋过亮就减高光,同时给袋身再加一档中亮;给金币加一圈细描边,让它从布料里跳出来。轮廓、饱和度、色阶都可以微调,但标准只有一个——缩成图标尺寸时,仍能认出“袋 + 钱”。
参考资料
Pixel Tutorial - Coin Pouch(imonk / itch.io): https://itch.io/t/2668420/pixel-tutorial-coin-pouch
热门跟贴