查看: 21|回覆: 0

[photoshop] 如何绘制立体感的科技图形?用PS绘制立体感的科技图形插画教程

[複製鏈接]

4

主題

0

回帖

0

積分

热心网友

金币
0
閲讀權限
220
精華
0
威望
0
贡献
0
在線時間
0 小時
註冊時間
2008-5-3
發表於 2021-5-11 14:34:13 | 顯示全部樓層 |閲讀模式

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

Adobe Photoshop 2020 v21.2.12.215 ACR14.0 中文版+安装教程

  • 类型:图像处理
  • 大小:1.93GB
  • 语言:简体中文
  • 时间:2022-05-13
查看详情

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

如何绘制立体感的科技图形?用PS绘制立体感的科技图形插画教程

step1:那么,看见这张图

先分解,即它是由哪几个部分构成的呢?

大背景

如何绘制立体感的科技图形?用PS绘制立体感的科技图形插画教程

透视的背景线

如何绘制立体感的科技图形?用PS绘制立体感的科技图形插画教程

立体图

如何绘制立体感的科技图形?用PS绘制立体感的科技图形插画教程

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

step2:背景制作

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

如何绘制立体感的科技图形?用PS绘制立体感的科技图形插画教程

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

如何绘制立体感的科技图形?用PS绘制立体感的科技图形插画教程

好了,背景完成了。

step3:背景透视的线

这个地方我用的方法比较笨,所以画了好久好久好久好久~

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

如何绘制立体感的科技图形?用PS绘制立体感的科技图形插画教程

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

如何绘制立体感的科技图形?用PS绘制立体感的科技图形插画教程

如何绘制立体感的科技图形?用PS绘制立体感的科技图形插画教程

如何绘制立体感的科技图形?用PS绘制立体感的科技图形插画教程

上一页12 下一页 阅读全文
回覆

使用道具 舉報

您需要登錄後才可以回帖 登錄 | 立即注册

本版積分規則

相关侵权、举报、投诉及建议等,请发 E-mail:qiongdian@foxmail.com

Powered by Discuz! X5.0 © 2001-2026 Discuz! Team.

在本版发帖返回顶部