ps制作网页详细的教程（ps效果图模板-如何用ps来做网页效果图）

本文目录

• ps效果图模板-如何用ps来做网页效果图
• ps网页设计教程
• 网页的设计模板-ps怎么设计网页模板
• ps制作网页如何添加文本教程ps制作网页如何添加文本教程
• 用ps制作网页怎么上传用ps制作网页怎么上传图片
• 网页photoshop-ps网页设计教程
• 如何ps制作一个好网页设计如何ps制作一个好网页设计
• 新手如何用ps制作网页首页
• ps怎么设计主页

ps效果图模板-如何用ps来做网页效果图

ps婚纱效果图怎么做学会这些自己在家就能做

1、打开Photoshop软件,使用菜单“文件-打开”命令(或在Photoshop操作界面中间双击鼠标),在弹出的对话框中找到“婚纱照.jpg“和”浪漫背景.jpg两幅素材图片并打开。

2、我们首先要做的是将“婚纱照.jpg“图片置于当前工作状态,只有这样才可以对其图像进行操作,选择工具箱中的”磁性套索工具“,在工具选项栏中将”羽化“值设为8,选取图像中的新娘人物的轮廓,建立人物的选区。使用工具箱中的”移动工具“,将选取的人物轮廓拖动到”浪漫背景.jpg“图片中,使用快捷键Ctrl+T,修改人物图层的大小和位置。

3、我们选中人物轮廓所在的图层即“图层1”,单击”图层“调板中的添加图层蒙版”按钮,为图层1添加图层蒙版,“图层”调板。

4、在工具箱中将前景色设为黑色,选择工具箱中的“渐变工具”,打开“渐变器”对话框,选择“前景到透明”渐变选项,点击“确定”按钮关闭该对话框。

5、使用菜单“文件-打开”命令,打开两张头像素材图片,将两张图片使用工具箱中的”移动工具“拖动到图像中并调整其大小、位置,更改大小可使用快捷键Ctrl+T键,修改大小完成后按回车键确定。

6、选择工具箱中的“椭圆选框工具”,在“头像1”的图层上按住Shift键拖动鼠标可绘制一个正圆选区,使用快捷键Ctrl+D键可取消选区。单击“图层”调板下方的“添加图层蒙版”按钮,为“头像1”图层添加图层蒙版。

7、完成设置后单击“确定”按钮关闭该对话框,选择菜单”图层-拼合图像“命令和菜单”文件-存储“命令保存。

PS、fireworks都可以用来做效果图的,用这些工具做效果图的时候只要注意一下栏目的排版以及用色的协调性,PS做网页效果图常用的效果不多,所要只要掌握几种常用的工具用法就可以了:选取、剪切、填色、渐变、蒙版、切图等。

刚开始初学的可以网上找一些好点的模版下来自己尝试着按自己的想法进行修改,等熟练掌握以后再完全自己构思、设计!

简历是个人求职者的引玉之砖,我们可以使用ps制作个人简历,用ps制作的个人简历能体现个人求职者的能力。下面是我为大家带来的ps个人简历制作教程,相信对你会有帮助的。

用photoshop制作个人简历的步骤

素材准备:

1.个人照片一张(当然是好看一点的啦!)

2.竹叶的素材图片。笔者准备做一张绿色主调的封面,相信凉爽的色调更能让老板

喜欢。图片的质量要尽可能高,下面两张图片是笔者使用数码相机拍摄的。

创作工具:PS7.0/CS

1.打开PS,新建一个空白文档,取名“封面.psd”宽度和高度分别是42厘米、29.7厘米,分辨率300像素/英寸,模式选用CMYK模式。点击菜单“视图→标尺”,调出刻度尺。

点击菜单“视图→新参考线”,弹出“参考线”对话框,“取向”选择“垂直”,在“位置”后输入“21”,

确定后将在图片中央出现一条垂直的蓝色参考线,这样我们可以区分开封面和封底。

PS制作个人简历--设置矩形属性

2.选择“矩形工具”在参考线右侧绘制宽1厘米的矩形,颜色为灰绿色(RGB:194,202,193)模式为“变暗”(如图1),透明度为“90”。选择“画笔工具”,选择“矩形”18像素笔触,间距为240%,在刚绘制的矩形右侧绘制一根虚线,将颜色设置得更深一点。本作品配色,

主要使用的是相似色,这样整体感比较协调。

3.打开竹叶素材,将其拖入“封面.psd”中,点击菜单“→自由变换”,改变竹叶图片的大小和位置。“自由变换”是PS中常用的工具,使用“CtrlT”快捷键调出更方便。设置

图片的层次在“竹叶”之上。使用“文字工具”打出标题和一些文本信息。在文字“自我简介”下使

用“矩形工具”绘制矩形衬底。最后建立一新图层,使用“椭圆选框工具”划定圆形选区,点击菜单“→描边”,设置宽度为“2像素”,颜色为淡绿色,封面完成后如图2。

PS制作个人简历--封面效果图

4.新建一文件,宽度和高度分别是1像素、像素,5“内容”为透明,“确定”。按“Ctr”,将图片视图放大,在三分之一处绘制白色矩形(如图3)。

全选该图片(“CtrlA”),点击菜单“→定义图案”,PS将把该图片作为填充样本

存入库。关闭该图,不需保存。

回到“封面.psd”中,新建一层,取名“白色条纹”。在参考线左侧用“矩形选框工具”

划定矩形选区,点击菜单“→填充”,选择刚刚定义的图片作为填充样本,按“确定”。效果如图3,改变下层的颜色就可以改变条纹显示的效果,因为条纹种除了白色外都是透明的。

PS制作个人简历--1/3处的矩形图

5.在“竹叶”图层用“魔棒”工具点取空白处,再单击菜单“选择→反选”,获得竹叶状

选区。回到“白色条纹”图层,点击菜单“选择→变换选区”,调整好选区的位置和大小,按下

删除键,白色条纹的矩形就变成了竹叶型镂空了。最后将该图层执行菜单“→变换→水

平翻转”,将其翻个身。在该层下加入绿色到白色的渐变背景,也可加入一些几何图案。笔

者放了个小迷宫,增加一些情趣。我们也可以将竹叶镂空做的更好看点:在该层添加矢量图

层蒙版(菜单“图层→添加图层蒙版→显示全部”),再在蒙版中填充一个渐变色,这样竹叶镂空看起来更有层次感,封面封底效果如图4。

PS制作个人简历--封面封底效果图

PS制作个人简历--画布向下扩展

6.点击菜单“图像→画布大小”,将高度增加到39.7厘米,定位模式为图5所示。

具体的设计不再赘述,最终成品如图6所示。打印后,用美工刀沿红线处(制作时

不要加上红线)裁剪后翻折、双面胶粘贴,一张个人简介的封面就完工了。打开后,左边呈现的是自己的照片和简要介绍,陈列在右边小袋中的是16开的各种证书复印件。

用Photoshop设计简历封面的方法

一:打开Photoshop,点击“文件——新建”,设置高度213毫米,宽度300毫米(两个尺寸都比A4纸大3毫米,称为“出血”,以确保打印时纸边不留空白),分辨率150像素/英寸,颜色模式CMYK、8位,背景内容为白色,点“好”新建一个名为“简历封面”的画布。

二:下载一幅与自己的专业有关的背景图片,分辨率最好为400×600或以上,以确保清晰度。打开图片,按Ctrl+A全选,选择工具箱中第一行右侧“移动工具”将其拖入“简历封面”中,再按Ctrl+T调节背景至合适大小;在图层面板中将背景拖至最底层,不透明度设为20%。(如无法移动背景图片,可在图层面板中双击此图层,弹出“新建图层”窗口后点击“确定”将其解锁。)

三:选择工具箱中的“T”形文字工具,点击画布,出现光标和文字图层;在工具栏下的字体选框中选择合适字体、字号后输入“个人简历”“姓名”“毕业院校”“专业”“电话”等信息。

四:如果你出自名门,就要突出自己的名校身份。下载并打开学校的Logo;使用工具箱中第二行右侧的“魔棒”工具,点选Logo空白处,再点击工具栏中的“选择——反选”,选出Logo中的校徽和文字部分,用“移动工具”将选中部分拖至“简历封面”画布中的“毕业学校”之后,按Ctrl+T自由变换Logo至合适大小。

五:在简历封面上写一段体现自己品质的“推销词”是个好方法。文字输入法和刚才一样,但要添加一个衬底达到美化效果。选择“图层——新建——图层”,新建一个图层,使用工具箱第一行左侧的“矩形选框”绘制一个大小合适的矩形框;再用“油漆桶”工具,将选框填充为红色;将该图层拖至“推销词”图层下,不透明度设为30%。也可用同样方法为信息栏添加一个衬底。如用“矩形选框”无法一次绘制出合适大小的衬底,可在填充颜色后用Ctrl+T自由变换至合适大小。

六:“文件——储存为”存为JPG格式。用铜版纸打印出封面,与简历正文一起装订成册,手写完成个人信息部分,一份个性简历制作好了!抓紧行动吧!

ps网页设计教程

1、打开PS，新建空白文档，名称设置为“feifei工作室”，从预设大小下拉列表中选择“1024x768”，模式设计为“RGB颜色”，内容设置为“白色”，点击“好”按钮完成文档的创建工作。

2、新建一名称为“框架”的图层，利用该图层实际整个网页的整体布局。首先选择“矩形选择工具”，然后将矩形的宽度设置为1024，高度设置为80，在文档的上下两侧各框选一部分内容并填充为黑色，从而使整个网页呈现“宽屏幕”效果。

3、在背景图层的上方新建一新图层，并命名为“背景颜色”。点击“矩形选择工具”，设置“宽度为400，高度为768。

4、然后在窗口的左侧框选一部分内容，填充一种深绿色。然后点击“矩形选择工具”，设置“宽度为624，高度为768，然后在窗口的右侧框选一部分内容，填充一种浅绿色。填充两种颜色饱和度有一点差别的颜色，目地是产生较为明显的对比。

5、在“框架”图层之上再新建一图层，名称为“主体元素”。打开一张事先准备好的百合花图片，双击“背景”图层将其转换为“图层0”，点击“魔术棒”工具，在图片白色区域内点击，选择白色区域后，按下DEL键删除白色区域。

6、然后拖放图片到图层“主体元素”上，位置如图所示。

7、然后选择“矩形选择工具”，设置“宽度为624，高度为768，然后在窗口中选择花朵右侧的一部分内容，并调整其亮度和对比度，使花朵的左右两侧呈现明显的对比。

8、对该页面进行细节的调整，增加一些导航栏，信息提示内容和版权信息等内容，最终制作完成的页面如图所示。

9、选择“切片”工具，然后对内容进行切分。切分的好处是有利于文件在网络上传输，同时在用切片工具划分内容时最好将需要被文字内容替换的部分进行独立分割。

网页的设计模板-ps怎么设计网页模板

网页设计模板是什么，怎么利用网页设计模版？

网页模板就是已经做好的网页框架,使用网页软件输入自己需要的内容,再发布到自己的网站。每个网页模板压缩包内包含:PSD图片文件(可用Photoshop、ImageReady或Fireworks修改),按钮图片PSD文件、Flash源文件和字体文件,推荐使用Dreamweaver软件向网页模板添加内容。

创建和设置

1)模板的概念:作为创建其它文档的样板的文档。创建模板时,可以说明哪些网页元素不可,哪些元素可以。其扩展名为.dwt。

2)模板的作用:有利于保持网页风格的一致;提高工作效率。

1.创建模板

1)创建一个全新的模板:在模板面板中,使用快捷菜单按钮或单击面板上的新建按钮

模板面板的打开:Window菜单--Templates

2)创建基于文档的模板:File菜单-Save

Template

2.设置模板页面属性

1)用模板创建的文档继承模板的页面属性,页标题除外。

2)设置:Modify菜单-Page

Properties

3.定义模板的可区

1)定义模板的可区

在模板文档中选定对象、Modify菜单、Templates、New

Editable

Region

2)取消可区标记

Modify菜单-Templates-Remove

Editable

Region

应用和更新

1.应用模板创建文档

1)应用模板创建文档

使用模板创建新文档:File菜单-New

Template

或:File菜单-New-从模板面板中拖一个模板到文档

对现有文档应用模板:Modify菜单-Templates-Apply

Template

Page-模板面板中选定模板-单击Select

或:从模板面板中拖一个模板到文档中

或:从模板面板中选定一个模板,单击Apply

2)可区和锁定区

在应用了模板的文档中,只有可区的内容才可以修改。

3)把页面从模板中分离出来

如果要对应用了模板的页面的锁定区进行修改,必须先把页面从模板中分离出来。

具体操作:Modify菜单-Templates-Detach

Template

2.修改模板

在模板面板中选定模板、单击按钮或双击模板名称或使用快捷菜单的Edit、完成后保存

3.更新站点中使用模板的所有文件

Modify菜单-Templates-Update

Pages

首先你要明白网页制作的流程:

1、网页设计师(主要是用PS)先将网页设计出来。

2、进行网页制作,就是切片,div+css布局,将图片变成网页。

3、后台制作。可以自己开发,也可以套用cms,如dedecms,phpcms。等

4、具体步骤就是这样。详细的牵扯到一些技术,就是html,div+css,js,(jquery,js框架)。

后台目前流行PHP语言。这些都是基础

5、需要学习的有,html,div+css,js(jquery),php等。

教程网站,百度“W3C”,即可

如果你只是制作模板,那么就学习html,div+css,js(jquery)即可网页模板只是一个网页的模块,目的是为了方便网页者可以快速导入这个模块,并且对里面的内容进行,节省时间。要制作网页模板,要先懂得最基本的网页制作方法。比如构思好网站结构之后,用网页制作软件《dreamwearer》打边框,设计框架和布局,然后插入图片,输入文字等媒体内容。然后可以保存为模板。

ps怎么设计网页模板?ps怎么设计网页模板?我们在看网站的时候会发现设计师们也越来越注重模式设计,不同的网站设计风格,需要不同的设计思路,网站的设计需要什么要求呢?接下来小编就带大家来看看网页的设计方法。在网站设计中使用字体的步骤。首先,我们需要先确定一个网站的类型和类型。如果是企业网站,我们就需要将网站的内容编写成标题、副标题和正文,然后根据内容的主题来设计网站的页面,同时也要注意网站中的字体的统一性。如果是商城网站,我们应该使用衬线体、手写体、圆角矩形体、粗体、倾斜体等。另一种简单的网页形式,如站酷、淘。最主要的是表现网站的内容。这是因为其他网站从来也不是为了好看而设计的,都是为了让用户感到舒适。

ps制作网页如何添加文本教程ps制作网页如何添加文本教程

如何在PS中修改和添加文字

1.打开电脑，打开ps软件。

2.打开一个需要添加文字logo的图片素材。

3.点按工具栏中的文本工具，并选择水平文本工具。

4.在画布中单击以激活文本输入框。

5.输入文本后，选择文本颜色并移动文本位置。

photoshop中如何加入和现有文字？

记住原文字的字体、颜色、字号；

先用仿制图章工具在文字附近按住ALT键点左键取色，再将光标置于文字处，点击或拖动左键，将文字遮盖住；

最后用“T”文字工具，按照原字体、颜色和字号添加文字即可。

ps如何添加文字到工具栏里面？

方法/步骤分步阅读

1

首先，我们打开PS软件，点击【文件】，新建一个工作面板。

2

鼠标右键点开【T】菜单，鼠标左键点击【横排文字工具】。

3

点击面板空白处，输入文字。

4

全选文字，在工具栏里调整字体、字号、颜色等参数。

5

点击CTRL+回车键，回到操作面板，文字输入完成

ps怎样在文本框里写字？

1、电脑打开Photoshop软件。

2、打开Photoshop后，新建文档。

3、新建文档后，点击左侧工具栏中的文字工具。

4、点击文字工具之后，按住鼠标左键，直接拖出一个框就可以了。

5、确定文字框大小后，放开鼠标左键，就可以在框里面打字了。

ps如何在照片上加文字和图章？

方法一：使用PS进行图片添加文字。

一、首先打开PS，点击左上角【文件】，接着选择第二个【打开】,上传我们想添加文字的图片。

二、在上传完图片后，我们在左侧工具栏找到大写的T字，这是添加文字的功能，我们点击一下，在点击到图片我们就可以添加文字了，在上方也是可以选择文字的格式，还有色彩等等之类的。

方法二：利用图片助手添加文字。

一、首先我们在电脑上打开，打开后，看到有很多的功能，不给我们要用的是【综合】，所以我们点击打开它。

二、打开后我们上传我们需要更改的照片，导入进入之后，就能看到各种的操作功能了，在右侧的小侧栏中，也是有文本这两个字的选项，我们点击就到了添加文本的一个界面了，我们可以直接的选择字号、字体、字体的颜色等等，一目了然、包括间距等等。接着我们输入想输入的字体，调整完成后就可以点击立即保存了，非常的快捷方便！

如何用ps在照片上加对话框并在里面文字啊？

在PS中导入照片之后，选择文字工具即可在图片上建立文本框、添加文字。以下是详细使用方法介绍：

1、使用左上角的【文件】-【打开】选项或者直接将照片导入PS当中，先使用【Ctrl】+【J】复制新建一个图层；

2、然后点击左侧工具栏中的【T】符号，一般在靠下的位置；

3、使用鼠标选中文本框的位置和大小，随后输入文字，您可以在上放菜单栏中该选择【字号大小】、【颜色】、【字体】等，选择完成之后点击【回车】确定即可；

4、输入完成之后还可以使用工具栏最上方的【移动工具】，移动文本框。或者是再次选择【文字工具】，对字体的内容进行修改；

5、最后使用【Ctrl】+【S】保存，并选择保存的路径即可。

用ps制作网页怎么上传用ps制作网页怎么上传图片

如何使用photoshop制作网页

打开电脑中的Photoshop界面。首先，我们创建一个画布，宽度为1200，任意高度，分辨率为72。

画布创建完成后，我们在1200px左右两边拉一条辅助线固定。

然后打开画布大小，取消“相对”，宽度调整为1920px。

设置好之后，在红色区域，也就是1200px区域设计就行了，看你个人网页设计能力。

用PS制作网页的步骤和方法？

存储为web格式也可以直接存储为png格式即可。ps制作网页步骤:

1.先用Photoshop做一个网页图片；

2.Ctrl+R调出标尺，在图片上绘制表格，框选出要做链接的部分；

3.使用切片工具，按照绘制的表格划分切片

4.以上步骤完成后，进行操作“文件”》“储存为Web和设备所用格式”，在打开的窗口中按照自己的需要为网页图片作设置，设置完成后，“储存”，保存类型“html和图片”，切片“所有切片”。

5.接下来用Dreamweaver打开html文件，为其作链接及其它。

6.最后保存就完了。

如何将网页整体复制到ps中？

网页文字，直接选中然后右击复制！！如果不让复制的话，你可以把整个网页下载下来，选择文件--另存为---保存类型是网页htm，html。

用ps做好切片的网页怎么保存为web形式？

切好之后，点击文件-储存为web所用格式快捷键是alt+shift+ctrl+s希望可以帮助你！

只用PS可以设计网页吗？

现在做网页基本上都是用PS排版的主流显示器分辨率是1024*768，那么你的规格设置为宽960象素*高n象素，就可以了（网页右侧会有一个拖动条这个会占去部分显示面积，所以960是通用标准，n代表设计页面的实际高度，这个按你需要，没有标准。分辨率72）如果只看效果图不需要dreamweaver，当然你也可以用PS的切片工具，切割图象然后再保存为WEB所用格式就可以转换成网页如果仅仅是UI设计是不需要学语言的

做网页都要先用ps做出效果图吗？

不一定，如果是制作简单的表格式网页或是有现成模板的就可以不用

【备注】

做网页用Photoshop制作出效果图，是为了能直观的展现网页，让客户了解网页的排版和设计效果。

Photoshop制作效果图能给程序员一个直观的表达形式，不用再制作的过程中再去考虑排版和效果的展现。

网页photoshop-ps网页设计教程

photoshop网页美工期末总结与体会文章

篇一

在这一年美工总结自己接触和学习设计的一点经验心得。

一、网站的配色

二、网站的布局

做美工设计的不单要对色彩要有好的感觉外,对布局也要有很好的把握,组合的好坏直接影响作品的效果。整体配色、字体、各模块的间距、插图、增减内容等各个方面的敲着。

三、网站的细节

对美工设计人员来说,这点也是非常重要的,细节能否处理得当也能体现做事明细,这也是我在不断提升的一块。比如背景色、色彩渐变、各组件间间距、标题样式、字体/大小/颜色、行/段间距、插图位置/边缘处理、输入框宽高/边框色/背景色、按钮的位置等等太多了。还是之前的话,只有你看得多了,比较得多了,那么处理细节方面也会有很大的提升。

四、用户体验度

一个网站的如果美工设计得好,给人们的第一印象是非常好,这代表着人们可能还会停留在你的网站里面继续浏览,这样也大大提高用户体验度。因为我们做医院网站的,要保持美观、权威、明细等,比如人们来到了网站浏览,如果美工图片做得非常不清晰也会影响患者对整个网站的印象,还有广告图片的位置问题,要放在一些比较显眼的地方,同时不会影响到患者查看其他内容,对于图片广告的图片,也要突出权威性和真实感,这样对就诊率的提高也会有很大的帮助的。还有美工图片的好坏直接影响了用户对网站的印象。用户体验是对美工更高的一个要求,甚至有点儿超越美工的范畴,但只有美工了解这些才能更合理地设计界面布局,整体搭配等等。

五、个人心态

美工本身就是细活,着急是没用的。有了基本的审美观,需要创作时心情放松,做些想做的事,吃点想吃的东西,随心所欲,给提供自己创作灵感环境。不要意味的坐在电脑前去想,事倍功半,会把自己郁闷死。所以我的建议就是:多看,多模仿,多做,多比。切忌自己没有什么审美观就盲目创作,其实模仿没什么可耻的,是学习的毕竟阶段。

篇二

新的一年开始之际,在我们昂首期待未来的时候,有必要对过去一年的工作做一个回顾,总结以往的经验教训,以待在新的一年有所改进。

回顾过去一年,在领导的带领下,在各位同事的大力协助下,工作上取得满意得成果。我的岗位是美术,工作岗位在开发中心,可是我的工作范围并不局限于程序开发中的模版设计等工作,而是涉及到了部的广告设计,广告图片替换,页面策划修改;涉及到技术部页面制作,代码调试,样式修改,后期维护等不同工作。可以说凡是需要突出我们网络部及网站整体形象的地方,就需要美编参与工作。

设计工作是痛苦与快乐的炼狱,每当面临重大的设计任务时充满了压力,开始搜集各种资料(包括文字的、图片的),接下来寻找设计灵感,沉思、焦灼,经过痛苦煎熬,终于有了满意的创意时倍感轻松。每当经过艰苦的磨砺,自己的劳动成果得到大家的肯定时,便是工作中最大的快乐!充满了快意。

当然,工作中的痛苦与快乐首先要求有坚定的政治信念与立场,遵纪守法,爱岗敬业的强烈责任感和事业心。因为热爱自己的工作,所以精通本岗位的专业识和业务技能,熟悉有关行业规范,关注行业的发展趋势。时刻保持强烈的创新意识。

篇三

前言

目前,人类社会已经迈进了网络时代,计算机和互联网已经于老百姓的日常工作,学习和生活息息相关,人类社会目前又处于了一个历史飞跃时期,正由于高速的工业化时代迈向初步的计算机网络时代,在计算机技术,网络通讯技术的告诉发展的今天,电脑和网络正在以惊人的速度进入人类社会的各个角落。那么今后,我们将用怎样的态度和方式来面对网络科技给我们带来的物质层面和精神上的变化,我们必须对因为网络而引发的社会生产和生活各个层面的深层次变化作一个深刻的理解和清醒的认识,我想这必将成为是当今人类所面临的最大课题,可能是我们科学工作和研究者们需要面对的新的挑战。

当互联网成为第四种媒体出现的时候,它就表现出与以前的大众媒体的不同特征,在报纸、广播、电视上,普通人不可能及时发表个人对某一重大事件的看法,而互联网能随时随地公开地实行人与人之间的对话,作为受众的网民不再是被动的,他可以随时表达自己的意见,有时甚至可以成为某些事件的主角

随着对商业化使用政策的放宽,因特网已经不仅仅局限于信息的传递,网上信息服务出现了。许多机构、公司、个人将搜集到的信息放到因特网上,提供信息查询和信息浏览服务。人们把提供信息来源的地方称为“网站”,即因特网上的信息站点。凡是连入因特网的用户,无论在世界任何地方、任何时刻,都可以从网站上获取所需的信息和服务。

一、实习报告目的

刚走出社会的时候,自己就像一张白纸,工作是什么样子?要用什么样的状态去工作?这些在学校里是无法体会的。实践让我走向科技应用,走出课堂.目前,我所缺少的主要不是知识,而是缺少将知识与实际相结合的能力.我们在课堂上所学的,与在实际当中遇到的是不尽相同的.其往往具有不具有明显的特征,这需要我们进行抽象概括才能解决各种问题,而这次实习正好给了我这次实践的机会,结合实实在在的用作,运用自己所学的知识,积累经验。

二、实习单位及工作岗位简介

1、实习单位简介

该公司是一家国内专业的电子商务外包服务商,公司主要为品牌企业提供商城搭建、网站建设与运营、营销推广、数据分析、电子商务代理运营等服务。我们的优势是:公司电子商务运营经验丰富;仓储配送能力强大;网络营销实力宏厚:公司拥有丰富的网络营销经验,可以为客户提供各种营销方式,并且提供数据分析工具,同时配备专业的客服能力,结合专有的技术,公司可以为客户提供一个强大的客户服务平台。

2、工作岗位简介

该岗位主要负责公司广告、图片、动画、海报、logo、

及网页的设计制作。服从公司的指挥,认真执行其工作指令,一切管理行为向公司负责。严格遵守公司规章制度,认真履行工作职责。认真做好各类信息和质料收集、整理、汇总、归档等工作,为公司旗下各项目的成功开发提优质的素材。全面主持设计工作,担纲创意核心、设计指导、效果统筹、设计沟通的任务。负责与各岗位的协调工作,网站页面的美工设计,进行div+css网页布局及修改。配合技术部门对网站页面设计和技术的配合。

二、实习过程

1、初来公司的时候

在接到公司面试的电话后,我来到了武汉世纪联动科技有限公司,因为我所应聘的是网页设计,所以要有一个小测验,美工部的经理发给我一个题目,根据MLB的官网风格,画出相同风格的电子商务网站。所有素材自己找,画好图纸后,用css+div进行布局。考察的主要是相关软件、的操作能力与代码掌握的熟练程度,说实话,学习photoshop和css已经有一段时间了,刚开始上机,还有点生疏。但凭借着在学校巨塔工作室学到的知识,还是画出了相应的图纸。以及对该页面进行了布局。经理看了以后,说不错,就说了句,以后的外国网站,不能出现中文。让我三天后参加培训,进行相应的考察。合格就可以正式上班。

2、三天的培训工作

三天后,我来到了公司,一看,来参加培训的人有很多,大概在是个左右,其实所谓的培训,就是让大家先熟悉网站的工作。先做了些他们平时干的活,做些广告网页,这些网页都是静态的,无需实现动态的交互,这才让我拾起了些信心,后来我发现,其实我们一起实习的,水平都差不多,我们公司主要更偏向写代码,所以我的优势就突出了。

3、最后的考核

三天的培训后,我们迎来了最后的考核,合格的人会被留下,并得到一份为期一个月的实习合同,然后会在根据实习期的表现决定去留问题,最优秀的人会转正,得到更加优厚的待遇。

考核的内容就是在公司的商务网站上任选一个页面,然后再规定的时间内做完,我还是不错的,技术比较熟练,是第四个完成的,当我们把网页做完后,由这家公司的经理进行审核,最后的结果是。我被留下了,最后完成的,就那样被活生生的淘汰了,制度虽有点不近人情,但是社会就是这么的现实,有能力就能生存。就这样,我们每个人得到了一份一月的临时合同,正式开始实习工作。

4、正式工作

我们每天的上班时间是从早上8:30分到下午的17:00,其中,中午有两个小时的休息时间,这是我见过最有激情的一些人了,年纪轻轻的,干劲十足,来了公司以后就工作,连平时连天的内容也和本行也分不开,我喜欢他(她)们,因为是实习期,所以每天做的数量没有太大要求,但是每个人都玩命似的干活,抓紧时间做网页,我们做的网页是比较简单的,从上到下式的网页,通过css+div布局,这样在后期浏览器兼容测试中,就好做多了,文字与图片之间就不会有太多的麻烦,我干的很不错,不过有些追求最精,我做的网页的速度慢了很多,最初每天只能做1也页面左右,这对于我来说是不能接受的,后来我改变了工作的方法,我第次工作的时候,先订下计划,比如今天做多少页面,然后我将要做的所有页面,先做好排版,,这是的网页虽然排过版,但是不美观,因为没有进行美化工作,然后我会在下午的时间,集中全力做美化工作,就这样我的速度提高了很多。我相信只要自己多加练习,速度就会提升。

三、实习内容

1、整体工作

我的工作就是负责设计整个网站的页面部分,根据网页设计师或客户所提供的主题要求来设计出整个网站。

2、工作中要完成的任务

作为一个网站美工除了要求网页三剑客,ps。这些比会的软件以外,还要对html用的很熟练,对asp或php或jsp要有初步的了解。

(1)表达一定的艺术效果

一个成功的网站应该把网页设计得吸引人,同时又要传达设计思想和情感。网页作为一种媒体,它必须具有一定的艺术感染力,一个平淡无奇、杂乱无章或毫无美感的网页很难会有浏览者喜欢,更不要说让浏览者去注意它的内容了。

(2)使页面结构清晰可读性强

经常可以看到这样的页面,上面堆砌了许多内容,却没有考虑它的空间框架,让人看了无法知晓哪些内容才是最具发言权的。没有流畅的视觉流程,这是典型的没有注意到编排清晰度、可读性的表现。

(3)实现不同的功能

在网络这条信息高速公路上,网页最主要的功能就是一种传递信息的手段。因此,它一切内容都是为了这个目的而服务,都是要围绕这个中心进行设计的。然而,要实现这个功能,网页的美工设计和内容都必须有针对性。所谓针对性,就是指对不同类别的网页要求采用不同的美工艺术效果。

(4)网页的内容

网页设计人员美化网页,增加网页设计的艺术感,都是为了网页设计的内容服务的。一般来说,网页的几项基本内容:标题、网站标志、主体内容、导航、广告栏等。

(5)确定网站的类型

在设计网页之需要做大量的准备工作,需要思考以下几个问题:1、网站的类型:站点属于新闻、娱乐、商务类的综合站点,还是个人主页;

(6)确定网站的风格

如果浏览者主要是年轻人,页面就要设计得基调明快,活泼富有朝气;如果针对的群体是政府工作者或科学工作者,那么页面就要设计得严谨、严肃、理性、科学;如果针对的群体是妇女儿童,页面则要设计得温馨、友爱、轻松;如果针对的群体是恋人或从事艺术工作的人,页面就要设计得浪漫并有艺术感

(7)确定网页之间的链接关系

在网站的总体规划列出来后,就必须要考虑各个网页之间的关系,是星型、树型、网型还是直线链接?

(8)具体工作流程

网站美工确保项目派工单和网站资料的完整性,作出设计方案和栏目设计方案,留意客户特别要求的信息

1、研究一些同类型的优秀网站,结合从客户那里所获取的资料,总结出比较合理的布局和风格,开始设计方案和栏目设置方案.

2、设计好最佳设计方案和栏目设置方案,先让业务人员审核一次,达到要求确认后,进行PSD的样板页面设计.

3、设计好PSD样板页面,让业务员跟客户展示设计好的样板,是否符合要求,符合要求后进行广告网站的全面的PSD设计和广告网站制作.(PSD样板页面设计

对价钱跟要求并不高的客户,对网站的每个页面设计的要求是颜色基调不同、样式稍有改变,设计页面排版风格简练到位、网站贯串一副Flash动画,以增加动感这样的网站在后面制作页面简单,维护修改简单;

对价钱高但要求不高的客户,照样采用上述方法,只是在考虑项目制作时间长短的情况下,对项目的质量进行提高;

对价钱跟要求都高的客户,对网站的每个页面设计的要求是每个栏目精心设计,在保持风格的前提下,对每个栏目的样式跟颜色都有所不同、设计一个大Flash贯穿整个网站,并在每个栏目的头页或栏目导航栏上设计出简单漂亮的小Flash动画.让整个网站充满动感和活力)

4、合理切割PSD文件,导入保存成图片(.)形式.

5、建立网站后台文件,检查后台栏目跟块名没问题后上传到服务器

6、使用Dreamweavers对PSD样板页的样式规定进行网页排版制作,设计规范合理,扩充性强、无多余累赘代码.

7、建立网站的字体,表单按钮所需要的Css样式表

8、设计每个栏目的模板页和PHP页面,并对不同的元素使用定义好的Css样式表.

9、制作完成每个栏目设置的模板页和PHP页面后,添加网站样板资料.

10、检查网站的链接排版错误跟漏洞,从而进行修复和完善.

11、发到部门人员内部审核一遍(针对网站,不针对广告),对链接和排版错误的地方进行修改.

12、再自己浏览一遍、确认没问题后通知业务人员和客户进行验收修改.(如有兼容性的问题,则需对其兼容性的解决)

五、实习收获与体会

通过本次毕业实习我真正了解到步入社会后我们还有许多知识要学习,还有许多需要加强的地方,我的网站这方面的知识还有许多欠缺的地方,还不能熟练的掌握。我知道这不是短时间内能够学会的,这次实习对我很有大的帮助,在这过程中我还学到了很多东西。有了这次实习的经验,再以后就可以更快,更好的融入新的环境,完成学生向职场人士的转换。在实习期间通过不断的学习和总结经验,提高了处理实际问题的能力,为我以后步入社会进行总结了以下经验。

(1)用人单位在招聘员工的第一要看的就是你是否有想去学、我们一同过去的几位应聘者中,有一部分就是因为在想去学习的劲头上比别人逊色一点而落选。因为对于用人单位来说如果一个人有想去学习,那么他在这个特定的岗位上就会很快的得心应手,从而减少了用人单位要花很大的力气来培养一个员工。

(2)在工作中要有良好的学习能力,要有一套学习知识的系统,遇到问题自己能通过相关途径自行解决能力,因为在工作中遇到问题各种各样,并不是每一种情况都能把握,在这个时候要想把工作做好一定要有良好的学习能力,通过不断的学习从而掌握相应技术,来解决工作中遇到的每个问题,这样的学习能力,一方面来自向师傅的学习,想工作经验丰富的人学习,另一方面就是自学的能力,在没有别人帮组下的情况下自己也能通过努力,寻找相关途径来解决问题。

(3)良好的人际关系是我们顺利工作的保障。在工作之中不只是同技术,同设备打交道,更重要的是同人的交往。所以一定要掌握好同事之间的交往原则和社交礼仪,这也是我们平时要注意的。和谐的人际关系,能为顺利工作创造了良好的人际氛围。

另外在工作之中自己也有很多不足的地方,例如缺乏实践经验,缺乏对相关技能知识的标准掌握等。所以我常提醒自己一定不要怕苦怕累,在掌握之知识的同时加强实践,做到理论联系实际,另一方面要不断的加强学习,学习新知识、新技术。

通过这次毕业实习,把自己在学习一方面巩固所学知识,提高处理实际问题的能力,另一方面为顺利进行毕业报告做好准备,并为就自己能顺利与社会接轨做好准备,毕业实习是我们从学校走向社会的一个过渡,它为我们顺利的走出校园,走向社会为做好了准备。

PS软件应用十分的广泛,修改图像,运用图层蒙版设计简单网页,文字排版,网页优化,包括导航图,网页底端的页脚,网页主题内容,特效文字的制作,动作按钮的设计等。今天一起来学习如何用PS来设计简单的网页这篇文章吧。

如何用PS来设计简单的网页

新建一个800X600像素的空白背景,颜色模式设置为RGB模式。RGB模式颜色是由红色,绿色,蓝色三种颜色相交构成,可以更好的显示网页中的色彩内容。

新建文件,点击确定,空白文件会自动显示在软件中。对于新建空白文件来说,图像的宽度和高度的大小要按照等比例进行设计,也可以不勾选重新定义新像素来实现。

打开一张车的图片,移动到白色背景画布中,选择圆角矩形工具,选择路径为了方便转换为选区,设置为5个像素,像素越大,圆角矩形的四个圆角就是更加的明显,然后选择渐变工具,选中系统自带的黑白渐变,修改黑白渐变的颜色,改为灰白,也可以设置前景色为灰色,背景色为白色进行渐变的填充,然后点击确定。

然后选择工作路径,鼠标CRL点击工作路径,设置为选区,选中线性渐变类型,然后画出渐变的颜色。渐变的方向是从上到下为白色到浅灰色的渐变效果图。

然后选择修改收缩2个像素,就是将选区收缩小2个像素,变小一些,然后再次从下向上渐变,然后alt快捷键复制2个,如图所示,然后找到车的一个的图标按钮,然后用磁性套索工具勾勒好,然后鼠标左键拉动到合适位置,然后选择3个图层,然后水平分布,和居中分布对齐。然后选择左对齐分布,分布均匀。分布按钮是在选择工具上方的工具栏中,有平均分布对齐等多个按钮。

然后再次用钢笔工具勾画另外一个车的图标,然后再用自由变换调整到合适位置,然后点击2个图层之后,进行左对齐分布。分布到形状中的最左边位置即可。

再次选择一个不同的车的图标设计图片,然后用钢笔工具进行勾画图标,或者为了方便,可以直接用魔棒工具来选择,选中其需要图形的一部分。

然后再次选中图形,形状图形,全部选中相应图层,调整水平分布和左对齐分布。当分布不均匀,可以按住鼠标左键自动进行调整。

所有的图标都自由变换,调整到合适位置,如图。按住crl+t来实现图形的自由变换的内容。如图

输入相应的文字,文字的颜色设置为黑色,将其三个文字图层,按住shift键和左右方向键进行移动调整来改变。之后将车的图片进行调整,便于观看,文字进行排版即可。

photoshop制作网页界面的一般流程为新建文档

文档尺寸为浏览器全屏后减去下拉条等元素的宽度,一般为1000px。高度一般为三到四屏。高度设置成五屏、六屏的也有。一般考虑的用户的阅读耐受力,太多屏的高度会影响用户阅读。多了建议做跳转。

设计好文档尺寸,然后就是网页设计工作了。在网络资源丰富的今天,web页面的设计素材网站是丰富的。昵图网、我图网、爱给网、68design网里有很多设计素材。

最后,记得保存您的网页界面文件。

如何ps制作一个好网页设计如何ps制作一个好网页设计

如何制作photoshop

首先，打开ps(Photoshop强大的图形处理软件)

Photoshop模板制作步骤图1

这里使用的是pscs4版本。百度下载各种版本。怎么用，也请百度一下。

第二，做店招。

店铺招牌是网店的卷首，买家可以通过招牌知道你的店铺卖的是什么宝贝。比如我卖女装，那我就得起个好名字，通过画图设计logo。

新版旺铺宽度为950px，店招高度为120px。我用的是130px像素，不影响最终效果。

Photoshop模板制作步骤图2

通过观察其他网店的店招，一般来说，设计不要太复杂，要和整个店铺的风格和基调保持一致。配色可以参考其他网店。我用的是浅灰色背景粉黑色字体的方式。

Photoshop模板制作步骤图3

这是我设计的店标，店头和店标一样。

注意:源文件的psd格式必须保存。如果你觉得这个店招还可以改进，那你就用这个psd格式，利用好层关系！

Photoshop模板制作步骤图4

完成后，将其保存为gif或jpg或png格式。保存时注意文件不要太大，否则买家浏览你的网站会比较慢。

Photoshop模板制作步骤图5

然后，我们会在店面装修中传递店牌，大小一定要设置合适。

Photoshop模板制作步骤图6

Photoshop怎么设计唯美排版？

利用网格和参考线，做好规划。注意以下问题：

1、图片模式要为CMYK的

2、如果是photoshop做好的图直接要发片的话，上面如果有很小的字的应该将它在coredraw中再重排一下，因为photo出来的图是位图，有清淅度的问题。

3、出片时要把格式转为eps格式。

拓展资料

AdobePhotoshop，简称“PS”，是由AdobeSystems开发和发行的图像处理软件。

Photoshop主要处理以像素所构成的数字图像。使用其众多的编修与绘图工具，可以有效地进行图片工作。ps有很多功能，在图像、图形、文字、视频、出版等各方面都有涉及。

2003年，AdobePhotoshop8被更名为AdobePhotoshopCS。2013年7月，Adobe公司推出了新版本的PhotoshopCC，自此，PhotoshopCS6作为AdobeCS系列的最后一个版本被新的CC系列取代。

截止2019年1月AdobePhotoshopCC2019为市场最新版本。

Adobe支持Windows操作系统、Android与MacOS，但Linux操作系统用户可以通过使用Wine来运行Photoshop。

《photoshop教程》是2010年5月出版的图书，该教程以平面设计为主线，系统地介绍了PhotoshopCS5基本的使用方法和技巧。整个教程共13章，包括初识Photoshop及新增功能、图层的基本概念与应用、图像的各种选择技巧与移动工具应用、图像的优化与输出、绘画工具及各种图像修改工具应用、渐变颜色的设置与填充、绘制和调整路径、文字的输入与、3D工具和面板应用、通道和蒙版的应用技巧、菜单栏中各命令的功能及色彩校正方法和各滤镜命令的功能及特效制作方法等。适合有志于从事平面设计、图片处理、UI设计、插画设计、包装设计、网页制作、三维动画设计、影视广告设计等工作的人员使用，同时也适合高等院校相关专业的学生和各类培训班的学员参考阅读。

联想小新潮7000长时间用PS，视频，网页设计可以吗？

基本上没问题吧，就是长时间视频计算机绝对会卡，视频渲染很耗Cpu的

新手如何用ps制作网页首页

　　1、我们打开ps软件，新建一个1920*3000的文件，分辨率选择72像素，颜色为白色。

　　2、在guideguide插件中，我们将左右边距都设置为360，行数为12，余边为20，单位都为像素。

　　3、下面我们建立首屏线，在【视图】中找到【新建参考线】，选择水平，数值为785像素。

　　4、然后用矩形工具绘制一个1920*785的色块，换一下颜色，便于区分。

　　5、下面我们建立导航条，大小为1920*80，我们用矩形工具去创建。

　　6、下面用文字工具输入导航内容。

　　7、下面为了更加方便的为了以后的创作，我们选择【窗口】【字符样式】，创建一个字符样式，以后的文字就可以用到了。

　　8、继续做下面的页面就可以了。

ps怎么设计主页

制作主页是一项非常复杂的工作，跟创意合成有点类似。首先要根据客户的要求去找一些好的作品作为参考，找出一些灵感，然后搜集相关的素材，并按照自己的思路去慢慢溶图、渲染颜色，处理明暗及细节等。最终效果

一、网页首页模版创建

1、首先打开我们下载的ps软件，左上角选择文件-新建（快捷键ctrl+N），然后创建一个1920x3000的画布，网页设计分辨率选择72就可以，颜色模式我们选择RGB,点击创建；（注意宽度选择的是像素）

为什么我们要创建1920宽的呢，目前我们的显示器分辨率一般为1920px，所以创建1920px宽度的可以使我们的网页背景正好显示完整，左右不会出现空白。

2、接下来我们要将单位与标尺调整为像素，方便我们测量宽高。操作步骤为：-首选项-单位与标尺（快捷键ctrl+K，找到单位与标尺）

3、选择视图-标尺（快捷键ctrl+R）调用我们的刻度尺，方便直观的看到宽度和高度；左击刻度尺拖出2条参考线分别到360和1560刻度，使中间留有1200px的宽度。两个刻度尺中间的距离就为我们内容展示的区域，使用（快捷键ctrl+;）可以显示关闭刻度。

为什么要使用1200px的宽度呢，因为目前主流的网页设计主体内容宽度为980px和1200px，而1200px可以显示更多的内容，网页也可以显得更加的高端大气。

二、使用矩形工具制作黑色背景导航条：

1.选择“矩形工具”，设置填充色为“#333”，描边设为空；

2.创建“图层1”点击画布，在弹出的窗口中设置宽度1920，高度25，点击创建；

3.使用移动工具将导航条移动到左上角；

三、logo图片导入

1、使用文件-》打开（ctrl+o），将logo图片打开；

2、ctrl+A选中图片，然后复制粘贴到当前页面中；

3、移动图片到指定的位置