1、接下来，现在对比PS和AI两软件，看一下它们的应用吧Photoshop是非常优秀的专业图像处理软件，一直占据着图像处理软件的领袖地位，是平面设计建筑装修设计摄影后期三维动画制作及网页设计等的必用软件其惊人的功能也引起广大业余图像处理爱好者的强烈兴趣Illustrator作为全球最著名的图形软件，以其；1在Photoshop中打开设计稿，如下图2选择工具板上的slice切片工具，大面积的色块单独切成一块，尽可能的保持在水平线上的整齐，切好的图如下所示3在PhotoShop中选择filesave for web来输出，这里要注意一些参数的选择4接下来在Dreamweaver里建立站点5在图示左边的site name中为；6 作品包装设计 要去面试UI设计工作的时候，最终都需要有一份作品集来进行面试，那这个作品集就要进行精心的设计之后才能用来面试，常见的作品包装设计就是给APP界面加样机做展示图的效果，这些都是我们可以用PS软件来进行设计的7 网页界面设计 我们经常打开的网站，比如百度，进去搜索一个资料，这一；在使用PhotoshopPS进行网页设计时，首先需要将所需内容通过切片工具切分，并保存为适合Web和设备使用的格式完成这些步骤后，你将获得一个名为images的文件夹，其中包含切片后的图片，以及一个HTML文件，这便是网页效果图接下来，你可以在DreamweaverDW中将这些切片好的图片进行布局需要注意的是；PS网页设计除了要求你具有设计的功底，还需要你有良好的工具使用习惯，这里主要说2点素材整理和图层操作素材整理，PS中比较灵活的素材就是字体笔刷样式图案，其中样式尤为重要，你出来使用网上下载的素材外，平时自己经常使用的也可以新建到样式列表中，并且，注意及时备份你。

2、ps主要用来设计网页效果图和对效果图进行切片以及一些网页小元素的处理和制作，用处可以说相当大，学好PS就完全可以制作出精美的网页了illustrator主要是处理一些矢量图形或者图标，辅助PS进行网页设计，这要看你哪个软件掌握的熟练，就以哪个为主掌握了基本的网页设计软件，下面就要多学习一些网页的基本知识；ps中网页设计的图标如何设计1 使用椭圆工具画出网网页的正面及背面，并绘制出网页的上面下面的面，再使用白色填充网页的底部，用灰白色填充网网，将网页的上面下面三个部分用灰黑色填充，将背景色设置为浅橙色2 使用灰白色填充网页的右侧边框，再用灰黑色填充左侧的细节，再用灰白色填充下面的三；在功能上非常强悍，尤其是各种图层和调节，不同的图层会有不同的效果，而且拥有丰富的笔刷，可以制作各种各样的效果或者风格，ps画笔的工具和设计工具也十分的强大，如图层样式滤镜图像效果等功能，可以让设计师们在它的辅助下，创作出许多精美的作品Sai的定位是绘画，整个软件从设计上就是为了绘画服务的；1先用Photoshop做一个网页图片2Ctrl+R调出标尺，在图片上绘制表格，框选出要做链接的部分3使用切片工具，按照绘制的表格划分切片 4以上步骤完成后，进行操作“文件”“储存为Web和设备所用格式”，在打开的窗口中按照自己的需要为网页图片作设置，设置完成后，“储存”，保存类型“html和图片。

3、然后通过ps打开如图请点击输入图片描述 然后通过ps的取色工具，当然你也可以直接使用自己喜欢的颜色取色工具的使用很简单，鼠标左键点击要用的图片上的一点颜色就行然后用油漆桶或者渐变工具，点击之前新建的空白的背景图就好了之后我就结束了，因为喜欢简单当然你们可以在背景图上设计一些喜欢的；简单的图片格式的保存为网页格式的话 第一在PS里面设计好网页 第二利用切片工具把网页切成一块一块，要想提高页面访问速度的话就切片切的小一点 第三保存为WEB所有格式图片及HTML 这样的话你直接打开HTML的话 就形成了页面访问的网页了；据我所知，这样的教程基本没有因为做网页效果图只要基本的操作，有时从别的网页截一块下来处理一下，直接用到自己的效果图上一般显示器分辨率 宽1024 高 768 宽减去滚动条的宽度， 一般为10031004 不会有横拉条 高度 根据页而定 网页设计需要的PS操作技术并不是很多，只要掌握基础就行了；1首先打开需要编辑的ps，点击左侧“路径选择工具”选项2然后在该页面中鼠标左键选择要移动图案的整条路径3之后在该页面中鼠标左键按住椭圆边框并移动鼠标即可移动路径4最后点击选中ps网页版，点击确定移动即可ph怎么做网页1在Photoshop里面打开一张要设计网站的图片 2选择切片工具剪切网；两种布局灵活搭配，借助三分法来突出页面重点，也掌握页面平衡，如此才能调教出优秀的网页三最后的思考 虽然说设计和艺术有着根本的区别，但是两者并非对立的关系诚然依着规则可以设计出更符合大众口味的作品，但是打破规则，充满个性和艺术感的设计作品又何尝不会令人印象深刻呢。

4、1 设计草图在开始使用Photoshop之前，建议您先绘制出网页的基本布局草图使用铅笔工具绘制网页的各个部分，例如头部主体内容区域导航栏和页脚等确保草图清晰地体现出网页的整体结构2 色彩与布局在草图基础上，开始在Photoshop中构建网页的设计选择合适的颜色方案，确保色彩搭配既美观又符合网站；1 在PS中打开要做链接的图片或按钮2 使用文本工具创建一个文本框，输入链接地址3 选中文本框，选择“窗口”“属性”或按F4键，在“属性”栏中找到“链接”选项4 点击“链接”选项，在弹出的对话框中输入链接地址和链接目标在当前窗口或新窗口中打开链接，点击“确定”保存5。

5、使用Photoshop和Dreamweaver制作网页的方法如下一使用Photoshop制作网页效果图 创建背景图片新建一个1920px*400px的文件使用渐变工具，拉一个从蓝色到白色的渐变，作为网页背景保存这张图片为gif格式，作为网页的顶部背景设计网页效果图新建一个1000*800的文件，用于设计整个网页的效果图使用各种；设计一个尺寸后，就直接设计内容就可以，注意不要合并任何图层，文字可以拿一些常用的字代替都做完后，保存成PSD和JPEG两种格式前者就是模板，后者就是网上的预览！用Photoshop设计漂亮的网页页脚模板 本文介绍一篇制作网页页脚的PS教程，这个页脚的设计很有层次感，同时用网格空格背景纹理修饰，是一个十分漂亮的。