Photoshop简单酒吧网页制作实战

2016-01-30 00:51 9 1 收藏

Photoshop简单酒吧网页制作实战,Photoshop简单酒吧网页制作实战

【 tulaoshi.com - PS 】

今天给大家演示商业网页制作过程。会网页的朋友们应该知道Photoshop在这过程中的重要性,因为它是网页制作基础。所以笔者准备了这套教程,其目的希望初学的朋友们能够更加深刻的了解制作过程,在以后的日子里小弟我会多准备一些,相对于宣传画册,公益海报等,制作的过程。我们现在就开始吧!

  我们先来看看最终的效果图:

  图(1)首先选择文件新建(CTRL+N),在对话框里设置参数。如图1。

[next]图(2)新建一图层,现在先从背景开始,首先设好渐变的颜色(在这小弟用红色和黑色作为背景色,颜色可以根据自己的喜好调定。)在图中按住 shift+鼠标左键向下做直线拉伸。如图2、3所示。+

 

[next]  图(3)设好背景颜色后,用加深和减淡工具(快捷键o)进行编辑,带点布纹的感觉。如图4、5所示。

 

[next] 图(4)在用选框工具(快捷键m)在右上角框选出相应的范围后,按住ctrl+j单独拷贝一个图层。在对它进行样式的编辑。如图6、7所示。

 

[next] 图(5)选择图层2,用上面一样的方法,框选出相应的范围后,按住ctrl+j单独拷贝一个图层。在对它进行样式的编辑。如图8。

 


   图(6)接着要开始对刚才框选编辑后的图层进行加深减淡的处理。首先选住图层3,如图9编辑后在选图层4,见图10。

[next]图(7)新建图5,现在对图象进行修饰,用框选工具选取适当范围,如图(11)填充R:255 G:2 B:252.在双击图层5进行样式编辑。如图(12)。在将此图层的透明度调到百分之40。如图(13)

 

[next]

    图(8)新建一图层,选取范围后填充R:255 G:2 B:252.进行样式编辑如图(14)在将此图层的透明度调到0。

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

 

[next] 图(9)现在我们打入文字,(大家也想个喜欢的名字吧。)小弟给网页取名黑瞳迪吧,相对应的打入一些字体。如图(15)。

   
    图(10)好了现在要对字体进行加工处理了,主题黑瞳进行修饰,双击图层到样式里编辑如图(16)将此图层的透明度调到0。

 

[next] 图(11)找些相关的图片放入(但要符合你给予的主题,可不要随便找一些图片哦。),在将图片放到样式里编辑。如图(17)

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

 

     图(12)如过觉的还不够的话就在加点小修饰如图(18)但不要过多可以适当的调下透明度。

[next]完工!来看看最终效果,图片可点击放大。

来源:http://www.tulaoshi.com/n/20160130/1515922.html

延伸阅读
标签: Web开发
Firefox浏览器是一个良好支持W3C标准的开放源代码的浏览器,拥有Linux/Windows/Mac版本。因为Firefox浏览器良好支持W3C标准,所以使用Firefox来调试网页是非常好的。 Firefox默认安装包只有8M(Linux版)和5M(Win版),安装后功能较少。为了能 制作网页 ,我们需要安装Web Developer插件。下面我就介绍一下我使用使用Firefox + Web Developer插...
标签: PS PS教程
在这个教程里我们教大家如何利用Photoshop简单制作一个流行的、专业的、具有光泽的网页中经常用到的按钮,最终效果如下: 1.新建立文档,创建一个新的图层,使用椭圆工具绘制选区,然后执行“选择”“修改”“平滑”,设置数值12。 2.然后使用渐变工具从蓝色到浅蓝色进行线性填充: 3.新建立图层,使用“编辑”“描边...
标签: PS PS基础
先看效果图。 新建文档1280x1024像素,背景白色,建新层,画一正圆选区,填充#c6c6c6。 复制一层,缩小一些,颜色改为黑色。 添加图层样式。 建新层,画一正圆选区,填充#9aa6af。 复制此层,添加图层样式。 效果如下。 调出此层选区,建新层,填充白色,去掉选区,用椭圆工具做如下选区,添加蒙版。 图层...
标签: PS PS基础
先看效果图。 新建文档500x300像素,背景黑色,新建图层,画一半径200的白色圆角矩形。 添加图层样式。 效果如下。 新建图层,再画一个小的白色圆角矩形,图层不透明度50%。 下面制作倒影,复制大的圆角矩形图层,新建图层1,然后合并2个图层得到图层1,ctrl+T垂直翻转挪到底部。 添加蒙版黑白直线渐变,图层不透...
标签: PS PS教程
Photoshop(以下简称PS)的批处理功能是很强大的,如果利用好可以做为我们做很多工作。今天我们介绍“PS批处理设计制作网页相册”。 一、准备好自己要做相册的素材,产品展示、案例展示、照片展示等都可以,统一将这些图片放在一个文件夹下,我这里将这个文件叫做“Res_IMg",这里面放的都是大的图片,小图片一会儿ps会为我们做的。 二、打...

经验教程

708

收藏

72