QQ空间官方吧 » ☞空间教程分享 » 【高级】视觉web效果主页，横空呈现Qzone

【高级】视觉web效果主页，横空呈现Qzone (20/2912)

本帖地址: 复制地址

修改回帖引用楼主： Silent

文：天宇视觉

原文地址：http://user.qzone.qq.com/410863054/blog/1240837299

【制作前言】
随着空间版本的不断更新，随着人对视觉元素欣赏的不断提高。所以现在学设计的都非常难，因为做的东西要考虑到很多不同层次的用户成员。让他们都能够体验到一种视觉的盛宴。今天主页的改版，就是想教大家如何来把握好色彩、视觉、Web效果的制作。教程很简单，只要掌握几个PS技巧，相信很多效果看完几步你就能了如指掌了。

【友情提醒】
建议使用1280、1440的分辨率观看最终效果更佳。

【整体效果】

【相关链接教程】
1.《自定义装扮，DIY你的个性空间》
2.《教你如何在首页添加友情链接》
3.《如何添加自定义背景皮肤》

【制作过程】
【打开PS】--【新建】--【设置参数如下】--【确定】

【将一张宇宙视觉效果背景图导入】

【将处理好的人物导入】

【将人物图放在背景图上】--【设置为滤色】--【完成效果如下】

【制作文字】
【首先打入文字天宇视觉设计酷站】

【新建一层】--【选择椭圆选框工具】--【拉一个选区】--【设置如下】

【然后填充前景色为白色】--【设置如下】

【然后回到文字图层】--【按住Ctrl并点击文字】--【设置如下】

【然后回到白色填充图层】--【Ctrl+Shift+I反选】--【Delete删除】--【完成效果如下】

【然后将白色填充层的透明度设置为100皆可】--【完成效果如下】

【然后右键文字混合选项】--【设置参数如下】

【然后下面打上版权】--【设置的右键混合选项参数同上】

【新建一层】--【选择矩形选框工具】--【拉一个选区】--【设置如下】

【然后填充颜色】--【设置如下】

【然后透明度设置为50】--【并右键混合属性设置参数如下】

【完成效果如下】

【然后制作渐变式的线条】--【相关教程看以前的教程】

回帖引用 1楼[楼主] Silent

【利用渐变】--【发光线条】--【完成以下界面效果】

【然后制作Web-Logo制作】

【其实做这样的效果是很简单的】--【做好的图表层用钢笔工具绘制一个以上的白色层效果】--【透明度设置为30即可】--【然后合并层并描边为各种你需要的彩色】

【打上其他的相关文字】--【并右键混合选项将文字设置发光效果即可】

【然后做以下的图】--【因为在空间里所有图不再在空间在能涉及到链接】--【所以只能先在图上做好后】--【到空间里只要自定义再创建几个小的图文模块就可以了】

【上面的白色高光一样的方法制作】--【新建一层】--【拉一半选区】--【然后填充一个渐变白色层】--【设置透明度为30即可完成效果】

【到时候把皮肤传入空间后】--【再将图以下图放入空间】--【对准默认图就可以了】--【链接式的站面效果就完成了】

【然后在做一个翻页式的Flash就可以发布了】--【(*^__^*) 嘻嘻……，这里感谢一下我们的IT游戏圈的兔子（大哥广告）】

【进一步改善后的最终效果】

回帖引用 2楼末小浠

楼主您好，感谢您对【Qzone教程分享】版面的支持。
您所发表的教程自荐帖已合格，我们将从合格里面选出优秀。
录用的帖子将在空间右上角的帮助里面展示

Qzone教程分享交流群： 10987995　63647167，期待您的加入 !
欢迎继续关注QQ空间官方吧一区-【Qzone教程分享】，因为有你，所以精彩 !

回帖引用 3楼潶澀ζ昜菈鑵