最新更新 sitemap 网站制作设计本站搜索
网页设计
国外网站 韩国网站 个人主页 手提袋设计 CSS 网页特效 平面设计 网站设计 Flash CMS技巧 服装网站 php教程 photoshop 画册 服务器选用 数据库 Office
虚拟主机 域名注册 云主机 网页设计 客服QQ:8208442

PhotoShop制作美食blog网站首页教程

日期:11-08    来源:中国设计秀    作者:cnwebshow.com

Hwn中国设计秀

  11.产品展示栏Hwn中国设计秀

  新建一个组:image slider,把它放在"content bg"图层上面.Hwn中国设计秀

  新建一个图层:image_holder,选择"矩形工具"绘制一个300*300大小的矩形,并填充:#d6c8af.双击图层给其添加一个"内阴影"的样式.Hwn中国设计秀

  (阴影颜色:#f1eadf;描边颜色:#d6cdbc).Hwn中国设计秀

  ctrl+J复制这个图层,然后选择"移动工具",按ctrl+T自由变换20px大小的距离.Hwn中国设计秀

  Hwn中国设计秀

<a href=http://www.cnwebshow.com/http://www.cnwebshow.com/edu/photoshop/ target=_blank class=infotextkey>Photoshop</a><a href=http://www.cnwebshow.com target=_blank class=infotextkey>网页设计</a>制作教程:美食blog网站首页_webjx.com

 Hwn中国设计秀

  12.打开一张食物的图片,使用"移动工具"移动到文档中,为了使图片放置在"展示栏"的相框中,我们使用了"矢量蒙版".具体的操作步骤如下:Hwn中国设计秀

  右击"食物图片"的图层,选择"矢量蒙版".(也要以按住ALT键不放,光标移动到两个图层之间的缝隙点击一下)Hwn中国设计秀

  Hwn中国设计秀

<a href=http://www.cnwebshow.com/http://www.cnwebshow.com/edu/photoshop/ target=_blank class=infotextkey>Photoshop</a><a href=http://www.cnwebshow.com target=_blank class=infotextkey>网页设计</a>制作教程:美食blog网站首页_webjx.com

 Hwn中国设计秀

  13.创建两个切换的按扭Hwn中国设计秀

  新建一个组:right arrow.Hwn中国设计秀

  新建一个图层:circle,选择"矢量圆形(U)",按住shift键不放,绘制一个60*60大小的正圆,填充:白色.其位置放在"产品展示栏"的右侧.Hwn中国设计秀

  并给这个图层添加一个"外发光"的图层样式.Hwn中国设计秀

  Hwn中国设计秀

<a href=http://www.cnwebshow.com/http://www.cnwebshow.com/edu/photoshop/ target=_blank class=infotextkey>Photoshop</a><a href=http://www.cnwebshow.com target=_blank class=infotextkey>网页设计</a>制作教程:美食blog网站首页_webjx.com

 Hwn中国设计秀