ps设计制作居家风格美食Blog网页特效(11)插图

ps设计制作居家风格美食Blog网页特效(11)

接下篇: PhotoShop设计制作居家风格美食Blog网页效果教程(下) 本教程教我们用PhotoShop设计制作一个美食blog网页效果。 这个网页最大的特色在于,底部使用了桌布的图案,感觉有点居家的气氛。再搭配上简洁的布局

ps设计制作居家风格美食Blog网页特效(10)插图

ps设计制作居家风格美食Blog网页特效(10)

接下篇: PhotoShop设计制作居家风格美食Blog网页效果教程(下)

广告位
ps设计制作居家风格美食Blog网页特效(9)插图

ps设计制作居家风格美食Blog网页特效(9)

接上篇: PhotoShop设计制作居家风格美食Blog网页效果教程(上) 15. 新建一个 图层 :arrow.选择自定义图形 工具 (U),在其属性栏上的图库中选择小箭头,并填充:#c4b08e.最终效果如下图. 16.在产品展示栏下面创建一个

ps设计制作居家风格美食Blog网页特效(2)插图

ps设计制作居家风格美食Blog网页特效(2)

17. 选中组:separator.添加一个 图层 蒙版: 图层 图层 蒙版显示全部.选择渐变 工具 ,渐变颜色从黑色到白色再到黑色.按住shift键不放, 从左往右拉出渐变. 18.食品简介栏 新建一个组:blog,在这个组里再创建一个组:blo

ps设计制作居家风格美食Blog网页特效(8)插图

ps设计制作居家风格美食Blog网页特效(8)

完成最终效果图! 接上篇: PhotoShop设计制作居家风格美食Blog网页效果教程(上)

ps设计制作居家风格美食Blog网页特效(7)插图

ps设计制作居家风格美食Blog网页特效(7)

25.新建一个组:flickr.打开一个ice cream的图标,并把这个 图层 命名:ice cream icon,并输入文字:Flickr 新建一个 图层 ,使用矢量矩形 工具 绘制一个大小65*65的矩形,并填充:#f4ede2;接下来双击此 图层 给这个矩形

ps设计制作居家风格美食Blog网页特效(6)插图

ps设计制作居家风格美食Blog网页特效(6)

23.添加侧边导航 新建一个组:popular. 选择文字 工具 (T)设置其属性:字体Myriad Pro Bold Italic;字体大小20px;字体颜色#514d47;接下来输入文字Most popular recipes 打开准备好的coffee图标素材,拖动到文档中.并命

ps设计制作居家风格美食Blog网页特效(5)插图

ps设计制作居家风格美食Blog网页特效(5)

图层 的不透明度:20%.(图4) 选中组:separator,添加一个蒙版,步骤如下: 图层 图层 蒙版显示全部.在 工具 箱中选中渐变 工具 其渐变从:黑色到白色到黑色,接下来按住shift键不放, 从上而下拉出一个渐变.(图5)

ps设计制作居家风格美食Blog网页特效(4)插图

ps设计制作居家风格美食Blog网页特效(4)

22.创建一个边框隔离栏 新建一个组:sidebar,在这个组里再新建另一个组:separator. 新建一个 图层 :1px line;使用矢量线条 工具 绘制一条宽1px;并坚靠在blog主体右侧边缘.(图1) 使用矩形 选区 工具 绘制如(图2)的矩

ps设计制作居家风格美食Blog网页特效(3)插图

ps设计制作居家风格美食Blog网页特效(3)

19. 使用文字 工具 ,打出所需的文字.标题使用:#514d47,内容使用:#6a655d. 20.创建Continue Reading按扭 新建一个组:button,再新建一个 图层 :button,选用矢量圆角矩形并设圆角为:4px,绘制一个大小为:140*26的圆角

正在加载中...

已加载全部内容

已经没有更多文章了

联系我们

联系我们

0898-88881688

在线咨询: QQ交谈

邮箱: email@wangzhan.com

工作时间:周一至周五,9:00-17:30,节假日休息

关注微信
微信扫一扫关注我们

微信扫一扫关注我们

关注微博
返回顶部