设为首页
收藏本站
3D模型素材下载
开启辅助访问
素材下载
展览专用单个3D模型下载
展位展览
在线看展
论坛
展示行业交流平台
关于
本版
文章
帖子
日志
相册
用户
QQ登录
微信登录
忘记密码?
注册
登录
展示网
»
论坛
›
中国展示培训学习/Demonstrate professional
›
展示设计教程,学习/Display design tutorial
›
Mac风格的宽屏荧幕-中国展示论坛
返回列表
发布主题
Mac风格的宽屏荧幕-中国展示论坛
[复制链接]
查看:
439
|
回复:
0
gggds
当前离线
积分
22732
IP卡
狗仔卡
gggds
发表于 2009-12-2 01:21:20
|
显示全部楼层
|
阅读模式
iMac系列玲珑剔透的风格深受大家喜爱,这种简单而不失优雅的设计使我们在工作中也能得到视觉上的享受。iMac风格已经融入到网络世界中,透明的按纽、图标随处可见。今天,我们就来设计一款iMac风格的宽屏荧幕。
1.
打开Photoshop,新建一个600×400像素的文档,RGB模式,背景为白色。 选择矩形选框工具,在画布中选择一个矩形选区,大致为你想建立的屏幕大小,选区的长宽比约为16:9。我们用平滑命令制作圆角矩形,用选择>修改>平滑命令,在平滑选区对话框中将取样半径设为5像素(可根据选区大小确定取样半径),目的是使边角稍微圆滑一些。 你也可以用圆角矩形工具来绘制,在工具选项将绘图方式设为路径,设定好半径值,将路径转换为选区即可。 复位色板,新建一层,用白色填充选区。使用收缩命令,将选区收缩5像素,将前景色设为RGB(239,239,239),用这种浅灰色填充选区。再次收缩选区,这次的收缩量为20像素,新建图层2,将前景色设为RGB(31,111,236),设置背景色为RGB(25,96,182),选择线性渐变工具,由下至上做垂直渐变,依然保留选区。(图01)
@0 S: R4 n3 \' \1 k) x- a9 \3 A
2 ?; e4 S2 s6 j g4 P; S9 }* x
$ S2 I3 ~0 X: A0 h1 j0 _
4 E: Y# v- Z/ {8 K. G
图01 你也可以自己重新定义前景色和背景色,原则是采用同一色调明暗不同的两种颜色。
2.
新建图层3,将前景色设为白色,填充选区。使用平滑命令,将取样半径设为100像素,然后用变换选区命令,将选区高度压缩到7%,将选区存为通道1,取消选择。(图02a)
- l7 F& V- o6 L# T: C& i+ `8 {8 C; j
/ n0 e2 s' t9 |. r9 b
% o) O* y2 C: W a5 N7 f1 t) w- E
! { o* ?* z$ p- d; m8 [/ }# z
图02a 载入图层3的透明区域通道,将选区存为通道2。转到通道面板,选择通道2,按住Ctrl点击通道1,在通道2中载入通道1的选区。将前景色设为黑色,填充选区后取消选择。在工具箱中选择魔棒工具,保持工具的默认选项,在下面的白色区域点击选取,反选,用黑色填充选区,取消选择。通道2现在应该如图02b所示。
" h# j3 V7 H% i% C0 q4 s: J
- \! m( O$ O: Z& n$ [
3 {5 P1 }' B9 @' K! Y
8 {6 M8 F. G$ J) v% i+ O
图02b
3.
回到RGB通道,载入通道2的选区,删除图层3中的选区图像,取消选择,将图层3的图层不透明度减低为20%。(图03)
9 v" D( u" y+ r' V/ O/ g
6 ~: _5 o/ u2 `% L$ P& S
& a1 W- Y7 g1 ~9 B: y" A' z
9 a3 ?4 G: h- t2 k Z3 Z
图03
4.
选择图层2,我们通过图层样式为它添加立体效果。选择内阴影样式,混合模式和颜色保持不变,不透明度降低到65%,角度为90度,使用全局光,距离为2像素,阻塞为50%,大小为5像素,品质也保持不变。(图04)
8 W; ?9 i+ ~: s/ p
9 b/ t. C7 p/ ~0 l
, o) @" h2 @( t: T3 Y6 X, G; y. F) q
% r: N) k9 c& G/ v& k
图04
5.
现在我们开始制作屏幕顶端的反光。在图层3上新建图层4,载入图层2的透明区域通道,选择径向渐变工具,将渐变设为从前景色到透明,注意选择工具选项中的透明区域,在图层4内,从矩形选框的上边中心向下做渐变。随即,自由变换图层,将宽度设为99%,高度设为当前的48%,取消选择。将图层的不透明度降低为85%。 按同样的方法制作屏幕下半部分的反光。选择图层2,在其上新建图层5,载入图层2的透明区域通道,选择径向渐变工具,保持工具选项和刚才一样,从选区的底边中点向选区中心做出从白色到透明的渐变。自由变换当前图层,将宽度设为98.6%,高度设为59%,取消选择。把图层5向上移动至图层3之上,将图层的不透明度降低到75%。(图05)
$ i) g" U1 |+ m' {7 S- c
' H5 m' o3 {6 E1 T. I! l
: F! u. ?# K* I
0 ^' v4 p+ o( e7 A& o
图05
6.
下面我们要对图层1加工。由于图层1和背景层都是白色填充,所以先暂时隐藏背景层,选择图层1,使用描边命令,将描边颜色设为RGB(215,215,215),描边宽度为1像素,居中。选择魔棒工具,在工具选项中将容差值设为0,在图层1边缘的白色上点击,选取边缘的白色像素,反选,将选区添加为图层1的蒙版。 显示背景,选择RGB通道,为当前图层添加样式:选择投影,混合模式和颜色不变,将不透明度设为50%,角度为90,使用全局光,阴影距离为6像素,扩展为0,大小为12像素,品质不变,这样,我们就为图像添加了简单的立体效果。(图06)
/ I+ C/ S4 Z) A' P& ]
' e6 g* f9 S% ?9 Z- }7 G, e
# Z! o- Y* [& N: u. a
, I+ D5 f( j# _7 p/ J; f
图06
7.
选择图层2,载入图层透明区域通道,在其上新建图层6,复位并交换色板,选择对称渐变工具,从选区中心向右做出渐变,选区从左至右为黑色—白色—黑色,如图07所示。取消选择,将图层的混合模式设为叠加,不透明度降低到35%。这个渐变图层会使图像更具立体感。(图08)
- i8 L+ E1 R" N: n$ s" I& Y) U* D
6 B, D+ V4 H" k2 M% [
, C& H- r8 p; j- l2 N% x
$ c; N$ x! [" N4 r8 q# n* R V
图07
& f! `2 L0 M5 M8 ?" n9 _/ M
: A _! t$ w) r( ~; J. Y8 I- w
+ X2 I1 ]$ W+ j
. t* c: F2 y3 ?7 b; i. `, \8 k
图08 iMac风格类型的图像制作起来没什么困难,除了颜色的配合之外,关键是反光的效果是否逼真。反光大多用白色填充或是渐变处理,有时还要配合不同的图层混合模式。其中选区的处理就相对重要一些。很多时候如何得到恰当的选区成为制作这类图像的瓶颈。这里,有一个不算是秘密的小经验:大胆的使用羽化,大部分时候这个命令会给你得到合适选区的灵感。好了,希望这种漂亮的图像能给你带来更多工作的乐趣!
回复
使用道具
举报
提升卡
置顶卡
沉默卡
喧嚣卡
变色卡
抢沙发
千斤顶
显身卡
返回列表
高级模式
B
Color
Image
Link
Quote
Code
Smilies
您需要登录后才可以回帖
登录
|
注册中国展示论坛
本版积分规则
发表回复
回帖并转播
回帖后跳转到最后一页
精彩图文
快速回复
返回顶部
返回列表