成为Iconfans会员
登录
会员
标签
帮助
ICONFANS
»
图形界面设计教程(学习板块)
» 制作抽象光线教程【中文版】
‹‹ 上一主题
|
下一主题 ››
19
1
2
››
发新话题
发布投票
发布商品
发布悬赏
发布活动
发布辩论
发布视频
房屋交易信息
车票交易信息
兴趣交友信息
打印
[PhotoShop]
制作抽象光线教程【中文版】
本主题由 iconsbox 于 2008-6-20 10:21 设置高亮
jark
图标进阶
帖子
34
原创值
4
发烧度
42
贡献值
41
=饭团=
30
个人空间
发短消息
加为好友
当前离线
1
#
大
中
小
发表于 2008-6-15 17:38
只看该作者
制作抽象光线教程【中文版】
我已经通过
icon
sbox大哥这个
教程
做出了八九不离十的效果,现在根据自己的感觉
翻译
一下,希望能对大家有所帮助,如果有哪些地方
翻译
得不好,还请大家谅解。括号里面的是我自己作图时的感想。
iconsbox大哥英文原帖地址:
http://www.
iconfans
.com/thread-1092-1-1.html
感谢:Raku提供
出品:
web
design
victoria vision media
抽象光线
教程
第一步:
新建一个文档,将背景以十六进制色号为
2a3b4d
的颜色填充,或者你自己喜欢的任何颜色。
第二步:
使用
选择工具
或者
路径工具
,绘制你自己钟意的曲线,或者画一个类似上图所示的形状。我一般就用心形曲线的一侧,用白色填充。(当然,这是新的一层)
第三步:
右键点击图层(注意这里点击的是图层缩略图),选择
图层像素
。点击
眼球
图标
将图层变为不可见。然后新建一层,继续保留选区,采用
白至白色透明
渐变,使用
线性渐变工具
,进行拖动,如上图。
第四步:
遵循以上步骤你可以得到类似上图所示的结果。
第五步
新建一层,建立一个
白色透明
的
径向渐变
,然后将图层混合模式设置为
叠加
模式(这个很关键,保证了光线和背景色之间的统一性),将填充度设置为50%左右,使其与背景色融合
第六步:
现在回到光线图层,右键点击图层,并复制多个图层,然后使用
crtl+T
快捷键将这些图层随你所愿进行
旋转,缩放
,(这点很重要,保证了所有的光线都具有一定的形状统一性,产生延续的感觉)直到达到获得上图所示的类似效果或者你期望中的效果。
第七步:
将最初的那个白色心形图层设为可见图层,载入选区,然后点击方向键,使选区向右移动,则选区外将有一条细线条,将多余部分删掉,只留下一条细线条
第八步:
和前面使用的变形方法一样,复制图层,使用
ctrl+T进行变形,旋转,缩放
,直到这些线和你之前做的变形图层匹配
第九步:
使用
低不透明度
的
橡皮擦工具
擦拭这些线条,使其与背景色有退色融入的感觉,将所有的线条图层模式设置为
颜色减淡
漠式,并
降低不透明度
,你看着合适就好。
第十步:
你应该可以得到类似于上图的效果,接下来我们用
减淡工具
在光线中心区域加一些强光
第十一步:
使用
CTRL + A
选择整个区域,并且使用
CTRL + SHIFT + C
或者你自己设置的快捷键来完成
复制合并图层操作
。这是一个可以将所有图层的所有元素合并成一个图像以后并复制下来的操作。
使用
CTRL + N
创建一个新文档,并且粘贴已经复制的图像,现在你就可以在新文档中的新图层中进行
减淡
操作了,这样会方便些。
选择新文档中的图层,点击
图层样式
。我们现在将通过使用一个上图所示的
内阴影效果
,制造出黑色的边缘,以使图中能有光晕的效果
第十二步:
你应该可以得到类似于上图所示的效果了!恭喜!
拓展
设计
第一步:
复制上面的图想到photoshop中,或者学习我们的“抽象光线教程”怎么制作以上图像。
第二步:
点击
减淡工具
,选择一个
质地柔软
的笔刷就想上图所示的那样,设置减淡
范围为高光
。
第四步(第三步呢?!):
现在你可以在图像层上使用大大小小的笔刷。点得越多, 点就越亮。我喜欢使用
[ 和]
键调整笔刷的大小,然后在同一个点用越来越小的笔刷一指点下去,这样就会让他看起来像一个星星在发光。
第五步:
这真的很简单。
搜索更多相关主题的帖子:
翻译
抽象光线
本帖最近评分记录
iconsbox
=饭团=
+20
酷!楼主辛苦!
2008-6-20 10:13
UID
1498
帖子
34
精华
0
积分
67
阅读权限
20
在线时间
25 小时
注册时间
2008-4-5
最后登录
2008-8-21
查看详细资料
TOP
iconsbox
管理员
帖子
1368
原创值
196
发烧度
2358
贡献值
3338
=饭团=
205
个人空间
发短消息
加为好友
当前离线
2
#
大
中
小
发表于 2008-6-20 10:16
只看该作者
这么好的教程怎么没人顶~~~
非常不错!教程感觉比较容易懂,而且实用。谢谢jark给我们带来的翻译教程!
Do you know
SoCool
skin?
check here!
IconsBox‘s
Blog
UID
2
帖子
1368
精华
18
积分
3524
阅读权限
200
来自
北京
在线时间
525 小时
注册时间
2007-7-17
最后登录
2008-8-28
查看个人网站
查看详细资料
TOP
runoo
图标中阶
帖子
39
原创值
6
发烧度
71
贡献值
72
=饭团=
50
个人空间
发短消息
加为好友
当前离线
3
#
大
中
小
发表于 2008-6-20 10:29
只看该作者
抽线效果有好多种,这种是看的最简洁明了的,思路很清晰,好帖
UID
3036
帖子
39
精华
2
积分
113
阅读权限
30
在线时间
58 小时
注册时间
2008-6-19
最后登录
2008-8-28
查看个人网站
查看详细资料
TOP
杨小吉
图标新手
帖子
8
原创值
0
发烧度
8
贡献值
2
=饭团=
10
个人空间
发短消息
加为好友
当前离线
4
#
大
中
小
发表于 2008-6-20 10:39
只看该作者
好教程..收藏.......
UID
341
帖子
8
精华
0
积分
12
阅读权限
10
在线时间
7 小时
注册时间
2007-12-28
最后登录
2008-8-28
查看详细资料
TOP
peng
图标进阶
帖子
30
原创值
2
发烧度
32
贡献值
34
=饭团=
10
个人空间
发短消息
加为好友
当前离线
5
#
大
中
小
发表于 2008-6-20 10:52
只看该作者
相当不错,谢谢谢谢,很实用!
i love icons!
http://www.mrpeng.net
UID
103
帖子
30
精华
0
积分
51
阅读权限
20
在线时间
7 小时
注册时间
2007-9-7
最后登录
2008-8-25
查看个人网站
查看详细资料
TOP
lilibuku
图标进阶
帖子
39
原创值
4
发烧度
63
贡献值
67
=饭团=
22
个人空间
发短消息
加为好友
当前离线
6
#
大
中
小
发表于 2008-6-20 11:10
只看该作者
恩 是个好东西!非常实用啊!我靠 居然字数不够 不让发表
UID
653
帖子
39
精华
0
积分
91
阅读权限
20
在线时间
25 小时
注册时间
2008-2-16
最后登录
2008-8-28
查看详细资料
TOP
PACO
图标中阶
帖子
60
原创值
9
发烧度
137
贡献值
139
=饭团=
50
个人空间
发短消息
加为好友
当前离线
7
#
大
中
小
发表于 2008-6-20 11:18
只看该作者
哦也````` 很实用!很实用!很实用!
UID
1810
帖子
60
精华
1
积分
190
阅读权限
30
来自
小P
在线时间
51 小时
注册时间
2008-4-18
最后登录
2008-8-28
查看个人网站
查看详细资料
TOP
datouye
图标新手
帖子
4
原创值
0
发烧度
4
贡献值
4
=饭团=
0
个人空间
发短消息
加为好友
当前离线
8
#
大
中
小
发表于 2008-6-21 00:53
只看该作者
欧也~让我来a走它吧~~~
UID
2080
帖子
4
精华
0
积分
6
阅读权限
10
在线时间
1 小时
注册时间
2008-5-2
最后登录
2008-8-10
查看详细资料
TOP
jark
图标进阶
帖子
34
原创值
4
发烧度
42
贡献值
41
=饭团=
30
个人空间
发短消息
加为好友
当前离线
9
#
大
中
小
发表于 2008-6-24 01:22
只看该作者
回复 2# 的帖子
谢谢老大的鼓励:)当初我也是觉得这个教程很简单实用 所以觉得有必要让大家都知道的必要
UID
1498
帖子
34
精华
0
积分
67
阅读权限
20
在线时间
25 小时
注册时间
2008-4-5
最后登录
2008-8-21
查看详细资料
TOP
wwww1020
图标新手
帖子
3
原创值
0
发烧度
3
贡献值
3
=饭团=
0
个人空间
发短消息
加为好友
当前离线
10
#
大
中
小
发表于 2008-6-27 02:01
只看该作者
好厉害啊!~~~一定要试试!
UID
3147
帖子
3
精华
0
积分
5
阅读权限
10
在线时间
1 小时
注册时间
2008-6-26
最后登录
2008-6-28
查看详细资料
TOP
haopeng
图标新手
帖子
6
原创值
2
发烧度
11
贡献值
9
=饭团=
2
个人空间
发短消息
加为好友
当前离线
11
#
大
中
小
发表于 2008-6-27 09:28
只看该作者
很好的教程!谢谢,收藏了!
UID
3148
帖子
6
精华
0
积分
18
阅读权限
10
在线时间
6 小时
注册时间
2008-6-26
最后登录
2008-7-13
查看详细资料
TOP
yangjun0280
图标新手
帖子
1
原创值
0
发烧度
1
贡献值
1
=饭团=
0
个人空间
发短消息
加为好友
当前离线
12
#
大
中
小
发表于 2008-6-27 10:13
只看该作者
好东东``我向往的效果`
`thank you
UID
1131
帖子
1
精华
0
积分
2
阅读权限
10
在线时间
3 小时
注册时间
2008-3-24
最后登录
2008-8-4
查看详细资料
TOP
dengqian
图标新手
帖子
15
原创值
0
发烧度
14
贡献值
14
=饭团=
0
个人空间
发短消息
加为好友
当前离线
13
#
大
中
小
发表于 2008-7-2 18:06
只看该作者
很好的 东西,谢谢楼主啊!!!!!!!
UID
3153
帖子
15
精华
0
积分
22
阅读权限
10
在线时间
6 小时
注册时间
2008-6-27
最后登录
2008-7-8
查看详细资料
TOP
风魔里·流幻
图标新手
帖子
3
原创值
0
发烧度
3
贡献值
3
=饭团=
0
个人空间
发短消息
加为好友
当前离线
14
#
大
中
小
发表于 2008-7-10 13:52
只看该作者
希望多看到这样好的教程
UID
3355
帖子
3
精华
0
积分
5
阅读权限
10
在线时间
3 小时
注册时间
2008-7-9
最后登录
2008-7-16
查看详细资料
TOP
sheic
图标新手
帖子
16
原创值
0
发烧度
16
贡献值
14
=饭团=
0
个人空间
发短消息
加为好友
当前离线
15
#
大
中
小
发表于 2008-7-20 01:11
只看该作者
好教程
UID
519
帖子
16
精华
0
积分
24
阅读权限
10
在线时间
5 小时
注册时间
2008-1-23
最后登录
2008-8-28
查看详细资料
TOP
‹‹ 上一主题
|
下一主题 ››
19
1
2
››
粉丝公告区
新人报道处
粉丝活动专版
-=第三期活动作品提交专区=-【结束】
GUI设计需求提交区
界面设计区
图标设计粉丝团
界面设计粉丝团
软件|网页界面实现技术
图形界面设计教程(学习板块)
界面&交互设计师人才中心
人机交互设计区
界面交互设计
产品交互设计区
设计师生活交流区
设计生活杂谈
艺术设计展讯
论坛管理区
网友建议以及意见反馈
控制面板首页
编辑个人资料
积分记录
公众用户组
个人空间管理
08年度GUI锦标赛马上就要开始了
2008国际GUI大赛-iconfans团队报名!
Iconfans论坛UI设计沙龙圆满结束!
《优秀图标设计公司推荐》精品总汇!
《优秀图标设计公司推荐》精品总汇!
《优秀图标设计公司推荐》精品总汇!
《优秀图标设计公司推荐》精品总汇!
《优秀图标设计公司推荐》精品总汇!
《优秀图标设计公司推荐》精品总汇!
《优秀图标设计公司推荐》精品总汇!
《优秀图标设计公司推荐》精品总汇!
《优秀图标设计公司推荐》精品总汇!
《优秀图标设计公司推荐》精品总汇!
《优秀图标设计公司推荐》精品总汇!
《优秀图标设计公司推荐》精品总汇!
《优秀图标设计公司推荐》精品总汇!
《优秀图标设计公司推荐》精品总汇!
《优秀图标设计公司推荐》精品总汇!