Photoshop实例:打造超酷网站登录界面

Photoshop实例:打造超酷网站登录界面（1）

　　直接开始我们的教程（注：软件版本为Photoshop CS3）。

 　　我们先看看效果图：

效果图

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

素材1

素材2
　　
　　打开Photoshop，创建新画布，大小根据个人网站需要而定，这里我们设置为900*650像素。
　　打开背景素材图，使用移动工具（V）将背景素材拖动到刚刚创建的画布中。

图1

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

图2

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

图3

　　得到如下效果（注意调整光源位置）：

图4

　　使用矩形选框工具（M）建立如下选区。

图5

Photoshop实例:打造超酷网站登录界面（2）

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

图6

　　自由变换（Ctrl + T），得到如下效果。

图7

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

图8

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

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

图10

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

图11

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

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

图12

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

图13

Photoshop实例:打造超酷网站登录界面（3）

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

图14

　　编辑 >> 变换 >> 变形。

图15

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

图16

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

图17

　　得到如下效果：

图18

　　自由变换（Ctrl + T），调整文字层的位置及角度。

图19

　　输入网站版权申明文字。

图20

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

图21

图22

　　得到如下效果：

图23

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

图24

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

图25