教你如何用photoshop制作网站登录界面
我自己以前刚做站的时候就做过一个类似的登陆界面,不过效果没这个好....而且我的也没用PS来做.....来源:网页教学网
最终效果图http://pic.16xx8.com/allimg/081205/0049220.jpg打开photoshop,创建新画布,大小根据个人网站需要而定,这里我们设置为900X650像素。打开背景素材图,使用移动工具(V)将背景素材拖动到刚刚创建的画布中。http://pic.16xx8.com/allimg/081205/0049221.jpg继续使用移动工具(V)调整素材图的位置直到满意为止。http://pic.16xx8.com/allimg/081205/0049222.jpg
创建灯光效果,选择素材层,滤镜 >> 渲染 >> 光照效果。http://pic.16xx8.com/allimg/081205/0049223.jpg得到如下效果(注意调整光源位置):http://pic.16xx8.com/allimg/081205/0049224.jpg
使用矩形选框工具(M)建立如下选区。http://pic.16xx8.com/allimg/081205/0049225.jpg创建新图层,并用白色填充选区。http://pic.16xx8.com/allimg/081205/0049226.jpg
自由变换(Ctrl + T),得到如下效果。http://pic.16xx8.com/allimg/081205/0049227.jpg图层 >> 图层样式 >> 投影。http://pic.16xx8.com/allimg/081205/0049228.jpg复制图层并旋转得到如下效果。http://pic.16xx8.com/allimg/081205/0049229.jpg
按住Ctrl键并在图层面板点击顶部矩形图层获得选区。http://pic.16xx8.com/allimg/081205/00492210.jpg选择 >> 变换选区,按住Alt键,缩小选区。http://pic.16xx8.com/allimg/081205/00492211.jpg
选择 >> 存储选区,将上述选区保存。载入人物素材图片,并调整大小。http://pic.16xx8.com/allimg/081205/00492212.jpg选择 >> 载入选区,将之前存储的选区载入,选择 >> 反选,删除。http://pic.16xx8.com/allimg/081205/00492213.jpg
新建图层,使用笔刷工具,并选择箭头笔刷,绘制如下效果。http://pic.16xx8.com/allimg/081205/00492214.jpg编辑 >> 变换 >> 变形。http://pic.16xx8.com/allimg/081205/00492215.jpg输入登录提示文字“Enter”。http://pic.16xx8.com/allimg/081205/00492216.jpg
为文字层添加投影效果,图层 >> 图层样式 >> 投影。http://pic.16xx8.com/allimg/081205/00492217.jpg得到如下效果:http://pic.16xx8.com/allimg/081205/00492218.jpg
自由变换(Ctrl + T),调整文字层的位置及角度。http://pic.16xx8.com/allimg/081205/00492219.jpg输入网站版权申明文字。http://pic.16xx8.com/allimg/081205/00492220.jpg
为版权申明文字设置图层样式。http://pic.16xx8.com/allimg/081205/00492221.jpg
http://pic.16xx8.com/allimg/081205/00492222.jpg得到如下效果:http://pic.16xx8.com/allimg/081205/00492223.jpg输入标题文字,并采用与“Enter”层相同的图层样式。http://pic.16xx8.com/allimg/081205/00492224.jpg photoshop:0002
页:
[1]