平面设计
位置:首页>> 平面设计>> Photoshop教程>> 用Ps设计某杂志的网站界面(7)

用Ps设计某杂志的网站界面(7)

作者:luycas 来源:活力盒子 发布时间:2010-07-23 19:21:00 

标签:杂志,网站,ps设计

新建图层,重命名为“Thumbnail Border”。在原图形下方绘制圆角矩形如左一,按住Ctrl键取得原图形的选区,按Delete键删除,只留下边框。先复制之前做过的滑动模块边框的图层样式,右击“Slideshow Border”图层粘贴图层样式,效果如下:

在“Thumbnail Border”图层上方新建图层,沿边框外边缘绘制一条1px宽的环绕边框,右击图层样式,勾选“渐变叠加”,颜色从上到下设置为#ffffff-#666666,使用相同的方法为内部矩形块添加边框,渐变色与前面相反。

通过复制得到其他几个边框,这里不细说了。下面我们接着来补充文字内容。

现在我们来到标题这。字体颜色使用黑色#000000,然后为文字添加投影,投影色#ffffff,角度90°,大小2px,距离1px。

对所有的主副标题应用该图层样式。你可以增加必要的Icon图标来点缀页面。可以到这里 http://10steps.sg/freebies/icons/ultimate-collection-of-high-quality-icons/ 下载些免费图标。

0
投稿

猜你喜欢

  • 原图最终效果1、打开原图素材,创建曲线调整图层,参数及效果如下图。2、选择菜单:图像 > 模式 > Lab颜色,选择合拼,然后创
  • 上次看WONTON的 在平面中描述立体——透视详解 有点头晕!!这个就三张图片,对像我这种菜鸟来说看这个还是能看懂的。透视法是我们观察事物的
  • Photoshop曲线调色:偏蓝色照片恢复正常。原图效果图教程:1.打开素材图片,创建曲线调整图层,做RGB、红、绿、蓝通道调节效果如下:2
  • 本教程的基本效果作者都基本上做好的,作者有提供现成的PSD文件,制作的时候主要是调色和制作文字效果。及修饰一些细节部分。最终效果1、打开素材
  • 最终效果:效果对比:局部对比:点击放大2.调节偏色的毛发,羽化半径为5,CTRL+J,去色,加些蓝,然后利用TOPAZ滤镜,按照上面参数调节
  • 原载于:photoshop8x 作者 佚名  翻译:石小镇这是一个很简单的教程,用了几个笔刷和素材。上手非常容易,但效果很不一般,
  • 最终效果人物素材1、打开下面两副素材,把素材2拖到素材1里面,适当调整好大小。2、用橡皮工具吧石头素材上半部分擦掉,显示出云彩素材,效果如下
  • 原载于:PSDTUTS 作者:Collis 翻译:高小白这个教程Collis将向你展示如何用火的照片来与文字相结合。我们现在将看到的是一个漂
  • 中性色的照片比较有艺术感,最好是中性色再多点其它的颜色,效果更加不过。调色的方法也教程简单,先用调色工具把色调调淡,然后再适当配上一点其它颜
  • 这个Photoshop web设计的教程中,我们将学习设计一个整洁的具有现代气息的web站点。这是设计和HTML/CSS模板转换系列教程的第
  • 原图最终效果1、打开原图素材,创建色阶调整图层,对各通道进行调整,参数设置如下图。2、创建可选颜色调整图层,对黄色及绿色进行调整,参数设置如
  • 今天给各位新手朋友做一个用ps制作网站Logo的教程,很简单,认真看就学会啦,我们知道网站Logo对于网站的重要性不言而喻。一个好的Logo
  • 在本教程中我将教你如何建立一个充满生机和丰富多彩的糖果了一个独特和创造性的背景和头店的布局。一如往常的PSD文件可以下载本教程。如果您有任何
  • 本例介绍用Illustrator绘制大家熟悉的橙色的RSS图标和按钮,大家可以借此练习一些基本的图形绘制技巧,包括圆角矩形的绘制、渐变色的使
  • 形状工具画一个圆角矩形:添加一个锚点并删除这个新添加的锚点:选择左下角的2个锚点:CTRL+T并将中心点定位到左边线:右键,水平翻转:同理翻
  • 本教程介绍水晶图标的制作方法。刚看效果图可能感觉有点复杂,不过只要弄清除里面的构造,基本上都是以相似的图形组合而成,很多图层的制作方法都是一
  • 原载于:PSHERO 教程中主要讲的是调节一种特效效果的背景,并把人物主体凸显,利用混合模式调节合适的颜色,效果非常不错。教程也算是基本的调
  • 本教程将向您展示如何使用灯光效果美化她的脸,皮肤和头发。效果图打开我们的图片1.原始照片是有点黑暗,她的皮肤没有足够明亮。在这种情况下,我们
  • 原文:http://www.ediyang.com/3-photoshop-skills-make-pixel-popping/在网页设计中
  • TalentedPixie出品的Adobe Illustrator CS4教程,这是等级二。该系列教程将指导用户如何开始使用Illustra
手机版 平面设计 asp之家 www.aspxhome.com