首页 > 设计知识 > 正文

Photoshop设计质感的薅羊毛游戏界面 Photoshop设计霓虹光效的唯美艺术字教程

2023-06-30 02:21:29 | 一百分素材网

Photoshop设计霓虹光效的唯美艺术字教程

本教程主要使用Photoshop制作唯美的霓虹光效艺术字教程,这个教程在几年前有人翻译过,但是当初没有给素材,而且界面全部都是英文版,今天飞屋睿UIdesign老师使用中文版有重新制作了一遍,喜欢的朋友可以跟着教程一起来学习吧。

教程素材和源文件:闪亮的霓虹艺术字教程PS教程素材

自己动手操作过类似霓虹效果广告图制作和打造冷酷的金属质感符号这类教程的同学也许会深深明白,如果用暗夜星空氛围打造光感效果的确是非常炫目的。特别是在制作海报或广告时,氛围的营造有时就得靠这种暗夜里光感来震撼到观众。

今天我会教大家一个教程,可以说是这个教程是前面我提到的两个教程的融合。另外,在此教程中,我们会用到此前教程使用的方法,还会介绍一些新技巧运用。还是那样一句老话,最终效果不是目的,最重要是制作过程中,大家能乐在其中就好。

在此,我是用西文来作为案例使用的,中文也可以采用此种效果,只是由于中文的笔画方向往四个方向散开,制作的时候需要颇费些心思才可以把握住文字的协调性。

打开PS,新建一个1920px*1200px的文档,新建一个图层,填充图层为黑色 #1f1e1e。为这个图层增加渐变叠加的图层样式,在图层样式的面板中,设置渐变色从深灰色#707070到白色#ffffff的径向渐变,渐变的混合模式为“正片叠底”,透明度降低为60%。在径向渐变的中心为白色,这让背景呈现中间亮四周暗的效果。

渐变叠加后,大家可以仔细看到,径向渐变会出现一圈圈的类似“年轮”的纹路。解决这个纹路的方法有很多,在此我用杂色滤镜来处理。进入【滤镜>杂色>添加杂色】,在滤镜设置面板中,杂色数量为2%,高斯分布,并选中单色。很多刚开始学PS的同学总是对面板中一些奇怪的参数感到好奇,其实大家未必一定要一开始就掌握所有的参数的意义。经过多次对参数应用,就能慢慢理解它的意思。

好了,让我们开始写字了。我选用了西文字体Kunstler Script Regular,字体选用上要注意,一定要体现“艺术感”,也就是说如果是普通的教正规的字体,效果运用可能就不会这么理想。这也根据不同的字体,我们要选用不同的效果,甚至从文字表达的意思上也要统一风格。我在此先写一个"Design"。

Photoshop设计质感的薅羊毛游戏界面

本教程主要使用Photoshop设计卡通风格的薅羊毛游戏界面,文章把“薅羊毛”小游戏的整体思路与设计过程详细的写了下来,希望能在整理的过程得到提高。感兴趣的朋友可以下载PSD源文件,下面一起来学习吧。

教程源文件:卡通风格的游戏界面设计PSD源文件

“薅羊毛”小游戏初稿展示

项目设计思路的详细过程

1、先确定基本思路

流程图画好以后又做了一些小的修改,制作的方向基本是确定了,由于我们的游戏并非真正意义上手机端APP游戏,只是网页或者微信端的小游戏,故而我设定的页面为三个:开始页面、游戏页面、领奖页面。另外此次游戏为“薅羊毛”带有一定恶趣味的感觉,所以定位为Q版画风。

2、画第一稿(开始页)一百分素材网

经验告诉我们,做好先给领导看,是非常正确的。样子定了再说后面的内容。

做好后领导和客户反映还不错,那么就可以继续下面的了,由于此次游戏讲究短频快的原则,所有我把游戏规则直接放在了开始页面,快速读取,快速游戏,背景加了个可爱的小羊,做到吸引点击的作用。

此页面所含原素:

3、游戏页

是整个游戏最复杂的页面,需要从游戏的动态效果来吸引用户,而且这个小游戏的宗旨是以最快速度让用户了解规则,进而为“码上天翼”平台做推广。故而初稿就先做了一只羊,并未制作过多的小羊表情,另外由于在绘画的过程中时间过于紧迫,,第一稿的羊是仿照韩国sheepo又加了些自己的设计。

与“Photoshop设计质感的薅羊毛游戏界面 Photoshop设计霓虹光效的唯美艺术字教程”相关推荐
Photoshop设计质感的薅羊毛游戏界面 Photoshop设计抽象风格的霓虹字体教程
Photoshop设计质感的薅羊毛游戏界面 Photoshop设计抽象风格的霓虹字体教程

Photoshop设计质感的薅羊毛游戏界面本教程主要使用Photoshop设计卡通风格的薅羊毛游戏界面,文章把“薅羊毛”小游戏的整体思路与设计过程详细的写了下来,希望能在整理的过程得到提高。感兴趣的朋友可以下载PSD源文件,下面一起来学习吧。教程源文件:卡通风格的游戏界面设计PSD源文件“薅羊毛”小游戏初稿展示项目设计思路的详细过程1、

2023-07-14 10:20:18
Photoshop设计质感的薅羊毛游戏界面 Photoshop设计梦幻的光斑艺术字教程
Photoshop设计质感的薅羊毛游戏界面 Photoshop设计梦幻的光斑艺术字教程

Photoshop设计质感的薅羊毛游戏界面本教程主要使用Photoshop设计卡通风格的薅羊毛游戏界面,文章把“薅羊毛”小游戏的整体思路与设计过程详细的写了下来,希望能在整理的过程得到提高。感兴趣的朋友可以下载PSD源文件,下面一起来学习吧。教程源文件:卡通风格的游戏界面设计PSD源文件“薅羊毛”小游戏初稿展示项目设计思路的详细过程1、

2023-06-18 20:32:00
Photoshop设计质感的薅羊毛游戏界面 Photoshop设计金属质感的艺术字教程
Photoshop设计质感的薅羊毛游戏界面 Photoshop设计金属质感的艺术字教程

Photoshop设计质感的薅羊毛游戏界面本教程主要使用Photoshop设计卡通风格的薅羊毛游戏界面,文章把“薅羊毛”小游戏的整体思路与设计过程详细的写了下来,希望能在整理的过程得到提高。感兴趣的朋友可以下载PSD源文件,下面一起来学习吧。教程源文件:卡通风格的游戏界面设计PSD源文件“薅羊毛”小游戏初稿展示项目设计思路的详细过程1、

2023-07-21 16:12:47
Photoshop设计质感的薅羊毛游戏界面 Photoshop设计唯美的古风签名教程
Photoshop设计质感的薅羊毛游戏界面 Photoshop设计唯美的古风签名教程

Photoshop设计质感的薅羊毛游戏界面本教程主要使用Photoshop设计卡通风格的薅羊毛游戏界面,文章把“薅羊毛”小游戏的整体思路与设计过程详细的写了下来,希望能在整理的过程得到提高。感兴趣的朋友可以下载PSD源文件,下面一起来学习吧。教程源文件:卡通风格的游戏界面设计PSD源文件“薅羊毛”小游戏初稿展示项目设计思路的详细过程1、

2023-05-24 20:59:59
Photoshop设计质感的薅羊毛游戏界面 Photoshop设计舞动奇迹艺术字教程
Photoshop设计质感的薅羊毛游戏界面 Photoshop设计舞动奇迹艺术字教程

Photoshop设计质感的薅羊毛游戏界面本教程主要使用Photoshop设计卡通风格的薅羊毛游戏界面,文章把“薅羊毛”小游戏的整体思路与设计过程详细的写了下来,希望能在整理的过程得到提高。感兴趣的朋友可以下载PSD源文件,下面一起来学习吧。教程源文件:卡通风格的游戏界面设计PSD源文件“薅羊毛”小游戏初稿展示项目设计思路的详细过程1、

2023-09-19 21:28:06
Photoshop设计质感的薅羊毛游戏界面 Photoshop设计复古风格的霓虹灯海报教程
Photoshop设计质感的薅羊毛游戏界面 Photoshop设计复古风格的霓虹灯海报教程

Photoshop设计复古风格的霓虹灯海报教程本教程教大家用PS制作时尚男士闪烁的霓虹灯海报效果,类似于电影海报的样子,既复古又时尚,,从场景创建到文字制作都是亲自制作,喜欢的同学可以学习一下。效果图:原图:Photoshop设计质感的薅羊毛游戏界面本教程主要使用Photoshop设计卡通风格的薅羊毛游戏界面,文章把“薅羊毛”小游戏的整体思路与设计过程详细的写了

2023-06-14 18:50:53
Photoshop设计质感的薅羊毛游戏界面 Photoshop设计母亲节艺术字海报教程
Photoshop设计质感的薅羊毛游戏界面 Photoshop设计母亲节艺术字海报教程

Photoshop设计质感的薅羊毛游戏界面本教程主要使用Photoshop设计卡通风格的薅羊毛游戏界面,文章把“薅羊毛”小游戏的整体思路与设计过程详细的写了下来,希望能在整理的过程得到提高。感兴趣的朋友可以下载PSD源文件,下面一起来学习吧。教程源文件:卡通风格的游戏界面设计PSD源文件“薅羊毛”小游戏初稿展示项目设计思路的详细过程1、

2023-05-26 14:20:19
Photoshop设计质感的薅羊毛游戏界面 Photoshop设计时尚的圣诞节艺术字教程
Photoshop设计质感的薅羊毛游戏界面 Photoshop设计时尚的圣诞节艺术字教程

Photoshop设计时尚的圣诞节艺术字教程今天这个效果也只是用了一下钢笔,然后就是操控变形了,完全没有用到别的工具,其实这只是操控变形的一个应用而已,操控变形还有其它的用法,,例如局部的瘦脸,简单的改变人物造型,调整人体姿势,对图片的微调等等。到了最后也可以加上一些圣诞的物件装饰,例如雪、彩带、铃铛之类的,相信效果会更好一些。效果图:制作教程:Photoshop设计质感的薅羊毛

2023-06-19 07:35:18