使用ps制作食物网页
使用Ps制作食物网页
（作者：李文成，撰写时间：2019年4月7日）
软件：Adobe Photoshop CC 2018（PS），
首先打开Ps新建一个图层，使用矩形工具（U）拉出一个矩形，颜色为：#d6caca，再使用横排文字工具（T）将文字打上去，文字大小为：13，颜色为：#333333，注意字体间距要一样，字体大小也要一样，旁边购物袋是使用椭圆工具（U）跟矩形工具制作成的，利用图层的叠放制作而来，倒三角使用钢笔工具（P）制作而来，制作倒三角的时候一定要注意它的标准度，
再使用横排文字工具（T）将文字打上去，文字大小为：21，颜色为：#333333，注意文字之间的间距，
使用矩形工具（U）绘制一个距形，把填充关闭，使用描边，颜色为：#333333，大小为：2px，再从网上找一些食物类的图片，把图片放进来，放到矩形里面调整好大小，再从网上找一些轮播用的方向箭头，放进来调整好大小跟位置，再使用横排文字工具（T）将这张图片的名字放在图片里把位置调整一下，然后再使用横排文字工具（T）将文字打上去，文字大小为：12，文字颜色为：#7e888d，
然后使用矩形工具（U）绘制一个矩形，颜色为：#d6caca，在绘制4个矩形，颜色为：#ffffff，
这4个矩形的大小要一样，它们之间的间距要一样，然后使用圆角矩形工具（U）绘制3个圆角矩形，其中两个使用描边，颜色为：#000000，大小为：1px，还有一个描边颜色为：#433f3f，大小为：1px，填充颜色为：#b76363，然后使用横排文字工具（T）将文字打上去，
再从网上找一些食物图片，放进小矩形里，把大小调整好，然后将他们的菜名以及口味以文字的形式陈述出来，文字大小、间隔要一样，
再使用矩形工具（U）绘制一个矩形，颜色为：#b9c6c6，将文字打上去，再从网上找几个QQ、微信、微博的图标放进来。
整合起来的成品如下
使用ps制作食物网页相关推荐
- ps制作食品网页总结
ps制作食品网页总结(作者:王浩 写作时间:2019年4月7日) 一.设计理念:老师布置的食品网页作业 二.设计完成的展示图 三.制作过程 1.用ps创建一个默认的网页的图层,再给一个背景颜色&quo ...
- ps转换html适应网页尺寸,【ps制作网页页面】ps图像如何生成html?如何将PS制作的网页效果图变成可用的网页?PC端UI设计尺寸规范?...
[ps制作网页页面]ps图像如何生成html?如何将PS制作的网页效果图变成可用的网页?PC端UI设计尺寸规范?下面就和小编一起来看看吧! ps图像如何生成html? 事实上,ps有很多功能.你还羡慕 ...
- Ps制作食物网站展示
(作者:张华,撰写时间:20119年4月5日) 一． 分析过程 首先先把食物网站做出来才能展示,我先参考了几张展示然后根据参考的原理做出属于自己的食物展示,首先我做的是关于甜品的食物网站所以我以白色为 ...
- 制作食物官网及网页展示的过程
一开始我对网页的制作一无所知,直到老师布置了一个作业,让我们在网上找二十张食物类型的网页,然后我就开始找网页,找得一头雾水,而且找的网页也不怎么好看,基本都是网店类型的网页.找网页的作业做完了,老师就 ...
- HTML导航条的功能描述,ps制作网页导航条 忘了写文字描述就发了，步骤为：
网页导航条用ps怎么做 要详细一点的 忘了写文字描述就发了,步骤为: 新建一个矩形选区,就是设置好你想做的导航条的宽和高 如何用Photoshop制作网站的"导航栏" 用PS制作的 ...
- ps制作手机端网页字体大小_制作网页的最佳字体大小
ps制作手机端网页字体大小 To make web content work, text on a page must be readable for all visitors. Following ...
- HTML5期末大作业：美食餐厅网站设计——一千一夜美食餐厅(11页) 食品网页设计作业,海鲜网页制作作业, 大众食品学生网页作业, 美食网页作业成品, 食物网页作业模板 ,甜品网页作业定制
HTML5期末大作业:美食餐厅网站设计--一千一夜美食餐厅(11页) 食品网页设计作业,海鲜网页制作作业, 大众食品学生网页作业, 美食网页作业成品, 食物网页作业模板 ,甜品网页作业定制 常见网页设 ...
- html边角效果图,PS制作卷边/卷角效果图2种方法，PS交错的作用，PS压缩图像方法，PSHTML+图像的解释，PS颜色位数的作用...
.html 笔记:椭圆形把卷边全部覆盖,CTRL+T 调整只能没用的,全部覆盖不用担心把背景图给删除了,因为卷边图和背景图是分开的不会因为选择背景图而删除掉的,只会删除卷边图层! 阴影用 图层--混 ...
- PS制作CSS精灵图
精灵图简介 1.精灵图(雪碧图) (1)问题:精灵图就是将很多的小图标合并到一张较大的图片中,那精灵是啥意思呢?(为此笑了一下午的我) . (2)精灵图也称雪碧图,由于大型网页首次加载需要时间,如果再 ...
最新文章
- Quartz-中断正在执行的任务
- 1045 Favorite Color Stripe (30 分)【难度: 中 / 知识点: DP】
- .Net4.0并行库介绍——Cancellation Framework
- robodk导出html错误,在优傲机器人示教器上调试RoboDK机器人程序
- C++ static 用法
- php %3ch1%3e字体,phpWebSite搜索模块跨站脚本执行漏洞
- 使用thead,tbody,tfoot来实现表格的分页打印
- p语言是python吗-Python是纯的面向对象语言吗？
- 海通证券金融云思考与实践(上)
- logistics regression 线性不可分转换成线性可分
- Gradle下载手动安装
- 【MapGIS精品教程】006：MapGIS根据经纬度计算各比例尺图幅编号
- 关于XDC工具的文章
- 箱形图、盒须图、盒式图、箱线图
- Centos7 压缩文件
- LINUX环境中部署JAVA项目步骤
- 关于vue中axios拦截器的使用
- SQLyog 64位破解版 v12.09
- [除錯]引動過程的目標傳回例外狀況
- 创维电视android,当贝市场创维酷开专用版