欢迎!您还没有 [登录][注册]
2010年7月,共有条目424条

在photoshop中创建一个充满色彩的网页效果图

在这篇教程中,我将教给你如何在photoshop中制作一个简洁干净的网页效果图。原始效果是由 ThemeForestkuntiz 设计的。我很感谢他允许我发布这篇教程。

一些需要的素材:
        叶子素材
        像素化蓝色矩形

Step 1: 新建文档
在photoshop中创建一个充满色彩的网页效果图
在photoshop中,按住(Ctrl+N)新建一个文档。设置大小为1200px *750px。然后用渐变工具从上到下拉出一个渐变,颜色从 #792700 到 #000000。

Step 2: 在背景中添加一些颜色
在photoshop中创建一个充满色彩的网页效果图
新建一个图层,命名为”color.”,用笔刷工具,选择一个比较软的笔刷,大概直径为300px,我的颜色选择的是红色,蓝色和橙色,在这个图层中添随便画几笔。

Step 3:给背景添加一些纹理
在photoshop中创建一个充满色彩的网页效果图
现在我们要给背景增加一些纹理效果。打开我们刚刚下载的叶子的素材图片,用移动工具把这个图片移动到我们的文档中。 右键单击该图层的缩略图(在图层面板中),选择“编组到新建智能对象土层中”。然后选择 滤镜>艺术化>胶片颗粒,按照上面的设置进行操作。然后选择 滤镜>像素化>马赛克,同样按照图中的设置进行操作。设置该图层的渲染模式为 “差值”(Difference),透明度设为30%,该土层命名为“texture”。

Step 4:创建黑色背景的内容区域
在photoshop中创建一个充满色彩的网页效果图
新建一个图层,选择圆角矩形工具,设置圆角度为3个像素,创建一个黑色的圆角矩形。然后在图层面板中双击该图层,弹出图层样式面板,按照图中的设置给该图层设置阴影。设置该图层透明度为70%,然后命名这个图层为 “black shape”。

Step 5: 用群组(文件夹)来组织你的图层
在photoshop中创建一个充满色彩的网页效果图
按住ctrl键,选择你刚刚创建的所有的图层,然后点击Ctrl+G群组他们。给这个新的群组(文件夹)命名为”background”。
(平均分:7.52 人投票)

文章评论

暂时没有评论

    使用 Ctrl+Enter 快速提交 | 请保持在500个汉字以内