矢量手绘

关注公众号 jb51net

关闭
平面设计 > photoshop教程 > 矢量手绘 >

Photoshop制作网站首页(2):首页内容的制作

佚名


  6. 在Adobe Stock Photos CS3 中搜索茶壶和棋子的图片,均在Photoshop 中处理为90 X 90 像素的大小。在茶壶层上右击,选择“混合选项”,设置“描边”的参数为大小“6”像素,位置为“内部”,“内部”描边可以保证四个角均为直角,描边的十六进制颜色值为“#067f18”,如图1-2-6 所示。


Photoshop制作网站首页(2):首页内容的制作_脚本之家jb51.net转载

图1-2-6

  7. 在茶壶层单击右键,选择“拷贝图层样式”,如图1-2-7 所示。接下来再选择棋子层, 单击右键选择“粘贴图层样式”,这样做可以保证两者的图层样式完全相同,并且更加快捷方便。


Photoshop制作网站首页(2):首页内容的制作_脚本之家jb51.net转载
图1-2-7
  8. 在添加文字“石桥茶舍”和“石桥棋坊”,字体为“方正古隶简体”,颜色值为“#646464”。介绍文字为“宋体”,大小“12 点”,消除锯齿的方法为“无”,这样设置可以保证非常清晰的小字,这类的清晰小字普便应用于网页设计中,如图1-2-8 所示。


Photoshop制作网站首页(2):首页内容的制作_脚本之家jb51.net转载
图1-2-8
  9. 在页面的左侧位置,是用来放“Spry 选项卡式面板”的,这里我同样是做了一个外观占位,具体的操作会在后面的教程中详述,如图1-2-9 所示。


Photoshop制作网站首页(2):首页内容的制作_脚本之家jb51.net转载
图1-2-9
  10. 在页面的最下放,我们绘制一个深灰色的矩形,起图层名为“灰色长条”,十六进制颜色值为“#2a2a2a”,上面输入版权信息、地址、管理员和联系人的姓名,联系人是我刚出生的女儿,估计你联系她,她也不会理你,哈哈,如图1-2-10 所示。


Photoshop制作网站首页(2):首页内容的制作_脚本之家jb51.net转载
图1-2-10
  11. 在我们为这个矩形描个边儿,同样是右键选择“混合选项”,在描边中设置大小为“3”像素,位置同样的内部,颜色为较浅的灰色,十六进制颜色值为“#7a7a7a”,如图1-2-11 所示。


Photoshop制作网站首页(2):首页内容的制作_脚本之家jb51.net转载
图1-2-11
阅读全文