当前位置: 主页 > 平面设计 > PS教程 > 用PS设计抽象风格数字海报图片的抽象海报设计教程

用PS设计抽象风格数字海报图片的抽象海报设计教程

  • 2021-08-18
  • 来源/作者: 站酷/ 野鹿志
  • 41 次浏览

为主要风格的我尝试了一下其实只是运用了一个小技巧而已,原理我不清楚,但是方法应该是对的。当然原图应该还涉及到字体设计,由于我不是设计师,所以字体的修改方面我就瞎糊弄了。来吧,让我们看看那种远看像8近看又不太像8的效果制作思路是怎么样的吧

先看看效果图

抽象效果:用PS设计抽象风格的数字<a href=/photoshop/haibao/ target=_blank class=infotextkey>海报</a>,PS教程,思缘教程网

打开Ai,新建画板,然后用矩形工具画一个矩形,暂时给一个描边色吧,只是用于方便观察:

抽象效果:用PS设计抽象风格的数字海报,PS教程,思缘教程网

复制出多个矩形出来,这一步不用说吧,最好是奇数个,这样的话后面做起来对称的效果我个人觉得会比较好一点:

抽象效果:用PS设计抽象风格的数字海报,PS教程,思缘教程网

把这些矩形组复制出来一份放到一边后面用,然后选择一个合适的字体轮廓化以后调整其尺寸以及位置。

原图我确实不知道用的什么字体,我这里就用常见的微软雅黑粗体吧:

抽象效果:用PS设计抽象风格的数字海报,PS教程,思缘教程网

选择画板上的数字和矩形组,执行路径查找器-分割:

抽象效果:用PS设计抽象风格的数字海报,PS教程,思缘教程网

取消编组以后,可以先用魔棒工具选择画板上的背景矩形组删掉:

抽象效果:用PS设计抽象风格的数字海报,PS教程,思缘教程网

然后再次把刚才复制出来的矩形组放到画板上锁定充当背景和参考:

抽象效果:用PS设计抽象风格的数字海报,PS教程,思缘教程网

框选数字8的一半删掉:

抽象效果:用PS设计抽象风格的数字海报,PS教程,思缘教程网

以每一个矩形为单位将分割出来的图形进行垂直对称:

抽象效果:用PS设计抽象风格的数字海报,PS教程,思缘教程网

弄完以后大概这个样子,最中间的就不用进行对称处理了:

抽象效果:用PS设计抽象风格的数字海报,PS教程,思缘教程网

其实这个时候我如果把数字的对称后的部分用镜像工具垂直复制拼合起来,就已经完成了远看是数字近看不太像的视觉效果了。

我觉得原图应该就是运用了这个小技巧,其实很简单吧:

抽象效果:用PS设计抽象风格的数字海报,PS教程,思缘教程网

后面就是进行一些字型的调整了,相信会字体设计的鹿友应该比我更擅长干这个活。

原图中的数字两头尖尖的效果你可以一点点的去调整锚点,但是我觉得蛮不好控制手柄的,我这里用的效果-变形-鱼形:

抽象效果:用PS设计抽象风格的数字海报,PS教程,思缘教程网

同样还是以每一个矩形为单位来执行鱼形工具吧,参数大家看着效果来搞就好:

抽象效果:用PS设计抽象风格的数字海报,PS教程,思缘教程网

弄完以后大概这样,当然还没有完,你可能会发现有些地方不够圆润:

抽象效果:用PS设计抽象风格的数字海报,PS教程,思缘教程网

这个时候我们就需要选择对象进行调整。

先将对象进行扩展,然后用平滑工具去盘一下锚点,使其圆润一点。

嘛~也是比较麻烦,但总的来说我觉得比调整手柄要好一些:

抽象效果:用PS设计抽象风格的数字海报,PS教程,思缘教程网

盘完以后大概这样吧:

抽象效果:用PS设计抽象风格的数字海报,PS教程,思缘教程网

中间的对象我直接给了一个风格化-圆角,参数大家看着办就好:

抽象效果:用PS设计抽象风格的数字海报,PS教程,思缘教程网

下面再用镜像工具垂直复制拼合出另外一半,这一步不用多说吧:

抽象效果:用PS设计抽象风格的数字海报,PS教程,思缘教程网

感觉差不多了,就可以取消背景的锁定,然后把描边取消掉。

由于我们后面要到PS里去操作,所以切记画板中不要有编组哦:

抽象效果:用PS设计抽象风格的数字海报,PS教程,思缘教程网

图层面板中先释放:

抽象效果:用PS设计抽象风格的数字海报,PS教程,思缘教程网

然后另存为psd文件:

抽象效果:用PS设计抽象风格的数字海报,PS教程,思缘教程网

下面就是在PS里操作啦,先简单的对背景和数字分组处理一下,这一步不用说吧:

抽象效果:用PS设计抽象风格的数字海报,PS教程,思缘教程网

下面就是给背景添加图层样式了,这一步确实没啥可说的,就是看着效果去搞参数。

如图所示我分别添加了斜面和浮雕、内发光以及投影:

抽象效果:用PS设计抽象风格的数字海报,PS教程,思缘教程网

再把图层样式复制给其他的背景矩形:

抽象效果:用PS设计抽象风格的数字海报,PS教程,思缘教程网

上方的数字我同样是给了一个斜面与浮雕的图层样式:

抽象效果:用PS设计抽象风格的数字海报,PS教程,思缘教程网

然后把他复制给了其他的对象图层:

抽象效果:用PS设计抽象风格的数字海报,PS教程,思缘教程网

也可以盖印出来一个略微的调色一下啥的,这个看个人吧:

抽象效果:用PS设计抽象风格的数字海报,PS教程,思缘教程网

最后,让我们看看老三的影响:

抽象效果:用PS设计抽象风格的数字海报,PS教程,思缘教程网