整洁多彩网站界面设计图绘制(一)

国外不少优秀的教程,内容很详细,有一些完整的网站界面设计过程,比较长,我就分期写出吧。

这些教程的特点还是一样,过程很详细,但是完全没有解释。

这个教程的原地址:Create a Clean and Colorful Web Layout in Photoshop

首先按照教程,添加背景的渐变和顶部的彩色,顶部的彩色自己随机处理吧,做出来肯定不会跟他完全一样的。

接着,加入树叶之后,对其添加的两个滤镜在中文版里是艺术效果—胶片颗粒和像素化—马赛克。


胶片颗粒:给原图像加上一些杂色的同时,调亮并强调图像的局部像素。它可以产生一种类似胶片颗粒的纹理效果,使图像看起来如同早期的摄影作品。

(Grain)颗粒:调整图像的颗粒,数值越大颗粒效果越清晰。

(Highlight Area)高光区域:调整当前图像的高光区域。

(Lntensity)强度:当前图像颗粒的强度。数值越小,效果越清晰。

 

马赛克就是将像素分组并转换成颜色单一的方块,产生马赛效果,下面唯一一个选项 Call Size,用来 控制方块的大小。网上的解释2:把影像处理成马赛克的效果。在弹出式菜单里设定一个值,像素的平方,这个值就是处理后影像的一个最小的可视单元,也就是马赛克的大小,这个滤镜将统一各个单元内的色彩,形成马赛克效果。

综合员教程中的几个数值设置来看,我认为作者是需要一种模糊的、稍微有点颗粒及马赛克效果的图像,所以胶片颗粒的高光区域设置为0,其他都设置了相应的一定数值。

 

下面黑色背景就是一个投影效果,没什么好说的,但是注意现在我们要的是一个微微向外扩张的投影,每个面都一样,所以投影的距离和扩展为0,主要看大小,这里和角度是没有关系的。

接下来对这些图层分组,这是个好习惯,快捷键:ctrl+g

然后按照提示设置博客名的样式,到现在为止,我的效果:

 

 

6 条评论

  1. xingxing 的头像 xingxing 说:
    颈腰椎康复宝由第四军医医院最新研制而成,使用方便,疗效好!62
  2. 身心灵在线 的头像 身心灵在线 说:
    什么是“身心灵”呢?简单来说,“身”就是指身体,“心”是指心理,“灵”则是指宇宙万物皆具的能量,也可称之为灵性,而“身心灵”注重的是三个层面的统一与和谐,将人视作身心灵的统合体,以寻求整体的健康与灵性的成长。62
  3. 身心灵在线 的头像 身心灵在线 说:
    身心灵在线--回归自我,轻松生活每一天!身心灵成长的专业综合资讯网站。为更多希望回归自我,健康生活的人们提供有关身、心、灵的知识文章、相关资讯、专业机构...62
  4. 身心灵在线 的头像 身心灵在线 说:
    身心灵在线--回归自我,轻松生活每一天!身心灵成长的专业综合资讯网站。为更多希望回归自我,健康生活的人们提供有关身、心、灵的知识文章、相关资讯、专业机构...62
  5. 身心灵在线 的头像 身心灵在线 说:
    身心灵在线--回归自我,轻松生活每一天!身心灵成长的专业综合资讯网站。为更多希望回归自我,健康生活的人们提供有关身、心、灵的知识文章、相关资讯、专业机构...62
  6. 身心灵在线 的头像 身心灵在线 说:
    身心灵在线--回归自我,轻松生活每一天!身心灵成长的专业综合资讯网站。为更多希望回归自我,健康生活的人们提供有关身、心、灵的知识文章、相关资讯、专业机构...62

留下评论