绘制卡通风格的网页抽奖机

1、 新建图层800600。新建一个矩形,背景颜色填充参考#ffcf9a。
image
开始绘制机身。
新建一个矩形405px
405px,圆角48px,颜色填充#ff512d.然后再新建一个矩形358px280,圆角24px。然后两个合并图层,用布尔运算,减去顶层。得到如下图形:
image
下面对绘制出来的这个图形进行一些图层样式设置:
内阴影#ffc45f
image
渐变叠加#ff9e0b——#ff8200
image
image
绘制机角,颜色#282e35、加图层样式,然后复制出一个,对称放于两边。
内阴影#362207
image
渐变叠加#524e4d——#565c5a
image
效果
image
现在加上摇奖机的奖品区部分。建一个矩形,颜色#933208。
image
绘制一个圆角矩形,作为摇奖的一个奖品区。大小:要学会自己算,记得要均分。颜色#fef1cc。然后复制出8个,一共9个,排好。最中间的先隐藏,等会要单独修改。
image
把上面显示的8个,打个组,然后对整个组加图层样式#da9f4a。
image
把刚才隐藏的中间那个矩形显示出来。然后将其颜色改为:#ffc900。
image
再加点效果进去:新建一个矩形,颜色:#ffab00。旋转个角度,复制出来几个,合并图层,透明度75%。创建剪贴蒙版,作用于中间这个矩形;加入文字“开始抽奖”,颜色#ffffff,并设置图层样式。
image
image
好的,现在给每个奖品区加入奖品。例如“iPhone x",颜色#dd8600,文字大小:18px。去网上找张图片加上去。
image
image
亮灯:绘制一个圆14px
14px,颜色填充#fcffd4。加图层样式#feffd5。
image
image
绘制一个圆角矩形358px*38px,颜色#000000,不透明度10%。
image
中奖公告的文字14px,颜色#fef1cC。 上下左右居中对齐。
image

posted @   邹星  阅读(276)  评论(0编辑  收藏  举报
(评论功能已被禁用)
相关博文:
阅读排行:
· TypeScript + Deepseek 打造卜卦网站:技术与玄学的结合
· 阿里巴巴 QwQ-32B真的超越了 DeepSeek R-1吗?
· 【译】Visual Studio 中新的强大生产力特性
· 10年+ .NET Coder 心语 ── 封装的思维:从隐藏、稳定开始理解其本质意义
· 【设计模式】告别冗长if-else语句:使用策略模式优化代码结构
链接:  快手解析  |  |  免抠图  |  |  pdf在线  |  |  个人网盘  |  |  在线影视  |  |  音乐免费下载  |  |  视频解析  |  |  网页插件  |  |  个人笔记  |  |  网盘  |  |  PPT模板  |  |  素材  |  |  思维导图
赣ICP备2022005777号-1
点击右上角即可分享
微信分享提示