查看完整版本: [-- Photoshop打造超酷网站登录界面--图文[28P] --]

武当休闲山庄 -> 原创培训 -> Photoshop打造超酷网站登录界面--图文[28P] [打印本页] 登录 -> 注册 -> 回复主题 -> 发表主题

枫华 2008-12-26 14:25
直接开始我们的教程(注:软件版本为Photoshop CS3)。
 

 我们先看看效果图:

效果图

  下面是背景素材和人物素材。

素材1


素材2



打开Photoshop,创建新画布,大小根据个人网站需要而定,这里我们设置为900*650像素。


  打开背景素材图,使用移动工具(V)将背景素材拖动到刚刚创建的画布中。


图1


  继续使用移动工具(V)调整素材图的位置直到满意为止。

图2


  创建灯光效果,选择素材层,滤镜 >> 渲染 >> 光照效果。



图3
 

 得到如下效果(注意调整光源位置):

图4

使用矩形选框工具(M)建立如下选区。



图5



  创建新图层,并用白色填充选区。



图6

 

 自由变换(Ctrl + T),得到如下效果。

图7



  图层 >> 图层样式 >> 投影。


图8



复制图层并旋转得到如下效果。


图9



按住Ctrl键并在图层面板点击顶部矩形图层获得选区。


图10



  选择 >> 变换选区,按住Alt键,缩小选区。



图11


  选择 >> 存储选区,将上述选区保存。


  载入人物素材图片,并调整大小。


图12



选择 >> 载入选区,将之前存储的选区载入,选择 >> 反选,删除。


图13



  新建图层,使用笔刷工具,并选择箭头笔刷,绘制如下效果。


图14


编辑 >> 变换 >> 变形。


图15

 

 输入登录提示文字“Enter”。


图16



为文字层添加投影效果,图层 >> 图层样式 >> 投影。



图17
 

 得到如下效果:


图18



自由变换(Ctrl + T),调整文字层的位置及角度。


图19



  输入网站版权申明文字。

图20

 

 为版权申明文字设置图层样式。


图21



图22



  得到如下效果:


图23



  输入标题文字,并采用与“Enter”层相同的图层样式。


图24




  最终效果如下,希望大家能够喜欢。

图25


查看完整版本: [-- Photoshop打造超酷网站登录界面--图文[28P] --] [-- top --]


Powered by www.wdsz.net v8.7.1 Code ©2005-2018www.wdsz.net
Gzip enabled


沪ICP备:05041533号