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

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

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

Hwn中国设计秀

  7.建立主内容的背景Hwn中国设计秀

  新建一个新的图层:content bg.选择"圆角矩形"设其圆角为6px,制作一个980*1080大小的矩形.双击此图层给其添加一个"外发光".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中国设计秀

  8.导航条Hwn中国设计秀

  新建一个组:navigation,拖动此组放置组"content bg"下面.Hwn中国设计秀

  新建一个图层:navigation bar.选择"圆角矩形"绘制938*70大小的形状,填充:#a95858.双击此图层,添加图层样式(描边颜色:#9c5151).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中国设计秀

  9.选择"文字工具",打出链接的文字,填充颜色:#ece2e4.添加"阴影样式"阴影颜色为:#803a3a.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中国设计秀

  10.搜索导航条Hwn中国设计秀

  新建一个组:search bar.Hwn中国设计秀

  新建一个图层:search bar选择"直角矩形"绘制一个200*26大小,填充:#f4f0e2.再给这个矩形添加1px的描边,颜色:#925050.Hwn中国设计秀

  使用"文字工具"打上这几个字"Type and hit enter to search",文字颜色:#917a7a.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中国设计秀