手机
当前位置:查字典教程网 >网页设计 >photoshop >Photoshop打造超酷个性网站登录界面
Photoshop打造超酷个性网站登录界面
摘要:废话少说,直接开始我们的教程(注:软件版本为PhotoshopCS3)。首先是背景素材和人物素材。打开Photoshop,创建新画布,大小根...

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

首先是背景素材和人物素材。

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

编辑 >> 变换 >> 变形。

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

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

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

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

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

得到如下效果:

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

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

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

输入网站版权申明文字。

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

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

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

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

得到如下效果:

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

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

Photoshop打造超酷个性网站登录界面26

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

Photoshop打造超酷个性网站登录界面27

【Photoshop打造超酷个性网站登录界面】相关文章:

教你用Photoshop打造上帝之手

Photoshop打造超酷卡通美女特工

Photoshop滤镜打造明星般飘逸头发

甜蜜蜜 Photoshop打造冬日的浪漫

Photoshop打造QQ秀2.0版漂亮女孩

Photoshop教程:打造MM走出相框特效

Photoshop打造小孩通体发光效果

Photoshop阴影描边快速打造镜面切割效果

活用Photoshop路径打造炫丽彩蝶

Photoshop 极坐标打造烟花效果

精品推荐
分类导航