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
How do I use Photoshop for creating social media graphics?How do I use Photoshop for creating social media graphics?Mar 18, 2025 pm 01:41 PM

The article details using Photoshop for social media graphics, covering setup, design tools, and optimization techniques. It emphasizes efficiency and quality in graphic creation.

How do I prepare images for web use in Photoshop (file size, resolution, color space)?How do I prepare images for web use in Photoshop (file size, resolution, color space)?Mar 13, 2025 pm 07:28 PM

Article discusses preparing images for web use in Photoshop, focusing on optimizing file size, resolution, and color space. Main issue is balancing image quality with quick loading times.

How do I use Photoshop's Content-Aware Fill and Content-Aware Move tools effectively?How do I use Photoshop's Content-Aware Fill and Content-Aware Move tools effectively?Mar 13, 2025 pm 07:35 PM

Article discusses using Photoshop's Content-Aware Fill and Move tools effectively, offering tips on selecting source areas, avoiding mistakes, and adjusting settings for optimal results.

How do I use Photoshop's video editing capabilities?How do I use Photoshop's video editing capabilities?Mar 18, 2025 pm 01:37 PM

The article explains how to use Photoshop for video editing, detailing steps to import, edit, and export videos, and highlighting key features like the Timeline panel, video layers, and effects.

How do I calibrate my monitor for accurate color in Photoshop?How do I calibrate my monitor for accurate color in Photoshop?Mar 13, 2025 pm 07:31 PM

Article discusses calibrating monitors for accurate color in Photoshop, tools for calibration, effects of improper calibration, and recalibration frequency. Main issue is ensuring color accuracy.

How do I prepare images for web using Photoshop (optimize file size, resolution)?How do I prepare images for web using Photoshop (optimize file size, resolution)?Mar 18, 2025 pm 01:35 PM

Article discusses optimizing images for web using Photoshop, focusing on file size and resolution. Main issue is balancing quality and load times.

How do I create animated GIFs in Photoshop?How do I create animated GIFs in Photoshop?Mar 18, 2025 pm 01:38 PM

Article discusses creating and optimizing animated GIFs in Photoshop, including adding frames to existing GIFs. Main focus is on balancing quality and file size.

How do I prepare images for print using Photoshop (resolution, color profiles)?How do I prepare images for print using Photoshop (resolution, color profiles)?Mar 18, 2025 pm 01:36 PM

The article guides on preparing images for print in Photoshop, focusing on resolution, color profiles, and sharpness. It argues that 300 PPI and CMYK profiles are essential for quality prints.

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

AI Hentai Generator

AI Hentai Generator

Generate AI Hentai for free.

Hot Article

Hot Tools

PhpStorm Mac version

PhpStorm Mac version

The latest (2018.2.1) professional PHP integrated development tool

Dreamweaver Mac version

Dreamweaver Mac version

Visual web development tools

Notepad++7.3.1

Notepad++7.3.1

Easy-to-use and free code editor

MinGW - Minimalist GNU for Windows

MinGW - Minimalist GNU for Windows

This project is in the process of being migrated to osdn.net/projects/mingw, you can continue to follow us there. MinGW: A native Windows port of the GNU Compiler Collection (GCC), freely distributable import libraries and header files for building native Windows applications; includes extensions to the MSVC runtime to support C99 functionality. All MinGW software can run on 64-bit Windows platforms.

SublimeText3 Mac version

SublimeText3 Mac version

God-level code editing software (SublimeText3)