江苏十一选五预测
当前位置: 江苏十一选五预测 > 设计教程 > 网页设计教程 > Photoshop设计时尚的个人作品网页界面

十一选五计划软件app:Photoshop设计时尚的个人作品网页界面

江苏十一选五预测 www.qtprf.cn 在本教程中我们将使用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设计电影导演工作室网站首页

热门推荐

  • 第二届未来汽车大会暨日照新能源汽车人才与产业峰会在日照举办 2018-12-13
  • 购车零首付 当心套路贷 2018-12-13
  • 人民日报里庄时期: 组织机构、版面沿革及印刷发行事务 2018-12-13
  • 中国共产党第十九次代表大会 2018-12-12
  • 在现时代,无论中国还是西方发达国家都是社会财富公有制和私有制并存的社会,由于仍旧存在社会财富私有制,所以必然存在贫富差别,离开私有制来谈“贫”和“富”... 2018-12-12
  • 第十二届人民企业社会责任奖评选启动 2018-12-12
  • 邢台彩民守号两年中620万元 却仍有遗憾 2018-12-11
  • 需要了解的科学“朋克养生”知识——食品安全频道——黄河新闻网 2018-12-11
  • 上海二手车牌照暴涨至12万 免费新能源牌乏人问津 2018-12-11
  • 时速350公里自动驾驶!京张智能高铁大片来了 2018-12-10
  • 贯彻落实习近平生态文明思想 为建设美丽新疆作出人大贡献 2018-12-10
  • 合肥市长二小橡树湾校区师生携手外教端午文化体验行 2018-12-09
  • 李生云的专栏作者中国国家地理网 2018-12-09
  • 东嘎寺看藏戏文章中国国家地理网 2018-12-08
  • [大笑]逻辑玩不过又开始玩语文了?那你更不是对手! 2018-12-08
  • 905| 941| 732| 757| 227| 771| 953| 989| 42| 619|