Photoshop教程:创建一款酷酷的个人porfolio

2016-01-29 17:02 3 1 收藏

Photoshop教程:创建一款酷酷的个人porfolio,本例将介绍运用Photoshop设计制作一款酷酷的个人porfolio,让你的设计作品看上去正在电视上播放一样,希望朋友们喜欢~~

【 tulaoshi.com - PS 】

本文由jeya制作,由 smallguy 编译,转载请保留此信息!


在学习中遇到问题可以到 论坛PS求助版块 发贴求助!


  本例将介绍运用Photoshop设计制作一款酷酷的个人porfolio,让你的设计作品看上去正在电视上播放一样,希望朋友们喜欢~~


最终效果:



本例中所需要的素材及源文件请到这里下载:http://bbs.jcwcn.com/thread-379608-1-1.html


制作过程:


1.新建文档,大小1024×768。



2.拖入木纹素材。



3.拖入TV素材,摆放在画布中央。



4.给TV添加背光效果。双击TV图层,调出“图层样式”面板。选择“外发光(Outer Glow)”,设置参数如图所示:



5.新建图层。选择“矩形选框工具”,在TV底部拉出小细条。将前景色改为 #09B5F5,按Atl+Del填充。Ctrl+D取消选区。将此蓝条填充层拖到TV图层之下。



6.Ctrl+J复制蓝条层。滤镜 - 模糊 -高斯模糊,设置参数如下:



7.效果如图所示:



8.在蓝条复制层上新建一层。选椭圆选框工具,羽化10像素,拉出椭圆选区,填充颜色#09B5F5。取消选区。



9.图层混合模式改为“叠加”,得到效果如图:



10.下面进入内容部分的制作。先绘制导航条。新建图层,在画布上用矩形选框工具拉出矩形选区,填充白色。取消选区。



11.双击导航条图层,调出“图层样式面板”,分别对“内阴影InnerShadow”、“渐变叠加”进行设置。











对本文感兴趣的朋友可以到这里与作者交流:http://bbs.jcwcn.com/thread-379608-1-1.html

12


12.选文字工具,在TV右上方输入以下链接文字。



13.新建一层,命名活动链接背景层。用矩形选框工具在画布上拉起选区,填充白色。取消选区。把该图层拖到文字层之下。




14.双击该图层,调出“图层样式”面板,分别对“内阴影”、“渐变叠加”进行设置。










15.在活动链接背景层之上,新建图层,命名发光层。用矩形工具取得选区如图所示,填充白色。



16.降低不透明度为8%,图层混合模式改为柔光。调出图层样式面板,选渐变叠加进行设置。






17.导航条效果图:



18.设置Logo - DesignLab。选文字工具,字体、大小、颜色随意。教程使用了Helvetica Neu字体,前半部用了白色,后半部用了 #0FE80F。



19.页面主要内容的设置。教程用了6张小缩略图,分别将它们拖入到画布中,在TV屏幕上排开。分别双击各个缩略图图层,调出图层样式面板,用大小1个像素、颜色为 #CCCCCC 进行“描边”设置(第一个缩略图除外,图片本身已经有了外边框)。



20.下面绘制back前一页和next两个按钮。新建图层,用矩形选框工具在画布上拉出矩形选区,填充白色(便于操作),命名“白底框”。



21.双击该图层,设置渐变叠加,参数如图:






22.新建图层,选椭圆选框工具,画出正圆,填充白色,命名“小白圆”。




23.双击该图层,设置内阴影和渐变叠加,参数如图:









24.选多边形工具,按D键,恢复前景色/背景色默认黑白设置,工具选项栏里,选择填充像素,把多边形的边设置为3,画出back倒退箭头。命名“前一页箭头”。



25.按住Ctrl,选中“白底框”、“小白圆”、“前一页”三个图层,Ctrl+G成为组1,命名“前一页组”。右键点击该组,选“复制组”,得到新组,命名“组”。打开该组,选中“前一页箭头”,改“前一页”为“”。编辑 - 变换, 水平翻转,掉转箭头方向。

回到“前一页组”,把不透明度调低至50%,前一页箭头暗了下来,表示已经到头,木有退路了。



对本文感兴趣的朋友可以到这里与作者交流:http://bbs.jcwcn.com/thread-379608-1-1.html
  12

来源:https://www.tulaoshi.com/n/20160129/1500150.html

延伸阅读
标签: PS PS教程
本教程的重点是如何利用图层样式命令制作手机外壳质感的方法,其中部分步骤从略。由于是前些年的学习作品,有些步骤难免不成熟,参数的设置也许不到位,让大家见笑了。下面大家就一起来学习吧! 首先我们来看看效果图: (图1)[next] 1、新建文件,为了方便操作,背景设置为黑色,分辨率设为200。 2、绘制手机外型,建...
这是一篇photoshop文字特效教程,主要为大家介绍使用photoshop中的图层样式功能加上素材的Tulaoshi.com合成制作一款生锈的文体文字特效。 先看看效果图 1、新建文档454x340像素,背景黑色,输入白色粗体文字。字体下载 2、底部建新层,调出文字选区,选择修改扩展5像素。 3、前景色#454545填充选区...
  在本教程中我将告诉大家如何给字母添加一些花边来创建一个非常棒的花边文字效果。 步骤1 第一件事是找到我们要使用的元素。有很多网站我们都可以找到好的矢量,比如这里:~ http://cameronmoll.com/archives/2008/05/25_resources_ornaments_fleurons/ 一番搜寻之后,我使用了这个矢量:(注:原矢量文件已经丢失 所以没有放上链...
标签: PS PS教程
效果图: 步骤如下: 1,打开需要做边框的图片,并解锁图层 2,在图片中间用矩形选取框换一个长方形,并反选 3,用蒙板制作新图层 PS:一定要在画红圈的地方打勾 4,在跳出的窗口中调整数值,数值自定义 例如: 5,点击,使选区浮起 6,用适当的颜色(最好是选区中最大的色块)来向内描边,宽度自定义,宽度的...
先看效果图 新建文档1024x768像素,背景黑色,新建图层画一个白色圆角矩形。 复制此层,颜色改为蓝色,之后减法模式保留底部,并往下挪一段距离。 新建图层,画一个长方形,之后ctrl+T变为体现。 高斯模糊一下。 添加蒙版用黑色柔角笔刷涂抹如下。 之后图层模式改为柔光,效果如下。 新建图层画一黑色圆角矩...

经验教程

571

收藏

50
微博分享 QQ分享 QQ空间 手机页面 收藏网站 回到头部