黑龙江11选5开奖结果正好网:ps cs6设计个人作品网页模板教程

在本教程中我们将使用Photoshop CS6设计一个简单、干净、三列的作品集时间轴。在这个过程中,我们将着眼于自定义网格,排版样式,并利用不同的颜色和对比度实现我们想要的美感。

先下载教程需要的素材://bbs.16xx8.com/thread-165802-1-1.html

同学们可以从这个教程学习如何在一个页面平衡不同的元素,使整个设计富有韵律感与呼吸感??毂弦档耐强梢猿⑹哉庋故灸愕淖髌芳?。

先上效果图:

Photoshop设计时尚的个人作品网页界面

Step 1

创建新文件,参数如图:

Photoshop设计时尚的个人作品网页界面

Step 2

新建参考线,以便平衡视觉。位置:水平 60px,垂直分别是 20px,,50px,115px,230px,550px,570px,875px和1180px,这里推荐同学们使用神器「GuideGuide」,具体使用有劳移步:PS 参考线插件GUIDEGUIDE下载及使用说明,非常方便。

Photoshop设计时尚的个人作品网页界面

Step 3

为了保证我们的设计有序专业,我们先新建3个图层组,分别命名为:左侧栏、简介、作品。平常没关注规范的同学,优设哥特别向您和您所在的团队推荐《PS礼仪手册》!网页设计师必须修炼的内功技法,更是不可或缺的WEB设计指南。

Photoshop设计时尚的个人作品网页界面

Photoshop设计时尚的个人作品网页界面

准备工作就此完毕咯。

Step 4

侧边栏为我们展示联系方式、作导航,让我们来建设它吧。

选择矩形工具,前景色改为 #11171c,在左侧栏的图层组里画一个大小230x1320px的矩形,移到左侧边缘,紧贴着第四条参考线就对咯,如图:

Photoshop设计时尚的个人作品网页界面

Step 5

在左侧栏的图层组新建一个图层组,位置在矩形上边,命名为轮廓图。

然后利用椭圆工具,摁住Shift,绘制大小100x100px的圆形,移到左数第三条参考线的中间,上边紧贴水平参考线,如图:

Photoshop设计时尚的个人作品网页界面

Step 6

现在,请听指挥 ^_^ ,把电脑里最帅气最漂酿的头像找出来,拖进去,摁住Alt,单击圆形,作为剪切蒙版,然后移动调整到合适(看得到脸)的位置。

Photoshop设计时尚的个人作品网页界面

Step 7

学习 · 提示

  • 打开ps,跟着教程做一遍,做完的图要到这里交作业:提交作业
  • 教程有看不懂的地方,可以到论坛发帖提问:ps新手求助
  • 加官方微信,随时随地,想学就能学:ps_bbs,或扫右侧二维码!
  • 关注我们微博:@photoshop教程论坛
  • 想学更多的同学,可以关注我们小程序,每天都有新教程:点我用微信扫一下
PS教程自学网 欢迎投稿教程://i.www.savcp.com

最新评论
曙光_照亮黑夜:
有中文版的吗?
2017-06-01回复
曙光_照亮黑夜:
没有中文版的?
2017-06-01回复
Katherine:
过来看看 是怎样搞的
2017-05-28回复
此处无需多言:
看起来很好的效果
2017-05-28回复
塞尚的苹果:
真复杂啊~~~~~
2017-05-28回复

重庆幸运农场官网 | 北京pk10官网开奖结果 | 幸运飞艇冠亚和技巧 | 444| 763| 878| 706| 497| 319| 226| 159| 960| 190|