当前位置:首页>ps实例教程>ps绘画教程>手绘教程>教程内容

图标制作,创作一个牛奶盒子图标(4)

来源:公众号 作者:火虎教育 学习:1578人次

教程通过PS创建一个牛奶盒子的图标,整个教程都在PS中完成,操作起来也很好上手,有的时候我们看到一个比较完美的产品,就想复刻它的平面版,具体通过教程来练习一下吧,相信同学可以通过教程完成的更好,学习PS就是多多练习噢。

效果图:

图标制作,创作一个牛奶盒子图标_www.16xx8.com想学更多请访问www.16xx8.com

操作步骤:

1

新建画布

打开PS——Ctrl +N 新建画布

尺寸:1500×1000像素,分辨率72,颜色模式RGB模式

2

牛奶盒盒体制作

①左边工具栏选择矩形工具

图标制作,创作一个牛奶盒子图标_www.16xx8.com

②在画布上鼠标左键点击设置矩形宽340像素,高420像素,双击矩形1图层后面空白部分添加渐变叠加,左边滑块的色值ffd83f右边滑块的色值edb800

图标制作,创作一个牛奶盒子图标_www.16xx8.com

 

图标制作,创作一个牛奶盒子图标_www.16xx8.com

③左边工具栏选择矩形工具在画布上鼠标左键点击设置矩形宽190像素高420像素

图标制作,创作一个牛奶盒子图标_www.16xx8.com

④把两个矩形左右对齐,双击矩形2图层后面空白部分添加渐变叠加,左边滑块的色值df9d00,右边滑块的色值e8a900

图标制作,创作一个牛奶盒子图标_www.16xx8.com

⑤打开素材包把花纹素材拖进软件里面,双击花纹图层后面空白部分点击渐变叠加,更改渐变颜色左边滑块的色值f1ebd2,右边滑块选中点击删除删掉,再选中右边上方的滑块把不透明度降低为0

图标制作,创作一个牛奶盒子图标_www.16xx8.com

其他设置如下图

 

图标制作,创作一个牛奶盒子图标_www.16xx8.com

⑥选中花纹图层ctrl+j复制一层,选中花纹拷贝图层ctrl+t 移动花纹图层放在右边小的矩形上,鼠标右键点击水平翻转

图标制作,创作一个牛奶盒子图标_www.16xx8.com

再把鼠标放在定界框的右边,鼠标变成双向的箭头,把花纹素材压扁一点跟矩形刚好对齐就可以

图标制作,创作一个牛奶盒子图标_www.16xx8.com

⑦双击花纹拷贝图层下面渐变叠加文字,把左边滑块色值改为e9d398,其他数值如下

 

图标制作,创作一个牛奶盒子图标_www.16xx8.com

3

 

牛奶盒顶制作

 

 

①左侧工具栏选中矩形工具,在画布上点击创建宽340高160像素的矩形

 

选中矩形3 ctrl+t鼠标右键点击斜切

图标制作,创作一个牛奶盒子图标_www.16xx8.com

属性栏倾斜角度改为-30度

图标制作,创作一个牛奶盒子图标_www.16xx8.com

 

 

 

再选择移动工具调整一下位置与下面的矩形1对齐,将矩形3图层命名为左上

图标制作,创作一个牛奶盒子图标_www.16xx8.com

②双击左上图层空白部分点击渐变叠加更改色值,左边色值ffe868右边色值ffe659,选中上面的小滑块把不透明度调成100%,(下面最右边如果没有小滑块在渐变条下方点击一下添加小滑块)

图标制作,创作一个牛奶盒子图标_www.16xx8.com

③左边工具栏选择钢笔工具属性栏设置如下,色值改为e3a500,用钢笔沿着左上形状画出来三角形

图标制作,创作一个牛奶盒子图标_www.16xx8.com

 

图标制作,创作一个牛奶盒子图标_www.16xx8.com

将画的形状1图层命名为右上图层

图标制作,创作一个牛奶盒子图标_www.16xx8.com

④用钢笔工具画出来三角形做出来纸盒折进去的效果,属性栏颜色填充改为d18d00

 

图标制作,创作一个牛奶盒子图标_www.16xx8.com

 

⑤选中矩形工具在画布上左键点击设置矩形宽340像素 高41像素

 

图标制作,创作一个牛奶盒子图标_www.16xx8.com

⑥双击刚刚画的小矩形图层后面空白部分添加渐变叠加,左边滑块色值ffd83f,右边滑块色值f0c20a

图标制作,创作一个牛奶盒子图标_www.16xx8.com

⑦素材包找到牛奶盖子素材拖进画布里面放到合适的位置,左边工具栏选择圆角矩形工具

图标制作,创作一个牛奶盒子图标_www.16xx8.com

⑧画出来两个长度不一样的圆角矩形,右边图层面板选中圆角矩形1图层,再按shift加选圆角矩形2图层ctrl+e合并图层,双击合并之后的圆角矩形图层空白地方添加渐变叠加,左边滑块色值ffd83f右边滑块色值f0c20a

图标制作,创作一个牛奶盒子图标_www.16xx8.com

4

 

背景添加

 

 

图层面板选中最上面的图层再点shift选中最下面的图层除背景图层外

 

图标制作,创作一个牛奶盒子图标_www.16xx8.com

ctrl+g打组,ctrl+j复制一份,把组1图层前面的小眼睛关掉,选中组1拷贝图层鼠标右键点击转换为智能对象http://www.16xx8.com/tags/34209/

图标制作,创作一个牛奶盒子图标_www.16xx8.com

选中素材包里面的背景图层拖拽进软件里面调整一下图层顺序放在背景图层上方

图标制作,创作一个牛奶盒子图标_www.16xx8.com

选中组1拷贝图层ctrl+t移动位置再旋转一下放在合适的位置

图标制作,创作一个牛奶盒子图标_www.16xx8.com想学更多请访问www.16xx8.com

双击组1拷贝图层空白部分添加阴影,色值92b01a

图标制作,创作一个牛奶盒子图标_www.16xx8.com

我们的牛奶盒子就做出来了

5

 

保存

 

 

Ctrl+shift+s  保存源文件  .psd ,方便以后的更改;

 

Ctrl+Shift+Alt+s存储为web所用格式,保存图片的格式   .jpg

完成:

图标制作,创作一个牛奶盒子图标_www.16xx8.com想学更多请访问www.16xx8.com

是不是很简单呢,同学们跟着教程来学习一下吧,相信你可以创建有自己风格的作品,主要还是要动手去练习,快快操练起来吧,在练习中提高自己的PS技术。

 

学习 · 提示

  • 一定要打开PS,跟着教程做一遍,做完的图到这交作业:提交作业
  • 建议练习时,大家自己找素材,尽量不要用教程提供的素材。
  • 教程有看不懂的地方,可以到论坛发帖提问:新手求助
  • 加官方微信,随时随地,想学就能学:ps_bbs,或扫右侧二维码!
  • 关注我们学更多,每天都有新教程:新浪微博 抖音视频 微信小程序
- 发评论 | 交作业 -
最新评论
暂无评论,交个作业支持一下吧~

关注大神微博加入>>

网友求助,请回答!