发新话题
打印

Photoshop打造超酷网站登录界面

本主题由 mony 于 2008-1-28 18:53 移动

Photoshop打造超酷网站登录界面

直接开始我们的教程(注:软件版本为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

┊⿲☆ ︵︵︵︵Оoヤ愛上伱こ``從来~~~```````~~`
☆⿲┊(Love)You) ヽoo 不繒後悔o〆^o^ ~~~~~
    ☆ ╲╱╲╱〃   愛伱就是```~~~~
‘.如果愛,请深愛.、
過了奈何橋,喝了孟嘙湯.咿嘫┊記啲伱

TOP

什么都没看进去。就是看到了个美女。
叶子的离开是树的不挽留还是风的追求,我迷茫了!

TOP

偶也是
不过我女朋友以前是数码照相馆的
专门给照片调色什么的
她很懂照片的效果、
偶认为照片都差不多
想做一个徘徊在牛A和牛C之间的人,却总是介乎于傻A与傻C之!!

              走自己的路,让狗去咬吧!

一直盼望有一段情天涯共明月,一直盼望有一次爱就刻骨铭心。

TOP

你是以前的女朋友还是现在的女朋友哦。
哈哈,那么的多,分一个给MONY,省得他一个人寂寞
叶子的离开是树的不挽留还是风的追求,我迷茫了!

TOP

顶娟娟
再牛B的肖邦,也弹不出我的悲伤

TOP

叶子的离开是树的不挽留还是风的追求,我迷茫了!

TOP

表这样打击老大吧。。。
哈哈

TOP

引用:
原帖由 林家少主 于 2007-12-29 12:48 发表
表这样打击老大吧。。。
哈哈
你这样不也是在打击MONY
叶子的离开是树的不挽留还是风的追求,我迷茫了!

TOP

这就不好说勒,哈哈
我哪敢哇.....

TOP

叶子的离开是树的不挽留还是风的追求,我迷茫了!

TOP

做的挺好的呀,我是学动漫的,干脆开个影音和图象制作版块好啦,一定拉上哥们常来。

TOP

发新话题