查看: 10165|回复: 2
上一主题 下一主题 跳转到指定楼层

[原创][基础教程]光效制作,适用于各种头像卡片模板图标输入框等

291

主题

1691

存在感

346

活跃日
喵~离线 手残事多网卡。
 7 

SOS团四星级★★★★

发帖: 6343
SOS币: 11022
注册: 2009-07-30
访问: 2024-02-29

楼主
发表于 2012/03/10 | 编辑

猜你喜欢: 怎么制作头像举板的, 怎么制作漫举, PS头像框


先是预览图,让你有一个直观的感受,这种质感是如何做出来的
从预览图也可以看出一个有质感的导航器,是由各种光感图层经过有规律地组合形成
这里也不说设计了,毕竟灵感是从生活中来,教程反而会锁死你们的创意
所以这里只说一下光感大概怎么做

图片需登录后查看

图片需登录后查看


后面的115下载是预览图的两个导航器的psd文件,不想看教程的话可以直接下那个压缩包
自己摸索收获或许更多?
psd我是从别处收的,来源应该是视觉中国

本次教程重点为蒙版,不知道是啥的自己百度去
标题写清楚了是基础教程,即只教最基本的制作方法,如何运用当然是自己想咯~

光效制作示例为基础版,即预览图1,预览图2为进阶版,自己琢磨~
一般的光效做好之后混合模式为叠加

一 泛光制作
1 新建画布,大小随意,黑底
2 用9-13的硬度为0%的笔刷刷出一条直线(运用时根据实际情况来
3 按右下角图标进入蒙版(用快速蒙版也行,到时候显示出来的是一条光就行了
4 选择渐变,设置如图
图片需登录后查看

5 从中间往两边拉渐变,可以按shift以保证是直线
  注:此时用的是右下角蒙版的话是中间黑两边光,按Ctrl+I反色即可
6 若是快速蒙版,拉完渐变之后退出快速蒙版,Delete,删除次数随意
7 最后调成不透明度,结束

二 边框高光制作
1 新建画布,大小随意,黑底
2 选择单行选框工具(具体位置如图
图片需登录后查看

3 选择一行,填充白色
接下步骤与【一】4-6相同

三 框内高光制作
1 新建画布,大小随意,黑底
2 定好框的形状,即定好形态图层
3 复制形态图层,按Ctrl+U把最后一项,明度,调到最高
4 大致删除不需要泛光的地方
5 按右下角蒙版,用较大的0%硬度的柔角笔刷在蒙版刷黑色,即相当于擦出光效
具体说不清楚自己体验蒙版多好用吧w

四 内透光制作
步骤与泛光制作相似,就是先刷直线的时候选择粗一点的笔刷
然后删掉一半,明暗程度自己在蒙版上调

五 投影制作
这个要看情况,不同的形态有不同的投影要求
如预览图的效果的话步骤和泛光一样,就是刷直线的时候用黑色笔刷
或者直接复制一个泛光图层按Ctrl+U把明度调到最低就是了w

psd下载

[此贴售价 0 SOS币,已有 42 人购买]

若发现会员采用欺骗的方法获取财富,请立刻举报,我们会对会员处以2-N倍的罚金,严重者封掉ID!

这次没什么作业啦……毕竟都很基础,回复就一起讨论如何做出更好的效果吧w
或者自己做出一个图标输入框等~
交作业的话一定要交工程图截图!否则人家不知道你怎么做出来的嘛w

顺便 交作业示例
图片需登录后查看



[ 此贴被水银无月在2012-03-15 12:25重新编辑 ]

6

主题

18

存在感

1

活跃日
 1 

参观生

1楼
发表于 2012/11/06 | 编辑
好棒。马克留着学习了。
好有质感啊XD。
收下PSD文件了ww

15

主题

1375

存在感

56

活跃日
 6 

家中的荣誉团员

2楼
发表于 2013/01/29 | 编辑
手绘光效各种米粒啊=W=就是偶尔自己画的会违背常理==

关于我们|无图版|SOSG WIKI

Copyright © 2006-2024 SosG.Net
Total 0.016730(s) query 8, Gzip enabled,  沪ICP备07006640号-3