• 在他帖子里的勤劳就是对人民的麻痹剂 2019-07-19
  • 广安市委书记侯晓春做客人民网 2019-07-19
  • 请问,建立市场经济后,原计划经济哪里去?改革后,我们还在实行计划经济,为何没有提及? 2019-07-15
  • 原脉——大地肌体上的血脉文章中国国家地理网 2019-07-10
  • 把市场经济说成计划经济是不是痴呆病? 2019-07-10
  • 【有关北京辖区的案件】在网上反映到了【最高检】的有关网站,而经过其【编号查询】,结果反馈出来的【信息】却是【最高检】把案件下滑给了【北京高检】,而【北京高检】则 2019-07-04
  • 新车图解:吉利博瑞GE 引领智混新时代 2019-07-04
  • 个税法迎第七次大修 起征点调至每年6万元 2019-07-02
  • 习近平:我们一致认为没有哪个国家能够独善其身 2019-06-22
  • 楼市进入增加“有效供给”新时期 高端住宅或入市 2019-06-20
  • 高自民、余新国任深圳市委常委 2019-06-20
  • 商务部发言人就美方公布对华贸易措施发表谈话 2019-06-18
  • 真正聪明之人,能在寻常岁月里悟透贞亲人世的惊喜 2019-06-18
  • 侏罗纪猜想证实 山东郯城发现300个恐龙足迹 2019-06-14
  • 你遇到了吗用户吐槽升iOS 11.4后耗电过快用户吐槽升iOS11后耗电过快-行情资讯 2019-06-13
  • 天津快乐十分前三组基本走势图
    当前位置: 天津快乐十分前三组基本走势图 > 设计教程 > 网页设计教程 > Photoshop设计时尚的个人作品网页界面

    天津快乐10分走势图:Photoshop设计时尚的个人作品网页界面

    天津快乐十分前三组基本走势图 www.fbru.net 在本教程中我们将使用Photoshop CS6设计一个简单、干净、三列的作品集时间轴。在这个过程中,我们将着眼于自定义网格,排版样式,并利用不同的颜色和对比度实现我们想要的美感。

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

    先上效果图:

    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

    改变前景色为 #FFFFFF,选择文字工具,选择安装好的字体,大小16pt,写上你的英文名,移动到距头像下25px的位置,确保在第三条参考线的中间。

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

    Step 8

    现在为自己添加点个人介绍吧,作者使用的字体大小14pt,距名字20px,这样界面看起来有呼吸感。

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

    Step 9

    棒极了,现在继续在左侧栏的图层组下新建一个图层组,命名为社交媒体。把素材里的图标拖进组里,双击图层,颜色叠加——选择白色。将图层样式复制到其他图标上。

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

    图标间距调整为10px,整个图标的图层组距离 简介 20px

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

    分享到: 
    Photoshop制作透明大气的导航按钮
    Photoshop设计电影导演工作室网站首页
  • 在他帖子里的勤劳就是对人民的麻痹剂 2019-07-19
  • 广安市委书记侯晓春做客人民网 2019-07-19
  • 请问,建立市场经济后,原计划经济哪里去?改革后,我们还在实行计划经济,为何没有提及? 2019-07-15
  • 原脉——大地肌体上的血脉文章中国国家地理网 2019-07-10
  • 把市场经济说成计划经济是不是痴呆病? 2019-07-10
  • 【有关北京辖区的案件】在网上反映到了【最高检】的有关网站,而经过其【编号查询】,结果反馈出来的【信息】却是【最高检】把案件下滑给了【北京高检】,而【北京高检】则 2019-07-04
  • 新车图解:吉利博瑞GE 引领智混新时代 2019-07-04
  • 个税法迎第七次大修 起征点调至每年6万元 2019-07-02
  • 习近平:我们一致认为没有哪个国家能够独善其身 2019-06-22
  • 楼市进入增加“有效供给”新时期 高端住宅或入市 2019-06-20
  • 高自民、余新国任深圳市委常委 2019-06-20
  • 商务部发言人就美方公布对华贸易措施发表谈话 2019-06-18
  • 真正聪明之人,能在寻常岁月里悟透贞亲人世的惊喜 2019-06-18
  • 侏罗纪猜想证实 山东郯城发现300个恐龙足迹 2019-06-14
  • 你遇到了吗用户吐槽升iOS 11.4后耗电过快用户吐槽升iOS11后耗电过快-行情资讯 2019-06-13
  • 河南快赢481app下载 上海基诺 北京pk10有人赚钱吗 香港数码报价网 云南快乐10分开奖直播现场 波叔一波中特另 彩票东方6十1开奖结果 三肖中特比 pk10程序 广东时时彩怎么投注站 金沙娱乐场骰宝打不开 黑龙江11选5任五遗漏 千禧p3开机号试机号 安徽十一选五18101058 浙江体彩网