使用ps制作食物网页

使用Ps制作食物网页
(作者:李文成,撰写时间:2019年4月7日)

软件:Adobe Photoshop CC 2018(PS),
首先打开Ps新建一个图层,使用矩形工具(U)拉出一个矩形,颜色为:#d6caca,再使用横排文字工具(T)将文字打上去,文字大小为:13,颜色为:#333333,注意字体间距要一样,字体大小也要一样,旁边购物袋是使用椭圆工具(U)跟矩形工具制作成的,利用图层的叠放制作而来,倒三角使用钢笔工具(P)制作而来,制作倒三角的时候一定要注意它的标准度,
使用ps制作食物网页
再使用横排文字工具(T)将文字打上去,文字大小为:21,颜色为:#333333,注意文字之间的间距,
使用矩形工具(U)绘制一个距形,把填充关闭,使用描边,颜色为:#333333,大小为:2px,再从网上找一些食物类的图片,把图片放进来,放到矩形里面调整好大小,再从网上找一些轮播用的方向箭头,放进来调整好大小跟位置,再使用横排文字工具(T)将这张图片的名字放在图片里把位置调整一下,然后再使用横排文字工具(T)将文字打上去,文字大小为:12,文字颜色为:#7e888d,
使用ps制作食物网页
然后使用矩形工具(U)绘制一个矩形,颜色为:#d6caca,在绘制4个矩形,颜色为:#ffffff,
这4个矩形的大小要一样,它们之间的间距要一样,然后使用圆角矩形工具(U)绘制3个圆角矩形,其中两个使用描边,颜色为:#000000,大小为:1px,还有一个描边颜色为:#433f3f,大小为:1px,填充颜色为:#b76363,然后使用横排文字工具(T)将文字打上去,
使用ps制作食物网页
再从网上找一些食物图片,放进小矩形里,把大小调整好,然后将他们的菜名以及口味以文字的形式陈述出来,文字大小、间隔要一样,
使用ps制作食物网页
再使用矩形工具(U)绘制一个矩形,颜色为:#b9c6c6,将文字打上去,再从网上找几个QQ、微信、微博的图标放进来。
使用ps制作食物网页
整合起来的成品如下
使用ps制作食物网页