PS设计教程网欢迎你!

Photoshop制作一个以绿色为主题的网页(4)

文章来源于 sixrevisions.com,感谢作者 苏打苏塔 设计量贩铺 给我们带来经精彩的文章!
设计教程/PS教程/设计教程2010-01-25
44 命名这个图层为 pattern . 45 选择圆角矩形工具(U), 设置圆角半径 8px , 颜色 # A6A43F , 创建一个宽 940px 高 240px 的圆角矩形。 46 设置图层透明度为50%,命名该图层为 featured project bg . 47 选择矩形工

44 命名这个图层为 “pattern“.

45 选择圆角矩形工具(U), 设置圆角半径8px, 颜色 #A6A43F, 创建一个宽 940px240px的圆角矩形。

46 设置图层透明度为50%,命名该图层为 “featured project bg“.

Photoshop制作一个以绿色为主题的网页

47 选择矩形工具 (U), 设置颜色#A6A43F, 创建一个尺寸为 610px * 220px 的矩形。这个将会是“特色项目”的图片的位置。,命名该图层为 “image bg.”

Photoshop制作一个以绿色为主题的网页

48 导入任何你喜欢的图片。 (我用的是网站 Envato website 的截图).

49 把图片放在你刚刚创建的矩形的上面,在图层面板上单击创建图层剪切蒙版。命名这个图层为 “image“.

Photoshop制作一个以绿色为主题的网页

50 选择文字工具 (T) ,在右边添加一些文字。按照下图进行书写。群组这些文字,命名该群组为 “text“.

Photoshop制作一个以绿色为主题的网页

创建按钮call-to-action

51 好了,我们要在“特色项目”的底部创建两个按钮。选择圆角矩形工具 (U), 设置半径为8px,颜色为#A6A42F, 创建一个小矩形。命名该图层为 “button 1“.

Photoshop制作一个以绿色为主题的网页

52我们希望按钮的上面不是圆角。按照下面的操作进行:

确定图层”button 1″的蒙版是选中的。

选择直接选择工具 (A),在你看到的路径上单击。好了,这时候你将看到在每个圆角上都有两个锚点。

选择转换点工具 (默认图标是个小钢笔头,在这一组工具中可以找到) ,单击这四个锚点。

再次选择直接选择工具 (A),按住shift键创建直角边。

Photoshop制作一个以绿色为主题的网页

53 设置该图层透明度为30%.

54 然后用文字工具l (T)添加一些文字。设置颜色为 #EAEAB7.

55 你也可以添加一些小图标。如果你喜欢,可以去这里翻翻看。《30套漂亮的免费图标集》

56 群组所有的文字和图标图层,命名太群组为”button 1“.

Photoshop制作一个以绿色为主题的网页

57 创建另一个按钮。

Photoshop制作一个以绿色为主题的网页

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