正在阅读:Photoshop打造超酷网站登录界面Photoshop打造超酷网站登录界面

2007-12-28 09:36 出处:其它网站 作者:网页教学网 译文 责任编辑:chenzhenjia
1Photoshop打造超酷网站登录界面(1)回顶部

  直接开始我们的教程(注:软件版本为Photoshop CS3)。

   我们先看看效果图:

Photoshop打造超酷网站登录界面
效果图

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

Photoshop打造超酷网站登录界面
素材1

Photoshop打造超酷网站登录界面
素材2

点击下一页开始教程学习

2Photoshop打造超酷网站登录界面(2)回顶部

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

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

Photoshop打造超酷网站登录界面
图1

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

Photoshop打造超酷网站登录界面
图2

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

Photoshop打造超酷网站登录界面
图3

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

Photoshop打造超酷网站登录界面
图4

3Photoshop打造超酷网站登录界面(3)回顶部

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

Photoshop打造超酷网站登录界面
图5

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

Photoshop打造超酷网站登录界面
图6

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

Photoshop打造超酷网站登录界面
图7

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

Photoshop打造超酷网站登录界面
图8

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

Photoshop打造超酷网站登录界面
图9

4Photoshop打造超酷网站登录界面(4)回顶部

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

Photoshop打造超酷网站登录界面
图10

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

Photoshop打造超酷网站登录界面
图11

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

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

Photoshop打造超酷网站登录界面
图12

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

Photoshop打造超酷网站登录界面
图13

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

Photoshop打造超酷网站登录界面
图14

5Photoshop打造超酷网站登录界面(5)回顶部

  编辑 >> 变换 >> 变形。

Photoshop打造超酷网站登录界面
图15

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

Photoshop打造超酷网站登录界面
图16

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

Photoshop打造超酷网站登录界面
图17

  得到如下效果:

Photoshop打造超酷网站登录界面
图18

6Photoshop打造超酷网站登录界面(6)回顶部

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

Photoshop打造超酷网站登录界面
图19

  输入网站版权申明文字。

Photoshop打造超酷网站登录界面
图20

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

Photoshop打造超酷网站登录界面
图21

Photoshop打造超酷网站登录界面
图22

  得到如下效果:

Photoshop打造超酷网站登录界面
图23

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

Photoshop打造超酷网站登录界面
图24

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

Photoshop打造超酷网站登录界面
图25

关注我们

302 Found

302 Found


Powered by Tengine
tengine
最新资讯离线随时看 聊天吐槽赢奖品