当前位置:首页>ps实例教程>ps网页设计>网页模板>教程内容

PS设计一个葡萄酒博客网页模板(5)

来源:设计前沿 作者:sanjaykhemlani.com  学习:14802人次

工作与不同的客户端,可以让你的创意,因为我的工作与他们,我获得了很多的经验和不同的方法,在布局和设计方面的挑战。上周我的一个客户问我来设计,有几个功能,包括葡萄酒设计博客网站,我做了一些研究第一次在这里和那里发送的模拟客户端。总体而言,他们很高兴,这是一个很好的业务。

下面是我们的最终效果
ps教程:www.16xx8.com_How to Create a Wine Design Blog Layout in Photoshop

在我们开始之前,有几个我们需要下载的东西;

让我们开始吧!

ps教程:www.16xx8.com_

打开你的Photoshop,并设置宽度为980px和高度1000px的,填写层#281a10。

ps教程:www.16xx8.com_

拖动下载的木材纹理,我们从本教程的顶部,然后单击图层蒙版。

ps教程:www.16xx8.com_

选择渐变工具(G),并拖动它的方向的箭头,确保木的底部是不可见的

ps教程:www.16xx8.com_

抓住你的选框工具(M),选择的顶部区域,填充#000000,不透明度23%。

ps教程:www.16xx8.com_

 

其次是单列选框工具(M)创建一个行头下面的层,我们刚刚创建的,用刷子把它加#000000“,”不透明度51%。

ps教程:www.16xx8.com_

我们现在在头部是这样的

ps教程:www.16xx8.com_

对于标志我们用字体Lucida Fax 正常字体29pt#FFFFFF白色字体.

ps教程:www.16xx8.com_

对于的标志文字阴影,设置前景色为#000000,其余为默认值。

ps教程:www.16xx8.com_

我们还增加了一个描述,字体为格鲁吉亚( Georgia )斜体14pt标,
ps教程:www.16xx8.com_

描述阴影,前景色为#000000的距离和大小为1像素.

ps教程:www.16xx8.com_

 

现在,我们说这些矢量,只是做了一个棒工具(W)删除白色背景和调整它们的大小,大小合适的标志.

ps教程:www.16xx8.com_

接下来是选择椭圆选框工具(M),画一个圆圈状底部,并用#000000填充它。转到滤镜>模糊>高斯模糊,将其设置为2.8%

ps教程:www.16xx8.com_

下面是完整的一套我们的标志

ps教程:www.16xx8.com_

我们还增加了导航在右边的文字,漂亮的直线前进,所以我也没有解释它。使用的字体是Arial粗体15PT。

ps教程:www.16xx8.com_

接下来是创建一个新图层(CTRL + N),并选择选框工具(M),填充#dfdede中

ps教程:www.16xx8.com_

 

创建一个新层,选择里面的第一层,填充#FFFFFF。举一个5PX利润率为内层

ps教程:www.16xx8.com_

拖动葡萄酒墙纸内的滑动层,然后右键单击>“选择”创建剪贴蒙版“。

ps教程:www.16xx8.com_

现在中期底部的一部分内容后,抢选框工具(M),并设置填充为13%(在不透明度)

ps教程:www.16xx8.com_

描边,前景颜色为#FFFFFF,大小为1px的

ps教程:www.16xx8.com_

其次是我只是抓住一些葡萄的图像,并设置它的大小,文字使用20pt的斜体字为标题格鲁吉亚和为内容宋体定期的12磅

ps教程:www.16xx8.com_

后进行的第一个,我们可以把它复制并做其余的页面。建议你组你的层次,这一次,我们创建一组内容后(CTRL + G)。

ps教程:www.16xx8.com_

 

对于侧边栏,我们会做同样的内容背景。创建一个新的图层(CTRL + SHIFT + N)和选框工具(M),填充#FFFFFF。现在,通过右键单击内容层的图层样式“>”复制图层样式,然后右​​键单击>“粘贴图层样式边栏上的层复制

ps教程:www.16xx8.com_

我们增加了一对夫妇的文字和图标,我们的标题使用20pt的格鲁吉亚斜体的鸣叫宋体定期宋体。我们也把我们的Twitter鸟图标iconarchive。

ps教程:www.16xx8.com_

接下来是重复的鸣叫和线路。确保你组在文件夹中,这样你的图层面板是干净的。

ps教程:www.16xx8.com_

对于页脚,创建一个新的图层(CTRL + SHIFT + N),,并抓住选框工具(M)#1F140C填写。

ps教程:www.16xx8.com_

 

一样的页眉节中,我们也将在我们的页脚添加一行。选择单列选框工具(M),并用刷子刷来填充它,前景颜色为#000000

ps教程:www.16xx8.com_

标志文本,我们使用相同的传真20pt的字体龙力#FFFFFF

ps教程:www.16xx8.com_

对于社会化媒体的图标,我们选择了一些流行的,

ps教程:www.16xx8.com_How to Create a Wine Design Blog Layout in Photoshop

我们已经完成了!

 

学习 · 提示

  • 一定要打开PS,跟着教程做一遍,做完的图到这交作业:提交作业
  • 建议练习时,大家自己找素材,尽量不要用教程提供的素材。
  • 教程有看不懂的地方,可以到论坛发帖提问:新手求助
  • 加官方微信,随时随地,想学就能学:ps_bbs,或扫右侧二维码!
  • 关注我们学更多,每天都有新教程:新浪微博 抖音视频 微信小程序
- 发评论 | 交作业 -
最新评论
djr2016-07-11 04:47
2373638339@qq.com
djr2016-07-11 04:47
作者可以发一下素材吗

关注大神微博加入>>

网友求助,请回答!