为您找到与ps制作网页切片相关的共200个结果:
现在的网页设计师很少用到ps去制作网页,但是ps也是可以制作网页的哟,而且效果不输其他软件,我们可以参考一些成熟的网页PS教程,提高自身的设计能力。套用一句话,“熟读唐诗三百首,不会作诗也会吟”。下面跟读文网小编来了解一下吧!
打开PS创建一个新的文档(Ctrl+N)(尺寸:1020px*1120px),背景色: #edebe6
步骤1 - 创建Logo和搜索框
首先,用矩形工具在文档的顶部创建一个黑色的矩形(0,0,1020,12),颜色: #403c33,然后用文字工具添加Logo(字体:Tahoma,(74,62),大小:30px)。
在Logo的右边创建搜索表单,用矩形工具创建一个矩形(755,70,160,25),添加如下的图层样式,然后用文字工具添加文本Search
继续用矩形工具在刚才的矩形的右边创建一个小的矩形(915,70,32,25),对这个矩形添加如下的图层样式:
颜色渐变的颜色为: #b85a36, #fa7b46
描边的颜色: #fde0ce
用文字工具添加文字GO,添加如下的图层样式
步骤2 - 创建导航栏和特色区域
首先,用矩形工具创建一个绿色的矩形(0,188,1020,60),颜色: #aed1c4
用矩形工具创建另一个矩形(51,156),为了示范我用红色。这个矩形的尺寸为918px*62px
Then apply some layer styles:
然后添加如下的图层样式:
内阴影的颜色: #bac4a9
颜色叠加的颜色: #96c6b6
Next I will add the links. For each of them I have applied this layer styles:
接下来要添加一些链接。对每个链接添加如下的样式:
With Pen Tool (P) I will create a small triangle over the Home link and I will apply this layer styles:
用钢笔工具在Home链接的上方创建一个小的三角形,添加如下的图层样式:
投影的颜色: #5a7169
然后用直线工具在链接之间创建一些分割线。直线工具的粗细设置为1px
我首先添加一条深色的直线(颜色: #8fafa4),然后添加一条浅色的直线(颜色: #aad4c6)
然后在图层面板选中刚才的两条直线的图层,Ctrl + E(合并图层),复制几次合并后的图层(在每两个链接之间都有一个分隔符)
接下来用矩形工具创建另一个矩形(72,218,876,254),颜色: #d6e1c7。对它添加如下的图层样式:
描边的颜色: #e4f1d3
给导航栏添加漂亮的3d效果,用钢笔工具创建灰色(颜色: #eaebe3)的三角。
同样的在右边创建另一个三角,这是我做到效果图
个人的建议,如果不能熟练的运用钢笔工具,可以通过复制矩形,调整大小,旋转角度,调整图层顺序来达到同样的效果。
用文本工具添加一些文本
大标题文字,字体:Tahoma,大小:30px,添加如下的图层样式
段落文字的颜色: #7f7f7f
从我收藏的图片中搜索一个关于商业的图片。要注意的是当你在PS中添加图片的时候,常常分辨率是非常高的,你要做的就是重新调整它的大小,在键盘上用Ctrl+T激活自由变形工具。
在PS CS5中通过置入的方式打开图片的话,为了后续的操作,还必须在该图层上右键选择“栅格化图层”
这是我添加的图片
用矩形选择工具在图片的上方设置矩形选区
在图片上方右键鼠标(在用矩形选择工具选择的范围内),选择“羽化”
羽化的半径设置为50px
接下来再次鼠标右键点击选中区域,这次是选择“选择反向”
按delete键几次,删除图片边缘的区域,达到羽化的效果。不同的图片次数不是固定的,本文中的图片是4次。
图层的混合模式选择“明度”,不透明度设置为不超过60%
结果如下:
接下来要在特色区域添加一个按钮(在文本的底部)。用矩形工具创建一个矩形(392,425,92,28)并添加如下的样式:
渐变叠加的颜色: #ba5c38,#f97c44
描边的颜色: #ffe0ce
给按钮添加文字Click here。并复制之前搜索栏那块的GO文字的图层样式
我的样张
现在要对特色区域增加一些变化。在图层面板选择特色区域的主要矩形,然后进行自由变换(Ctrl + T),然后点击“在自由变换和变形模式切换”按钮
这样会进入自定变形模式,会显示一个控制变形的网格
Here select this corner, and with your mouse gently drag it a little bit down
选择左下角的控制点,然后用鼠标轻轻的往下拖动一点点(往下拖动14px)
选择右下角的控制点,做同样的步骤
当你做完按ENTER键确定
My result
我的结果
最后要对特色区域添加一些阴影,用椭圆工具添加一个椭圆
接下来点击:滤镜 > 模糊 > 高斯模糊,设置半径为10px,然后用矩形选择工具选取如下的矩形
按键盘上的DELETE键删除选区的内容,然后Ctrl+D取消选区
这是我的结果:
接下来,我想在弯曲形状的底部添加一个阴影。不幸的是我不太会使用"标准方法"——椭圆工具,去创建一个好看的阴影。因此我会使用画笔工具去画阴影。
创建一个新图层在你的图层面板 (Ctrl + Alt + Shift + N)上,选择圆角的画笔,黑色,沿着弯曲形状的边缘画一条黑线。
现在添加高斯模糊(滤镜 > 模糊 > 高斯模糊),半径设置为12px
我的结果 - 一个漂亮柔和的阴影
步骤3 - 创建内容区域
这部分非常容易。首先用矩形工具创建一个矩形(47,416,926,464),颜色: #d6e1c7
接下来,用矩形工具在左侧新建一个灰色的矩形(47,416,25,70),颜色: #acb69e
用直接选择工具选择矩形的左下角,按DELETE键删除左下角的控制点,使之成为一个阴影三角形
同同样的方法在右侧新建矩形(948,416,25,70),删除右下角控制点,成为另一边的阴影三角形
然后用文字工具添加一些文本,标题文字的颜色: #4a5340
在标题和内容之间,用直线工具添加白色的水平分割线,不透明度设置为50%
在两栏之间添加阴影分隔符,和特色区域文字和图片之间的分割符做法类似
内容区域就完成了
步骤4 - 页脚
这部分,非常容易制作因为和特色区域一模一样。我要用和特色区域相同的技术去制作它
因为是类似,就直接复制特色区域的相关图层,移到合适的位置,点击:编辑 > 变换 > 垂直翻转,再进行合适的微调。
from Featured Area. If you have followed me when I have created Featured Area you will be able to create the Footer also.
用文字工具添加一些文本,用矩形工具添加一些Newsletter的文本框,桔黄色按钮是用和特色区域的按钮的同样的图层样式。如果你是一直跟着我做完特色区域,那你一定也能完成页脚区域
页脚区域:
标题文字:颜色: #98a289
文本框:用矩形工具画矩形,图层样式直接复制头部区域文本框的图层样式
文本框文字:直接复制头部区域文本框文字,修改文字后,移到合适的位置
按钮:用矩形工具画矩形,图层样式直接复制头部区域按钮的图层样式
按钮文字:直接复制头部区域按钮文字,修改文字后,移到合适的位置
阴影分割符:直接复制内容区域的阴影分隔符,移到合适的位置
下面是我最终的结果:
心得:
本教程的特色是利用变形模式,完成折纸特效
浏览量:2
下载量:0
时间:
在制作wps表格的时候,要怎么在表格中制作柱形图呢?下面读文网小编就为你介绍wps表格怎样制作柱形图的方法啦!
wps表格制作柱形图的方法:
1.打开从网站上下载的数据,此数据为2014年10月至2015年3月(除去2015年1月数据)的数据
2.选中想要生成柱状图的数据
3.选择菜单中的插入,图表选项
4.点开后如下图所示,由于名字过长,生成预览的表并不太好看
5.图标的左侧为柱状图类型,颜色选择项,可以根据自身的需要调整
6.生成后效果,如下图所示
浏览量:3
下载量:0
时间:
在制作wps文档的时候,要怎么去制作文档的目录呢?下面读文网小编就为你介绍wps文字怎么制作目录的方法啦!
wps文字制作目录的方法:
第一步、首先插入标题;就是一个大的栏目和栏目下面的小目录,先来看看目录生成后的效果吧。
第二步、插入标题后点击开始,然后在右侧选择标题1或者标题2,这个只是控制着标题大小。
第三步、插入需要的目录。这里就用目录1,目录2来代替了。
第四步、然后还需要再设置一下标题离正文的距离,因为正文和目录太近了会感觉很别扭。点击“开始”,然后按下面的图来操作。
进入之后把间距设置大一些就可以咯。
第五步、点击确定之后,把鼠标放在标题的后面。
第六步、然后再点击“引用”,然后选择“插入目录”。
第七步、然后设置显示级别。
第八步、点击“确定”就能生成目录啦!
浏览量:3
下载量:0
时间:
对于wps幻灯片的制作 ,要怎么去制作一个相册呢?下面读文网小编就为你介绍wps演示怎么制作相册的方法啦!
wps演示制作相册的方法:
1.打开PPT,并新建一个文档。
2.点击插入图片,把需要做成相册的相片都拖进来。
3.用切换,为每一张图片添加一个切换的样式。
4.添加一个封面和最后一页的感谢。
5.可以设置手动换页,也可以设置每个数秒自动换图。
看了wps演示怎么制作相册
浏览量:3
下载量:0
时间:
对于wps表格的制作,要怎么在表格中制作下拉菜单呢?下面读文网小编就为你介绍wps表格怎样制作下拉菜单的方法啦!
制作表格:这里在A列输入姓名;在B列输入班级。加入这里的学生只分布在101—104班。我们为了一个输入班级,可以先将可供选择的班级输到正式表格旁边(如下图)。
设置下拉列表:鼠标点击B2单元格——点击“数据”——点击“有效性”
在弹出的“数据有效性”对话框中,找到并点击序列;在“提供下拉箭头”前的方框中打上对勾;
点击来源——当光标在来源前面方框闪动时,鼠标选中表格中已经输好的“101—104”班——点击“确定”。
B2单元格会出现下拉箭头——鼠标点击B2单元格,在将鼠标移到单元格的右下角,鼠标呈现实心十字架是,从上向下拖动鼠标,这就完成了对格式的复制
最后在每个姓名后面的班级列点击下拉箭头,找到对应班级点击下就完成了对班级的输入。
浏览量:4
下载量:0
时间:
对于wps表格的制作,要怎么去制作一个简单的表格呢?下面读文网小编就为你介绍wps表格怎么制作表格的方法啦!
wps表格制作表格的方法:
电脑桌面空白处点右键新 建一个空白表格。并将表格名称改成自己熟悉的名称。
2打开表格,在第一行输入自己表格的名头(例如业务销售提成表)
3一般表头需要在所有表格的总上方,此时需要合并表格如图,点击合并单元格即可实现。
将鼠标放置在大写字母的标志上,可看见向下的黑色箭头,点击鼠标选中可进行列的调节,当想将一个列挪离原来的位置,可以鼠标选中该列,点右键--剪切,然后在想要放置该列的位置点击右键选择插入剪切的单元格,即可实现列的挪动。将鼠标放左边数字的位置可以进行行的调节。行的位置调节同列操作一样。
在表格中输入完需要的数据后,可以按需要调节字体的大小、粗细、形状。原本的表格是虚线,预览和打印时不显示表格线,可以点击框线选项,将表格实线化,这样表格在预览和打印的时候就可以显示表格线。这个选项也有几种选项可选。
当表格中的文字打不下时可以鼠标选中该格点右键----设置单元格---上选对齐---自动换行,可以实现文字的的自动换行,以免打印出的时候缺少文字。
表格还可以做简单的公式运算,以乘法为例,将鼠标放在得数积所在的格选中,按下键盘等号键,再用鼠标选中相乘的两个或更多的数格,点每个中间都按一下键盘上的乘号键,表示相乘(相除的话按除号键,在小键盘的位置是/的标志,其他公式方法相同)就会出现 如下图所示的现象,(图中显示的B3*C3是指相乘的格所在的位置),最后按下回车键就可以得出得数。
想要整个表格都是这样的公式,可以将鼠标放置在得数格的右下角处,会出现一黑色的十字标,按住鼠标左键以十字标向下拉动,下面的格中会显示出数字,这些数就是先前相乘的两列全部相乘的得数,(即B列和C列相乘后的得数)很多表格 中会用到这些公式,当前面列的数字有变化时,得数位置也会产生相应的变化。通常我们可以将做好的表格留存,下次直接更改数字就可以做成新的表格了。
如图下拉表格后会出现一个小的标志,标志旁的小三角点开可以有不同的选项,如复制单元格或以序列的方式填充等,可以根据需要选择。
这个功能通常在输入数字的时候有用,例如1、2、3等数字,当输入1时,按下表格右下角的十字下拉,直接可以在下格显示出2、3等序列数字。
有时候做出的表格行列数很多在电脑显示器上会显示不完整,制作表格时会不方便,这时我们可以利用冻结表格这个功能。
冻结表格后上下左右拉动表格,被冻结的部位会不动。冻结的表格随时可以取消冻结
制作完的表格点击预览按钮,可以观看表格整体效果。可以调整页边距,打印的方向,设置页眉和页脚。
需要打印的时候可以点击打印。
浏览量:4
下载量:0
时间:
对于wps幻灯片的制作,要怎么给幻灯片制作一个新的母板呢?下面读文网小编就为你介绍wps演示怎么制作母板的方法啦!
wps演示制作母板的方法:
1、用WPSPPT打开一个演示文稿。
2、选择“视图”—“幻灯片母版”,打开幻灯片的母版。
3、对幻灯片母版进行编辑。以添加背景为例,通过“插入”—“图片”为母版添加背景图片。【背景图片可以利用自己设计的或者是具有自己个性的原创图片都可以】
4、选择好图片插入后。把光标放到图片上点击右键选择“置于底层”【这一步的目的是为了方便后面编辑设计其他的项目】
5、如图,我们还可以在这些地方加入我们想让每一张幻灯片都显示的内容。比如:某某人制作等等都可以,而且这些模块还可以自由移动位置,个人可以根据需要做一些微调。
6、设计好你想让每一张幻灯片都显示的内容后。点击“幻灯片母版”菜单,再点击关闭按钮,如图所示:
7、此时你会看到你所编辑好的母版已经是这个样子了。如果还有什么地方不理想可以再重复以上步骤进行调整。
8、现在我们来看看效果吧!在工作区左侧点击右键选择新建幻灯片。看看是不是达到了我们想要的效果了。
浏览量:2
下载量:0
时间:
wps表格不仅能用来记录数据,还能用来制作简历呢,你知道怎么制作吗?下面读文网小编就为你介绍wps表格怎样制作简历的方法啦!
wps表格怎样制作简历的方法:
1.首先打开WPS表格制作软件或是打开EXCEL软件
2.点击文件,新建一个表格文档
3.在新建的文档里面输入个人简历的一些标准术语,比如姓名,性别,年龄,专业等都是必不可少的
4.基本格式输入完成后框选所有文字,点选所有框线
5.利用文字样式,合并单元格,等工具将表格布局布置得更加合理
6.根据自己的真实情况填写工整,保存并打印出来就行了
浏览量:4
下载量:0
时间:
对于wps表格的制作,要怎么在表格中制作图表呢?下面读文网小编就为你介绍wps表格如何制作图表的方法啦!
wps表格制作图表的方法:
我们先制作一个数据表格,把数据填入表格中。如果你是新手,那么希望你制作一个与图片中相同的表格,在下面的课程中有些操作方便我的讲解!
在软件顶部菜单栏中,点击【插入】,在插入的功能区,我们选择【图表】。
点击图表后在弹出的窗口中,选择柱形下的第一个图表,然后选择【下一步】!
进入到【源数据窗口】,在数据区域的输入框后方,点击那个选择图标。
点击后窗口便缩小至输入框大小,我们把鼠标放到1号的数据表格中,点击鼠标不放一直拖动鼠标到10号数据表格中。这时在源数据的输入框中,我们发现有一条读取数据的代码,然后再点击输入框右边的图标,还原窗口!
在还原窗口中,我们可以看到数据区域已经出现图表样式和数据分析结果。这里我们点击【完成】。
这时候数据图表就出来了,我们可以把鼠标放到图表上拖动图表,放置到合适的位置。如果我们想在不修改数据的情况下修改图表,那么就在图表上点击右键选择【图表类型】。
然后便可修改为其他类型的图表,点击相应的图表后,便得出该图表对当前数据的分布结果。最后选择【确定】即可!
浏览量:3
下载量:0
时间:
在制作wps幻灯片的时候,要怎么去制作一个流程图呢?下面读文网小编就为你介绍wps演示怎样制作流程图的方法啦!
安装Powerpoint软件,并打开,新建一个空白文档。
把需要修改的流程图贴到PPT中。
点击插入下的形状,找到里面的流程图的图标。
修改原图。原图中没有申请人,也就是开始的标记。这里增加一个申请人。申请单换一个文档标志。
添加一个选择框。
接着,后面的几个都按原图,用矩形,然后填充文字,链接线做好。
浏览量:3
下载量:0
时间:
那你知道怎么在wps表格中制作饼图吗?下面读文网小编就为你介绍wps表格怎么制作饼图的方法啦!
wps表格制作饼图的方法:
用WPS表格软件打开准备好的excel数据。如图
用鼠标左键框选中前十行和前四列数据,在菜单中选择“插入”——“图表”,单击之。
弹出“插入图表”对话框,在框体左侧,单击饼图,然后点击确定。
得到生成的饼状图结果。
如果感觉饼图的显示不够丰富,可以在工具栏中改变图表的样式,如图红框部分。
浏览量:3
下载量:0
时间:
我们知道wps表格可以用来登记数据,在统计数据的时候也有多种表现形式,如柱状图,那你知道怎么制作吗?下面读文网小编就为你介绍wps表格怎么制作柱状图的方法啦!
wps表格制作柱状图的方法:
1.打开从网站上下载的数据,此数据为2014年10月至2015年3月(除去2015年1月数据)的数据
2.选中想要生成柱状图的数据
3.选择菜单中的插入,图表选项
4.点开后如下图所示,由于名字过长,生成预览的表并不太好看
5.图标的左侧为柱状图类型,颜色选择项,可以根据自身的需要调整
6.生成后效果,如下图所示
浏览量:3
下载量:0
时间:
在制作wps表格的时候,要怎么制作一个柱形图呢?下面读文网小编就为你介绍wps表格怎么制作柱形图的方法啦!
wps表格制作柱形图的方法:
1.打开从网站上下载的数据,此数据为2014年10月至2015年3月(除去2015年1月数据)的数据
2.选中想要生成柱状图的数据
3.选择菜单中的插入,图表选项
4.点开后如下图所示,由于名字过长,生成预览的表并不太好看
5.图标的左侧为柱状图类型,颜色选择项,可以根据自身的需要调整
6.生成后效果,如下图所示
浏览量:3
下载量:0
时间:
你知道怎么在文档中制作表格吗?下面读文网小编就为你介绍wps文档如何制作表格的方法啦!
wps文档制作表格的方法:
打开WPS文字,新建一个空白页。,
再者我们要做的就是创建(插入或绘制)表格了。这时在其文档的上方找到“插入”并点击,
然后再在其下方找到表格,并点击
此时会出现一个对话框,这里面可以选择的有:“插入表格”和“绘制表格”,如果是普通表格建议直接采用“插入表格”
点击“插入表格”此时会弹出另外一个对话框
我们在其对话框中输入自己所需要的对应的列数和行数
最后我们在其对话框下方点击“确定”即可(列宽选择一般建议采用自动列宽),点击确定后即会弹出我们所需要的表格
浏览量:3
下载量:0
时间:
对于wps表格的制作,怎么样在表格中制作饼图呢?下面读文网小编就为你介绍wps表格如何制作饼图的方法啦!
wps表格制作饼图的方法:
用WPS表格软件打开准备好的excel数据。如图
用鼠标左键框选中前十行和前四列数据,在菜单中选择“插入”——“图表”,单击之。
弹出“插入图表”对话框,在框体左侧,单击饼图,然后点击确定。
得到生成的饼状图结果。
如果感觉饼图的显示不够丰富,可以在工具栏中改变图表的样式,如图红框部分。
浏览量:4
下载量:0
时间:
你知道怎么在幻灯片文档中制作流程图吗?下面读文网小编就为你介绍wps幻灯片怎么制作流程图的方法啦!
wps幻灯片制作流程图的方法:
安装Powerpoint软件,并打开,新建一个空白文档。
把需要修改的流程图贴到PPT中。
3.点击插入下的形状,找到里面的流程图的图标。
修改原图。原图中没有申请人,也就是开始的标记。这里增加一个申请人。申请单换一个文档标志。
添加一个选择框。
接着,后面的几个都按原图,用矩形,然后填充文字,链接线做好。
浏览量:3
下载量:0
时间:
你知道怎么在wps幻灯片中制作柱状图吗?下面读文网小编就为你介绍wps演示怎么制作柱状图的方法啦!
wps演示制作柱状图的方法:
①启动WPS演示,单击菜单栏--插入--图表。
②这时会自动弹出WPS表格,产生数据以及图表。
③右击图表,选择图表类型。
④下面就可以将图表类型设为其他样子了。
⑤最终效果如下图所示。
浏览量:3
下载量:0
时间: