教程 发表于 2021-3-27 14:17:50

用PS制作“科技感矢量”海报

教程作者：极微设计
可以看得出来本篇教程的效果图十分具有科技感，它虽然是一个圆环，但是极具创意，虽然简单，但是看着很有科技感，制作起来也不难。一起通过PS来学习一下吧。整体来说本篇教程都是在ps中进行的，首先会通过一个矩形工具来画一个格子出来，然后一步一步的进行操作，不停的重复旋转，直到满意为止，多次旋转以后就得到了一个圆。一起通过教程来学习制作一下吧，相信你可以做的更好。

效果图：

http://pic1.16xx8.com/allimg/hamce2/16xx899405a2x099405.thumb.png搜索公众号photoshop教程论坛，免费领取自学福利

操作步骤：

第一步：

打开PS，按Ctrl+N新建一个画布（宽度：750像素、高度：1000像素，背景内容：透明），确定后，就得到“图层 1 ”图层

http://pic1.16xx8.com/allimg/hamce2/16xx899405a2x1.png


http://pic1.16xx8.com/allimg/hamce2/16xx899405a2x299405.thumb.png

第二步：

按Shift+Ctrl+N新建一个图层，就得到“图层 2 ”图层；接着在“图层 2 ”图层，按Shift+F5填充（颜色：#03004c），好了后点击‘确定’

http://pic1.16xx8.com/allimg/hamce2/16xx899405a2x399405.thumb.png


http://pic1.16xx8.com/allimg/hamce2/16xx899405a2x4.png


http://pic1.16xx8.com/allimg/hamce2/16xx899405a2x5.png


http://pic1.16xx8.com/allimg/hamce2/16xx899405a2x699405.thumb.png

第三步：

按U使用矩形工具，设置（填充：无、描边颜色：#00ffff、描边宽度：1点），在图像中拖画出一个正方矩形框形状，好了后，就得到“矩形 1 ”图层；接着鼠标右键单击“矩形 1 ”图层选择‘栅格化图层’功能，就把 矩形 1 图层栅格化

http://pic1.16xx8.com/allimg/hamce2/16xx899405a2x799405.thumb.png


http://pic1.16xx8.com/allimg/hamce2/16xx899405a2x899405.thumb.png


http://pic1.16xx8.com/allimg/hamce2/16xx899405a2x9.png


http://pic1.16xx8.com/allimg/hamce2/16xx899405a2x1099405.thumb.png

第四步：

按Ctrl+J复制拷贝一下 矩形 1 图层，就得到“矩形 1 拷贝”图层；接着在“矩形 1 拷贝”图层，按Ctrl+T，设置（旋转角度：3），好了后按Enter确定

http://pic1.16xx8.com/allimg/hamce2/16xx899405a2x1199405.thumb.png


http://pic1.16xx8.com/allimg/hamce2/16xx899405a2x1299405.thumb.png


http://pic1.16xx8.com/allimg/hamce2/16xx899405a2x1399405.thumb.png


http://pic1.16xx8.com/allimg/hamce2/16xx899405a2x1499405.thumb.png


http://pic1.16xx8.com/allimg/hamce2/16xx899405a2x1599405.thumb.png

第五步：

按几下Shift+Ctrl+Alt+T重复几次旋转角度的步骤，直到效果满意为止

http://pic1.16xx8.com/allimg/hamce2/16xx899405a2x1699405.thumb.png


http://pic1.16xx8.com/allimg/hamce2/16xx899405a2x1799405.thumb.png

第六步：

按U使用椭圆工具，设置（填充：无、描边颜色：#00ffff、描边宽度：1点），在图像中拖画出一个椭圆框形状，好了后，就得到“椭圆 1 ”图层；接着鼠标右键单击“椭圆 1 ”图层选择‘栅格化图层’功能，就把 椭圆 1 图层栅格化

http://pic1.16xx8.com/allimg/hamce2/16xx899405a2x1899405.thumb.png


http://pic1.16xx8.com/allimg/hamce2/16xx899405a2x1999405.thumb.png


http://pic1.16xx8.com/allimg/hamce2/16xx899405a2x20.png


http://pic1.16xx8.com/allimg/hamce2/16xx899405a2x2199405.thumb.png

第七步：

在“椭圆 1 ”图层，按Ctrl+T，调整一下椭圆框形状的大小，使其裹绕着矢量形状，好了后按Enter确定

http://pic1.16xx8.com/allimg/hamce2/16xx899405a2x2299405.thumb.png


http://pic1.16xx8.com/allimg/hamce2/16xx899405a2x2399405.thumb.png


http://pic1.16xx8.com/allimg/hamce2/16xx899405a2x2499405.thumb.png

第八步：

按T使用文字工具，设置（字体颜色：白颜色），在矢量形状中间输入自己喜欢的文字（比如：TECHNOLOGY），好了后就得到“TECHNOLOGY”文字图层

http://pic1.16xx8.com/allimg/hamce2/16xx899405a2x2599405.thumb.png


http://pic1.16xx8.com/allimg/hamce2/16xx899405a2x2699405.thumb.png


http://pic1.16xx8.com/allimg/hamce2/16xx899405a2x2799405.thumb.png

第九步：

最后，按T使用文字工具，随意输入一些自己喜欢的文字，使海报效果更佳，即可完成。

http://pic1.16xx8.com/allimg/hamce2/16xx899405a2x2899405.thumb.png

完成：

http://pic1.16xx8.com/allimg/hamce2/16xx899405a2x099405.thumb.png搜索公众号photoshop教程论坛，免费领取自学福利

本篇教程制作起来也比较简单，效果也很出众，看似简单的一个圆环但是给人的视觉冲击力很强，有一种科技感在里头，一起跟着教程练习一下吧，相信你也可以创作出更棒的教程。http://www.16xx8.com/1diy/imges/wxapp_2wm.jpg

PS诗 发表于 2021-3-27 14:19:19

我的作业：外面那个圆形好像不贴合

gtzjfa 发表于 2021-4-27 15:14:08

我的作业：

houzhijiang 发表于 2021-5-13 15:00:55

我的作业：

qq597865619 发表于 2021-6-20 22:36:34

我想问一下，最后划那个椭圆，有什么作用呢？

Lukegao 发表于 2021-7-15 22:35:04

我的作业：练习

Lukegao 发表于 2021-7-15 22:36:26

我的作业：提交作业
页: [1]
查看完整版本: 用PS制作“科技感矢量”海报