Photoshop教程:打造咖啡店主题网站主页

2016-01-29 20:05 22 1 收藏

Photoshop教程:打造咖啡店主题网站主页,本例介绍用PS打造咖啡店主题网站主页,作者通过本实例教程带给大家一个信息,那就是使用简单的方法也可以制作出漂亮的效果,希望能给朋友们带来帮助~~

【 tulaoshi.com - PS 】

大家好,今天鼠哥给大家带来个制作简单网站首页的教程,用简单的方法制作主题鲜明的效果。在这里给初学PS的朋友提示哦,因为笔者平时和PS爱好者交流时候,发现很多初学的朋友,对复杂的效果制作很是痴迷,常常把基本的工具丢在一边,基础的知识还是要多花时间去学习的,好的作品不一定是都是通过复杂的制作和大量的特效处理来实现。当然这是笔者的看法。不对的地方希望大家和我一起交流。谢谢支持!
  
  首先看看效果图吧!笔者设想了一个咖啡店为主题的网站主页创意。

Photoshop制作咖啡店主题网站主页


效果图

[next]

  1、开始今天的PS旅途吧,新建文件1024×768- 像素72(制作练习像素)。如图1。

Photoshop制作咖啡店主题网站主页


图1

  2、设前景色为黑色,alt+Delete将画面填充黑色。新建图层,用选框工具来框选出一个咖啡屋的外形来,进行填充咖啡色。如图2.

(本文来源于图老师网站,更多请访问http://www.tulaoshi.com/ps/)

Photoshop制作咖啡店主题网站主页

(本文来源于图老师网站,更多请访问http://www.tulaoshi.com/ps/)
图2

3、现在对这两个图层进行,加深与减淡处理。将咖啡屋的明暗表现出来。如图3-4-5。

Photoshop制作咖啡店主题网站主页


图3

Photoshop制作咖啡店主题网站主页


图4

Photoshop制作咖啡店主题网站主页


图5

[next]

  4、现在我们把门的效果制作出来,在画面的上用选框工具选择门咖啡门的位置,进行删除,在接着到样式里进行编辑,目的为了塑造体积感。如图6-7。

Photoshop制作咖啡店主题网站主页


图6

Photoshop制作咖啡店主题网站主页


图7

 

5、现在我们该给咖啡屋加上射灯了,新建图层用多边形套缩工具选出射灯照射的范围,(ctrl+alt+d)羽化5。在选择颜色后进行渐变处理。在这里笔者选择蓝色,大家可以换成自己喜欢的颜色。完成后选择移动工具在移动点击鼠标的同时按住alt键,进行快速复制。如图8-9-10。

Photoshop制作咖啡店主题网站主页


图8

Photoshop制作咖啡店主题网站主页


图9

Photoshop制作咖啡店主题网站主页


图10

[next]

  6、接着在屋檐下添加上几根横条做为装饰用,但是也要进行效果处理,新建图层有选框工具选择区域进行填充,在进行复制,最后用加深工具进行处理。如图11。

Photoshop制作咖啡店主题网站主页


图11

7、新建图层在画面的下面选择区域填充黑色,进行样式处理。如图12-13。

Photoshop制作咖啡店主题网站主页


图12

Photoshop制作咖啡店主题网站主页


图13

  8、大体的风格画面就是一咖啡的深褐色来营造一个简单典雅的气息。

  9、但是在这里画面还是没有醒目和吸引眼球的地方,笔者决定在咖啡店的门口挂上个招牌。还是要会发光的字体招牌。如图14-17。

Photoshop制作咖啡店主题网站主页


图14

Photoshop制作咖啡店主题网站主页


图15

[next]

Photoshop制作咖啡店主题网站主页


图16

Photoshop制作咖啡店主题网站主页


图17

  10、大体的页面就是这样了,做成网页的主页,大家还是需要加入一些按扭制作连接,在画面的上半部分进行添加。好了今天的教程就说到这里。教程不足的地方希望大家给予指出。

再来看下最终效果

Photoshop制作咖啡店主题网站主页

来源:http://www.tulaoshi.com/n/20160129/1510655.html

延伸阅读
大家在办喝咖啡的地方都比较的幽静飞,很有文艺气息,但你知道吗,南非有一家美腿咖啡厅,里面有很多的美腿性感女郎,那么这些美腿女人是怎么诱惑男人的呢,女人的诱惑有哪些呢?下面就和图老师小编一起来看看这间美腿咖啡店为何红遍全球吧! 喝咖啡在大部分男人的眼里是件很娘炮....或者很小资的事儿。 但这家在南美洲智利的&ld...
标签: PS PS教程
本文由 中国 飘零的枫叶 编译,转载请保留此信息! 本教程为学习、研讨之用,教程中所用素材均来源于网络,请勿用于商业,谢谢合作! 就快要到圣诞节了,在国外网站上看到这个教程,非常喜欢,这里翻译过来跟坛友们分享,不是原文翻译的,按我的理解重新编辑过了,英文水平及PS水平都比较菜,有疏漏之处,还请高手们指正~~ 最终效果:...

经验教程

767

收藏

31
微博分享 QQ分享 QQ空间 手机页面 收藏网站 回到头部