本文由:“学设计上兔课网”原创,图片素材来自网络,仅供学习分享

PS零基础怎么制作2.5D立体插图?本教程主要使用PS制作一款科技感的立体插图,教程主要通过分解的方式来告诉大家如何完成效果,希望大家可以喜欢。

先把最后的效果图抛出来。

本教程主要使用Photoshop绘制立体感的科技图形插画,教程主要通过分解的方式来告诉大家如何完成效果,推荐给PS新手的朋友学习,希望大家可以喜欢。

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

大背景

透视的背景线

立体图

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

step2:背景制作

直接选择矩形工具,拉渐变。

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

好了,背景完成了。

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

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

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

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

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

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

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

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

那么,背景就完成了。

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

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

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

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

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

最后,成品啦!

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

好了,教程到这里就完了。

PS零基础怎么制作2.5D立体插图相关推荐

  1. PS零基础自学笔记:PS制作伤痕、制作UI图标,老师推荐的一些链接

    PS零基础自学笔记:PS制作伤痕.换头 交互设计导论的上机和艺术设计基础换汤不换药,也是搞设计,只不过这次不是Xd,是PS粉墨登场······ 1.PS制作伤痕 https://zhidao.baid ...

  2. Python零基础快速制作足球游戏

    Python零基础快速制作足球游戏 前言 卡塔尔世界杯正是进行得火热,十六强队伍已经诞生,后面就是越来越紧张的争夺八强的淘汰赛.目前爆冷的赛果让球迷一度情绪失落,比如:日本2-1战胜西班牙,韩国2-1 ...

  3. php一篇文零基础到制作在线图片编辑网站赚钱(gif压缩、九宫格裁剪、等比裁剪、大小变换)【php华为云实战】

    注意本篇文适用于: 零基础小白想要了解一下php开发或者网站开发的同学(但是注意,零基础你可以通过本篇完成,但是由于是速成会有一些难度,本篇内容由于是速成,有一些额外知识点,不会可以来问我1_bit) ...

  4. 淘宝美工 电商设计PS零基础到实战课程学习目录-来自于三人行慕课

    原文链接:https://www.3mooc.com/front/articleinfo/265 文后附课程链接 课程目录: 第1章 PS 0基础入门 梦想的开始 课时1 PS入门学习 界面了解与工作 ...

  5. python零基础网站制作_为做网站而准备

    圣经都是神所默示的,于教训.督责.使人归正.教导人学义都是有益的,叫属神的人得以完全,预备行各样的善事.(2 TIMOTHY 3:16-17) 为做网站而准备 作为一个程序猿一定要会做网站.这也不一定 ...

  6. 零基础怎样制作自己的网页网站具体流程 - WordPress建站

    很多外行人都有一个理解误区,认为建设网站必须懂代码懂编程,其实不然.下面我们给大家介绍一下搭建网站的三步曲,您只需跟着这些步骤操作,您的网站就可以在几分钟之内上线,诞生在互联网这个虚拟世界里.US D ...

  7. 2023 PS零基础入门教程

    比较适合新手,高手看看也行 .....................................

  8. ps入门教程零基础视频 小鱼老师美工PS教程

    多媒体设计就业前景非常好,专业网站美工设计,很赚钱的,同时photoshop学的好的话还可以同时作平面设计,在广告公司很吃香,跟着小鱼老师一起来学美工ps教程! ps课程目标 本套PS教程主要教PS软 ...

  9. 从零基础学PS平面设计入门到精通是…

    从零基础开始学习平面设计,了解设计的定义和概念将是了解设计的第一步,有助于了解我们作为一名准平面设计师的职责范围. 设计一词来源于英文"design",包括很广的设计范围和门类.建 ...

最新文章

  1. 谷歌自曝医疗AI临床结果不佳:实验室丰满,临床骨感
  2. Mysql数据库的安装教程
  3. mysql索引详解(转)
  4. [error] eclipse编写spring等xml配置文件时只有部分提示,tx无提示
  5. 警惕分页中的checkbox
  6. 编写一个java小程序输出学生姓名在Unicode表中的位置
  7. python编写水仙花数
  8. 图解项目研发流程与制度实例
  9. 软考论文写作方法及规范
  10. 微信拍一拍,竟然一行代码搞定
  11. BurpSuit在不同浏览器中配置代理
  12. 数论基础——数论函数(1)
  13. JESD204B 参数理解
  14. [CVE-2022-0847][Dirty Pipe]Linux内核权限提升漏洞
  15. FAST-LIVO论文翻译
  16. 盛大陈天桥:想创业 你就大胆提出来
  17. Latex 箭头 下标 符号上下写文字 正方形和三角形
  18. idea实现svn拉分支和合并分支的教程
  19. 数据结构第六章图的思维导图
  20. linux非root用户安装jdk1.8

热门文章

  1. 计算机老师教师节祝福语,教师节祝福老师的祝福语
  2. Ubuntu Qt 安装雅黑Consolas
  3. 在没有装Access2007的电脑上能否用ASP等连接accdb格式数据库?
  4. React Native小计
  5. 如何压缩视频大小?怎么压缩视频大小?
  6. 一年又一年 (写在鸡年除夕夜,明天是狗年)
  7. 开发中遇到的小问题记录
  8. win10 忘记本地账户密码 可指纹或pin 等方式登录 找回密码 家庭版 专业版 教程 简单
  9. GTAV智能驾驶源码详解(一)——制作数据集
  10. 前端怎么加粗字体_视频加文字怎么弄?强烈建议你花几分钟学一下