当前位置: 首页 > 图文教程 > 平面设计 > Photoshop > iMac风格的宽屏荧幕

Photoshop
Photoshop教程:复古简约的2010新年海报
PS教程:绘制清新的色彩生动的网页布局(3)
PS创意合成教程:时尚的装饰插画
PS照片调色教程:幽静淡紫色中性色调
PS教程:绘制时髦的黑色风格音乐播放器
Photoshop教程:修图广告设计让你眼花缭乱
PS鼠绘教程:绘制好看的美丽花瓶
PS人物照片调色:淡雅色调细节调整
Photoshop文字特效教程:漂亮的金色浮雕字
PS图片合成教程:坐在魔井上面的美女
Photoshop文字特效教程:虚拟火焰字
Photoshop调色教程:淡黄色的怀旧照片
PS入门教程:简单制作好看的花边相框
Photoshop绘制冬季气息风格网站首页
Photoshop教程:修复出完美照片的方法
PS教程:帮助爱美的MM修出曼妙身材
Photoshop背景橡皮擦工具抠图实例教程
Photoshop教程:鼠绘国宝熊猫水墨图
Photoshop入门教程:制作好看的重叠细线边框
手绘教程:手工绘制西门子手机模型

Photoshop 中的 iMac风格的宽屏荧幕


出处:互联网   整理: 软晨网(RuanChen.com)   发布: 2009-12-02   浏览: 151 ::
收藏到网摘: n/a

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)

图01

  你也可以自己重新定义前景色和背景色,原则是采用同一色调明暗不同的两种颜色。

  2. 新建图层3,将前景色设为白色,填充选区。使用平滑命令,将取样半径设为100像素,然后用变换选区命令,将选区高度压缩到7%,将选区存为通道1,取消选择。(图02a)

图02a

  载入图层3的透明区域通道,将选区存为通道2。转到通道面板,选择通道2,按住Ctrl点击通道1,在通道2中载入通道1的选区。将前景色设为黑色,填充选区后取消选择。在工具箱中选择魔棒工具,保持工具的默认选项,在下面的白色区域点击选取,反选,用黑色填充选区,取消选择。通道2现在应该如图02b所示。

图02b

  3. 回到RGB通道,载入通道2的选区,删除图层3中的选区图像,取消选择,将图层3的图层不透明度减低为20%。(图03)

图03

  4. 选择图层2,我们通过图层样式为它添加立体效果。选择内阴影样式,混合模式和颜色保持不变,不透明度降低到65%,角度为90度,使用全局光,距离为2像素,阻塞为50%,大小为5像素,品质也保持不变。(图04)

图04

  5. 现在我们开始制作屏幕顶端的反光。在图层3上新建图层4,载入图层2的透明区域通道,选择径向渐变工具,将渐变设为从前景色到透明,注意选择工具选项中的透明区域,在图层4内,从矩形选框的上边中心向下做渐变。随即,自由变换图层,将宽度设为99%,高度设为当前的48%,取消选择。将图层的不透明度降低为85%。

  按同样的方法制作屏幕下半部分的反光。选择图层2,在其上新建图层5,载入图层2的透明区域通道,选择径向渐变工具,保持工具选项和刚才一样,从选区的底边中点向选区中心做出从白色到透明的渐变。自由变换当前图层,将宽度设为98.6%,高度设为59%,取消选择。把图层5向上移动至图层3之上,将图层的不透明度降低到75%。(图05)

图05

  6. 下面我们要对图层1加工。由于图层1和背景层都是白色填充,所以先暂时隐藏背景层,选择图层1,使用描边命令,将描边颜色设为RGB(215,215,215),描边宽度为1像素,居中。选择魔棒工具,在工具选项中将容差值设为0,在图层1边缘的白色上点击,选取边缘的白色像素,反选,将选区添加为图层1的蒙版。

  显示背景,选择RGB通道,为当前图层添加样式:选择投影,混合模式和颜色不变,将不透明度设为50%,角度为90,使用全局光,阴影距离为6像素,扩展为0,大小为12像素,品质不变,这样,我们就为图像添加了简单的立体效果。(图06)