记得收藏【国际动画教程网】,赶快注册吧!
注册

合作站点账号登陆

QQ登录

只需一步,快速开始

扫一扫,访问微社区

快捷导航
查看: 41362|回复: 0
收起左侧

[UI教程] PhotoShop绘制精美通讯录图标教程[含4P]

[复制链接]
发表于 2018-7-9 15:16:23 | 显示全部楼层 |阅读模式
         首先让我们来看一下即将由我们亲手打造的效果图片
最终效果预览:



序曲:光照理论
在开始之前呢,我们要介绍一个简单的光照原理。这是个很简单很好懂的原理。原理图如下图所示:图片里有两束光,

一束是太阳光作为强光,另外一束是外界的反射光作为柔光。


<p style="text-align: left; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; "><span class="Apple-style-span"style="color: rgb(51, 51, 51); font-family: Verdana; font-size: 13px; line-height: 26px; ">
相信大家都可以看得懂这个原理吧,那么让我们继续吧,下面就是具体的设计步骤,由于设计步骤比较多,

希望大家可以耐心的观看哦!
1、新建一个文件,大小为1024像素×1024像素。定义一个512像素×512像素的矩形框,并在矩形框周围加上四条辅助线。


<p style="text-align: left; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; ">
2、建立一个新的图层,并添加一个带圆角的矩形,圆角的直径为20像素,这个圆角矩形的形状就是最终效果图的

基本形状。我喜欢红色,因此我选择红色作为填充色,把这个图层命名为“图书封面”。

<p style="text-align: left; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; ">               

本帖子中包含更多资源

您需要 登录 才可以下载或查看,没有帐号?注册

x




上一篇:网页设计师要面对的难缠客户要求
下一篇:网页设计之细节处理
一起共享资源,共建精品资源平台。记得一定要收藏我们网站。www.gjdhjc.com ||||| 还有我们的网址导航:www.58q8.com【链接失效可以留言看到第一时间补帖,如果懒的回复我也是没办法了】

QQ|QQ群:133515734|站长博客|百度网盘|许进龙|手机触屏版|国际动画教程网 ( ICP13037175 )