首页 > 设计知识 > 正文

Photoshop设计暗色主题风格的播放器界面 Photoshop设计渐变插画主题风格的图标

2023-07-10 14:46:06 | 一百分素材网

Photoshop设计暗色主题风格的播放器界面

教程PSD源文件下载:音乐播放器UI设计教程PS教程源文件

Photoshop设计渐变插画主题风格的图标

渐变用在插画当中是能表现出光感的,利用简单的几何形搭配不同的渐变填色方法,我们就能实现出非常绚丽的景致。今天我们要绘制的就是一个比较小的风景类的图标。绘制的过程非常简单,最重要是要领会其中渐变的用法。

先看看效果图:

灵感来源

自己的草图构想

视频播放

第一段:

第二段:

第三段:一百分素材网

一、草图阶段

草图阶段很重要的是确定好大致的构图,按照一个圆形来作为画框是非常常见的图标的代表,当然作为图标有时候可大可小。但是大家应该可以看到,这里波浪的部分是海面,而右边的圆是太阳,上面这些分散的点就是水珠。这个景象大家应该并不陌生。

二、拆分基础形

扁平化的插画无一不是从基础形开始,保持基础形的简洁是非常重要的一步。

那我们就需要将草图进行拆分,其实这副插画的基础形就只有两个:圆形和波浪形。接下来我们就要考虑怎样得到这两个形状,以及这两个形状应该怎么组合成画面。

三、海面的基础形

STEP 01

首先,我们打开PS新建一个文档,我这里的文档大小设置为 1280*720px ,然后用椭圆工具画出一个圆,这个圆形就是其中的一个基础形。

STEP 02

再利用钢笔工具来绘制波浪形。要得到这个波浪形其实有很多方法,在AI里我们可能用的是【路径查找器】或者【形状生成工具】,但在PS里我们用的是【蒙板】来实现。先绘制出波浪的上部形状,然后下方形状随意,通过给这个形状添加圆形的蒙板,它就能呈现我们想要的形状。

STEP 03

这时我们可以先把色彩设置为黑白灰,将形状安排好以后再完成填色。所以将这个波浪形放置在圆形上方,使得它们对齐。然后再复制一个波浪形,这个波浪形可以先去掉蒙板,旋转调整以后再次添加圆形的蒙板。

STEP 04

继续复制波浪形以完成下方的形状效果。这就是我们构想中的海面的效果。这时还可以继续的进一步调整到理想状态。

四、太阳和水珠的基础形

STEP 05

太阳是圆形所以画起来很容易,太阳光的发散这里我们可以继续复制三个圆,每一个比原来那个大一点,这样来制造光线往外扩的效果。

STEP 06

按照计划增加水珠,散落整个画面上。

五、填色

接下我们就要开始填色,首先来确定主色,比如这里我设定为蓝色,那么再确定一个辅助色,比如在这里的绿色,然后渐变色可以在这两个色彩之间过渡。蓝色的饱和度和亮度比绿色稍低,这样就容易形成光线的感觉。

与“Photoshop设计暗色主题风格的播放器界面 Photoshop设计渐变插画主题风格的图标”相关推荐
Photoshop设计暗色主题风格的播放器界面 Photoshop设计渐变为主题色彩的海报
Photoshop设计暗色主题风格的播放器界面 Photoshop设计渐变为主题色彩的海报

Photoshop设计暗色主题风格的播放器界面教程PSD源文件下载:音乐播放器UI设计教程PS教程源文件, Photoshop设计渐变为主题色彩的海报首先,按照国际惯例是Studio–JQ的原作和我们的山寨对比,同样的,我拿到的图片是800X600像素,我们依旧做成1200X900像素了,可能在细节上做不到完全一致,但是大致的意思是这样。首先,新建文档,我用的尺寸是12

2023-08-14 22:44:03
Photoshop设计暗色主题风格的播放器界面 Photoshop设计红色主题的渐变海报教程
Photoshop设计暗色主题风格的播放器界面 Photoshop设计红色主题的渐变海报教程

Photoshop设计暗色主题风格的播放器界面教程PSD源文件下载:音乐播放器UI设计教程PS教程源文件, Photoshop设计红色主题的渐变海报教程教程所需要的素材:时尚渐变风格的海报PS教程素材

2023-07-12 06:50:38
Photoshop设计暗色主题风格的播放器界面 Photoshop设计绚丽渐变主题的海报教程
Photoshop设计暗色主题风格的播放器界面 Photoshop设计绚丽渐变主题的海报教程

Photoshop设计暗色主题风格的播放器界面教程PSD源文件下载:音乐播放器UI设计教程PS教程源文件, Photoshop设计绚丽渐变主题的海报教程Studio–JQ是一家位于英国的设计工作室,它是一个独特的品牌传播机构,由JonathanQuintin所领导,他擅于运用排版及图形,其设计风格独树一帜,在排版的运用上和图形的理解上,可以说是出神入化,极具视觉张力。他的作

2023-08-15 23:44:50
 Photoshop设计暗色主题风格的播放器界面
Photoshop设计暗色主题风格的播放器界面

使用PHOTOSHOP设计木制书架目前,很多小说阅读类APPS界面设计都采用了木质书架,这种方式无疑是一个完美的方式。今天,我们将指导您在Photoshop中创建一个木质书架。在本教程中,你会学到如何创造木材纹理等许多的方便、快捷的技术。所以,废话不多说,让我们开始吧!第1步 在Photoshop中创建一个新的文档,一个600px的宽度和800px高度。 第

2023-09-12 13:50:15
Photoshop设计渐变风格的简约海报教程 Photoshop设计暗色主题风格的播放器界面
Photoshop设计渐变风格的简约海报教程 Photoshop设计暗色主题风格的播放器界面

Photoshop设计渐变风格的简约海报教程Macarons简直是巴黎的象征,这种用蛋白、杏仁粉、白砂糖和糖霜制成的甜点,在春晚之后就成了最时髦的点心,“少女的酥胸”用那些缤纷的色彩俘获了人心。很快,今年的缤纷色彩就有了一个名字,马卡龙色。和冰淇淋色比起来,马卡龙色更是闪亮明媚,粉色、黄色、绿色、橘色、蓝色是主要色调,尽管浓烈了些,,但空气感依然十足,充满了棉花糖般的温

2023-07-17 01:34:17
Photoshop设计暗色主题风格的播放器界面 Photoshop设计立体风格的音乐播放器图标
Photoshop设计暗色主题风格的播放器界面 Photoshop设计立体风格的音乐播放器图标

Photoshop设计暗色主题风格的播放器界面教程PSD源文件下载:音乐播放器UI设计教程PS教程源文件, Photoshop设计立体风格的音乐播放器图标本教程主要教大家设计一个勃朗风格音乐ICON图标,效果很好,而且运用了很多知识点,如渐变、图层样式、滤镜、直接选择工具等,对新手了解PS有很大的帮助,希望大家喜欢。先看看效果图新建图层,矩形工具绘制矩形:加图层样式投影复制图

2023-07-31 00:40:04
Photoshop设计暗色主题风格的播放器界面 Photoshop设计春季为主题风格的插画作品
Photoshop设计暗色主题风格的播放器界面 Photoshop设计春季为主题风格的插画作品

Photoshop设计暗色主题风格的播放器界面教程PSD源文件下载:音乐播放器UI设计教程PS教程源文件, Photoshop设计春季为主题风格的插画作品1.初始草图这是我送给该机构的第一个草图-只是快速的线条。当我开始时,我喜欢红色,如果图像中有天空,,我喜欢先设计云。2.修订他们不喜欢它;他们想要一个中间的气球在中间的一块。我决定做一个素描,他们不能用简洁的线条和明亮的

2023-07-08 19:37:21
Photoshop设计暗色主题风格的播放器界面 Photoshop设计立体插画风格的圆形图标
Photoshop设计暗色主题风格的播放器界面 Photoshop设计立体插画风格的圆形图标

Photoshop设计暗色主题风格的播放器界面教程PSD源文件下载:音乐播放器UI设计教程PS教程源文件, Photoshop设计立体插画风格的圆形图标整个插画就是树枝滴部分会稍微花点时间哦~建议熟练滴童鞋不要临摹,自已动手画一画这些树枝,对自己的构图能力和控制力都是很有帮助滴哦建好画布后,画一个圆:然后砸门建立一个分组,alt+左键显示圆的选区,然后给分组建立一个蒙版,把所有

2023-07-11 01:53:30