当前位置: 首页 > 图文教程 > 平面设计 > Photoshop > Photoshop 绿色风格的相机网页平面图

Photoshop
Photoshop 调出人物照片梦幻的橙色调
Photoshop 一个立体的五角星快速制作方法
photoshop 合成梦幻的雪山一角
Photoshop 调出风景照片强对比的蓝黄色
photoshop 自定义图案给多斑的人物磨皮
photoshop 利用图层样式制作简单的玉环
photoshop 鼠绘梦幻的仙界奇观
photoshop 磨皮美白教程 晶莹剔透肤色照片
Photoshop文字动画 简单的倒计时
关于Fireworks 和Photoshop两者之间比较(图片优化的比较)
Photoshop 快速打造另类的暖色照片
Photoshop 打造熊熊燃烧的烈焰人物
Photoshop 残缺的水晶字效果
Photoshop 超可爱的爱心小灰兔
PhotoShop 给人物调出淡黄质感肤色
photoshop 让宝宝模糊照片变清晰教程
PhotoShop 为美女染出绚丽长发效果
Photoshop 几步制作美丽的雪景
PhotoShop 神奇的天空光线照射下来特效
PhotoShop 鼠绘漂亮的国外金发美女

Photoshop 绿色风格的相机网页平面图


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

下面是我们这次教程的最终结果。设计的主题是照片作品集。在生成页面之前,我们都会在photoshop中绘制出网页效果图以便进行讨论,今天我们要做的就是这么一件事情。
Photoshop 绿色风格的相机网页平面图
新建文档760 x 770 pixels ,白色背景。因为这一次设计的主题是照片作品集,所以我们需要一张照相机的照片。我们把这张照片放在我们的工作图层中。
Photoshop 绿色风格的相机网页平面图
点击滤镜>渲染>镜头光晕,按照下图的参数设置。
Photoshop 绿色风格的相机网页平面图
结果如下:
Photoshop 绿色风格的相机网页平面图

好了,下载一张草地的素材。在photoshop中打开,放在照相机图层的下面,用橡皮擦工具(稍微软一点的笔刷),删除不必要的地方。好了,现在是下面这个效果:
Photoshop 绿色风格的相机网页平面图
在草地图层的上面,新建一个图层。在这个图层上面我们要添加一些云彩。这里,我们用的是一些云彩笔刷,你可以在下面的地址中下载到他们Photo-shop-Brush.com 。好了,载入笔刷以后,选择一些云彩笔刷轻轻的涂在图层中,我用的颜色是#2a6c9c。你应该会得到下面的结果:
Photoshop 绿色风格的相机网页平面图
好了,现在在相机的旁边添加一些花:
Photoshop 绿色风格的相机网页平面图
如果你仔细观察,其实我们仅仅引用了3-4朵不同的花,下载一些花的素材,改变它们的大小透明度。让它们看起来更有层次感。一些花在相机的前面,一些在相机的后面,你可以通过调整图层来实现这样的效果。Photoshop 绿色风格的相机网页平面图
好了,现在看起来已经相当不错了,但是我想要添加一些叶子让她看起来更丰富。
Photoshop 绿色风格的相机网页平面图

好了,现在基本上网页的头部已经设计好了。我们会在之后添加更多的细节,不过现在,让我们开始绘制网页的主体部分和底部。在这里,我建立了两个简单的形状。


Photoshop 绿色风格的相机网页平面图
光栅化形状,右键点击你想要光栅化的形状,在菜单中选择即可。
Photoshop 绿色风格的相机网页平面图
选择橡皮擦工具,用一个较软的原型笔尖,删除形状的头部。我的目的是让我们的头部看起来有更多的层次感,不会太过生硬。
Photoshop 绿色风格的相机网页平面图
好了,这就是我们的效果。
Photoshop 绿色风格的相机网页平面图

我在我们的图层中添加了一些文字。
Photoshop 绿色风格的相机网页平面图
你可以从网上下载一个彩虹的图片,按照下图进行放置。
Photoshop 绿色风格的相机网页平面图
点击滤镜>模糊>高斯模糊。
Photoshop 绿色风格的相机网页平面图
降低透明度到33%。
Photoshop 绿色风格的相机网页平面图
好了,这就是我现在的效果。我希望你会喜欢。
Photoshop 绿色风格的相机网页平面图
你可以在原始地址中,下载到彩虹的素材和这篇教程的源文件。记得注册啊。