PS设计教程网欢迎你!

Photoshop设计简约风格的wordpress模板(5)

文章来源于 发现吧,感谢作者 龙骑士 给我们带来经精彩的文章!
设计教程/PS教程/设计教程2010-03-15
42 新建一个组,将文字内容拖进里面,并命名为content. 43 现在我们将要对齐它.按住ctrl键,选中content组合bg_1层.点击水平居中选项和垂直居中选项定位. 44 现在复制2份我们刚刚制作的原始的content框.对齐他们,改变

42 新建一个组,将文字内容拖进里面,并命名为content.

43 现在我们将要对齐它.按住ctrl键,选中content组合bg_1层.点击水平居中选项和垂直居中选项定位.

Photoshop设计简约风格的wordpress模板

44 现在复制2份我们刚刚制作的原始的content框.对齐他们,改变文字内容,别忘了在底部增加一条水平参考线.

Photoshop设计简约风格的wordpress模板

45 再一次检查确保我们的图层有条理,请参考我的图片.

Photoshop设计简约风格的wordpress模板

创建主要内容区域

46 留下50px的间隔拖移新的水平参考线.开始增加你的内容,根据下面图片对齐.

Photoshop设计简约风格的wordpress模板

Photoshop设计简约风格的wordpress模板

47 让我们是他更好看一点.选取一个矩形选框工具(M).在样式选项,选择固定大小,宽为15px,高度为30px.设置前景色为#12197b,填充矩形(按住ctrl+空格键填充).

Photoshop设计简约风格的wordpress模板

48 使用相同的设置,在网页右边增加相同内容.

Photoshop设计简约风格的wordpress模板

49 拖拽新的水平线在底部.增加分割线,具体参照下列图片.

Photoshop设计简约风格的wordpress模板

版权所有PS设计教程网公安备案:苏公网安备 32058302001023号工信部备案:沪ICP备09005587号
aaa