纯净、安全、绿色的下载网站

首页|软件分类|下载排行|最新软件|IT学院

当前位置:首页photoshop教程图片处理

立体质感的科技图形插 Photoshop设计蔚蓝科技网页立体插画图片

设计遇上思想   2021-06-30 我要评论
Photoshop设计蔚蓝科技网页立体插画图片立体质感的科技图形插画教程主要通过分解的方式来告诉大家如何完成效果.

先把最后的效果图抛出来

Photoshop设计蔚蓝科技网页立体插画图片立体质感的科技图形插

step1:那么看见这张图先分解即它是由哪几个部分构成的呢?

大背景

Photoshop设计蔚蓝科技网页立体插画图片立体质感的科技图形插

透视的背景线

Photoshop设计蔚蓝科技网页立体插画图片立体质感的科技图形插

立体图

Photoshop设计蔚蓝科技网页立体插画图片立体质感的科技图形插

以及一些周边的按钮之类的

step2:背景制作

直接选择矩形工具拉渐变

Photoshop设计蔚蓝科技网页立体插画图片立体质感的科技图形插

接着选择椭圆工具画一个填充白色的正圆设置其羽化值

Photoshop设计蔚蓝科技网页立体插画图片立体质感的科技图形插

好了背景完成了

step3:背景透视的线了这个地方我用的方法比较笨所以画了好久好久好久好久~

先用矩形工具画一个矩形填充去掉描边2px

Photoshop设计蔚蓝科技网页立体插画图片立体质感的科技图形插

接着根据需要的点配合钢笔工具的加减锚点以及小白(直接选择工具)进行锚点的一对一修改

Photoshop设计蔚蓝科技网页立体插画图片立体质感的科技图形插

Photoshop设计蔚蓝科技网页立体插画图片立体质感的科技图形插

Photoshop设计蔚蓝科技网页立体插画图片立体质感的科技图形插

然后用相同的方法拼出来一整个背景线条

画好后ctrl+G进行编组并复制一个组命名背景-线第一个组隐藏掉(这个操作是备份以防后续需要进行修改)

接着在复制的组 背景-线 右键 - 转为智能对象并进行颜色叠加

Photoshop设计蔚蓝科技网页立体插画图片立体质感的科技图形插

接下来进行透视操作先快捷键ctrl+T将图旋转45度如下图:

Photoshop设计蔚蓝科技网页立体插画图片立体质感的科技图形插

旋转45°后再次右键选择扭曲并操作

Photoshop设计蔚蓝科技网页立体插画图片立体质感的科技图形插

Photoshop设计蔚蓝科技网页立体插画图片立体质感的科技图形插

那么背景就完成了

step4:立体的图了这个我们需要先把层分出来就跟刚刚对整个画面分层是一样的道理先来看第一个

Photoshop设计蔚蓝科技网页立体插画图片立体质感的科技图形插

Photoshop设计蔚蓝科技网页立体插画图片立体质感的科技图形插

将元素组合起来就是模型01的样式了

接下来看一下有光的效果的是拆分

Photoshop设计蔚蓝科技网页立体插画图片立体质感的科技图形插

剩下的就是叠加上去凹进去的可以创建剪切蒙版快捷键ctrl+alt+G

等几个图形都制作完毕后就进行一下整体的调节添加一些周边的东西剩下还有一个按钮叠加了两层原本考虑直接用内阴影效果不理想于是就分两层来做了

Photoshop设计蔚蓝科技网页立体插画图片立体质感的科技图形插

最后成品啦!

Photoshop设计蔚蓝科技网页立体插画图片立体质感的科技图形插

附上一张应用立体感觉设计的图放在网页上面网站看起来就比较专业啦~

Photoshop设计蔚蓝科技网页立体插画图片立体质感的科技图形插


相关文章

猜您喜欢

  • 快速抠出美女的卷发 PS抠图教程实例

    今天我们教大家学习一篇PS抠图教程实例:快速抠出美女的卷发用PS抠图是我们经常要做的其中头发与透明物体是抠图的难点 这里的方法大家不妨一试! 图片如下: 原图 图片如下: 在通道中复制明暗对比高的:如蓝色 图片如下: 图片如下: 用路径钩边 图..
  • 简单几步把明星胡哥的照片制作成黑白素描效果 PS人像后期教程

    PS人像后期教程:简单几步把明星胡哥的照片制作成黑白素描效果 1、原素材 2、打开背景图层将背景图层进行复制CTRL+J 然后CTRL+SHIFT+U去色 3、效果如下 4、复制去色的图层1然后反相CTRL+I 5、混合模式修改为颜色减淡 画面变成了白色的 6、滤镜~..

网友评论

Copyright 2020 www.gamerfx.net 【游戏天空】 版权所有 软件发布

声明:所有软件和文章来自软件开发商或者作者 如有异议 请与本站联系 点此查看联系方式