设为首页
收藏本站
现距离劳动节还有:
天气与日历
开启辅助访问
切换到窄版
登录
立即注册
门户
Portal
论坛
BBS
在线影视
免费小说
FC游戏
app下载
插件
Plugin
搜索
搜索
每日签到
本版
文章
帖子
群组
社区
»
论坛
›
软件源码
›
教程分享
›
Photoshop制作一个简约美观的图标
返回列表
发新帖
[
ps
]
Photoshop制作一个简约美观的图标
[复制链接]
91
|
4
|
2023-3-10 04:45:24
|
显示全部楼层
|
阅读模式
[
导读
]今天我将带大家学习这篇PS教程,教程主要讲述了如何使用Photoshop去制作一个简约美观的文件图标。在开始之前看参考一下最终效果
今天我将带大家学习这篇PS教程,教程主要讲述了如何使用Photoshop去制作一个简约美观的文件。在开始之前看参考一下最终效果,如图所示。
13124A200103Z-14L0.png
(83.74 KB, 下载次数: 0, 售价: 1 金钱)
2023-3-10 04:45 上传
点击文件名下载附件
13124A200103Z-14L0.png
1、首先我们新建一个图片文件,尺寸大小可以自由决定,在这里我使用512*512px的尺寸。接着新建一个图层,使用“圆角矩形工具”,半径大约为20像素左右,画出一个正方形,如图所示。
13124A20224450-212X.png
(22.38 KB, 下载次数: 0, 售价: 3 金钱)
2023-3-10 04:45 上传
点击文件名下载附件
13124A20224450-212X.png
2、选择“图层—图层样式—渐变叠加”,双击渐变调色板,设置渐变颜色。接着设置(样式:径向、角度90、缩放:150),然后在图片中向上拖动渐变的中心,使它靠近顶部,如图所示。
13124A20403030-3MN.png
(43.89 KB, 下载次数: 0, 售价: 4 金钱)
2023-3-10 04:45 上传
点击文件名下载附件
13124A20403030-3MN.png
13124A205UV0-44920.png
(98.51 KB, 下载次数: 0, 售价: 3 金钱)
2023-3-10 04:45 上传
点击文件名下载附件
13124A205UV0-44920.png
[1]
回复
使用道具
举报
老师傅
|
2023-3-10 06:00:50
|
显示全部楼层
[
导读
]今天我将带大家学习这篇PS教程,教程主要讲述了如何使用Photoshop去制作一个简约美观的文件图标。在开始之前看参考一下最终效果
3、设置“内发光”图层样式,如图所示。在这里你可以尝试使用不同的等高线,这样会得到一个明显的内发光薄膜,如图所示。
13124A20Q3210-5W47.png
(84.96 KB, 下载次数: 0, 售价: 2 金钱)
2023-3-10 04:45 上传
点击文件名下载附件
13124A20Q3210-5W47.png
4、设置“描边”图层样式,大小:1、混合模式:叠加、不透明度:43%、颜色:黑色、填充类型:颜色,如图所示。
13124A2100cZ-A214.png
(75.32 KB, 下载次数: 0, 售价: 6 金钱)
2023-3-10 04:45 上传
点击文件名下载附件
13124A2100cZ-A214.png
5、下面制作丝带。新建一个图层,使用“矩形工具”画出一个暗红色的长方形,选择“编辑—变换—旋转”调整其角度,并把它置于正方形的右上角,如图所示。调整好角度和位置后不要按下Enter或双击确定。(当使用Ctrl+T调整角度时,按着Shift键,可以获得完美的45度旋转,)
13124A2121T50-NQ3.png
(50.41 KB, 下载次数: 0, 售价: 4 金钱)
2023-3-10 04:45 上传
点击文件名下载附件
13124A2121T50-NQ3.png
6、按下Ctrl+'显示网格,然后选择“编辑—变换—斜切”参考下图所示调整其形状,如图所示。
13124A214105Z-Q101.png
(101.3 KB, 下载次数: 0, 售价: 6 金钱)
2023-3-10 04:45 上传
点击文件名下载附件
13124A214105Z-Q101.png
[2]
回复
使用道具
举报
老师傅
|
2023-3-10 06:49:30
|
显示全部楼层
[
导读
]今天我将带大家学习这篇PS教程,教程主要讲述了如何使用Photoshop去制作一个简约美观的文件图标。在开始之前看参考一下最终效果
7、调整好以后,我们可以使用方向键微调一下得到最佳位置。
13124A21B2V0-94O5.png
(49.11 KB, 下载次数: 0, 售价: 4 金钱)
2023-3-10 04:45 上传
点击文件名下载附件
13124A21B2V0-94O5.png
8、接下来,我们制作丝带的背面。在正方形图层的下面创建新图层,然后参照下图所示,使用工具画出路径,并填充黑色即可。
13124A21QWP-101V7.png
(61.57 KB, 下载次数: 0, 售价: 4 金钱)
2023-3-10 04:45 上传
点击文件名下载附件
13124A21QWP-101V7.png
9、返回丝带正面的图层,为它添加渐变叠加、投影两个图层样式,如图所示。
13124A22059110-113B2.png
(86.16 KB, 下载次数: 0, 售价: 1 金钱)
2023-3-10 04:45 上传
点击文件名下载附件
13124A22059110-113B2.png
13124A224LC0-1255Y.png
(94.57 KB, 下载次数: 0, 售价: 6 金钱)
2023-3-10 04:45 上传
点击文件名下载附件
13124A224LC0-1255Y.png
[3]
回复
使用道具
举报
老师傅
|
2023-3-10 08:21:19
|
显示全部楼层
[
导读
]今天我将带大家学习这篇PS教程,教程主要讲述了如何使用Photoshop去制作一个简约美观的文件图标。在开始之前看参考一下最终效果
10、如果你发现丝带的投影超出了正方形的边界,那么你就必须把超出的部分处理掉。
13124A22Q3F-13V31.png
(75.93 KB, 下载次数: 0, 售价: 6 金钱)
2023-3-10 04:45 上传
点击文件名下载附件
13124A22Q3F-13V31.png
11、对细节进行处理后,我们将得到下图所示的效果。
13124A2302H0-14W22.png
(57.61 KB, 下载次数: 0, 售价: 3 金钱)
2023-3-10 04:45 上传
点击文件名下载附件
13124A2302H0-14W22.png
12、下面我们来为这个制作一个名称标签。按着Ctrl键单击图层面板中“正方形图层”的“缩略图”,载入其选区。接着选择“矩形选框工具”在属性栏设置“从选区减去”,然后删除选区的大半部分,如图所示。
13124A2344b0-152952.png
(64.68 KB, 下载次数: 0, 售价: 3 金钱)
2023-3-10 04:45 上传
点击文件名下载附件
13124A2344b0-152952.png
得到如下选区。
13124A23630240-163023.png
(57.65 KB, 下载次数: 0, 售价: 4 金钱)
2023-3-10 04:45 上传
点击文件名下载附件
13124A23630240-163023.png
[4]
回复
使用道具
举报
老师傅
|
2023-3-10 09:53:05
|
显示全部楼层
[
导读
]今天我将带大家学习这篇PS教程,教程主要讲述了如何使用Photoshop去制作一个简约美观的文件图标。在开始之前看参考一下最终效果
13、现在创建一个新图层位于正方形图层上面,然后使用渐变工具在选区中填充一个线性渐变效果,如图所示。
13124A24154230-1L942.png
(38.32 KB, 下载次数: 0, 售价: 1 金钱)
2023-3-10 04:45 上传
点击文件名下载附件
13124A24154230-1L942.png
13124A242Y520-1S600.png
(34.16 KB, 下载次数: 0, 售价: 6 金钱)
2023-3-10 04:45 上传
点击文件名下载附件
13124A242Y520-1S600.png
14、参考下图所示,为图层添加内发光图层样式。
13124A24E3T0-192a2.png
(84.83 KB, 下载次数: 0, 售价: 2 金钱)
2023-3-10 04:45 上传
点击文件名下载附件
13124A24E3T0-192a2.png
效果如图所示。
13124A25193140-205239.png
(69.97 KB, 下载次数: 0, 售价: 3 金钱)
2023-3-10 04:45 上传
点击文件名下载附件
13124A25193140-205239.png
15、最后,我们在上添加文字就大功告成了。
完毕,希望对你学习使用photoshop有帮助,下次再见。
[5]
回复
使用道具
举报
返回列表
发新帖
高级模式
B
Color
Image
Link
Quote
Code
Smilies
您需要登录后才可以回帖
登录
|
立即注册
本版积分规则
发表回复
回帖后跳转到最后一页
浏览过的版块
影视分享
恐怖故事
攻略秘籍
老师傅
1963
主题
2786
回帖
1万
积分
版主
积分
11469
加好友
发消息
回复楼主
返回列表
软件分享
源码分享
教程分享