search
HomeWeb Front-endPS Tutorial利用PS创建几何图案的复古怀旧海报 PS入门实例教程

这篇文章主要介绍了用ps创建最近比较流行的几何图案的复古怀旧海报,步骤详细,教程不长,非常适合新手练习,需要的朋友可以参考下

利用PS创建几何图案的复古怀旧海报 PS入门实例教程

篇文章主要介绍了用ps创建最近比较流行的几何图案的复古怀旧海报,步骤详细,在今天的教程里你学到的最有价值的东西是,作者巧妙的创作思路,突破了平常设计思维的墙。当然,还有他对几何形状的高超使用技巧,教程不长但是步骤非常详细,非常适合新手练习,需要的朋友可以参考下。

抽象几何图案在西方也被叫做“希腊艺术”,或者“地中海风格”,相传它起源于公元前900年到700年间的古希腊,最初是在花瓶装饰画中产生的。它是由诸如方形、圆形、三角形等基本的几何图案经过艺术的处理和加工产生的一种艺术形式。

抽象几何的风格鲜明,经过岁月的演化,它从古典艺术中分离出来,摇身变为摩登、时尚、简洁的代言风格。在我们日常生活设计中,会常常看到它的存在,甚至在最近流行的低多边形也可以看到这类艺术形式的影子。

利用PS创建几何图案的复古怀旧海报 PS入门实例教程

今天我们就来学习如果制作这类抽象几何风格的海报,并且我们要为这幅海报添加GRUNGE的质感,让它显得怀旧,又不失大气、时尚。

利用PS创建几何图案的复古怀旧海报 PS入门实例教程

素材微盘下载:GRUNGE纹理图案

二、几何图形的构建

1、打开AI开始画图形的基本结构

让我们先画上几个最基础的长方形,长方形按照下面的方式排列,你也可以根据自己喜欢的方式构图。没错!有人说这是不是有些像建筑户型图?这也许是这类构图最直接的灵感来源哦!

抽象构图似乎没有明确的规律可循,自然随机的进行创造即可,如果实在对此有疑问的,可以参考云朵在天空上的那种自由自在的复杂变化。停下来好好观察晴朗的天空吧~

利用PS创建几何图案的复古怀旧海报 PS入门实例教程

在画基础图形时,必须注意这里要用长方形来构图,而切忌让直线参与进来。这样做的理由是等下当我们在为每个长方形填充色彩的时候,用直线的地方显然是无法顺利填充的。

当然了,每个长方形边缘都保持两两重叠的,没有缝隙,这样的图形才会看上去更精美。

让我们再继续多添加几个长方形,它最终变成了这个样子

利用PS创建几何图案的复古怀旧海报 PS入门实例教程

2、变形

接下来,按照上下两个矩形为一列,对图形进行变形。变形的方式有很多,今天我们所使用的是“倾斜”工具。

选择【对象>变换>倾斜】,弹出倾斜设置面板,在面板中的角度内输入-40度,“轴”这个选项里选择“垂直”,点击确认后,图形就发生了变换。

利用PS创建几何图案的复古怀旧海报 PS入门实例教程

当你把角度变为40度时,图形就朝着相反的地方倾斜,经过这样相错倾斜的角度的调整后的效果如下:

利用PS创建几何图案的复古怀旧海报 PS入门实例教程

3、上色

让我们开始为每一块图形上色吧,在这里我使用的是红黄蓝三种颜色,你也可以自由发挥。有的选择整块填充,有的使用渐变,而其中有的我还选用了色板中的基本线条图案。

【窗口>色板>打开色板库>图案>基本图形>基本图形-线条】

当选中你要填充的对象,再点选相应图案,对象就变为了线条图案填充。

如果你不懂上色,那么这组资源太及时了,立刻帮上忙!《随取随用!专属扁平化设计的PS色板(配色库)》

利用PS创建几何图案的复古怀旧海报 PS入门实例教程

这里对色彩的协调搭配是重要的,基本的要点有一个那就是尽量保持在3—5个颜色内,这样会让整个画面不显凌乱,最后我做出的效果如下:

利用PS创建几何图案的复古怀旧海报 PS入门实例教程

三、PS里的效果处理

1、将图形输出为PNG文档后,记得去掉背景色。然后打开PS,新建一个文档,尺寸自理。填充背景色为黑色,然后将刚刚做好的PNG图案加入。

利用PS创建几何图案的复古怀旧海报 PS入门实例教程

2、夜光效果

怎样添加一点夜光效果呢?大家可以在此停下来想想,将它的颜色减淡?透明度调低?增加一层颜色渐变图层?还是?……

这里我要使用的是一个新方法:复制图案的图层,将图案的复制层进行高斯模糊。再将模糊的图层模式改为滤色,透明度降低为80%。高斯模糊的像素根据你的图像大小而定,目标是让图案看上去稍微有点在黑暗中的夜光效果。

利用PS创建几何图案的复古怀旧海报 PS入门实例教程

3、怀旧效果

增加怀旧感的做法是,打开最初准备好的纹理图案,图层模式为正片叠底。这时它就整个与图案相融合,让图案变出了怀旧感的纹理。

利用PS创建几何图案的复古怀旧海报 PS入门实例教程

这时我们还可以试用GRUNGE画笔继续进行修饰,让整个海报的怀旧氛围更加浓郁哦~

利用PS创建几何图案的复古怀旧海报 PS入门实例教程

总结

以上就是ps创建几何图案的复古怀旧海报 的详细过程,各位读者尝试了吗?将一张图案变成GRUNGE风格显得好像真的很容易,但是往往在实践过程中,有时候我们的思维就是兜不了我们想要去到的地方,试错也是成功的开始,脚本之家的小编一直认为动动手就有大改变。

Statement
The content of this article is voluntarily contributed by netizens, and the copyright belongs to the original author. This site does not assume corresponding legal responsibility. If you find any content suspected of plagiarism or infringement, please contact admin@php.cn
Photoshop: Mastering Layers and CompositionPhotoshop: Mastering Layers and CompositionMay 01, 2025 am 12:05 AM

The method to create a new layer in Photoshop is: 1. Click the "New Layer" button at the bottom of the layer panel; 2. Use the shortcut keys Ctrl Shift N (Windows) or Command Shift N (Mac). The layers are like transparent sheets on canvas, allowing design elements to be managed separately, non-destructive editing and experimenting, and improving design levels.

Photoshop Applications: From Photo Editing to Digital ArtPhotoshop Applications: From Photo Editing to Digital ArtApr 30, 2025 am 12:10 AM

Photoshop is widely used in the fields of image processing and digital art, and is suitable for photo editing and digital art creation. 1. Photo editing: Adjust brightness and contrast Use the "Brightness/Contrast" tool. 2. Digital art: Use brush tools to create paintings. 3. Basic usage: Use the "Red Eye Tool" to remove red eyes. 4. Advanced usage: Use layers and masks for image synthesis. 5. Debug: Recover the lost layers by checking the layer panel. 6. Performance optimization: Adjust memory usage to improve running speed.

Photoshop's Core Function: Image Editing and ManipulationPhotoshop's Core Function: Image Editing and ManipulationApr 29, 2025 am 12:17 AM

Photoshop's core functions are image editing and operation, including adjusting the color, brightness, contrast of images, applying filter effects, cropping and adjusting image size, performing image synthesis, etc. 1. Adjust brightness and contrast: Open the image, select the "Adjust" option in the "Image" menu, select "Brightness/Contrast", and adjust the slider. 2. Use the color level adjustment layer and layer mask: Click the "Create a new fill or adjust layer" button, select "Scale", adjust the color level, add a layer mask, and use the brush tool to control the adjustment effect.

Photoshop: The Power of Raster Graphics EditingPhotoshop: The Power of Raster Graphics EditingApr 28, 2025 am 12:13 AM

Photoshop is a powerful tool for handling raster graphics, and its core functions include layers and masks, filters and adjustments. 1. Layers and masks allow independent editing and non-destructive modifications. 2. Filters and adjustments can quickly change the appearance of the image, but they should be used with caution to avoid affecting the image quality. By mastering these functions and advanced skills, you can greatly improve your image editing and creative abilities.

Photoshop: A Versatile Tool for Image ManipulationPhotoshop: A Versatile Tool for Image ManipulationApr 27, 2025 am 12:13 AM

Photoshop is so powerful in the field of image processing because of its versatility and intuitive operating interface. 1) It can handle various tasks from basic adjustment to complex synthesis, such as adjusting brightness and contrast. 2) Working based on layers and masks allows non-destructive editing. 3) Examples of usage include adjusting color balance and creating layer masks. 4) Common errors such as excessive editing can be avoided through the History panel. 5) Performance optimization suggestions include the use of smart objects and shortcut keys.

Photoshop Trials and Alternatives: Exploring Free AccessPhotoshop Trials and Alternatives: Exploring Free AccessApr 26, 2025 am 12:23 AM

Photoshop offers a free 7-day trial period. To maximize the use of the trial period, 1) sign up for multiple Adobe accounts, 2) use the student or education version, and 3) subscribe to Adobe CreativeCloud. Free alternatives include: 1) GIMP, 2) Photopea, 3) Krita, these software can meet daily image editing needs.

Photoshop for Photographers: Enhancing and Retouching ImagesPhotoshop for Photographers: Enhancing and Retouching ImagesApr 25, 2025 am 12:01 AM

Enhance and retouching photos in Photoshop can be achieved by adjusting brightness and contrast, using the Repair Brush Tool. 1) Adjust brightness and contrast: Increase brightness and contrast to improve underexposed photos through the Image->Adjustments->Brightness/Contrast menu. 2) Use the Repair Brush Tool: Select HealingBrushTool in the toolbar and apply to remove miscellaneous points or scars in the image.

Accessing Photoshop: Methods and AvailabilityAccessing Photoshop: Methods and AvailabilityApr 24, 2025 am 12:07 AM

Photoshop can be obtained by purchasing a permanent license or subscribing to CreativeCloud. 1. Purchase a permanent license for long-term use, no monthly payment, but no latest updates are available. 2. Subscribe to CreativeCloud to access the latest version and other Adobe software, and you need to pay a monthly or annual fee. The choice should be based on frequency of use and requirements.

See all articles

Hot AI Tools

Undresser.AI Undress

Undresser.AI Undress

AI-powered app for creating realistic nude photos

AI Clothes Remover

AI Clothes Remover

Online AI tool for removing clothes from photos.

Undress AI Tool

Undress AI Tool

Undress images for free

Clothoff.io

Clothoff.io

AI clothes remover

Video Face Swap

Video Face Swap

Swap faces in any video effortlessly with our completely free AI face swap tool!

Hot Tools

SublimeText3 English version

SublimeText3 English version

Recommended: Win version, supports code prompts!

ZendStudio 13.5.1 Mac

ZendStudio 13.5.1 Mac

Powerful PHP integrated development environment

MantisBT

MantisBT

Mantis is an easy-to-deploy web-based defect tracking tool designed to aid in product defect tracking. It requires PHP, MySQL and a web server. Check out our demo and hosting services.

Dreamweaver CS6

Dreamweaver CS6

Visual web development tools

mPDF

mPDF

mPDF is a PHP library that can generate PDF files from UTF-8 encoded HTML. The original author, Ian Back, wrote mPDF to output PDF files "on the fly" from his website and handle different languages. It is slower than original scripts like HTML2FPDF and produces larger files when using Unicode fonts, but supports CSS styles etc. and has a lot of enhancements. Supports almost all languages, including RTL (Arabic and Hebrew) and CJK (Chinese, Japanese and Korean). Supports nested block-level elements (such as P, DIV),