search
HomeWeb Front-endPS TutorialUse PS to create a stylish and beautiful LOGO

Today, I saw a post on the Internet that introduced various fashionable and beautiful hexagonal LOGOs, and one of them caught my eye.

用PS制作时尚美观的LOGO

I’m feeling stuck, so I try to copy it using PS

1. Create a new document, size 600 *600

用PS制作时尚美观的LOGO

2. Use the polygon tool, select 6 for the number of sides, hold down the Shift key, and draw a regular hexagon as shown below (the fill color is optional)

用PS制作时尚美观的LOGO

3. Press Ctrl+T to adjust the position and size of the hexagon, as shown in the picture

用PS制作时尚美观的LOGO

用PS制作时尚美观的LOGO

4. Name the hexagonal layer "Edge" and copy the layer 3. times, named "bottom", "middle" and "top" respectively. Temporarily hide the three layers of "bottom", "middle" and "top"

5. Add the following layer style to the "edge" layer. The color of the stroke is White

用PS制作时尚美观的LOGO

用PS制作时尚美观的LOGO Because it is white, I can’t feel any change

6 , Convert the "Edge" layer into a

Smart Object

, set the fill of this layer to 0%, and then add the following layer style to this layer, and the stroke color is black

用PS制作时尚美观的LOGO

用PS制作时尚美观的LOGO

7. Convert the layer to

Smart Object

and add it The layer style of color overlay, the color on the left: #092b47, the color on the right: #258a82

用PS制作时尚美观的LOGO

用PS制作时尚美观的LOGO This is the border of the LOGO It's ready.

8. Display the "bottom" layer and change the fill color to red. Then use the

direct selection tool

to select this hexagon

用PS制作时尚美观的LOGO You can see that there are 6 control points. Use the mouse to select the top point and right-click to select "Delete Anchor Point"; then select the topmost point on the left, right-click and select "Delete Anchor Point"

用PS制作时尚美观的LOGO

9. Change the "Center" Bring this layer up and change the fill color to yellow. Use the method in the previous step to delete the two anchor points

用PS制作时尚美观的LOGO

10. Display the "top" layer and change the fill color. into green. Use the previous step to delete the two anchor points

用PS制作时尚美观的LOGO

11. Rasterize the "bottom", "middle" and "top" layers, and create a new rectangular selection box. Click: Select>Transform Selection to adjust the position and size of the selection

用PS制作时尚美观的LOGO

用PS制作时尚美观的LOGO

Select the "top" layer and press the Delete key to delete the content in the selection

Select the "bottom" layer and press the Delete key. Delete the content in the selection

and press Ctrl+D to cancel the selection

用PS制作时尚美观的LOGO

In this way, the basic shape of the LOGO is determined Came down. The next step is to color the three layers.

12, add the following layer style to the "bottom" layer, the color on the left: #69aed5, the color on the right: #4ac2c1

用PS制作时尚美观的LOGO

Add the following layer style to the "middle" layer, the color on the left: #5fa09c, the color on the right: #25557b

用PS制作时尚美观的LOGO

Add the following layer style to the "top" layer, the color on the left: #46b0da, the color on the right: #22dc9d

用PS制作时尚美观的LOGO

用PS制作时尚美观的LOGO

At this point, a stylish and beautiful LOGO has been copied. For the details, adjust the gradient colors of the three layers to get a better effect.

For more related articles about using PS to create fashionable and beautiful LOGOs, please pay attention to the PHP Chinese website!

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
Comparing Photoshop Pricing: Options and BenefitsComparing Photoshop Pricing: Options and BenefitsMay 12, 2025 am 12:17 AM

Adobe Photoshop offers three packages: 1) a single application plan, suitable for users who only need Photoshop, with a low cost, including 20GB of cloud storage; 2) a full set of CreativeCloud plans, suitable for users who need multiple Adobe applications, with a high cost, including 100GB of cloud storage; 3) a preferential plan for students and teachers, suitable for academic users with limited budget, with a low cost, including 20GB of cloud storage.

What Makes Photoshop Special? Its Primary FunctionWhat Makes Photoshop Special? Its Primary FunctionMay 11, 2025 am 12:16 AM

Photoshop'sprimaryfunctionistoenableuserstomanipulate,enhance,andcreatedigitalimageswithprecisionandcontrol.Itsspecialfeaturesinclude:1)alayer-basededitingsystemforindependentelementmanipulation,2)anextensivelibraryoftoolsandfiltersforvarioustasks,an

Photoshop: The Cost of Professional Image EditingPhotoshop: The Cost of Professional Image EditingMay 10, 2025 am 12:19 AM

Photoshop's cost includes direct costs, time and learning curve, resources and hardware investment. 1. Direct cost: Subscription system $20 to $50 per month, purchase hundreds of dollars at one time. 2. Time and Learning: It requires a lot of time and practice, and it is recommended to learn through online courses and tutorials. 3. Resources and hardware: High-performance computers and sufficient storage space are required to ensure hardware configuration to improve efficiency.

Image Editing Essentials: Key Features of PhotoshopImage Editing Essentials: Key Features of PhotoshopMay 09, 2025 am 12:05 AM

Photoshop's core features include layers, selection tools, and adjustment tools. 1. The layer allows independent editing of image parts and supports layer style. 2. Selection tools such as lasso, magic wand and quick selection tools provide precise editing. 3. Adjustment tools such as color level, curve and hue/saturation can adjust images non-destructively.

My Purpose: Assisting with Photoshop-Related TasksMy Purpose: Assisting with Photoshop-Related TasksMay 08, 2025 am 12:18 AM

In Photoshop, the role of layer masks is to allow hidden or displayed portions of layers in a non-destructive manner. 1. The working principle of layer mask is to control the visibility of the layer through black, white and grayscale. 2. The basic usage includes image synthesis, such as synthesising the character image into a new background. 3. Advanced usage can be achieved by using gradient masks to achieve smooth image transition.

Photoshop and Free Alternatives: A Comparative LookPhotoshop and Free Alternatives: A Comparative LookMay 06, 2025 am 12:12 AM

Photoshop's powerful features include smart objects and neural filters, while free alternatives such as GIMP, Krita and Photopea do well in specific fields such as GIMP's layer functionality, Krita's digital paintings and online editing of Photopea.

Photoshop Color Grading: Elevate Your Images with Pro TechniquesPhotoshop Color Grading: Elevate Your Images with Pro TechniquesMay 05, 2025 am 12:07 AM

Color adjustment in Photoshop can be achieved through adjustment layers to make the image more professional. 1. Use color level, curve, hue/saturation and other tools to adjust the hue, saturation and brightness. 2. Apply LUT to create unique color effects. 3. Use adjustment layers to avoid image distortion and use the History panel to track adjustment steps.

Photoshop in the Real World: Examples of Its Diverse UsesPhotoshop in the Real World: Examples of Its Diverse UsesMay 04, 2025 am 12:15 AM

Photoshop's applications in the real world include artistic creation, scientific research and commercial marketing. 1) In artistic creation, it is used for digital painting and illustration. 2) In scientific research, it is used for image processing and data visualization. 3) In commercial marketing, it is used for advertising design and brand image shaping. The versatility of this software makes it widely used in various fields.

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 Article

Hot Tools

Atom editor mac version download

Atom editor mac version download

The most popular open source editor

WebStorm Mac version

WebStorm Mac version

Useful JavaScript development tools

SublimeText3 English version

SublimeText3 English version

Recommended: Win version, supports code prompts!

Dreamweaver Mac version

Dreamweaver Mac version

Visual web development tools

Safe Exam Browser

Safe Exam Browser

Safe Exam Browser is a secure browser environment for taking online exams securely. This software turns any computer into a secure workstation. It controls access to any utility and prevents students from using unauthorized resources.