photoshop网页设计实例，ps网页设计教程步骤

网页设计已经成为企业展示形象、传递信息的重要手段。而在众多设计软件中，Adobe Photoshop凭借其强大的功能、丰富的插件和灵活的操作，成为网页设计师的得力助手。本文将从以下几个方面，探讨Photoshop在网页设计中的应用与实践。

一、界面布局与色彩搭配

1. 界面布局

网页界面布局是影响用户体验的重要因素。Photoshop提供了多种界面布局工具，如参考线、网格、切片等。通过合理运用这些工具，设计师可以轻松实现网页的版式设计。

（1）参考线：在Photoshop中，参考线是一种虚拟的线条，可以帮助设计师在界面中定位元素。例如，在网页设计中，可以使用参考线来定位导航栏、广告位等元素，确保它们在页面上的位置准确。

（2）网格：网格是Photoshop中的一种辅助工具，可以帮助设计师创建规则的布局。通过调整网格的间距和列数，设计师可以快速实现响应式设计。

（3）切片：切片是将一个复杂的图像分割成多个小图像的过程。在网页设计中，切片可以方便地提取图片、文字等元素，提高网页加载速度。

2. 色彩搭配

色彩搭配是网页设计中的关键环节。Photoshop提供了丰富的色彩工具，如拾色器、颜色混合器等，帮助设计师实现色彩的合理搭配。

（1）拾色器：拾色器可以帮助设计师从图像中提取颜色，实现色彩搭配的准确性。

（2）颜色混合器：颜色混合器可以帮助设计师调整颜色亮度、饱和度等属性，实现个性化的色彩搭配。

二、图标与按钮设计

1. 图标设计

图标是网页设计中的重要元素，能够提升用户体验。在Photoshop中，设计师可以使用矢量图形工具、钢笔工具等，绘制精美的图标。

（1）矢量图形工具：矢量图形工具可以创建无限缩放的图形，保证图标在不同尺寸下的清晰度。

（2）钢笔工具：钢笔工具可以精确绘制路径，实现复杂的图标造型。

2. 按钮设计

按钮是网页中的交互元素，良好的按钮设计可以提升用户体验。在Photoshop中，设计师可以使用以下方法进行按钮设计：

（1）渐变工具：渐变工具可以帮助设计师创建具有立体感的按钮效果。

（2）投影工具：投影工具可以增加按钮的层次感，使其更具立体感。

三、网页元素制作

1. 文字排版

文字是网页设计中的核心元素。在Photoshop中，设计师可以使用以下方法进行文字排版：

（1）文字工具：文字工具可以创建、编辑和调整文字样式。

（2）字符面板：字符面板可以帮助设计师调整文字的字体、字号、行距等属性。

2. 图片处理

图片处理是网页设计中的关键环节。在Photoshop中，设计师可以使用以下方法进行图片处理：

（1）图层样式：图层样式可以帮助设计师为图片添加阴影、渐变等效果。

（2）滤镜：滤镜可以丰富图片的表现力，为网页增添艺术感。

四、响应式设计

随着移动设备的普及，响应式设计成为网页设计的重要趋势。在Photoshop中，设计师可以使用以下方法实现响应式设计：

1. 创建多个视口：在Photoshop中，设计师可以创建多个视口，分别对应不同尺寸的设备。

2. 使用媒体查询：在CSS代码中，设计师可以使用媒体查询来实现不同尺寸设备下的样式切换。

Photoshop作为一款强大的设计软件，在网页设计中具有广泛的应用。通过合理运用Photoshop的各项功能，设计师可以创作出美观、实用的网页作品。网页设计并非一蹴而就，需要设计师不断积累经验、提高审美水平，才能在竞争激烈的市场中脱颖而出。

怎么使用Photoshop做活泼手绘风格网页设计稿

怎么使用Photoshop做活泼手绘风格网页设计稿？

这是一篇用Photoshop做网页视觉设计稿的教程，文章将一步步介绍如何在Photoshop中做一个活泼的手写风格网页设计稿。设计过程主要分为以下几个部分：背景、header部分、body部分、footer部分。

下面是效果图预览。 背景描绘 第一步：创建画布 首先，打开photoshop创建一个新的项目。你可以点击文件新建或按下CTRL+N快捷键来创建。我们选择一个普通的画布大小1000×900，当然这些设置可以在后期增加。

第二步：应用渐变 既然我们的画布已经创建了，是时候开始背景的设计了。创建一个新层(快捷键CTRL+SHIFT+N)。接着给这个图层从左往右添加渐变前景色设置为#edd8af背景色为#ede4c9。这个颜色用来表示盒子的颜色。

第三步：添加纹理 我们想要BoxedArt背景设计看起来像厚纸板的效果。创建另一个新层，颜色填充为#bcb6a9。下一步应用胶片颗粒艺术效果设置参数如下。接着为了使它看起来粗糙一点，我们给它应用一点高斯模糊效果。

以下就是我们应用这些效果后背景图层看起来的效果。

方法/步骤2

网页头部 HEADER部分 第四步：导航条设计 顶部的导航区域部分我们放置了一条条状的带子。我们可以看到这种带状风格在很多网站都有应用，不过我们这里用到的有一点不同。由于BoxedArt想要将这个设计看起来像用来发送邮件的盒子。为了创建这个导航条我们需要从bigstockphotos.com上下载一个带状的图片，使用自由变换工具(在编辑菜单下选择自由变换或者快捷键CTRL+T)沿着顶部的区域伸展开来。接下来创建透明效果我们要把图层样式设置为线性加深。下面就是效果：

第五步：老邮票导航按钮 停留在盒子主题，我们要让这个导航按钮看起来有点破旧磨损邮票。为了达到这种效果列，我们需要一张老邮票(还是在bigstockphotos.com上下载)。下载后第一步是描出邮票的路径，从背景中提出来，邮票上依然有图像。为了覆盖邮票上的图像，我们用一张黄色的纸张粘贴在上面也就是添加一个纹理效果。 下一步，我们要给导航按钮添加一些颜色来区别各种不同类的导航，我们在邮票上添加一些装饰花纹效果，在你完成创建好颜色盒子后，我们把这个层的样式修改为线性加深以便颜色能与老照片混合在一起。然后我们增加另一个新层自上而下颜色为黑白我们给这个图层添加胶片颗粒艺术效果设置如下，最后我们把图层设置为正片叠底，把这个不透明度设置为60%。

第六步：应用导航按钮到导航条上 现在我们已经创建好了几个不同颜色的邮票按钮，是时候来完成最后header部分的准备工作了，把导航按钮应用到导航条上，我们通过给每个导航按钮应用由mathilde设计的Sketchy icons图标来添加一些手写效果。这些icon图标是放置在每个颜色盒子，并调整了中心图标的位置。同样的步骤把icon应用到每个邮票上去。

下一步，对每个邮票使用自由变换工具(CTRL+T)，将他们调整不同的朝向给他们一种拍打的效果。这一步后，我们切换到文字工具，每个分类使用一种手写字体。这里我用到的是“Loved by the King”。最后我们的导航条就完成了。

第七步：开始顶部介绍区域 首先创建一个新层(CTRL+SHIFT+N)在工具栏中选择矩形选框工具。现在在页面上创建一个矩形使用白色来填充。这块区域将被用来当做一张白纸。

现在我们已经完成白色纸张部分了，在白纸图层下面创建另一个新层然后填充黑色，这个将用来创建阴影。完成之后我们转到滤镜模糊高斯模糊半径设置为6.5.之后把这个层的不透明度设置为20%，向右移动5pixels。然后添加主要的文字，这样的话短语“Simplify and Save”会被用到，位于顶部纸张部分。

现在你看在白纸下面有阴影，但是纸张并不是粘在哪里的。所以我们在纸张的一边来添加一些胶带，如先前的教程一样，我们在另一边添加了一个邮戳来保持画面的平衡。在你的纸张完成后，我们选择一些手写字体来添加一些文字。看起来的话想事包裹上的信息。最后加亮这些图层按下CTRL+T自由变换工具，角度设为-1.5 degrees 使它看起来更加具有真实效果。

第八步：贴上一个便签 我们使用了一个便签设计来分开空间来介绍我们网站的优惠注册信息。这个在整个盒子主题上运用的非常好，设计这样一个便签效果需要创建另一个新的图层，选择钢笔工具使用钢笔工具来绘制一个方形区域如下图所示

在你完成之后转到路径面板，按住CTRL键点击路径图层，接着你会看到方形区域已经载入选区了，之后使用前景色#fffb78背景色#fffcd1从左上角到右下角绘制渐变。你将会看到这样一个熟悉的黄色便签纸形状。 在你完成之后转到路径面板，按住CTRL键点击路径图层，接着你会看到方形区域已经载入选区了，之后使用前景色#fffb78背景色#fffcd1从左上角到右下角绘制渐变。你将会看到这样一个熟悉的黄色便签纸形状。

第十步：给便签纸添加内容 下一步，给便签纸添加一些文字，在我们的便签纸中我们要添加一些加入等按钮，为了创建相似的按钮首先我们绘制一个盒子使用绿色填充，然后添加一个蒙板选择一种grudge笔刷。下一步遮住按钮的一些部分看起来就像破损一样，这就是我们创建邮戳的效果。

ps实训总结范文3篇

随着时代的不断进步和社会的快速发展,Photoshop在多媒体技术特别是多媒体课件制作中的应用逐渐广泛起来。Photoshop技术吸取多种技术的强大功能不断提高自身实力,成为现如今被广大民众使用最为广泛的技术。本文是我为大家整理的ps实训 总结 范文 ，仅供参考。

ps实训总结范文篇一：

在这个学期的期末我们进行了ps实训，2周的时间里，我们网页编辑方向的计算机专业 毕业 生进行了photoshop cs4的实战练习。运用ps工具对图形进行精确选取，设计简单的图形，处理问题照片，制作各种字样(如冰雪字，火焰字)，图层、通道和滤镜的运用，3D图像的编辑，文字工具组的介绍，文字的创建、调整、编辑，在最后的一周里我们用自己学到的及在网络上获取的灵感，制作提交了一幅作品，作品的鉴赏。主要是为了熟悉ps制图工具的使用，为以后网页编辑制作提供图片素材，为我们以后深入的了解ps，做出漂亮的图片打下了基矗这几周的实训简单而忙绿，我们学习的是计算机应用，本来是没有什么审美能力的，比如颜色的搭配，色彩的选择，亮暗对表达图片效果的表示，这都需要我们尽可能的去了解。

1. 对网站平面图像素材的认识

1.1平面图像素材介绍

图像素材我们学习了如下几个方面：拼接图片，局部图像的移位，组合;精确选取人，物，车等;利用绘图工具绘制精美花纹、项链等类似效果;绘制图形填充颜色，制作大红灯笼;视觉 彩绘 ;处理老照片，黑白与彩色照片互换;人物换脸;调整图像的过暗、过亮、缺乏对比度;处理问题照片，制作闪电效果;制作曝光效果，特效字的制作;制作冰雪字、火焰字;制作绿色琴键;制作 足球 ，传媒信息 广告 ;制作足迹效果，春天的乐章;制作秋的遐思;制作一个手机或者电脑的宣传册;自己设计制作卡-通效果图案;制作晶莹飞溅的水珠，西瓜;制作月饼礼盒;网站(页)素材采集与传输——安装、配置及使用计算机外设、计算机网络，计算机网络系统常见故障处理，使用搜索引擎搜索信息，发布、传输网络系统文件;某城市宣传海报;某产品平面广告。

1.2网站平面图像素材设计工具

网站平面设计的工具主要有：

1、CorelDraw Graphics Suite X3 13.0

CorelDraw是平面矢量绘图软件，集成环境为平面设计提供了先进的手段和最方便的工具。

2、 Macromedia Flash V8.0和Macromedia Flash MX 2004 V7.01

Flash是动画制作最主要的工具之一，Flash文件质量小,显示效果清晰,深受大家的欢迎.现主要应用于媒体宣传,节日 贺卡 等,覆盖广告,视听等多个领域.本教程讲述Flash的发展及运用,直至最后制作出一个自己的Flash卡-通动画片。

3、Adobe Photoshop CS 8.0.1

PhotoShop 是优秀的图象处理软件，是同类软件的领袖，是平面设计、网页设计的必用软件。

4、PhotoFiltre Studio v9.10

PhotoFiltre 带多个图像特效滤镜，使用它们可方便地做出各式各样的图像特效;文本输入功能颇具特色,有多种效果可供选择，并能自由地调整文本角度;内置 PhotoMasque(图像蒙板)编辑功能，不支持图层。增加了图层管理功能支持Photoshop 的 8BF 滤镜。

5、Macromedia Fireworks 8.0

Fireworks简化了网络图形设计的工作难度，使用Fireworks可以轻松地制作出十分动感的GIF动画，轻易地完大图切割、动态按钮、动态翻转图等。

6、Adobe Fireworks CS3

Fireworks CS3 是用来设计和制作专业化网页图形的工具，使用 Fireworks您可以在一个专业化的环境中创建和编辑网页图形、对其进行动画处理、添加高级交互功能以及优化图像。

1.3网站平面图像素材编辑与设计的技术要点

网站的素材编辑首先要考虑到网页本身，是为了网页可以更好的表现主题而插入的，只有可以表现主题的才是美的，能够给网页浏览者吸引力的才是美的，一般来说素材关系着网站的好坏，也往往决定着网页的载入速度，我们因该设计出不会引起浏览者烦恼的图片，这个也是涉及到浏览量的关键因素。我们学习了ps制图，知道了基本工具的使用，课堂上老师讲的东西都是有限的，我们应该尽可能的利用课余时间加紧练习，做到触类旁通。

通过这2周的实训，我们对photoshop有了较为系统的了解。制图审美能力有了进一步的提高。课堂中老师对各种工具的使用，通过实例的方式进行了讲解，易于我们掌握，同时我们知道，仅仅只是课堂上讲的是有限的，只有自己下功夫才能达到掌握的程度，做出自己想要的效果来。我对这几周以来主要学习的内容作以下总结：绘图工具，图像处理工具，要求达到熟练掌握绘图工具，图像处理工具的使用，并在熟练地基础上绘制各种图案、图像等。利用绘图工具来绘制精美花纹、项链等类似效果。绘制图形并填充颜色，制作大红灯笼，熟练使用颜色设置工具，并对色彩的使用达到一定水平。对老照片、发黄的照片进行处理，利用图像色彩与色调的调整来对照片进行黑白和彩色的互换处理。利用前面所讲知识来对图片进行处理，自己任选一张图片来给图片进行上色。熟练调整图像的过暗、过亮、缺乏对比度等质量问题。 其它 色调的控制命令，了解图层的基础知识。图层的基本操作，掌握图层样式的使用。了解路径的概念，并学会使用路径，掌握形状工具组来进行路径的编辑，修改等。通道的基本操作如创建和编辑通道，能熟练利用蒙版来制作特效。学会熟练使用Photoshop cs4中的内置滤镜，图像修饰滤镜的效果。熟练使用3D菜单、面板，创建和编辑3D模型的纹理。面对我们实训的网编方向，可以制作出需要的图形，将网页做到图文并茂。扩大了我们的就业范围，同时也让我们提高了信心。我相信在不远的将来会又不一样的效果!

1、这几周的实训过后我对photoshop制作图形还不够深入，好多细节没有顾及到。2、有些学习过的制图 方法 ，经过一个多月后已经变得模糊了，没有做好复习工作，以后要勤练习，温故而知新。3、某些制图工具的使用还没有完全掌握，知识了解他们的一些用法，做不到融会贯通，使用最佳解决方案!4、对系里来说吧，我觉得各方面做得都挺好的，老师认真负责，很积极的辅导学生练习，只是我觉得应该增加教学资源，最好做到一个学生一台机子，学生维护好自己的就行了，不要再在机子上装还原卡了，下课时每次都要看看东西在那里放着很不方便!

这次实训对我们以后的发展是很深远的，借着学习ps的机会我们不断地增加了学习能力，假如以后又在继续深入的学习提供了自身的素质基矗我们都知道在信息日益发展的今天，今天学的知识明天可能就已经被淘汰，所以，我们大家应该以我们现在学到更多学习能力感到骄傲。让自己站在时代的前沿，紧跟时代的变化，更新自己，找到适合自己的位子，闪烁自己的光彩。只有有了源头，我们才会“清如许”!

ps实训总结范文篇二：

为加强学生的实践动手能力，为贯彻落实教学计划的要求，培养学生的专业实践技能，计算机系05级计算机图形图像专业的学生于2007年1月6日至1月12日在校实验实训中心进行了为期一周的项目实训。此次实习由计算机系组织，由曾德愚老师具体安排，通过具体实例的创作，培养学生熟练的计算机操作技能，掌握Photoshop的基本操作及运用。

通过此次实训，同学们对photoshop cs2有一个基本的了解，初步熟悉广告设计和网页动画制作的设计理念和开发技巧。

一、充分准备，使学生明确实训的目的与要求

本次实训的目的是要求学生通过熟练运用Photoshop环境，了解和掌握Photoshop基本理论和基本常识;熟练掌握Photoshop的使用技巧;熟练使用Photoshop 操作界面和功能;掌握Photoshop软件使用环境下的创意设计;培养学生的审美水平和创意设计能力;能独立完成、自主创意一幅作品;了解Photoshop 其它相关新版本的的应用常识

本次实训的要求是：学生按照实训要求根据教师提供的操作步骤独立完成练习，并总结自己在操作过程中遇到的问题与解决方法，学会举一反三。教师应合理使用教学软件辅导教学，帮助学生解决操作中的问题，并注意适时引导学生，注重培养学生的学习主动性和创造性，及时总结共性问题帮助学生加深对知识的理解和掌握。

二、 精心组织，认真做好项目实训

对教师方面，本次实训要求教师每节实训课必须到场。教师必须清点学生到场情况并做好出勤记录,在有学生缺席的情况下调整好角色分配。同时要求教师必须把实训内容具体分配到课时,并提供相关内容供学生下载。教师通过登陆教师后台管理系统对学生的实训过程进行跟踪指导、审核管理、进行批改，并给出考核成绩;对学生方面，本次实训实训考评分合格与不合格两个档次。不合格的可要求重做,重做的次数不影响考评成绩。对**的同学，一经发现，要求从头做起, 由老师指定内容, 完成相关的内容, 否则为不合格。

三、 本次实训的效果与 经验

通过此次实训，广大同学夯实了基础，锻炼了能力，综合素质得到较大提高。同时实训也为推动我系专业建设提供了丰富的经验。

1、本次实训促进了我系人才培养计划的完善和课程设置的调整。近年来，我系为适应学生的实践需要陆续增设与调整了一系列课程，深受到同学们的欢迎。

3、本次实训促进了学生自身的发展。实训项目使学生熟悉了photoshop cs2，培养了他们的环境适应能力及发现问题、分析问题、解决问题的实际工作能力，为他们今后的发展打下了良好的基础。

四、存在的问题

实训过程中发现存在下列问题：机房部分微机运行状态不太好，一些经常 死机 ，一些同学辛辛苦苦做好的内容由于没有及时存盘，由于死机又得重新做，学生中有一些怨言，建议学校及时更换一些、淘汰一些过时的微机，加大对微机的维护。

总之，我系的专业实训经过几年的开展，积累了较丰富的经验，从系领导到任课教师对此都十分重视，实训组织工作周密细致，日常管理及时而有效，对存在问题能迅速解决。实践证明，专业实训适应高职学生的特点，符合高职教学规律与学生心理预期。专业实训作为计算机各专业教学体系的一个环节，无论对学生成才还是对教学开展，都有极大的促进作用。

ps实训总结范文篇三：

一周的实训已经结束了，在这短短的一段时间内，发现了制作网页的确是个艰苦且繁琐的工作，也体会到了一些平常上课时所没有体会到的东西。多媒体制作综合实训是计算机应用技术专业结合图像处理与Flash设计与制作这两门核心课程所教授实践的技能而开设的项目化综合实训。它是根据专业教学计划的要求，在教师指导下对学生进行的图像处理与Flas***相结合的网页多媒体制作的综合训练，培养学生综合运用理论知识分析和解决实际问题的能力，实现由理论知识向操作技能的转化，是对理论与实践教学效果的检验，也是对学生综合分析能力与独立工作能力的培养过程。

第一周是制作网页的效果图，包括其排版，颜色搭配，内容设计等。整个网页的制作都是靠自己的灵感来设计并发挥的。这需要我们相当大的创造能力和丰富的 想象力 。

在脑海里规划好整个网页的制作后就要开始对网页的制作做充分的准备了。其中必然会用到对之前ps课所学的知识，而在ps处理图片的效果时，会发现很多的原先掌握不好的知识在不知不觉中已经用的相当熟练了，但是在过程中，特别是一些比较难处理的图片要抠图或者处理成特殊效果实属不易。不仅要有相当大的耐心，也必须有相当的基础知识的掌握才行。而这次的实训课无疑是给自己一个很好的锻炼机会了，不仅可以根据自己掌握的知识尽情发挥，而且还可以锻炼自己的耐心和创造力。

这次实训课的达到了很好的培养学生熟练使用Photoshop图像处理软件的功能的能力，让我们能够进行图像抠图、处理和色彩修饰;能够通过对素材处理后合成图像;能够制作图像特效、纹理图案等;能够设计与绘制LOGO、图形等手绘作品;能够绘制背景、按钮、标题、导航栏等网页元素;能够完成网页广告、Banner图像、网页界面的设计与制作;能够使用Flash绘制编辑素材与制作原创场景元素;能够使用Flash制作网站Banner条动画;能够使用Flash制作网站引导片头动画;能够使用Flash制作各类网页特效动画;而这些在平常的课上很难有那么好的机会接触到，平常的ps课程都知识针对某个效果进行特别的训练，而这种实训课使我们能够将所学的都应用到作品当中去，从我们制作的作品中，也很好的看到了哪些功能是所有人都掌握的，而哪些是比较薄弱的，这样我们也可以在看到自己与别人的作品中找到差距，找到自己的弱点，以便于以后的加强。

photoshop海报制作心得-PS实训心得与体会

PS学习总结及心得

在这将近一周多的ps学习中,我对ps终于大致掌握了,并对平常学习中遇到的情况,学到的知识和学习过程中产生的感悟做了一个总结。学PS绝不仅仅是做漂亮的图片,而是通过自己的意愿对图片进行自己理想方面的加工,产生出自己的创意,表达自己的想法,从而达到某些目的的。

首先,PS有许多的工具,每个工具都有不同的用处或特色,可能有些工具我们不经常用,但是还是要知道的,因为正是这些工具,支撑我们进行无限的创意。而对那些常见的工具,要熟练掌握并巧妙运用,进而才能做出适当的操作。

一.学会选区,只有先选区才能对选区里的图层进行操作。矩形/椭圆选框工具,顾名思义。套索工具,可以根据自己的情况,选出符合自己要求的不规则形状。快速选择工具,同套索工具,只不过选区的边框是由直线构成。还有对象选择工具,快速选择工具,魔棒工具,三者相近,各有特色,都很有用,要根据实际情况选择。最后就是钢笔,它们适合一些带有弧度边框的选区。

总的来说,对于选区,只要不是太简单的,最好是不同工具交叉使用,合理选择。并且扣图就是建立在选区基础上的,有多少种选区方法就有多少种扣图方法,我有预感,以后不一定会用ps做海报,但一定会用ps扣图。所以一定要学会各种ps的扣图方法。

二.注意配色。颜色是一个图片的灵魂,合适的颜色会在第一时间感染一个人的思想,冲击一个人的灵魂。色彩应用是图形图像处理和制作的一个重要环节,色彩应用搭配的好能让人产生一种舒适的感觉,作品的美感也由此而生。相反如色彩应用搭配不当,则会让人产生不想看的心理,作品也就谈不上什么感染力。色彩的应用搭配不仅要平时留心观察身边的事物还在于多练习。留心观察才会知道什么地方用什么色彩能达到最好效果,也要多看看别人优秀的ps作品,最好能和别人讨论一下下,因为好看且震撼人心的颜色总是在思想的碰撞下产生的。色彩应用搭配不可能一下子学好,而是一个比较漫长的过程,我们可以慢慢用心去融入作品。

当然,我承认,这要有一定天赋,反正我没有。

三.快捷键。快捷键的使用,是提高工作效率的最佳方法。快捷键的使用,可以使你可以将精力更好的集中在你的作品而不是工具面板上。一旦可以熟练的使用快捷键,就可以使用全屏的工作方式,省却了不必要的面板位置,是视野更开阔,最大限度的利用屏幕空间;一些简单的命令可以用键盘来完成,不必分心在工具的选择上,哪怕它只占用了极少的时间。

以下是我学习时的一些快捷键记录和一些操作的方法(很少且不全,学的时候没有做笔记的意识):

建立空白图层:ctrl+alt+shift+n

**图层:ctrl+j==按alt+点中拖拉

alt+shift+点中只能竖直水平拖拉

编组:ctrI+g

首选项重要设置:ctrI+k

按alt以中心为原点等比例变换

自由变换:ctrI+t重复刚才的变换:ctrl+alt+shift+t

任意变换:ctrl+某个点

合并:ctrl+e

盖印:保存原图层合并ctrl+ale+shift+e

图层置顶:ctrl+shift+】

图层置底:ctrl+shift+【

取消选区:ctrl+d做完后用

快捷键出现标识线:ctrI+r

隐藏参考线:ctrl+h

色阶:cirl+L按住alt可以从上拉竖直线

选择背景色或画笔颜色:alt+shift+右键

常规填充:shift+F5按alt+backspace填进颜色

文字填充:前/背景色ctrl/alt+shift+backspace

曲线:chrl+m

调节选中区域颜色先羽化,不突兀

pS用法色阶:ctrl+L

选区后:shift+左键增加选区,alt+左键减少选区,shift+alt+左键选择交叉区域

去色:ctri+shift+U

保存:shift+ctrl+s

反选:ctrl+shift+i

如果不知道图像在哪个图层,直接按ctr\,然后点中想要拖动的图像就能拖动

按ctrl直接对图像的点进行自由变换

四.大胆想象,不被局限,释放思维。如果有一些奇妙的想法,完全可以让其出现在自己的作品里,又不是没技术做不到,说不定这些想法就能让人耳目一新。

只有学了ps才知道,某些操作真的不是手机P图能做到的,尤其是那种随心所欲让图片根据自己想法改变的感觉,竟让我产生一种“我是ps小能手”的错觉。总之,多练多尝试

PS实训心得与体会

经过一段时间的PS实训,同学们又从中收获了哪些心得与体会呢?让我们一起往下看看吧!

第一篇:PS实训心得与体会

一周的实训已经结束了,在这短短的一段时间内,发现了制作网页的确是个艰苦且繁琐的工作,也体会到了一些平常上课时所没有体会到的东西。多媒体制作综合实训是计算机应用技术专业结合图像处理与Flash设计与制作这两门核心课程所教授实践的技能而开设的项目化综合实训。它是根据专业教学计划的要求,在教师指导下对学生进行的图像处理与Flas***相结合的网页多媒体制作的综合训练,培养学生综合运用理论知识分析和解决实际问题的能力,实现由理论知识向操作技能的转化,是对理论与实践教学效果的检验,也是对学生综合分析能力与独立工作能力的培养过程。

第一周是制作网页的效果图,包括其排版,颜色搭配,内容设计等。整个网页的制作都是靠自己的灵感来设计并发挥的。这需要我们相当大的创造能力和丰富的想象力。

在脑海里规划好整个网页的制作后就要开始对网页的制作做充分的准备了。其中必然会用到对之前ps课所学的知识,而在ps处理图片的效果时,会发现很多的原先掌握不好的知识在不知不觉中已经用的相当熟练了,但是在过程中,特别是一些比较难处理的图片要抠图或者处理成特殊效果实属不易。不仅要有相当大的耐心,也必须有相当的基础知识的掌握才行。而这次的实训课无疑是给自己一个很好的锻炼机会了,不仅可以根据自己掌握的知识尽情发挥,而且还可以锻炼自己的耐心和创造力。

这次实训课的达到了很好的培养学生熟练使用Photoshop图像处理软件的功能的能力,让我们能够进行图像抠图、处理和色彩修饰;能够通过对素材处理后合成图像;能够制作图像特效、纹理图案等;能够设计与绘制LOGO、图形等手绘作品;能够绘制背景、按钮、标题、导航栏等网页元素;能够完成网页广告、Banner图像、网页界面的设计与制作;能够使用Flash绘制编辑素材与制作原创场景元素;能够使用Flash制作网站Banner条动画;能够使用Flash制作网站引导片头动画;能够使用Flash制作各类网页特效动画;而这些在平常的课上很难有那么好的机会接触到,平常的ps课程都知识针对某个效果进行特别的训练,而这种实训课使我们能够将所学的都应用到作品当中去,从我们制作的作品中,也很好的看到了哪些功能是所有人都掌握的,而哪些是比较薄弱的,这样我们也可以在看到自己与别人的作品中找到差距,找到自己的弱点,以便于以后的加强。

总体来说,通过这次实训课的学习,自己有了个很好的定位,也磨砺了自己的耐心,在制作的过程中也发现了自己的缺点,和别人的差距,自己所学的效果时能制作出来一些,但一旦失去了所谓的效果图,就没有了创造力,对自己所学的不知道如何能够用的恰当和灵活,在今后的日子里,需要努力加强自己在创造力和想象力方面的缺陷。也要在平时多练习加强自己知识方面的能力。很感谢这次实训的机会让我懂得了那么多,会好好把握这次机会多增长自己的知识。

第二篇:PS实训心得与体会

在这个学期的期末我们进行了ps实训,2周的时间里,我们网页编辑方向的计算机专业毕业生进行了photoshopcs4的实战练习。运用ps工具对图形进行精确选取,设计简单的图形,处理问题照片,制作各种字样(如冰雪字,火焰字),图层、通道和滤镜的运用,3D图像的编辑,文字工具组的介绍,文字的创建、调整、编辑,在最后的一周里我们用自己学到的及在网络上获取的灵感,制作提交了一幅作品,作品的鉴赏。主要是为了熟悉ps制图工具的使用,为以后网页编辑制作提供图片素材,为我们以后深入的了解ps,做出漂亮的图片打下了基矗这几周的实训简单而忙绿,我们学习的是计算机应用,本来是没有什么审美能力的,比如颜色的搭配,色彩的选择,亮暗对表达图片效果的表示,这都需要我们尽可能的去了解。

对网站平面图像素材的认识

1.1平面图像素材介绍

图像素材我们学习了如下几个方面:拼接图片,局部图像的移位,组合;精确选取人,物,车等;利用绘图工具绘制精美花纹、项链等类似效果;绘制图形填充颜色,制作大红灯笼;视觉彩绘;处理老照片,黑白与彩色照片互换;人物换脸;调整图像的过暗、过亮、缺乏对比度;处理问题照片,制作闪电效果;制作曝光效果,特效字的制作;制作冰雪字、火焰字;制作绿色琴键;制作足球,传媒信息广告;制作足迹效果,春天的乐章;制作秋的遐思;制作一个手机或者电脑的宣传册;自己设计制作卡-通效果图案;制作晶莹飞溅的水珠,西瓜;制作月饼礼盒;网站(页)素材采集与传输——安装、配置及使用计算机外设、计算机网络,计算机网络系统常见故障处理,使用搜索引擎搜索信息,发布、传输网络系统文件;某城市宣传海报;某产品平面广告。

1.2网站平面图像素材设计工具

网站平面设计的工具主要有:

1、CorelDrawGraphicsSuiteX313.0

CorelDraw是平面矢量绘图软件,集成环境为平面设计提供了先进的手段和最方便的工具。

2、MacromediaFlashV8.0和MacromediaFlashMX2004V7.01

Flash是动画制作最主要的工具之一,Flash文件质量小,显示效果清晰,深受大家的欢迎.现主要应用于媒体宣传,节日贺卡等,覆盖广告,视听等多个领域.本教程讲述Flash的发展及运用,直至最后制作出一个自己的Flash卡-通动画片。

3、AdobePhotoshopCS8.0.1

PhotoShop是优秀的图象处理软件,是同类软件的领袖,是平面设计、网页设计的必用软件。

4、PhotoFiltreStudiov9.10

PhotoFiltre带多个图像特效滤镜,使用它们可方便地做出各式各样的图像特效;文本输入功能颇具特色,有多种效果可供选择,并能自由地调整文本角度;内置PhotoMasque(图像蒙板)编辑功能,不支持图层。增加了图层管理功能支持Photoshop的8BF滤镜。

5、MacromediaFireworks8.0

Fireworks简化了网络图形设计的工作难度,使用Fireworks可以轻松地制作出十分动感的GIF动画,轻易地完大图切割、动态按钮、动态翻转图等。

6、AdobeFireworksCS3

FireworksCS3是用来设计和制作专业化网页图形的工具,使用Fireworks您可以在一个专业化的环境中创建和编辑网页图形、对其进行动画处理、添加高级交互功能以及优化图像。

1.3网站平面图像素材编辑与设计的技术要点

网站的素材编辑首先要考虑到网页本身,是为了网页可以更好的表现主题而插入的,只有可以表现主题的才是美的,能够给网页浏览者吸引力的才是美的,一般来说素材关系着网站的好坏,也往往决定着网页的载入速度,我们因该设计出不会引起浏览者烦恼的图片,这个也是涉及到浏览量的关键因素。我们学习了ps制图,知道了基本工具的使用,课堂上老师讲的东西都是有限的,我们应该尽可能的利用课余时间加紧练习,做到触类旁通。

通过这2周的实训,我们对photoshop有了较为系统的了解。制图审美能力有了进一步的提高。课堂中老师对各种工具的使用,通过实例的方式进行了讲解,易于我们掌握,同时我们知道,仅仅只是课堂上讲的是有限的,只有自己下功夫才能达到掌握的程度,做出自己想要的效果来。我对这几周以来主要学习的内容作以下总结:绘图工具,图像处理工具,要求达到熟练掌握绘图工具,图像处理工具的使用,并在熟练地基础上绘制各种图案、图像等。利用绘图工具来绘制精美花纹、项链等类似效果。绘制图形并填充颜色,制作大红灯笼,熟练使用颜色设置工具,并对色彩的使用达到一定水平。对老照片、发黄的照片进行处理,利用图像色彩与色调的调整来对照片进行黑白和彩色的互换处理。利用前面所讲知识来对图片进行处理,自己任选一张图片来给图片进行上色。熟练调整图像的过暗、过亮、缺乏对比度等质量问题。其它色调的控制命令,了解图层的基础知识。图层的基本操作,掌握图层样式的使用。了解路径的`概念,并学会使用路径,掌握形状工具组来进行路径的编辑,修改等。通道的基本操作如创建和编辑通道,能熟练利用蒙版来制作特效。学会熟练使用Photoshopcs4中的内置滤镜,图像修饰滤镜的效果。熟练使用3D菜单、面板,创建和编辑3D模型的纹理。面对我们实训的网编方向,可以制作出需要的图形,将网页做到图文并茂。扩大了我们的就业范围,同时也让我们提高了信心。我相信在不远的将来会又不一样的效果!

1、这几周的实训过后我对photoshop制作图形还不够深入,好多细节没有顾及到。2、有些学习过的制图方法,经过一个多月后已经变得模糊了,没有做好复习工作,以后要勤练习,温故而知新。3、某些制图工具的使用还没有完全掌握,知识了解他们的一些用法,做不到融会贯通,使用最佳解决方案!4、对系里来说吧,我觉得各方面做得都挺好的,老师认真负责,很积极的辅导学生练习,只是我觉得应该增加教学资源,最好做到一个学生一台机子,学生维护好自己的就行了,不要再在机子上装还原卡了,下课时每次都要看看东西在那里放着很不方便!

这次实训对我们以后的发展是很深远的,借着学习ps的机会我们不断地增加了学习能力,假如以后又在继续深入的学习提供了自身的素质基矗我们都知道在信息日益发展的今天,今天学的知识明天可能就已经被淘汰,所以,我们大家应该以我们现在学到更多学习能力感到骄傲。让自己站在时代的前沿,紧跟时代的变化,更新自己,找到适合自己的位子,闪烁自己的光彩。只有有了源头,我们才会“清如许”!

第三篇:PS实训心得与体会

通过12月13-16日四天的实训,总的来说我对自己的表现还算满意,过的比较充实,收获也很多。因为Photoshop这门课是我一直非常想学的,在还没有开始学这门课时,我就向已学过的网络班同学借了一本Photoshop的教材,自己在空余时间看看,可是没有老师的指导,我总觉得在操作时苯手笨脚,总觉得不是这儿出问题就是那出问题,而有问题后自己怎么也找不出自己错在哪。自从学了这门课,我了解了它的基本操作和高级技巧,这次实训让我有机会能够更深入地学习Photoshop,我花了一定时间和经历去琢磨,有时为了实训作业能够做的更美观更有质感,我睡觉都会想还需要怎样修改。

总的来说,学习PS还是有一定的技巧和难度,因为在这半年的课程中,我们还学习了Illustrator,这两门都是ADOBE产品的应用软件,所以有很多相似的应用工具,而对我来说,我认为,AI画图比较的方便灵活些,而用PS来自己创建一幅图时,我会觉得很难达到自己想要的图片效果,因为我头脑里很难想象并勾画出所要效果的对应工具的使用,我想对大多数的同学应该会有同感。有时候老师已经讲的非常仔细了,把所有的工具都教了,但我可能会操之过急,一开始我很想玩好每个工具,希望在我的作品中能够加进很多效果,但看起来效果并不显著。经过半年PS的学习,我觉得绘图经验是非常重要的,一个效果能够用不同的方法作出来,如果没有多次的练习,你就会很难知道这样的效果有几种方法达到,所以多实践操作是学习PS非常必要的。

在网上,我们可以看到很多漂亮的图片,只要你仔细去学,我想也能够发现这样的图片运用的工具其实不多,只是我们平时没有用好它们的,学的还不够精通,所以无法作出具有特色的效果图的。学习PS还要有一定的作图习惯,就是新建图层,这样就避免了出错而无法修改的问题。要想真正掌握PS的绘图,还要必备的理论基础,比如色彩的应用。

总之,四天的实训让我有了很多的收获和新的观点,对我以后的图形操作有很大的提升。

;

PS制作海报需要注意的地方:

1、海报的尺寸:因为我们经常使用的A4、A3的大小都是国际开本标准大小,在印刷厂,只有大度、正度开本之分,对应于国际开本大小的A、B格式,但是他们的尺寸是不一样的。

如果用打印的方式来出图,A4-A1的成品尺寸是:

A1--840mmX594mm,A2--594mmX420mm

A3--420mmX297mm,A4--297mmX210mm

如果用印刷的方式来出图,A4-A1的成品尺寸是:

A1(对开)--840mmX570mm,A2(四开)--570mmX420mm

A3(八开)--420mmX285mm,A4(十六开)--285mmX210mm

这几个尺寸都是成品尺寸,如果是印刷,在设计的时候应该在每边加上3mm的“出血”(即为了保证大量印刷品叠在一起裁切,不留白边而加上的尺寸)。即在设计印刷用的海报时,应该把页面设置成:

A1(对开)--846mmX576mm,A2(四开)--576mmX426mm

A3(八开)--426mmX291mm,A4(十六开)--291mmX216mm

设定好了尺寸,最关键的就是图像分辨率和图像模式了。

2、分辨率

喷绘**分辨率需要在72dpi以上,最好在100-120之间。低了出来的图不清楚,高了会造成制作文件过大,没有必要。

印刷分辨率需要在300dpi,就这个值就行,不能低,也没有必要高。

3、图像模式

喷绘**CMYK

印刷CMYK

4、制作中注意的几个重要细节:

(1)制作时不要经常性的合并图层,保证图层在保证了文件的可更改性;

同时文本图层或者矢量图层的保留有助于文件打印质量的保证。

(2)印刷时纯黑色背景请用CMYK四色(如C-30,M-10,Y-10,K-100)组

成,以保证黑色背景亮丽准确。纯黑色文字则请使用单色黑

(C-0,M-0,Y-0,K-100),以保证文字能够在印刷时套准。

(3)提交制作的图像文件应该是没有合并图层的psd或者tif文件格式,不

要将图存成jpg格式,特别是不要存成压缩率很高的jpg格式,否则会

损失图片精细度

附加:海报尺寸一般比较大,若要印刷分辨率应为300,用PHOTOSHOP制作反应会比较慢,可以考虑结合使用用Illustrator或者Coreldraw矢量图软件制作。