PS制作网页效果图—漂亮的绿色首页模板

Photoshop详解制作漂亮的绿色首页模板，第一，对于一些做网站的爱好者，下面真的是个好例子;第二，设计出来的效果也很不错;第三，内容齐全，很值的学习。

在这篇教程中，你将学会如何在photoshop中制作一个漂亮的绿色的干净的网页效果图。你将学会一些很时髦的设计技巧，像是如何制作3D丝带，或者是如何设置看上去很专业的渐变色。这是教程的第一部分。

最终效果图

看一看我们最终的效果图吧，看上去还不错:>

在photoshop中新建文档

1在photoshop中新建一个文档，尺寸为980px × 830px.

2 如果你在photoshop软件界面中，没有看到在画布的周围看到标尺，点击试图>标尺（Ctrl + R）可以显示标尺。

3 在画布的四个边，分别拖拽四条标尺线。在这四条线中间，我们将绘制我们的页面。

创建页面背景

4 选择圆角矩形工具(U), 设置圆角半径为10px，设置颜色为#E0E0AC, 在你的整个画布中拖拽一个圆角矩形。设置这个图层名字为“bg“.

5 好了，现在，我们将扩大我们的画布。首先，缩小我们的画布视图(ctrl+-)，然后点击图像>画布尺寸(Alt + Ctrl + C)，然后根据下面的截图设置参数。

6 再一次选择图像>画布尺寸(Alt + Ctrl + C)，然后根据下面的截图设置参数。

7 在图层面板中点击背景图层，设置前景色为#6C821C，用油漆桶(G)填充背景。

8 在背景图层上面创建一个新图层，命名为”gradient“.

9 在工具栏中选择渐变工具(G)，从画布头部开始向下拖拽出一个从白色到黑色的渐变。

10 设置该图层渲染模式为颜色加深,然后设置图层图层透明度为10%.

11 保持该图层仍为选定状态，点击图层>图层蒙版>显示全部。

12 在工具栏中选择渐变工具(G) ，从你的画布底部向上拖拽一个从黑色到透明的渐变。可以根据下面的截图进行拖拽。

13 右键单击图层“gradient” ,在弹出的菜单中，设定转换为智能元件。

14 点击滤镜>杂点>添加杂点。根据下图设置参数。

15 新建一个图层，用画笔工具(B)，选择白色的软笔刷，直径为300px,在你的画布顶端，画一条白线。

16 设置这个图层的透明度为50% ,并命名该图层为“highlight“.

17 在bg图层上面，新建图层。点击键盘上的D，设置成默认的前景背景色（前景白色，背景黑色），然后点击滤镜>渲染>云彩。

18 在图层面板上，右键单击该图层，在弹出的菜单中，设置该图层为智能元件。命名该图层为“texture“.

19 保持图层”texture”仍未选定状态。点击滤镜>模糊>动感模糊，根据截图进行参数设定。

20 然后点击滤镜>锐化>锐化。

21 给图层”texture”添加蒙版，点击图层>图层蒙版>显示全部。

22 选择渐变工具(G) ,从画布底部到顶端，拖拽一个黑色到透明的渐变。23设置图层渲染模式为叠加，设置图层透明度为40%。

设置主要内容的背景

24 双击“bg” 图层，打开图层属性面板。根据下图进行外发光的参数设定。

25 新建图层，设置前景色为#2A2009, 选择画笔工具(B) ,用一个比较硬的直径为25px的画笔，在你的圆角矩形的下边缘，画一个圆。

26 在图层面板中右键单击该图层，设置图层为智能对象。

27 然后点击编辑>自由变化(Ctrl + T) ,根据下图进行变形。

28 点击滤镜>模糊>高斯模糊，按照下图进行参数设定。

29 设置该图层的渲染模式为整片叠底，透明度为30%。最后，给该图层命名为”shadow“, 把这个图层放在bg图层的上面。

创建导航条

30 好了，接下来，我们来做导航条。选择矩形工具(U) ，设置颜色为#D8D8A5.

31 在你之前创建的那个大的圆角矩形中，创建一个高为60px的矩形，命名该图层为“navigation bar“. Note: 打开信息面板(F8), 这样你就会看到你所创建的矩形的高度。

32 双击图层“navigation bar” 打开图层属性面板，按照下图设置参数。

33 你可能注意到，我们刚刚创建的矩形并没有圆角。为了纠正这个小的细节，我们应用剪辑蒙板（clipping mask）这个概念。右键点击图层“navigation bar” layer, 选择创建剪切蒙版。

34 好了，我们接下来要做的是，创建当前页的按钮。选择矩形工具(U), 设置颜色为#A6A43F, 创建一个高为60px的矩形。

35 设置透明度为15%，命名该图层为”current page button“.

36 然后向下设置剪辑蒙板。

37 选择刚刚的四个图层，点中ctrl然后分别在图层面板中点击这四个图层，然后点击Ctrl + G群组。设置这个群组名为“bg & navigation bar“.

38 选择文字工具(T)，给导航添加一些文字，用颜色#A6A43F. 在这次的设计中，我用的字体是Avenir LT 65 Medium 。如果你没有这个字体，可以用你喜欢的字体代替。

Photoshop制作一款漂亮的网页模板

在这篇网页设计教程里，你将学习制作可以用于整站的一个既优雅又专业的网页，我们将用到Photoshop软件里的一些基本的工具，比如：笔刷和图层等。而且在教程下方包括了此网页的HTML/CSS/JAVASCRIPT模板和素材，你可以下载用作学习或使用都可以。 下面先预览一下本教程的最终效果： 教程开始： 第一步：新建文件打开PS软件，点击文件-新建命令或Ctrl+N键新建文件，设置宽度1020px，高度1180px，背景默认为白色，点击确定即可; 第二步：创建导航背景我们将从header开始我们的设计，所以我们先用矩形选框工具，在画布上新建一个矩形选框，如图所示，填充颜色#393939;

然后设置图层的混合模式为叠加，不透明度设为23%; 第四步：创建网页logo和name对于教程中的logo，我使用了Georgia字体并设计为粗体并倾斜，设置‘SIX’的颜色为#FFFFFF，‘STUDIOS’的颜色为#F7E5C4，logo旁边的图片用的是素材中的boxupload32图片。样式如图所示： 第五步：加入导航链接活动链接的颜色我用的是#DBD1BE，普通链接用的颜色为：#ABAAAA。 为了使活动链接显示的更突出，在其后便添加一个矩形框。选择圆角矩形工具，设置半径为5px，前景色为#464646,然后在活动链接处添加矩形背景，样式如图： 给矩形背景图层添加内阴影和描边效果，具体设置参数如图：

第六步：给特色区域添加背景在我们网页布局的顶部，需要有一块特色区域，这块区域通过播放幻灯片将网站的特色内容展示给来访者。这块区域也可以同时包括对网站的介绍等，第一步我们需要做的就是利用矩形选框工具选中这块区域，然后在此矩形选区中填充颜色#D3CAB8。 然后你需要下载

photoshop图片卷角翻页效果的制作

1.新建一个图层，双击文字修改名称为纸（这样方便讲解一点）点击钢笔工具，勾选橡皮，按住shift绘制一个三角形，如图。 2.配合直接选择工具、添加锚点工具和转换点工具将斜边变形（这就是卷纸的卷曲形状了）反复调整直到满意效果,如图

ctrl+Enter转换为选区，点击渐变工具，前景色RGB：221、191、151，背景色RGB：242、229、212(颜色自定也可)按对角线拖出， 可反复尝试，直到合适的效果 4、新建一个图层，放在纸图层下面，双击文字修改名称为卷曲，点击钢笔工具，绘制如图效果，ctrl+Enter转换为选区（注：上下要与纸图层尽量相切，这样效果才比较真实）

5、按X调换前背景色，同样的用渐变工具对角拖出，你会发现颜色与纸的颜色太相近，没有明显卷曲的感觉，可以再用加深、减淡工具进行处理一下，注意要把曝光度降低一些，现在效果是不是好很多了呢

6、现在我们要来做背影部份，因为形状没规律，所以用PS自带的阴影工具我觉得效果不太好，还是自己来搞一个吧新建一个图层，放在卷曲图层下面，双击文字修改名称为背影，点击钢笔工具，绘制如图效果，ctrl+Enter转换为选区 7、把前景色改为黑色进行填充，再进行高斯模糊3个像素，添加一个矢量图层蒙版，用笔画工具进行边缘的浅淡处理，（注意降低不透明度和流量）完成后把背影图层透明度改为45%。

8、现在这纸效果应该出来了，再细仔看看少点什么了，这纸没有厚度，对了，那我们现在就来为这纸增加一下厚度吧，新建一个图层，放在纸图层上面，双击文字修改名称为纸厚，按住ctrl点击纸图层，将层图层载入选区

PhotoShop平面效果图后期处理实例

PhotoShop平面效果图后期处理实例 利用AutoCAD软件可以准确高效的完成建筑、规划方案的设计，绘制出建筑施工图、总平面图、以及各类规划设计相关图纸。作为一款优秀的图形辅助设计软件，AutoCAD软件绘图效率和准确性上有较大的优势，但在图面效果的表现上，如色彩、材质、光影效果、配景素材等方面还略有不足，而对于这些有关图面效果表现的因素，图像处理软件则具有比较好的优势，因此利用PhotoShop软件对AutoCAD绘制线框图进行后期处理，将AutoCAD的方案设计图制作成图面效果丰富的图像则是设计人员最常用的形式之一。 一、AutoCAD图形输出与PhotoShop图形导入 AutoCAD图形文件完成后，将图形输出成图像文件主要有直接输出和虚拟打印两种方法，下面将这两种方法予以简单的介绍。 1、直接输出法 在AutoCAD软件中，直接单击“文件/输出”菜单命令，在打开的“输出数据对话框”中可以选择输出的文件类型，其下拉列表中的“封装PS*.eps”、“位图*.bmp”等类型都是Photoshop支持的图像格式。通过设置“文件名”、“保存于”等参数，可以将图形输出到指定的位置保存为图像文件。AutoCAD输出数据对话框如图15-1所示。 图1 AutoCAD输出数据对话框 “封装PS*.eps”和“位图*.bmp”两种格式的图像，PhotoShop都可以打开，但用PhotoShop打开“封装PS*.eps”格式文件时，可通过调整分辨率和图像的长、宽数值，确定图像文件的大小，用这种方法可以打印出需要的任何大小图幅的图像。但打开eps格式文件时，有可能出现图像不清晰的问题，这里有一个小技巧可以借鉴，可以先建立一白色的背景图层，然后再将打开的图像图层连续复制出多个图层副本，这样处理可以使图像清晰一

Photoshop绘制产品效果图教程--打印机

Photoshop绘制产品效果图教程 新建画布，练习时建议选web下较适合自用屏幕分辨率的模式即可，下例：

依照下图步骤置入底图 将图片缩放至适当的观察大小，过程中鼠标置于四角按住shift和alt键拖动鼠标，完成后enter。

下面我们首先绘制打印机箱体的部分 用钢笔工具绕这部分描一圈，闭合后按ctrl+enter，将其转化为选区。注意复习钢笔工具的使用，圆角变尖角按alt点击节点，特别注意控制节点的数量和位置！

接下来点击前景色设置按钮，不必理会弹出的拾色器，直接用变成吸管的光标靠近原图较有代表性的色块区域点选（靠感觉找跟箱体颜色最近的灰色块），在拾色器上点 确定。新建一个图层，按alt+delete将其填充入上图选区。 不要取消选区，用黑箭头将上图所示部分上移，上移过程中建议按住shift键保证垂直上移。

从原图上观察到有以下特征：1、转角处发黑；2、边缘处有反光发白；3、整体有少许塑料质感的黑白混色。下面我们一一绘制出这几个特征。 按键盘的B键激活画笔工具，发黑和发白的地方都用画笔工具描绘出来，描绘前注意做以下设置。 第一项选择柔边圆，绘出的线条有自然的毛边过渡，不会显得僵硬。数值根据各自情况设置，按左右方括号实时改变笔触大小。不透明度和流量置调小，这样可以保证一笔画出来不会太重，反复几次拖绘达到想要的效果，这个数值各人可以灵活设置。 然后按键盘D恢复默认前景黑背景白，以此为画笔颜色。 首先绘制黑色部分，参考原图起止位置，按住shift保证走直线，反复几笔完成效果。

同理将边缘处的反光（白色）绘制上去，改小笔触，按键盘的X键调换前背景色，此时白色在前，画笔就是白色。 反复几次调整后效果如下，大家尽量观察原图特征依照绘制即可。 最后完成黑白混色的效果，复制图层，复制出的图层默认在上，并被激活，此时作如下操作。

景观效果图制作使用工具—Photoshop 使用教程

景观园林效果图 后期培训 ps-培训手册景观效果图制作公司

第一章 索引 本教程分为三个部分； 一画纸---------图层 二画笔---------工具栏 三定位工具---选择工具 四调色盘---颜色修改命令 五其他工具 2017-9-16

二画笔-----工具栏ps-培训手册 三定位工具---选择工具图层窗口工具---图层概念是ps 学习中重要的学习理解基础是ps 的精华所在我。我们大致可以把它理解为在透明纸上添加我们的制作信息，最终的效果是所有透明纸累积叠加的汇总效果。　 一画纸---------图层四调色色盘---颜色修改命令五其他工具

二画笔-----工具栏ps-培训手册 三定位工具---选择工具工具栏工具大至可分为两种；画面工具、画布工具，画面工具只对视窗的显示产生作用，对文件不产生任何编辑作用。画面工具可以直接对文件产生作用所以编辑均影响文件。 一画纸---------图层四调色色盘---颜色修改命令五其他工具

二画笔-----工具栏ps-培训手册 三定位工具---选择工具够正确的选择到希望编辑的内容，只有有效的选择，才可以有效的控制，才可以可以得到有效的结果。魔棒 容差越大选择色彩范围越大 以当前像素信息和像素点的魔棒属性容差值为准 建立快速选区 一画纸---------图层四调色色盘---颜色修改命令五其他工具

二画笔-----工具栏ps-培训手册 三定位工具---选择工具够正确的选择到希望编辑的内容，只有有效的选择，才可以有效的控制，才可以可以得到有效的结果。框选 在文件中创建矩形、椭圆、单行、单列的规则选区。 可以确立所建选区的长宽比和长宽的像素比 。 一画纸---------图层四调色色盘---颜色修改命令五其他工具

PS建筑效果图制作教案(很实用附图)

第一章PHOTOSHOP快速入门 第一节初识Photosop 一、Photosop是ADOBE公司推出的图形图像处理软件，功能强大，广泛应用于印刷、广告设计、封面制作、网页图像制作、照片编辑等领域。利用Photosop 可以对图像进行各种平面处理。绘制简单的几何图形、给黑白图像上色、进行图像格式和颜色模式的转换。 二、Photosop7.0的启动与退出 1、启动Photoshop的方法： 单击开始/程序/Photoshop7.0即可启动.或者打开一个Photoshop文件也能够启动Photoshop。 2、退出Photoshop的方法： 单击关闭按钮或按下CTRL+Q组合键或ALT+F4组合键，都可以退出Photoshop。 三、Photoshop的窗口组成（标题栏、菜单栏、工具栏、工具箱、图像图口、控制面板、状态栏、Photoshop桌面） 1、标题栏：位于窗口最顶端。 2、菜单栏：其中包括9个菜单。位于标题栏下方。 3、工具栏：位于菜单栏下方。可以随着工具的改变而改变。 4、工具箱：位于工具栏的左下方。 5、图像窗口：位于工具栏的正下方。用来显示图像的区域，用于编辑和修改图像。 6、控制面版：窗口右侧的小窗口称为控制面版。用于改变图象的属性。 7、状态栏：位于窗口底部，提供一些当前操作的帮助信息。 8、Photoshop桌面：Photoshop窗口的灰色区域为桌面。其中包括显示工具箱、控制面板和图像窗口。 四、图像窗口：图像窗口由（标题栏、图像显示区、控制窗口图标） 1、标题栏：显示图像文件名、文件格式、显示比例大小、层名称以及颜色

模式。 2、图像显示区：用于编辑图像和显示图像。 3、控制窗口图标：双击此图标可以关闭图像窗口。单击此图标，可以打开一个菜单，选择其中的命令即可。 五、工具箱和工具栏 Photosop工具包含了40余种工具，单击图标即可选择工具或者按下工具的组合键。工具箱中并没有显示出全部的工具，只要细心观察，会发现有些工具图标中有一个小三角的符号，这就表示在该工具中还有与之相关的工具。打开这些工具的方法有两种： 1、把鼠标指针移到含有三角的工具上，右击即可打开隐藏的工具或者按鼠标左键不放在工具上开隐藏稍等片刻也可打工具。然后选择工具即可。 2、可以按下ALT键不放，再单击工具图标，多次单击可以在多个工具之间切换。 六、控制面板 控制面板可以完成各种图像处理操作和工具参数设置，Photosop7.0中共提供了14个控制面板。其中包括：导般器、信息、颜色、色板、图层、通道、路径、历史记录、动作、工具预设、样式、字符、段落控制面板和状态栏。 1、导般器（Nanigator）：用来显示图像上的缩略图，可用缩放显示比例，迅速移动图像的显示内容。 2、信息(Info)：（F8）用于显示鼠标位置的坐标值、鼠标当前位置颜色的数值。当在图像中选择一块图像或者移动图像时，会显示出所先范围的大小、旋转角度的信息。 3、颜色(Color)：（F6）用来便于图形的填充。 4、色板(Swatches)：功能类似于颜色控制面板。 5、图层(Layers)：（F7）用来控制图层操作。 6、通道(Channels)：用来记录图像的颜色数据和保存蒙板内容。 7、路径(Paths)：用来建立矢量式的图像路径。 8、历史记录(History)：用来恢复图像或指定恢复霜一步操作。 9、动作(Actions)：（F9）用来录制一边串的编辑操作，以实现操作自动化。

如何用ps制作动态图片

首先让大家认识下图标 第一个是大家经常用到的，打开PS的图标。而第二个就是做动态图片需要的图标。 当然你也可以在已经打开PS的情况下按键盘上的SHIFT+CTRL+M这个快捷键来进行PS和IR（就是PS自带的那个可以做图的软件，我们通常教它IR）之间的转换。如图： 首先打开我刚才告诉你的IR软件，不会打开IR的可以1楼的帖子。打开后先不要着急，选择“窗口”－－之后看看里面有个“动画”看看这个有没有被勾选上，一般第一次打开都不会被勾选。如果没有勾的话将其勾选上，具体如图：

这时你可以看见在屏幕的左下角出现了如下图所出现的东西，这是我们在制作动画时所需要的。如图： 现在我们可以正式开始制作了。 首先新建，如果不会就按键盘上的CTRL+N。 图片的大小自己选择。 我建的是250×150的一个透明的文件

首先你脑子里要清楚你需要做的图片有级帧，也就是说需要有几个动作。比如我现在做的这个需要依次显示4个字，那么就是4个动作，相应的也就是4张图片。 首先看下图，先点击红色方框内的“创建新图层”按钮，需要几张图片自己就点几下。我需要4张，我就点3下（因为已经有了一张）。

之后点击下图中红色方框内的“复制当前帧”，在动画栏里的帧数等于你自己刚才建立图片的张数。 也就是说有几张图片就需要有几帧，如图： 下图中红色方框代表你当前选中（编辑）的图层，所以这个图层在这里的背景是蓝色的，而绿色方框内的“眼睛”表示当前你所能看到的图层，当然你也可以全部选择，这样你就能将这个图片上的所有图层全部看到。（如果想要看到哪个层，就点击下想要看到的那个层前面“眼睛”的位置）如下图： 最关键的一步：当然也要选择好“动画栏”里的那个帧（被选中的那一帧会有个蓝色的方框，如下图），就是说你需要这张图片显示在哪一帧帧，

PS网页设计与制作

PS网页设计与制作

PS网页设计与制作（主页） 一、教材分析 设计制作网页的方法有很多，所用软件也各不相同，在本次拓展课程教学中，采用Photoshop 设计网页。本课是第四课时，在之前的课中，教师介绍了网页大小、图片素材的保存及处理方法，学生已了解有关网页的相关知识点，本节课在此基础上，开始学习PS网页设计，通过新建文档，完善网页中的其它要素，如：文本、页头、页脚、图片等要素。 二、学情分析 认知水平：本班学生为八年级学生，善于接受新鲜事物，欠缺专注力、知识迁移能力。 知识技能水平： 在前几课时的学习中学生了解了网页的常见大小，主页包含的各项要素，七年级下已学习过PS的相关知识与技能，有一定的基础。本节课，学生需要灵活运用以前的所学，制作出有个人特色的主页。学生在自主实践环节是遇到的问题，通过同伴互助、范例展示等方式，更好地理

解为何这么做，以及怎么做。 三、教学目标 （一）、知识与技能 1.了解主页大小，掌握设置主页大小的方法。 2.掌握文本设置的方法，尝试通过更改大小、字体、变形、混合选项呈现出有个人特色的文本。 3.了解导航栏的样式及位置，掌握矩形的绘制调整方法。 （二）、过程与方法 1.通过课堂任务的设计，强化学生个人自主探究能力及小组协作学习能力。 2.培养学生对问题的分析和解决能力，更好地理解PS制作主页的方法与策略，提高学生对PS的理解与认识。 （三）、情感态度与价值观 提倡学生多观察、多动手实践，不怕失败，只怕不动。在信息技术课堂上勇于探索实践，通

过作品展示自己。 四、教学重点 主页大小设定、标题和图片的大小及位置、导航栏制作 五、教学难点 主页中各对象的大小及位置 六、教学方法 任务驱动、分层教学、同伴互助 七、教学准备 极域多媒体网络教室、Photoshop cs5、学案 八、教学过程

ps制作网页效果图—多种模版

Photoshop详解制作漂亮的绿色首页模板，第一，对于一些做网站的爱好者，下面真的是个好例子;第二，设计出来的效果也很不错;第三，内容齐全，很值的学习。 在这篇教程中，你将学会如何在photoshop中制作一个漂亮的绿色的干净的网页效果图。你将学会一些很时髦的设计技巧，像是如何制作3D丝带，或者是如何设置看上去很专业的渐变色。这是教程的第一部分。 最终效果图 看一看我们最终的效果图吧，看上去还不错:> 在photoshop中新建文档

1在photoshop中新建一个文档，尺寸为980px × 830px. 2 如果你在photoshop软件界面中，没有看到在画布的周围看到标尺，点击试图>标尺（Ctrl + R）可以显示标尺。 3 在画布的四个边，分别拖拽四条标尺线。在这四条线中间，我们将绘制我们的页面。 创建页面背景

4 选择圆角矩形工具(U), 设置圆角半径为10px，设置颜色为#E0E0AC, 在你的整个画布中拖拽一个圆角矩形。设置这个图层名字为“bg“. 5 好了，现在，我们将扩大我们的画布。首先，缩小我们的画布视图(ctrl+-)，然后点击图像>画布尺寸(Alt + Ctrl + C)，然后根据下面的截图设置参数。

6 再一次选择图像>画布尺寸(Alt + Ctrl + C)，然后根据下面的截图设置参数。

7 在图层面板中点击背景图层，设置前景色为#6C821C，用油漆桶(G)填充背景。

8 在背景图层上面创建一个新图层，命名为”gradient“. 9 在工具栏中选择渐变工具(G)，从画布头部开始向下拖拽出一个从白色到黑色的渐变。 10 设置该图层渲染模式为颜色加深,然后设置图层图层透明度为10%.

用Photoshop为建筑效果图做后期处理

用Photoshop为建筑效果图做后期处理 要获得高质量的渲染图，须经过建模、渲染、后期处理三个基本过程。一个软件很难独立完成以上全部工作，一般是将几个软件联合使用。这就需要制作者很熟悉几个软件的操作以及软件之间的文件转换，一般来说完成以上三个过程最常用的应用软件为：建模AutoCAD；渲染3D Studio Max；后期处理Photoshop。 完成一幅三维效果图的制作，AutoCAD可精确建模，且尺寸输入方便；3DS 中精确建模较为困难，但建模手段多而灵活，并可得到渲染图；而Photoshop用于对渲染图进行处理，可用作照片剪贴，配景绘画，使画面生动活泼。 Photoshop用来做建筑效果图的后期制作的一般步骤和注意点如下： 首先是加天空。某些人把建筑选取出来贴到天空图片上，但这样的结果一般衔接部分都不是特别自然，推荐选出背景部分，然后选择天空，贴进选区（“粘贴入”),这样能方便地调整天空的大小，云彩的位置，通过自动生成的图层蒙版也让你给天空加入各种特效。 加载天空层的蒙版做为选择区，用同样的法子可以加背景建筑和山峦等。在通道里给蒙版加入退晕还可以产生渐隐的效果 给画面添加人物时要注意人的透视关系，近景的人不要太多，背影人要多一些，人的动作不要太夸张（千万别画成模特表演），有些室内效果图，里面的人物骚首弄姿，很扎眼。人物多时要注意人的走向，可在入口处多加些人。注意人的着装别冬夏混淆。 草地的质感可使用照片来体现，在边角处植一些灌木。树和灯也要注意透视关系，尤其阴影最好独立成一个半透明层，千万别忘了检查一下阴影和光源的关系。 所有的配景都应该分类成层，便于管理。配景的色彩也要统一，注意远近的彩度区别以及空气感的体现。 在本文中我们就将一步步展示一个温馨别墅的效果图后期处理过程。如果你能够一步步跟着做完，相信你会对在photoshop中如何实现效果图的后期制作有一个深刻的了解。 牵涉内容：使用PS 调节3DMAX 效果图中颜色 最后效果图:

Photoshop做一个网页

实训项目二 Photoshop制作网站首页第1讲制作首页的主体部分 课程总览 在本课程中，朋友们将学习到以下内容： ?? 如何通过Photoshop CS3 进行网站首页的版面设计?? 各种网页版面元素的设计技巧和方法 ?? 如何进行网页的切图以及切片的属性设置 ?? 如何创建与Flash 整合的FLV 视频

?? 在Dreamweaver CS3 中使用“Spry 选项卡”构件 ?? Photoshop、Flash、Dreamweaver 的协同工作 第1 讲制作首页的主体部分 本文以“石桥花园”的网站首页为例，来演示页面创作的整个过程。其实“石桥花园”是不存在的，笔者虚构出来也并非只为完成本例，我一直向往生活在幽静、闲雅之所，虽然“石桥花园”离我的初衷有很多差异，但也多少能表达我的一些想法吧。 书归正传，早先的网页页面设计一般是以Dreamweaver 为中心，由Photoshop 或Flash 等软件来提供各种素材，如图片、动画、文字等。自从Photoshop 出现了“切图”等专为网页设计所定制的功能后，设计的中心已慢慢转向了Photoshop。因为Photoshop 本身以图像为基础的特性，决定了他能对版面施以更精确的控制，使网页的页面能够更加灵活和生动的布局，这几乎完全解放了网页设计师的创作灵感，不再受方方正正的网页表格所约束。现在我们要制作的是“石桥花园”首页的主体部分，主体部分包括标题、主展示图片和导航条。网页教学网 1. 打开Photoshop CS3, 执行菜单“文件> 新建”。在新建对话框中设置名称为“石桥花园”，宽度为“777”、高度为“800”，这个数字并不“官方”，只是我在平时工作当中测试出来的而已。对于网页来说，一般只用于屏幕显示，所以分辨率为“72”、颜色模式为“RGB 颜色”，其它参数保持默认。 2. 按下Ctrl+A 全选页面，执行菜单“编辑> 填充”将页面填为纯黑色。在工具箱中选择矢量的“矩形工具”，绘制一个如图1-1-1 所示长方形A。然后使用白色的“直接选择工具”将该矢量形状扭曲成如图1-1-1 中B 所示外观，该形状的十六进制颜色值为“#246b34”，一种厚重的深绿色。

Photoshop经典实例教程3000例《免费版》

Photoshop经典实例教程3000例 1、教你打造偏色艺术色调教程 2、 ·教你打造偏色艺术色调教程 3、 Photoshop┾製造制造另类婚纱照片 4、⒈款粉帥氣de游戲做圖 5、 PS(IR)可爱的棒棒糖 6、 ps打造唯美色调 7、 PS打造超炫人物效果 8、一款比较自然的眨眼教程 9、 Photoshop最简易的磨皮法 10、Photoshop] 制作下雨的效果 11、小菱形背景和圆点背景的做法 12、[Photoshop] PS打造淡彩风格的幻眼效果 13、Photoshop] 用Photoshop滤镜打造梦幻艺术效果 14、Photoshop] 巧用PS打造镶满诱人钻石的文字 15、Photoshop] PS制作幽冥火焰 16、Photoshop] 简单的叠影制作方法 17、Photoshop] 制作冬季恋歌浪漫雪景效果 18、Photoshop] 用Photoshop设计另类树皮人体 19、Photoshop] 教你设计绚丽光芒效果 20、Photoshop] 教你设计胶片风情电影海报 21、Photoshop] 教你设计神秘炫光黑洞效果 22、Photoshop] PS特效字：闪亮钻石效果 23、[Photoshop] 巧绘晶莹剔透的水晶樱桃 24、Fireworks] QQ空间初级玩家必学的11条技巧 25、Flash] 给FLASH初学者的10点制作经验 26、Flash] Flash全屏效果全攻略 27、Photoshop] 利用PS图层样式绘制彩色玻璃立体文字 28、Photoshop] Photoshop制作逼真的洁白羽毛 29、Photoshop] 用PS把秋景照片变为冬景效果 30、[Photoshop] Photoshop教你给MM的衣服换个颜色 31、Photoshop] 用PS制作周迅的怀旧效果图 32、Photoshop] 转用PS轻松给MM衣服添加图案 33、Photoshop] 用PS的动态画笔制作鞭炮 34、Photoshop] 教你做天使翅膀的卡通效果 35、Photoshop] 制作融化的冰淇淋 36、Photoshop] 打造宇宙场景爆炸星球特效 37、Photoshop] 教你设计恐怖电影海报 Photoshop] 制作奔驰中的汽车 [Photoshop] 蝴蝶结边框 [Photoshop] Photoshop高级柔化处理人物照片Photoshop] 神奇的Photoshop修图美容－－很实用

汽车流线在ps里如何制作

车流线在ps里如何制作？？ 路径>描线>加外发光效果不好。有什么其他的好方法，求教？

文章标题 这个效果非常有意思，我比较喜欢您提供的参考图，非常漂亮。想制作这个效果，首先要理解这种效果是为什么产生的。 这种光线效果是在夜景慢快门长时间曝光的情况下，相机所捕捉到的高速移动的汽车等物体的车灯产生的运动模糊。 常规意义上的运动模糊通常是指这种效果： 可以看到开球时各种颜色的球都以不同的速度向四方飞去，唯独中间的黑八由于“动量守恒”没有动，产生了清晰的影像。 由于汽车不发光的地方很暗，在飞速运动中，曝光时间又非常短，所以不足以引起明显的曝光，所以汽车本体都很虚化甚至根本看不见，但是由于车灯非常的明亮，所以一直可以产生充足的曝光，以致拉出了光线。这种漂亮的光线，本质上和上面的台球是一样的，是一种运动模糊。运动模糊的英文叫“Motion Blur”，在Photoshop的滤镜中被翻译为“动感模糊”。 好了，已经知道了背景知识，我们就可以重现这种现象了。 首先，打开一张夜景图，图1：

假设这就是我们的底图。 然后，再打开一张有很多灯光的小一些夜景图作为素材，真的不用很大，比如这张，图2： 我选择这张图2做素材的原因有两个： 1.灯光很多 2.灯光颜色有变化 接下来的操作就很好看了：思路方法非常像我在专筑第五讲里的最后20分钟，建议您去看看这期讲座。 step1： 打开图2灯光素材，首先ctrl+J 复制一层。（好习惯） step2： ctrl+L 调出色阶面板，把直方图左边的暗区三角往亮区挤压挪动至如图所示的效果，原则是灯光形状完好，其他部分变黑，然后把右端的亮区三角也挤压过来一点点，这样就会把整张图挤压到只剩高光区（但因为没有推到最右，所以又不是

用Photoshop绘制产品效果图

用Photoshop绘制产品效果图 Photoshop是我们十分熟悉的一款平面设计类软件，功能强大，集修图、绘图、拼版于一体，平面设计类的所有工作都可以借助这个平台完成。 我们在计算机辅助三维设计课程中学习了如何使用rhino创建产品模型，然后使用3Dsmax环境下的vray插件进行渲染。使用这种方式我们可以获得模拟三维空间下的仿真景象，但是步骤略显繁琐，对使用者的使用技巧要求也比较高。 如果在较短的时间内，想要对某种产品做一个快速的表达，使用二维软件不失为是一种更好的方式。比如photoshop、coreldraw、illustrator、painter等等。在二维环境下绘制三维产品效果图需要一定的美术功底，把握好亮度、色彩、阴影、材质各方面的变化，才能绘出真实感强的效果图。

初学这门技巧我们从描摹图片开始，一边观察图片中产品的特征，一边绘制。 以上面的图片为范例，我们一起一步步绘制出右边的效果图。 打开photoshop（范例中使用的是ps cs4版本），新建一个1600×1200，分辨率72的画布。 然后找到硬盘中存储的“范例图片.jpg”，将其打开。 将范例图片拖动到新建的未标题-1画布上。

将“范例图片.jpg”关闭掉，按下alt键，同时在画布上拖动这张图片，即复制出一份。拖动过程按住shift可以保证水平复制。

复制出的一份我们用于作为背景图在其上描摹外形，原来的一份供我们提取色彩、作为样例使用。此时在图层栏可以看到，已经有了三个图层。按下右图按钮，新建一个图层，命名其为外廓（改名在图层2字样上双击即可）。 英文输入状态下按下键盘的Z键，启用放缩功能，将视图调整到便于观察的位置，在外廓图层里使用钢笔工具勾出该产品最外的轮廓（钢笔工具快捷键为P）。注意打开钢笔工具后，需要在设置上修改为路径模式，如下右图所示。

用photoshop输出html网页(psd网页模板)

如何用photoshop输出html网页(psd网页模板) 2010-11-03 14:52 在修改好相应的文字与图象之后，我们就将PSD文件输出(X)HTML文件。首先得先对PSD文件做切片，有两种方法： ①使用工具栏上的“切片工具”， 然后在图象上划出一块一块的区域。 ②使用基于参考线的切片，按ctrl+R调出标尺栏，

把鼠标移动到标尺上，按住鼠标左键，移动到图象上，将会看到一条绿色的参考线，如图 将参考线；排好，然后点一下工具栏上的切片工具图表，然后点上面 选项栏里的“基于参考线的切片”。于是在原来的参考线上就变成了一块一块的切片了。

接下来就可以输出了: ①依次选择菜单栏上的“文件”→“存储为Web所用格式”→“存储”。 ②接下来就会弹出一个“将优化结果存储为”的窗口，如图 在“保存类型”处有个下拉列框可以选择，因为我们要存储为网页的格式，所以选择“HTML 和图象(* html)”，再选择“保存”就可以输出一个网页格式的HTML文件与一个包含图象的名为“images”的文件夹。

③如果我们需要输出“div+css的网页”我们还可以这么做：在“设置”处的下拉列框，选择“其他” 就会弹出一个“输出设置”的窗口 在第2个下拉列框处选择“切片”

选择“生成CSS” 单击“好”→“保存”就可以输出一个目前流行的“div+css”的HTML网页。 其实标准的网制作完成的工作实际是：psd to html，一般情况下，我们会拿到美工的psd,这时候不同的人会有不同的做法： 1.打开fireworks将图片切割导出为html。 2.直接在dreamweaver之类的工具去拖拉布局，导入相关的图片,flash资源。 3.先在ps中完成切图后，在文本编辑器中看着效果图一步步的制作。 以上是大多被采用的方法，但都不好： 第一种方法最为不好，这样的代码根本不具维护性和可读性。 第二种方法也不好，代码难免会有冗余，做出来的东西基本需要排查一遍。 第三种方法也不好，因为你需要看效果图一点点的拼，也就是说写html标签的时候，你在不断的假设这块要怎么去显示。 正确的做法是： 1.拿到psd后，先不要做别的，直接在文本编辑器中将网页的框架写出来，不要假设这块将来css要去怎么渲染，完全自然化的标签，不加任何的css。 2.写完之后在各个浏览器运行之后确保大体定位都没有问题。

PS做规划总平图及效果图的方法及步骤

Ps在规划总平图（建筑总平图）、透视图中的运用 在电脑制作的建筑以及规划表现效果图的后期，ps在图片的合成和局部的处理上是个必不可少的工具。学习前大家要先找本基本ps的书籍，熟悉各个键的使用方法，再进行如下学习。 1.首先讲解的是规划总平图（建筑总平图）的ps制作技法： 1.如图1所示，该小区的总平图在cad中完成了后就应该导入ps进行上色方面 的处理了。要说明的是，在cad中导出exp格式文件是比较好在ps进行上色的。图1 2.种树。现在开始栽树。需要说明的是，通常最后种树比较好，因为树木通常 是位图导入，大量的复制会占用机器的存。这幅图例外，先种树，是因为这图既要表现建筑又要表现绿化和景观。先种树可以定下整个图的整体颜色倾

向，基调。先种树，大小植物，再调他们的色彩倾向，你认为应该调什么色调完全凭个人的感觉。这图定的基调是偏黄绿色调的暖灰。 3.接着做道路和铺装。 选取区域（蚂蚁线）的时候可以用各种选择工具（魔法棒、钢笔、滤镜），不要拘泥于一种工具。填色后调颜色，要和树木色彩协调。注意道路的颜色一定不要用纯灰色的，尽量做成冷灰或暖灰，这里做成偏黄绿色色调。

4接着做基础设施和地面小装饰，如停车场，沟，支架，彩色钢板等，然后调色，和整体色彩要协调。

5.接着做主体建筑和山包。主体建筑的色彩一很重要，调的时候一定要谨慎，不要和主体色彩有强烈的对比。通常小的地形起伏叫山包，大的地形起伏叫地形.目前无论是建筑设计与规划还是景观规划都似乎注重地形的表现，它已经越来越引人重视了。而在渲染表现公司，更习惯称它为山包。

6．将绿地植物等用模糊（加深）工具进行一下明暗的处理。大功告成！这样基本上就算成功了。大家可以再根据自己的喜好进行细节的调整，小区规划的总平图就这样完成了。建筑总平图的做法类似。 2.接着讲解的是效果图后期如何运用ps进行处理：（以本人小区入口处透视为 列子介绍） 1.首先是在stechup建好要表达的部分的模型，选好人视点角度后将模型在文 件/导出中导成3ds格式文件，一边之后在3d max中贴材质、布光以及渲染的使用。(偷懒小技巧：模型中我制作了一栋建筑，最后可以利用ps的crtl t 技术进行透视上的复制变换以节约画图时间)（如下图所示）

PS网页设计与制作

PS网页设计与制作（主页） 一、教材分析 设计制作网页的方法有很多，所用软件也各不相同，在本次拓展课程教学中，采用Photoshop设计网页。本课是第四课时，在之前的课中，教师介绍了网页大小、图片素材的保存及处理方法，学生已了解有关网页的相关知识点，本节课在此基础上，开始学习PS网页设计，通过新建文档，完善网页中的其它要素，如：文本、页头、页脚、图片等要素。二、学情分析 认知水平：本班学生为八年级学生，善于接受新鲜事物，欠缺专注力、知识迁移能力。 知识技能水平： 在前几课时的学习中学生了解了网页的常见大小，主页包含的各项要素，七年级下已学习过PS的相关知识与技能，有一定的基础。本节课，学生需要灵活运用以前的所学，制作出有个人特色的主页。学生在自主实践环节是遇到的问题，通过同伴互助、范例展示等方式，更好地理解为何这么做，以及怎么做。 三、教学目标 （一）、知识与技能 1.了解主页大小，掌握设置主页大小的方法。 2.掌握文本设置的方法，尝试通过更改大小、字体、变形、混合选项呈现出有个人特色的文本。 3.了解导航栏的样式及位置，掌握矩形的绘制调整方法。 （二）、过程与方法 1.通过课堂任务的设计，强化学生个人自主探究能力及小组协作学习能力。 2.培养学生对问题的分析和解决能力，更好地理解PS制作主页的方法与策略，提高学生对PS的理解与认识。 （三）、情感态度与价值观 提倡学生多观察、多动手实践，不怕失败，只怕不动。在信息技术课堂上勇于探索实践，通过作品展示自己。 四、教学重点 主页大小设定、标题和图片的大小及位置、导航栏制作 五、教学难点

主页中各对象的大小及位置 六、教学方法 任务驱动、分层教学、同伴互助 七、教学准备 极域多媒体网络教室、Photoshop cs5、学案八、教学过程 1.展示范例，吸引学生的注意力，调动学习的积极性 2.师：刚才大家看到的是我们八年级一些同学的网页设计作品，在这些作品当中，有关于美食的，有关于旅游的，还有关于漫画的，还有关于科技的，等等。那么，你知道这些作品是怎么完成的？ 3.教师小结：这些网页，我们一般称之为主页，都是在PHOTOSHOP中完成。观看放映 聆听老师 观察素材文件 并进入创设情境 思考并发表自己的看法

3D效果图制作PS后期处理.

2011-03-13 | 阅：690 | 分享 3D 效果图制作:PS 后期处理 1、色调、色阶的调整（亮度） a、若区域亮度不够，用多变形套索工具选择区域，然后羽化（30—50），用曲线调整 b、效果图整体色调调整用色阶命令 c、调好亮度后，滤镜，锐化 2、外加装饰品的倒影、阴影的制作 a、倒影

把合入的图片复制一个新图层，ctrl+T把图象反下来，在图层面板上选择添加图层蒙板，选择渐变工具，黑 白渐变，降低透明度 b、阴影 把合入的图片复制一个新图层，ctrl+T把图象拉下来，右击，选择斜切，ctrl+点图层（选择图层像素），填充，前景色，黑色，滤镜，模糊，高斯模糊（2—3），降 低透明度 3、添加外景（白天、晚上） 可用魔术棒或者多变形套索工具，勾选区域，ctrl+a（全选）外景图片，ctrl+c （负责）外景图片，编辑，粘贴入，V （移动）外景图，<透明度，可显示玻璃>< 选图层曲线，可调外面亮度> 转：11 4、添加灯的效果 套索出区域，羽化（40），图象，调整，亮度，对比度 5、陈设品的添加 6、磨砂玻璃效果

套索出区域，滤镜，扭曲，玻璃 7、添加射灯效果 画笔，（30—40）像素，硬度0%（最远），新建图层，按shift 画出直线，滤镜，模糊，动感模糊，400，ctrl+t调整位置（调颜色，色相、饱和度） 8、添加线灯效果 同上差不多 9、添加阳光效果（设置白色为前景色） 画笔，（30—40）像素，硬度100%，新建图层，画点，滤镜，模糊，径向模糊，缩放，数量为最大，选择中心点 10、抹去效果图上的黑斑 图章工具 11、添加光晕效果 套索出区域，新建图层，羽化（2），编辑，填充，前景色白色，添加图层蒙板，渐变工具，黑白渐变，shift ，透明度

photoshop设计网页网站的方法

PS制作网站流程图解（Photoshop在网页设计中的应用实例，photoshop设计网页网站的方法） 2009年10月13日星期二 02:15 刚刚发现了一篇对初学网页制作的人很用用处的教程，转来共同学习吧。但有些地方我不太认同，不过还是有一些地方可以学习的。 1.规划:不管是乔客，还是用动易、风讯，我们都应该考虑两个问题: a、版面要分出头、中、底三个部分。 b、中间部分要考虑两种情况，一是两栏(乔客左窄右宽，动易左宽右窄)，二是一栏，两种情况显示不能变形。有些朋友想每个板块的头部不一样，这也是可以的，你可以在程序代码中做文章，那是编程的问题，按下不表。 如果我看到别人的版面想拿下来，那就做个截图，建立一个Photoshop文件，把截图放在最底层，作为最初的草图。 2、制作。 a、即使不用别人的版面，最好也还是找一个同类系统的网站截一个图，放在最底层。拉三根垂直辅助线:左边线，中间虚线位置，右边线。 b、建立头、中、底三个图层组。有些人用photoshop不喜欢建立图层组，这不是好习惯，一个版面，少则几十层，多则上百层，不分开图层组管理就很乱，影响工作效率，更影响多人合作。

c、制作的时候最好尽量把文字内容也放上去，可以更接近实际效果，等切图的时候隐藏这些图层。 d、标题样式。一个版面除了头、底要特别制作外，中间部分应该考虑制作三种标题样式:左栏、右栏、通栏，也可以统一风格。还要考虑表头背景、一些常用到的边框等。我自己把许多喜欢的边框样式用js作了一个样式包，随时调用，而标题样式我是使用Flash来做的一个样式，使用不同的参数调用，就可以有不同的样式和颜色，改版的时候就改一个js文件和Flash文件，做版面的时候会节省一些时间。

用Photoshop制作网页背景图

用Photoshop制作网页背景图 网页背景图的制作 一、建立新文件1.建立一个250 X 150(72像素/英寸)的新文件，不要太大，因为背景图一般是平铺在底面上的。然后把背景填充上浅浅的颜色如淡黄色： （图txt5_step1） 二、输入文字1. 选择你喜欢的字体和颜色输入文字，我这里输入“我的酷站”，然后调整字的大小和位置。这里有几个注意事项： 第一，字的大小和字型最好不要太死板，最好用另外的字体和不同的尺寸突出你想突出的一个或几个字，必要时可以拉长或压扁。 第二，字和背景的颜色搭配要得当，这没有什么规律可言，一般只要看着顺眼就行了。如图: （图txt5_step2） 2.然后选择“图层(Layer)->新建(New...)->图层(Lay er)”两次，建立两个新层，如图所示：

（图txt5_step3） 3.分别在两个层上随便选择一定形状(什么形状？你自己随意啦。)的范围，填充合适的颜色后，将这两个层的透明度降到35%： 三、技术处理1. 下面的步骤很随意，你随便试几个滤镜，只要得到自己满意的效果就行了。我这里的操作是这样的: 绿色方块第一次滤镜：“滤镜(Filter)->模糊(Blur)->动感模糊(Motion Blur)”(角度:0度，距离:20像素) 绿色方块第二次滤镜：“滤镜(Filter)->模糊(Blur)->径向模糊(Radiou Blur)”(数量:52，方法:转动) 紫色方块第一次滤镜：“滤镜->纹理->颗粒”(强度:77，对比度:50，颗粒类型:软化) 紫色方块第二次滤镜：“滤镜->模糊->径向模糊”(数量:60，方法:缩放) 这里的操作能真正体现出你个人的审美观点。 （图txt5_step5） 3.在层面板上点击背景层前面的小眼睛，隐藏背景层，然后点击层面板右上方的小三角，选择“合并可见层”，如图：

仅需五步,让我们用ps做网页!

如何使用photoshop制作网页？ Ps是世界上最伟大的一款图像处理软件，它的伟大之处同时还在于它可以进行基于普通图像处理之外的多种工作，比如，直接生成html。 我们来看看，ps是如何生成html的 在我们将图像“储蓄为web和设备所用格式”的时候，我们的储蓄方式会自然地指向三种 在平时，我们用到的是“仅限图像”，当需要制作网页的时候，我们只需将储蓄方式点选为“HTML和图像”这样，我们就可以直接生成一个“images”文件夹和一个HTML文档 ，一个最基本的网页，也就做成了。 可是，在实际运用中，我们会发现，这个html文档是最初级的，没有超级链的功能，亦无法进行编辑，怎么办呢？ 这时候，我们就需要运用到ps最不常用的一个工具切片，下面，是一个简单的ps网页制作演示 1、我们在ps上做成了这样一个网页模版： 2、接下来，我们就点选切片工具，选下我们将来想做成超级链的区域，比如当我想

把区域做成我想要的超级链区域时，我只需要用切片工具的小刀，将 首页区域选中，这样，我就成功了。最后我们需要选中的三个区域，如图所示： 3、接着，我们只需要将它按照我们一开始所说，在将图像“储蓄为web和设备所用格式”的时候，将储蓄方式点选为“HTML和图像”，就可以了。 4、既然ps已经帮我们处理掉了所有的任务， dreamweaver这个东西还有什么用呢？事实上，它也只有一个用处了，让我们打开dreamweaver，打开一开始我们用ps编辑好的网页

点选我们需要他变成超级链的区域 接着，在链接选项中选择我们希望他链接去的地方 比如，把他连接到首页网页中，这样，一个超级链就做成了。 5、最后，我们需要做得就只剩下了在DW上，将每一个用ps做好的html设置他所需的超级 链，我们就成功了（按照数煤老师的要求，我们大概需要做四个网页）