精华内容
下载资源
问答
  • PS制作食品网页

    2019-04-08 16:44:00
    PS制作食品网页作业 作者:代富强 撰写时间:2019.4.8 首先新建一个空白文档,先想一下自己要做哪一种类型、什么风格的网页。然后再做一个原型图,如果你觉得原型图ok的话,就开始按照原型图风格来排版。如果你觉得...

    PS制作食品网页

    作者:代富强 撰写时间:2019.4.8
    首先新建一个空白文档,先想一下自己要做哪一种类型、什么风格的网页。然后再做一个原型图,如果你觉得原型图ok的话,就开始按照原型图风格来排版。如果你觉得原型图不是很合适,可以再换一种风格继续做。原型图也不需要很多时间来做,不需要你做得很光彩亮丽,很花里胡哨。原型图只是一个参考的黑白版。我打算做的是一个蛋糕网站,主风格是采用甜美清新。采用的是暖色系列。整体效果如下图所示在这里插入图片描述。我有四个板块:店长推荐在这里插入图片描述、热销商品在这里插入图片描述、资深人源在这里插入图片描述、系列推荐在这里插入图片描述。标题字我采用了红色、并做了加大处理。导航栏里的字体我采用了黑色在这里插入图片描述,已点击的文字会变成橙色,这样用户可以很方便得查看自己现在打开了什么页面,出于哪一个位置。导航栏右边我放了一个头像,点击可以进入个人中心。店长推荐板块我采用图片轮播在这里插入图片描述,看起来比较舒适。资深人源板块我先是用了两张甜点师的照片,然后觉得太单调,加入了两张小甜点的图片,再改了一下排版在这里插入图片描述。左边用一系列文字衬托,显得蛮有格调。

    展开全文
  • ps制作食品网站

    2019-04-18 08:04:29
    ps制作食品网站 一开始设计网页的时候感觉人很烦躁但是过了几天别人都做了差不多了我还有很多准备工作还没有做所以我就去上网查找那些知名的食品网站来看,看了好久才了解到食品网站的结构大概是什么样子的,食品...
                        用ps制作食品网站
    

    一开始设计网页的时候感觉人很烦躁但是过了几天别人都做了差不多了我还有很多准备工作还没有做所以我就去上网查找那些知名的食品网站来看,看了好久才了解到食品网站的结构大概是什么样子的,食品网站的构造大概是这样子的
    如下图在这里插入图片描述

    要设计网页就必须先构思出食品网站的大结构从而慢慢完善使其成为一个完整的食品网页。很多时候设计作品都是靠个人灵感的比较多的也有的是平常上网看别人的优秀作品看多了也会有灵感的但是这种情况不会太多。
    食品网站主要的特点是要新奇还有引人注目这样才会有人去观看你的网站,从而网站上销售的东西才会有人去关注下单,要是把食品网站 给做得很死板的话人家看一眼就会绝得烦躁所以网站一定要新颖这样子才行。
    如下图就是我做得食品网站在这里插入图片描述

    我这张网站是以红色为主色调的所用的颜色都是临近的看起来也算还行吧,这张网页是比较简单的还有较复杂的,而且食品网站越简单越好这样子看起来才会觉得简洁明了让顾客看起来更加舒心。
    以上即是我这一节课所做的总结。

    展开全文
  • PS网页制作

    2017-12-24 17:22:05
    PS网页制作完成模板,关于蛋糕网页PS网页制作完成模板,关于蛋糕网页PS网页制作完成模板,关于蛋糕网页
  • ps制作食品网页总结

    2019-04-08 15:45:35
    ps制作食品网页总结 (作者:王浩 写作时间:2019年4月7日) 一.设计理念:老师布置的食品网页作业 二.设计完成的展示图 三.制作过程 1.用ps创建一个默认的网页的图层,再给一个背景颜色“#e0d0b7” 2.我是先把...
                                ps制作食品网页总结
                       (作者:王浩 写作时间:2019年4月7日)
    

    一.设计理念:老师布置的食品网页作业
    二.设计完成的展示图
    在这里插入图片描述
    三.制作过程
    1.用ps创建一个默认的网页的图层,再给一个背景颜色“#e0d0b7”
    2.我是先把网页的头部先做出来。
    在这里插入图片描述
    第一步:先给这个食品网页做一个“LOGO”我是用矩形和椭圆做出来的。
    先画一个矩形,颜色“#b5474f”
    在这里插入图片描述
    然后“ctrl+j”复制这个矩形,颜色改为“#ffffff”,再向右移动成这样。
    在这里插入图片描述
    然后以此类推做3个这样的
    再用椭圆工具画一个白色的椭圆再刚刚做的矩形上再“创建剪贴蒙版”。
    在这里插入图片描述在这里插入图片描述
    上面那个装饰是在网上找的素材。
    第二步:就网页的店铺名称“奇葩蛋糕店”字体大小:8点,字体:微软雅黑“Regular”颜色:“#231815”。再到这个“奇葩蛋糕店”下面打出“wanghao”字体大小:6点,字体:微软雅黑“Regular”颜色:“#231815”
    再到它旁边打出“首页”字体大小:14点,字体:微软雅黑“Regular”颜色“#952023”,用矩形工具画一个矩在“首页”下面,颜色“#952023”。然后再打出“最新款式”,“会员专区”,“火热专区”,“打折专区”“联系我们”字体大小:14点,微软雅黑“Regular”颜色:“#231815”。然后用圆角矩形工具画一个圆角矩形,加个描边,颜色:“#ffffff”描边颜色:“#626161,描边:0.25像素”
    在这里插入图片描述
    再到这个圆角矩形里画一个小的圆角矩形,放在右边,颜色:“#e50012”,再用横排文字工具打出“搜索”颜色:“#ffffff”字体大小:8点,字体:微软雅黑“Regular”。
    在这里插入图片描述
    然后再用横排文字工具打出“登陆/注册”“广州”字体大小:10点 颜色:“#231815”字体:微软雅黑“Regular”,再用自定形状工具里的一个三角形,颜色:“#323333”
    在这里插入图片描述
    然后再用矩形工具画一个长方形再下面,颜色:“#dadddb”。

    再往在这里插入图片描述下那个主题图片,是再网上找的素材。
    再往下我用矩形工具画了一个长方形,颜色:“#952023”,那个铃铛是老师布置的作业里面的素材,然后再用横排文字工具打出“涨价通知:尊敬的客户,由于你们天天来我们店来买我们店内的东西,所有我们要涨价了,请你们多多包涵。”颜色:“#040000”,字体大小:12点,字体:微软雅黑“Regular”。
    在这里插入图片描述
    第三步:用AI辅助ps,先用AI里的矩形工具,画一个矩形,渐变描边,颜色“#ffffff”渐变描边颜色:“#f7b52c,#e95513”还加了投影。
    在这里插入图片描述在这里插入图片描述
    然后用横排文字工具打出“蛋糕”颜色:“#231815”字体大小:20pt,字体:微软雅黑“Regular”
    在这里插入图片描述
    然后再放一张图片上去,给它一个高斯模糊,是在网上找的素材。
    在这里插入图片描述在这里插入图片描述
    然后再放一个图片,加了点透明度“透明度为60度”,这是以前老师布置作业里的素材。
    在这里插入图片描述
    剩下的三个这样的只需要该一下渐变描边和图片,文字。现在我把后面三个描边颜色分别打出来“#231815,#40210f”,“#f7b52c,#e95513”,“#c30d23,#c30d23”做完之后把它导到ps里
    第四步:这里我由用到了老师布置作业里的素材,像这样摆放。
    在这里插入图片描述
    先画一个矩形,颜色“#5f5f5f”。在用横排文字工具打出“蛋糕/”“专区”字体大小:20点,14点,颜色:“#231815”,字体:微软软雅黑“Regular”。
    然后在网上找一些素材,把它们放上去。然后再用横排文字工具打出“名称:草莓蛋糕”“价格:299元”,“名称:黑白巧克力慕斯”“价格:299元”,“名称:黑白巧克力蛋糕”“价格:299元”颜色:“#231815”文字大小:16点,14。然后用矩形工具画一个长方形,颜色:“#861c21”,再用横排文字工具打出“立即购买”分别放在它们的下面,文字颜色:“#ffffff”文字大小:14点。然后再用矩形工具画一个长方形,颜色:“5f5f5f”。再用钢笔工具画出两种形状,颜色:“#902023,#bf7b18”,再用横排文字工具打出“新品,缺货”颜色“#fffffff”大小:12点剩下的那些都是一样的做法,不用多说了。
    谢谢观赏,有问题多多提出了,我把改善的更好。

    展开全文
  • 使用ps制作食物网页

    2019-04-08 14:54:02
    使用Ps制作食物网页 (作者:李文成,撰写时间:2019年4月7日) 软件:Adobe Photoshop CC 2018(PS), 首先打开Ps新建一个图层,使用矩形工具(U)拉出一个矩形,颜色为:#d6caca,再使用横排文字工具(T)将文字...

    使用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制作网页按钮

    2013-10-16 13:24:03
    关于怎样用ps的渐变工具和填充工具以及混合选项制作网页的按钮
  • ps制作网页页面】ps图像如何生成html?如何将PS制作网页效果图变成可用的网页?PC端UI设计尺寸规范?下面就和小编一起来看看吧!ps图像如何生成html?事实上,ps有很多功能。你还羡慕别人写简单的html静态页面吗?不要...
  • ps制作网页页面】ps图像如何生成html?如何将PS制作网页效果图变成可用的网页?PC端UI设计尺寸规范?下面就和小编一起来看看吧!ps图像如何生成html?事实上,ps有很多功能。你还羡慕别人写简单的html静态页面吗?不要...
  • 制作网页标准的流程是:拿到网站美工制作的psd效果图后,在由ps切图转CSS+HTML的过程中,通常有以下几种做法:1、打开PhotoShop将图片切割,然后导出为(x)HTML页面或保存为web所用格式–选择页面和图片。2、直接在...
  • 使用ps制作网页展示

    2019-05-08 19:03:46
    (作者:翟正兴,撰写时间2019年5月4日) 首先打开ps新建一个画板然后再用钢笔工具画一个图形出来给它上个...像这样排好之后我们再把网站里面的颜色找出来摆再上面排好图片的左边,网页里面的颜色有#bade98,#eba...
  • ps制作海报

    2019-04-08 14:57:00
    ps制作海报 (作者:翁艺全 撰写时间:2019年4月8号) 先在ps中找到大小合适的页面用来做海报 用ctar+N来转入选择页面,选择合适的大小来做海报设计,在跳入选择页面时选择打印文档 如下图:选择打印文档中尺寸为...
  • 首先打开ps创建一个画板,然后在画板的最上面用矩形工具画一条矩形出来,画出来的颜色为# 2f323b,然后再我们画出来的矩形里面打上logo和你这后台网站的名字,然后再打上一些你这后台网站的应用的一些东西。...
  • PS网页制作课设

    2017-01-11 23:57:47
    PS制作主页和内页
  • ps制作音乐

    2019-05-08 00:51:52
    Ps这个应用的作用可真大象平常的批图还有设计师都会用到ps这个应用这一章节所说的是用ps制作音乐首先要在选择页面中选出最适合用来做音乐的页面因为图形的大小是由背景来确定的背景越大所做的图就会相对变大而我所做...
  • Ps制作网页展示总结

    千次阅读 2019-04-01 21:08:11
    网页展示是由网页制作出来的,这个网页展示制作出来就是为了宣传这个网页里的内容,我做的网页是食品网页,在做的时候我忘记食品网页再做的时候背景因该选择用黄色,因为黄色会使人由食欲感,而我就因为看见了水果才...
  • ps制作播放器

    2018-10-31 00:43:02
    ps制作录音机 刚开始没有接触ps的时候觉得ps没什么东西,也没有太大的兴趣。后来接触发现ps是一个神奇的软件。 可以把一些图片展现的更加立体。更加形象。对于前端页面的设计也有好处。 这是我做的ps的效果图 ...
  • 1A 是网页网页之间联系的纽带也是网页的重要特色 A导航条 B表格 C框架 D超链接 2绘制网站页面可使用的绘图工具有D AAuthorware BVisual Basic CFlash DFireworks 3在编辑完首页之后会保存首页文件下列哪个不是首页...
  • ps 网页制作 教程

    2014-12-17 19:56:56
    ps教程自学网是一个教你从零开始学习ps的专业PS网站,在PS教程自学网,您可以通过PS在线教程系统学习PS知识,通过PS问答与资深人士进行深入交流和扩展人脉
  • 网页原版的制作,是按照图片的不知排版的,每一个图片都是由一张原版制作出来的,图片的原版排列的怎么样,图片就得怎么样排列出来,所有的图片都是由原版排列而来的。 每个图片排列的都不一样,但所有的图片都有...
  • 网页切图教程、网页美工、网站制作PS、PSD切图 网页切图教程、网页美工、网站制作PS、PSD切图 网页切图教程、网页美工、网站制作PS、PSD切图
  • PS制作作业

    2014-06-18 20:18:49
    PS的教程,PS的期末作业,做了好久的好久的
  • 首先打开我们的ps软件进去新建一个画板,画板大小为1366像素x768像素,颜色#2f323b,然后我们再用矩形工具拉一条矩形出来当顶部栏,弄好后在顶部栏上面摆一个logo然后再logo旁边打上你做的这个网页的名字,然后我们...
  • ps制作圣诞海报

    2019-05-08 00:12:10
    ps制作圣诞海报的话首先要在选择页面中选择适合的页面来制作海报而海报是具有很高的思维性的需要动动脑子才会制作出好的海报海报的制作是比较灵活的不会像学校官网那样只有那几种颜色来选择的而是有十分多的颜色来...
  • PS制作网页效果图—漂亮的绿色首页模板 教你怎么快速用PS制作漂亮的首页,这里给大家准备好了文件,给大家用
  • PS制作登录界面

    千次阅读 多人点赞 2020-12-10 10:00:36
    PS 制作登录界面 新建:名称(登录页面),宽度800,高度600,分辨72 制作标题:logo抠图,图层样式调整颜色,投影等效果输入标题,复制图层样式到标题。 拾色器(双白色),导入校徽,图层右键选择背景图层 魔法棒...
  • 首先我们打开ps新建一个画板,然后去找一张背景图用来当登录网页的背景 然后我们在这张背景图片的上面打上名字微信小游戏后台管理系统字体是微软雅黑大小30px字体颜色为#ffffff把字打上去之后我们再用矩形工具在...
  • ps网页制作课程设计

    2015-07-16 14:54:50
    ps课程设计,网页制作ps基础应用
  • 首先,打开PS创建一个Web格式的文档。 然后把这个食品网站的顶部导航栏做出来。在这个顶部导航栏有一个交互色鼠标移动到导航栏菜单上面会出现一个带桃红色的块。并且这个顶部导航栏上的购物车也是可以点击的。我这...
  • PS制作海报

    2019-05-05 14:10:31
    PS中我们会通常会用到 很多工具 比如 钢笔工具 矩形工具 渐变 文字工具 等 我们这些都是通常要用到的 就像我们在制作 海报 logo 网页 icon 等 这些都是可以在PS里面完成的 就像PS还能完成自己喜欢的一些照片 其实...

空空如也

空空如也

1 2 3 4 5 ... 20
收藏数 28,122
精华内容 11,248
关键字:

ps制作网站页面