Archiwum kategorii: Web Tools

How to Create the Guardians of the Galaxy Logo Text Effect

Post pobrano z: How to Create the Guardians of the Galaxy Logo Text Effect

Final product imageFinal product imageFinal product image
What You’ll Be Creating

Interested in learning how to draw the Guardians of the Galaxy logo? Follow this tutorial and learn how to make it from scratch while learning many new techniques. You will definitely get inspired to create other unique logos and text effects in future projects.

If you don’t have the time to learn how to draw the Guardians of the Galaxy logo, you can always try Envato Elements, where you will find a large selection of fonts, text effects, and logos that are ready to be used in your project.

What You’ll Learn in This Guardians of the Galaxy Logo Tutorial

  • How to make the Guardians of the Galaxy font
  • How to make the Guardians of the Galaxy text effect
  • How to make the Guardians of the Galaxy logo background
  • How to make a neon light effect in Adobe Illustrator

Tutorial Assets

You’ll need the following resources in order to complete this project:

1. How to Make a New Document in Adobe Illustrator

Launch Illustrator and go to File > New to open the New Document window. There, type the name of the document and set up the dimensions as shown. Keep the Units to Pixels and the Color Mode to RGB. Once you’re done, hit Create Document.

In the image below, you can see the other settings that I prefer to use while working in Illustrator. You can access them by going to Edit > Preferences.How to open a new document in Illustrator How to open a new document in Illustrator How to open a new document in Illustrator

2. How to Make the Guardians of the Galaxy Font

Step 1

Let’s start by taking the Type Tool (T) and writing the word „GUARDIANS” in capitals on your artboard. Use the Sezectra Regular font with a size of 212 pt. The color is not important at the moment.

While the text stays selected, go to the Character panel and change the following settings in order to distort the font (1):

  • Set the tracking for the selected characters: -10
  • Horizontal Scale: 115%
  • Vertical Scale: 88%

Next, type „GALAXY” on your artboard using the Sezectra Regular font with a size of 212 pt, and apply the following settings in the Character panel (2):

  • Set the tracking for the selected characters: 25
  • Horizontal Scale: 115%
  • Vertical Scale: 85%
How to type Guardians and Galaxy in IllustratorHow to type Guardians and Galaxy in IllustratorHow to type Guardians and Galaxy in Illustrator

Step 2

Still using the Type Tool (T), write „OF” on your artboard using the same font (1). Apply these settings:

  • Set the font size: 80 pt
  • Set the tracking for the selected characters: 0
  • Horizontal Scale: 125%
  • Vertical Scale: 100%

The next piece of text is „THE”. Use the following settings and then arrange it under the word „OF” (2).

  • Set the font size: 80 pt
  • Set the tracking for the selected characters: -25
  • Horizontal Scale: 125%
  • Vertical Scale: 100%

Before you continue, make sure that the words „THE” and „GALAXY” are aligned at the bottom and that the words „OF” and „GALAXY” are aligned at the top. Once that’s done, select everything on your artboard and go to Type > Create Outlines followed by Object > Ungroup (Shift-Control-G).

How to type OF and THE in IllustratorHow to type OF and THE in IllustratorHow to type OF and THE in Illustrator

Step 3

In order to make the font more similar to the original Guardians of the Galaxy vol 3 logo, we need to distort the letters. We can achieve this by using the Direct Selection Tool (A) and moving some of the points where we want them to be. I recommend activating the Smart Guides by going to View > Smart Guides to help you align the points easily. Let’s start with the letter „G”.

First, while the letter is selected, go to Object > Compound Path > Release to obtain the three separate shapes that make up the letter G. Now, select only the points highlighted in green using the Direct Selection Tool (A) and move them downwards until you cover the empty space in the upper left side of the letter. Also elongate this top shape by dragging the two end points a little to the right.

Next, select only the point highlighted in red using the Direct Selection Tool (A), and move it downwards so it is aligned with the rest of the points at the bottom of the letter.

Continue to select only the points highlighted in blue, and move them upwards by pressing the Up Arrow key on your keyboard about 15 times, which means 15 px. Next, select the two end points and move them to the right to cover the empty space. Finally, select the two points highlighted in orange and move them to the right as shown. Also, elongate the top of this shape by dragging a selection over the three points, and move them upwards by pressing the Up Arrow key on your keyboard a few times.

Once you are done with the distorting (1), select all three shapes and press Unite in the Pathfinder panel to merge them into one shape. This will be the new letter G (2).

How to distort the letter GHow to distort the letter GHow to distort the letter G

Step 4

For the letter „U”, first go to Object > Compound Path > Release to obtain the two separate shapes that make up the letter. Now, select only the two points highlighted in green using the Direct Selection Tool (A), and move them upwards by pressing the Up Arrow key on your keyboard about 15 times (15 px) until the empty space is covered. Once that’s done, select both shapes and press Unite in the Pathfinder panel to merge them into the new letter U (1).

Following the simple distortion techniques explained above, you can modify the rest of the letters in the word „GUARDIANS” (2). How to distort the letter UHow to distort the letter UHow to distort the letter U

Step 5

Continue with the letters in the word „GALAXY” next. Some of the letters are repeated, so there’s no need to make them again. The ones that need to be modified are L, X, and Y, as shown in the image below (1).

Repeat the same techniques for the words „OF” (2) and „THE” (3).

How to distort Of The Galaxy textHow to distort Of The Galaxy textHow to distort Of The Galaxy text

3. How to Make the Guardians of the Galaxy Text Effect

Step 1

Now that you have the Guardians of the Galaxy logo text ready and arranged on your artboard, you can go ahead and create the text effect, which consists of multiple appearances.

First, create a group out of all the letters in the word „GUARDIANS” and then another group out of the letters in the word „GALAXY” by going to Object > Group (Control-G). Select the GUARDIANS and GALAXY groups and, in the Appearance panel, click on the Add New Fill icon at the bottom. This will add the first Fill attribute above the Contents line. Use the burgundy linear gradient shown, and set the Angle to 100 degrees.

While the two words stay selected, click on Add New Fill again to add a second Fill attribute under the first one. Use the gold linear gradient shown, and set the Angle to 109 degrees. While this Fill attribute is selected in the Appearance panel, go to Effect > Path > Offset Path and apply an Offset of 2 px.

The gradient color stops are:

  • Color: 916D3C, Location: 0%
  • Color: 553E1B, Location: 7.5%
  • Color: 7A5E38, Location: 8.5%
  • Color: DBB555, Location: 10%
  • Color: FFFD9D, Location: 15%
  • Color: DCB456, Location: 27.5%
  • Color: 785C37, Location: 35%
  • Color: E3BD5E, Location: 45%
  • Color: BF9246, Location: 55%
  • Color: 6E5029, Location: 65%
  • Color: 4D3717, Location: 70%
  • Color: BE9146, Location: 80%
  • Color: D3A74F, Location: 92.5%
  • Color: 4E391C, Location: 100%
How to add appearances 1-2 of Guardians of the galaxy text effectHow to add appearances 1-2 of Guardians of the galaxy text effectHow to add appearances 1-2 of Guardians of the galaxy text effect

Step 2

Add a third Fill attribute under the previous two, and use a linear gradient from black to pale yellow at a 90-degree Angle. Keep this Fill attribute selected in the Appearance panel, go to Effect > Path > Offset Path, and apply an Offset of 5 px. Set the Blending mode to Screen (1).

Add the fourth Fill attribute at the bottom of the Appearance panel and use the linear gradient shown, set at a 110-degree Angle. Next, apply a 4 px Offset; then go to Effect > Stylize > Drop Shadow and apply the settings shown (2).

The gradient color stops are:

  • Color: D3A74F, Location: 0%
  • Color: 71501F, Location: 9.5%
  • Color: 4D3717, Location: 40%
  • Color: 6E5029, Location: 45%
  • Color: BF9246, Location: 55%
  • Color: F6C668, Location: 63%
  • Color: 693A05, Location: 73%
  • Color: DCB456, Location: 82%
  • Color: FFFFDB, Location: 95%
  • Color: 916D3C, Location: 100%
How to add appearances 3-4 of text effectHow to add appearances 3-4 of text effectHow to add appearances 3-4 of text effect

Step 3

Still with the GUARDIANS and GALAXY groups selected, use a white to black to white linear gradient at a 90-degree Angle to stroke the letters. Increase the Stroke Weight to 2 pt. Next, go to Effect > Distort & Transform > Transform and apply a 98% Vertical Scale along with a -2 px Horizontal Move. Hit OK.

While the Stroke attribute is still selected in the Appearance panel, go to Effect > Blur > Gaussian Blur and apply a Radius of 1 px. This is a small adjustment just to blur out the stroke a bit and turn it into a soft inner glow. Set the Blending mode to Screen (black becomes transparent).

How to stroke the Guardians Galaxy textHow to stroke the Guardians Galaxy textHow to stroke the Guardians Galaxy text

Step 4

We are almost done with this text effect; only the shadow is missing. Click on the Add New Fill icon again to add a new Fill attribute under all the others. Use dark brown as the fill color, and then apply an Offset of 5 px. Next, go to Effect > Distort & Transform > Transform and apply a 99.8% Horizontal and Vertical Scale. In the Copies box, choose 6 and hit OK. Finally, go to Effect > Stylize > Drop Shadow and apply the settings shown below.

How to add shadow to Guardians Galaxy textHow to add shadow to Guardians Galaxy textHow to add shadow to Guardians Galaxy text

Step 5

The groups OF and THE have a different text effect applied to them, so we will create it in the following steps.

Click on the Add New Fill icon at the bottom of the Appearance panel to add the first Fill attribute above the Contents line. Use the brown linear gradient shown and set the Angle to 109 degrees (1).

Add the second Fill attribute above the first, and use the golden brown linear gradient shown. Apply an Offset of -2 px; then go to Effect > Stylize and apply the Inner Glow effect (2).

How to add appearances 1-2 to OF THE How to add appearances 1-2 to OF THE How to add appearances 1-2 to OF THE

Step 6

Add the third Fill attribute under the previous two, and use a pale yellow to black linear gradient at a 90-degree Angle. Apply an Offset of 1.5 px; then set the Blending mode to Screen and reduce the Opacity to 75% (1).

Add the fourth Fill attribute at the bottom and use the linear gradient shown at a 110-degree Angle. Apply an Offset of 1.5 px; then go to Effect > Stylize and apply the Drop Shadow effect (2).

The gradient color stops are:

  • Color: D3A74F, Location: 0%
  • Color: 71501F, Location: 9.5%
  • Color: 4D3717, Location: 40%
  • Color: 6E5029, Location: 45%
  • Color: BF9246, Location: 55%
  • Color: 693A05, Location: 73%
  • Color: DCB456, Location: 82%
  • Color: 916D3C, Location: 100%
How to add appearances 3-4 to OF THE How to add appearances 3-4 to OF THE How to add appearances 3-4 to OF THE

Step 7

For the last Fill attribute, use dark brown and apply an Offset of 2.3 px. Next, go to Effect > Distort & Transform > Transform and apply a 99.8% Horizontal and Vertical Scale. In the Copies box, choose 6 and hit OK. Finally, go to Effect > Stylize > Drop Shadow and apply the settings shown below.

How to add shadow to OF THE textHow to add shadow to OF THE textHow to add shadow to OF THE text

4. How to Make the Guardians of the Galaxy Logo Background

Step 1

Use the Pen Tool (P) to draw a shape around the entire text, as shown in the image below. Give it a 20 pt Stroke using a light brown color. In the Stroke panel, click on the Round Join and Align Stroke to Outside options.

While the shape stays selected, go to Effect > 3D and Materials > 3D (Classic) > Extrude & Bevel (Classic) and apply the settings shown. Hit OK. This will turn the shape into a 3D edge.

How to make the 3D edge around text effectHow to make the 3D edge around text effectHow to make the 3D edge around text effect

Step 2

Copy and Paste in Front (Control-F) the 3D edge shape; then reduce the Stroke Weight to 19 pt and remove the 3D Extrude & Bevel (Classic) effect. Now, go to Effect > 3D and Materials > Extrude & Bevel. As you can see, this effect is different from the classic one and has much more settings and options to choose from.

Under the Object tab, make sure that Extrude is active and use the following settings:

  • Depth: 1447 pt
  • Preset: Front
  • Perspective: 3 degrees

Under the Materials tab, find and click on Cork Natural to apply it. Next, open the Main Parameters settings and change some of them as shown on the right side of the image.

How to add texture to 3D edgeHow to add texture to 3D edgeHow to add texture to 3D edge

Step 3

Copy and Paste in Back (Control-B) the 3D edge and open the 3D and Materials window to change some of the settings. In the Materials tab, find and click on Natural Terrazzo Inserts to apply it and replace the Cork Natural material. Next, change the settings under Main Parameters and Inserts, as shown on the right side of the image. Once done, you will get the background behind the Guardians of the Galaxy text effect.

How to make 3D textured background behind text effectHow to make 3D textured background behind text effectHow to make 3D textured background behind text effect

Step 4

Select the 3D edge with the 3D Extrude & Bevel (Classic) effect applied, and then Copy and Paste in Place (Shift-Control-V) to make a copy of it in front of everything. Go to Object > Expand Appearance to turn the 3D path into a group of shapes (1). Use the Direct Selection Tool (A) to select only the outer border and delete it. You only need the inner shapes (2).

Double-click on the group of shapes to enter Isolation Mode. Zoom in on a section as much as needed, and select all the small shapes that make up that section as shown in the close-up. Click on Unite in the Pathfinder panel to merge them into one shape (3).

Repeat the same thing for all the other sections, and you will get all the colored shapes shown in the image below (4).

How to make highlight shapes on 3D edgeHow to make highlight shapes on 3D edgeHow to make highlight shapes on 3D edge

Step 5

Fill all the colored shapes obtained in the previous step with yellow, and set the Blending mode to Overlay. Keep the Opacity at 100% for some of the shapes, and reduce it to 50% for others, depending on the location of each shape (1). You can adjust this after you create the neon light effect, if needed.

To increase the light even more in some of the sections, Copy and Paste in Front (Control-F) the shapes shown below. Keep the same yellow fill color, but set them to Blending mode Overlay and 40% Opacity (2).

How to make highlights on 3D edgeHow to make highlights on 3D edgeHow to make highlights on 3D edge

5. How to Make the Neon Light Effect

Step 1

Copy and Paste in Place (Shift-Control-V) the 3D edge again, and remove the 3D Extrude & Bevel (Classic) effect. You only need the path. Give it a 6 pt Stroke using any color for the moment. While the path is selected with the Selection Tool (V), drag the bounding box inwards to make the shape smaller (1).

After that, take the Scissors Tool (C) and click on the points highlighted in red to cut the path. Delete the segment between them (2) and then modify the path using the Pen Tool (P) as shown in the image below (3). Before you continue, click on the Round Cap and Round Join icons in the Stroke panel.

How to make the neon light pathHow to make the neon light pathHow to make the neon light path

Step 2

We will use the path obtained in the previous step to create the neon light effect that goes around the Guardians of the Galaxy text effect. This neon effect consists of multiple appearances and blur effects, as most neon effects usually are.

While the path stays selected, first go to Object > Expand in order to turn the 6 pt Stroke into a filled shape. Follow up with Object > Ungroup (Shift-Control-G). Set the fill color to white; then go to Effect > Blur > Gaussian Blur and apply a Radius of 4 px. Hit OK (1).

With the path still selected, click on the Add New Fill icon at the bottom of the Appearance panel to add a second Fill attribute under the first one. Set the fill color to ivory, and then apply a 4 px Gaussian Blur again (2).

How to add appearances 1-2 of neon light effectHow to add appearances 1-2 of neon light effectHow to add appearances 1-2 of neon light effect

Step 3

Add a third Fill attribute under the previous two, and set the fill color to orange. Keep it selected, go to Effect > Distort & Transform > Transform, and apply the settings shown. Once that’s done, go to Effect > Blur > Gaussian Blur and apply a Radius of 5 px. Set the Blending mode of this Fill attribute to Overlay (1).

Add the fourth Fill attribute at the bottom of the Appearance panel, and use yellow as the fill color. Apply a 5 px Gaussian Blur and set the Blending mode to Overlay (2).

How to add appearances 3-4 of neon light effectHow to add appearances 3-4 of neon light effectHow to add appearances 3-4 of neon light effect

Step 4

Add another Fill attribute under the others, and set the color to yellow. Apply the Transform effect using the settings shown, and also a 10 px Gaussian Blur. Set the Blending mode to Overlay (1).

Add a new Fill attribute at the bottom, and set the color to orange. Apply the Transform effect again using the settings shown, and then a 13 px Gaussian Blur. Set the Blending mode to Hard Light this time (2).

How to add appearances 5-6 of neon light effectHow to add appearances 5-6 of neon light effectHow to add appearances 5-6 of neon light effect

Step 5

For the last Fill attribute, use orange again; then go to Effect > Blur > Radial Blur and set the Amount to 22. Make sure that the Blur Method is Zoom and the Quality is Good. Hit OK. Reduce the Opacity to 60%.

How to add radial blur effect in IllustratorHow to add radial blur effect in IllustratorHow to add radial blur effect in Illustrator

Step 6

At this point, the neon light effect is done. One final thing that you can do to improve the final look of the Guardians of the Galaxy Vol 3 logo is to select the GALAXY text effect and, in the Appearance panel, select the black to pale yellow gradient fill and change the Angle to -90 degrees. This will move the highlight to the bottom of the text, which is closer to the neon (1).

Also, select the text „THE”, head over to the Appearance panel, and change the Angle of the black to pale yellow gradient fill to 120 degrees. This will move the highlight to the top left side of the text, which is closer to the neon (2). That’s it!

How to improve Guardians of the Galaxy logo text effectHow to improve Guardians of the Galaxy logo text effectHow to improve Guardians of the Galaxy logo text effect

Congratulations! You’re Done

You have successfully learned how to draw the Guardians of the Galaxy logo. Now that you know how to make it, feel free to apply the same techniques to create other unique logos and text effects. You should definitely be inspired!

Make sure to check out Envato Elements, where you’ll find plenty of resources that will help you in your projects, from logos to text effects, fonts, actions, and so much more. Download as many as you need with a subscription.

Guardians of the Galaxy vol 3 logo final imageGuardians of the Galaxy vol 3 logo final imageGuardians of the Galaxy vol 3 logo final image

Popular Resources From Envato Elements

Envato Elements is an excellent resource for fonts, text effects, logos, actions, and so much more. Here’s a short list of some of the most popular resources that you can find. Grab them and take your designs to the next level.

Noventa Display Font (TTF, WOFF)

This font is another great option that you can include in your designs to get that unique, futuristic look. It’s also similar to the font we used here. Be creative with it!

Noventa Display Font available on Envato Elements Noventa Display Font available on Envato Elements Noventa Display Font available on Envato Elements

Space Wars Text Effect (AI, EPS)

If you’re looking for a text effect that’s ready to be used, here is the perfect choice. All you have to do is to change the text in one click. It will definitely make your designs pop.

Space Wars Text Effect available on Envato Elements Space Wars Text Effect available on Envato Elements Space Wars Text Effect available on Envato Elements

Pilot Spaceship Vector Illustration Design (EPS)

Here is a gorgeous, detailed logo template that you can easily edit and make your own. Add your personal touch by changing the colors or the text, and it will fit perfectly in your next project.

Pilot Spaceship Illustration available on Envato Elements Pilot Spaceship Illustration available on Envato Elements Pilot Spaceship Illustration available on Envato Elements

Guardians Mascot & Esports Logo (AI, EPS, PNG)

Looking for something more eye-catching and bold? This guardian logo definitely looks fierce and will get all the attention. It is vector and editable, so you can try any other colors you want.

Guardians Mascot logo available on Envato Elements Guardians Mascot logo available on Envato Elements Guardians Mascot logo available on Envato Elements

Galaxy Photoshop Action (ATN, ABR, PAT)

Want to edit photos instead? Turn any photo that you have into a cool design by using this Galaxy action. It’s easy to use, and you can customize the effect even further. Give it a try!

Galaxy Action available on Envato Elements Galaxy Action available on Envato Elements Galaxy Action available on Envato Elements

Want to Learn More Illustrator Skills?

We have loads of tutorials on Envato Tuts+ that teach many other useful techniques. Here’s a list of tutorials specially made for you. Take a look!

How to Add a Drop Shadow in Illustrator

Post pobrano z: How to Add a Drop Shadow in Illustrator

Final product imageFinal product imageFinal product image
What You’ll Be Creating

In this tutorial, you’ll discover how to add a drop shadow in Illustrator and learn everything you need to know about the Illustrator drop shadow effect.

Would you like to watch this Illustrator drop shadow effect tutorial in action? You can follow this tutorial in this cool video from the Envato Tuts+ YouTube channel. Don’t forget to visit and subscribe if you’d like to watch more content like this!

How to Add a Drop Shadow in Illustrator

Step 1

To add a drop shadow in Illustrator, select your shape(s) and just go to Effect > Stylize > Drop Shadow. This will open the Drop Shadow window, where you can select the settings of your drop shadow in Illustrator.

Make sure that you have the Preview box checked to get a live preview with the applied effect and to notice any changes that you choose to make.

drop shadow illustratordrop shadow illustratordrop shadow illustrator

Step 2

Using the Mode dropdown menu, you can select the blend mode of your drop shadow in Illustrator. For this example, we’ll use Overlay, but feel free to try out the other blend modes. You can use the up/down arrow buttons from your keyboard to easily toggle between blend modes.

drop shadow Illustrator blend modedrop shadow Illustrator blend modedrop shadow Illustrator blend mode

Step 3

The Opacity value sets the transparency of your drop shadow in Illustrator.

Hover the cursor over the existing value and roll the mouse wheel to adjust it easily. You can also use the arrow buttons or simply enter the desired value in the input field. Holding down the Shift key when you click one of those arrow buttons will increase/decrease the value by 10%. For this example, we’ll keep it at 50%.

drop shadow Illustrator opacitydrop shadow Illustrator opacitydrop shadow Illustrator opacity

Step 4

The X and Y Offset settings control the location of your drop shadow in Illustrator.

The X Offset moves your shadow horizontally, while the Y Offset moves your shadow vertically. Set a negative value whenever you wish to move your shadow up or to the left. For these examples, we’ll set both values to 15 px.

drop shadow Illustrator offsetdrop shadow Illustrator offsetdrop shadow Illustrator offset

Step 5

The Blur setting controls the blurriness of your shadow.

You can set this to 0 px to add a sharp drop shadow or increase it to make your shadow bigger. For this example, we’ll set it to 20 px.

drop shadow Illustrator blurdrop shadow Illustrator blurdrop shadow Illustrator blur

Step 6

With Color, you can set the color of your drop shadow in Illustrator.

Just click the color wheel and select the color that fits your need. For this example, we’ll keep the default black.

drop shadow Illustrator colordrop shadow Illustrator colordrop shadow Illustrator color

Step 7

With Darkness, the color of your drop shadow is influenced by the fill color of your shape.

Set this value to 0% to use the same color for your shadow that’s used to fill the shape. Just increase the Darkness whenever you wish to use a darker shade of the fill color for your drop shadow in Illustrator. Once you’re done, you can click OK, and that’s how you create a drop shadow in Illustrator.

drop shadow Illustrator darknessdrop shadow Illustrator darknessdrop shadow Illustrator darkness

Congratulations! You’re Done!

Now that you know how to add a shadow in Illustrator and where the drop shadow is in Illustrator, you can apply these techniques in your future projects.

You can find some great sources of inspiration at Envato Elements, with interesting solutions on how to do a drop shadow in Illustrator in more creative ways.

drop shadow Illustrator final product drop shadow Illustrator final product drop shadow Illustrator final product

Popular Assets From Envato Elements

Envato Elements is an excellent resource for Illustrator assets and add-ons. Here’s a great Illustrator add-on that can help you quickly recreate the Illustrator drop shadow effect without needing to learn how to add a shadow in Illustrator.

Amazing Shadow Actions (EPS)

Now you know how to add a drop shadow in Illustrator, but you’re still looking to add a different type of shadow effect? This pack of actions gives you 40 alternatives to choose from. Just click play and you’ll get your shadow.

illustrator drop shadow actionillustrator drop shadow actionillustrator drop shadow action

Want to Learn More?

We have loads of tutorials on Envato Tuts+, from beginner to intermediate level. Take a look!

20+ Cool Classic Modernist Fonts (Swiss Style Fonts)

Post pobrano z: 20+ Cool Classic Modernist Fonts (Swiss Style Fonts)

Swiss-style sans serifs are the go-to fonts for both digital and print projects. Today, we take a look at the best of these classic modernist fonts from Envato Elements. Elements is a subscription-based marketplace that offers tons of graphic templates, fonts, logos, add-ons, and more—all for one low monthly fee.

Alexio Ace Display TypefaceAlexio Ace Display TypefaceAlexio Ace Display Typeface

Simple and elegant, the Alexio Swiss typefaces come in four weights. This download also offers free updates and feature additions, so it’s an excellent choice for long-term projects.

Ageo geometric sans serif fontAgeo geometric sans serif fontAgeo geometric sans serif font

Geometric-style fonts are easy to read and visually pleasing. Ageo contains eight weights from thin to heavy, with matching italics. You’ll get OpenType features like standard ligatures.

Jacques Display TypefaceJacques Display TypefaceJacques Display Typeface

You can’t go wrong with the Jacques Swiss typeface. With eight weights, it’s versatile enough to stand out at larger and smaller sizes. It’s one of the popular modern fonts on Elements.

Pulse A Modern Sans-Serif TypefacePulse A Modern Sans-Serif TypefacePulse A Modern Sans-Serif Typeface

If you’re looking for classic font styles, check out Pulse Modernist Fonts. Find five weights with their corresponding italics. It includes numbers, punctuation, and uppercase characters.

SPACIA - Unique & Modern Display TypefaceSPACIA - Unique & Modern Display TypefaceSPACIA - Unique & Modern Display Typeface

Looking for a headline Swiss font? Spacia is a font with a classic look. It offers five weights, from light to extra bold. This makes it an excellent choice for branding, logos, banners, posters, etc.

Pacco - Sans Serif FontPacco - Sans Serif FontPacco - Sans Serif Font

Pacco Modernist Fonts is a display Swiss font that won’t let you down when you need it for either personal or business projects. The download is available in three file formats.

Zubayr typefaceZubayr typefaceZubayr typeface

Looking for a modern Swiss font? Check out Zubayr Sans Serif. This font contains uppercase characters only, as well as numbers, punctuation, and foreign language characters. 

Univa Nova - Minimalist Typeface with Clean DesignUniva Nova - Minimalist Typeface with Clean DesignUniva Nova - Minimalist Typeface with Clean Design

Sans serif classic font styles like Univa Nova are all about clean lines and simplicity. Univa Nova offers a total of 16 modernist fonts: eight weights from thin to heavy, and their italics.

Crops - A Clean Sans SerifCrops - A Clean Sans SerifCrops - A Clean Sans Serif

Crops Swiss Font is a simple sans serif that comes in light, regular, and bold styles. This uppercase font with a classic look includes numerals, punctuation, and multilingual support.

Luxora Grotesk - Clean & Minimalist TypefaceLuxora Grotesk - Clean & Minimalist TypefaceLuxora Grotesk - Clean & Minimalist Typeface

With a total of 329 glyphs, the Luxora Swiss Typefaces are versatile. This download offers 14 font styles consisting of seven weights and seven italic versions for each.

Argon modern-grotesk fonArgon modern-grotesk fonArgon modern-grotesk fon

Inspired by Swiss font aesthetics, the Argon modernist fonts come in two weights: regular and oblique. These can be used at larger and smaller sizes without compromising legibility.

Axon Minimalist Sans Serif FamilyAxon Minimalist Sans Serif FamilyAxon Minimalist Sans Serif Family

The Axon Swiss type font is a minimalist sans serif typeface that offers four different weights. It’s an excellent choice for a wide range of projects, from titles to banners. 

Gayaku - Modern Sans Serif FontGayaku - Modern Sans Serif FontGayaku - Modern Sans Serif Font

Why not try Gayaku sans serif Swiss fonts for your next design project? This thin font contains upper and lowercase characters and is a perfect choice for greeting cards and headers.

Luciano Display TypefaceLuciano Display TypefaceLuciano Display Typeface

What’s so great about the Luciano modernist font isn’t just its simplicity but also the fact that it offers six weights. From light to bold, Luciano can be used in a variety of applications at any given size.

Modric - Condensed Sans SerifModric - Condensed Sans SerifModric - Condensed Sans Serif

The irresistible Modric Modernist Font is one you should have in your library. Use it whenever you need an elegant font with a classic look for business or personal use.

Aginoe Modern Sans Serif FontAginoe Modern Sans Serif FontAginoe Modern Sans Serif Font

Download the Aginoe popular modern fonts for your next branding project. You’ll get upper and lowercase characters, numbers, and punctuation. Aginoe comes in two weights and their italics.

Enwicken Modern Slab-Serif TypefaceEnwicken Modern Slab-Serif TypefaceEnwicken Modern Slab-Serif Typeface

You won’t be able to resist the Enwicken modernist font. This Swiss typeface offers seven fonts with lower and uppercase characters, numerals, and extended punctuation.

Karolina - Sans Serif FontKarolina - Sans Serif FontKarolina - Sans Serif Font

Karolina Swiss Typography is a sans serif font with a classic look. You’ll get lowercase characters, numbers, punctuation, and support. Karolina is perfect for both body text and headers.

Monerd - Simply Sans SerifMonerd - Simply Sans SerifMonerd - Simply Sans Serif

The Monerd modernist font is a sans serif offered in four styles: solid, bold, outline, and outline bold. It’s a great choice for logos, magazine titles, and so much more!

Influencer - Feminine Beauty Sans SerifInfluencer - Feminine Beauty Sans SerifInfluencer - Feminine Beauty Sans Serif

Looking for classic font styles to create a brand? Take a look at the Influencer modern Swiss fonts. This sans serif offers upper and lowercase characters, numbers, punctuation, and support.

Naia Sophisticated Serif TypefaceNaia Sophisticated Serif TypefaceNaia Sophisticated Serif Typeface

Naia is a pack of six modernist fonts with a classic look. They come in three weights and three italics. You’ll also get all Latin characters, numbers, special characters, and punctuation.

Choose Your Favourite Classic Modernist Fonts

Now that you know just where to find the best classic modernist fonts when you need them, head to Envato Elements and download your favourites today. 

If you want to know more about popular modern fonts as well as other hot font styles for 2023, check out the video on font trends below:

Here are more top resources to try from Envato Tuts+:

How to Create a Perspective Grid in Photoshop

Post pobrano z: How to Create a Perspective Grid in Photoshop

Final product imageFinal product imageFinal product image
What You’ll Be Creating

Unlike Adobe Illustrator, Photoshop doesn’t have a dedicated perspective grid tool. So if you want to create a perspective grid in Photoshop, you need to use a special brush or set up the Shape tool in a very specific way.

In this tutorial, I’ll show you how to create a perspective grid in Photoshop that you can turn into a brush or a custom shape for future use!

Prefer video tutorials? Then don’t miss this new video by Abbey Esparza from the Envato Tuts+ YouTube channel. Learn everything you need to know about drawing perspective grids in Photoshop:

What You’ll Learn in This Photoshop Perspective Grid Tutorial

  • How to draw a perspective grid in Photoshop
  • How to create a perspective grid Photoshop brush
  • How to create a vector perspective grid
  • How to draw a one-point perspective grid in Photoshop
  • How to draw a 2-point perspective grid in Photoshop
  • How to use a vanishing point in Photoshop

1. How to Create a Perspective Grid in Photoshop

Step 1

Let’s start this Photoshop perspective grid tutorial. Open the software and create a New File. Use the 5000 x 5000 px for the dimensions, and keep the background white.

create new filecreate new filecreate new file

Step 2

Open the Shape Tool menu in the toolbar, and select the Polygon Tool.

take polygon tooltake polygon tooltake polygon tool

Step 3

Set the Mode to Shape, Fill and Stroke to black, and make the Stroke 1 px thick.

adjust shape settingsadjust shape settingsadjust shape settings

Step 4

Now click anywhere in the canvas—a new window should appear. Adjust the settings the following way:

  • Set Width and Height to 5000 px
  • Set Number of Sides to 100
  • Set Star Ratio to 1%
  • Check From Center
polygon tool optionspolygon tool optionspolygon tool options

Step 5

A nice one-point perspective grid in Photoshop should appear! Select both layers now with the Shift key, take the Move Tool (V) and Align Horizontal and Vertical Center to properly position the grid.

align the gridalign the gridalign the grid
photoshop perspective gridphotoshop perspective gridphotoshop perspective grid

2. How to Create a Perspective Grid Photoshop Brush

Step 1

You could create the grid this way every time you need it, but it’s easier to turn it into a perspective grid Photoshop brush, or simply a custom shape. To turn it into a brush, simply go to Edit > Define Brush Preset and give it a name.

create perspective grid brushcreate perspective grid brushcreate perspective grid brush

Step 2

Then you can create your perspective grid just by clicking on the canvas. However, this grid can’t be resized on the fly to a size bigger than 5000 px. You can resize it after drawing it, but it’s raster, so it will come with a loss of quality.

perspective grid photoshop brushperspective grid photoshop brushperspective grid photoshop brush

Step 3

The second method of drawing perspective grids is to turn the grid into a custom shape. To do this, select the layer with the grid and choose the Polygon Tool (U). Then go to Edit > Define Custom Shape and give it a name.

create perspective grid shapecreate perspective grid shapecreate perspective grid shape

Step 4

Your perspective grid is now available on the Custom Shape tool’s list of shapes.

use custom shape tooluse custom shape tooluse custom shape tool
select new shapeselect new shapeselect new shape

Step 5

In the Path Options, check From Center—it will make it easier to place the vanishing point where you want it to be. Check Defined Proportions as well, to keep the grid symmetrical.

adjust path optionsadjust path optionsadjust path options

Step 6

Now you can just draw the grid by clicking and dragging.

This perspective grid is vector and can be resized without any loss of quality.
draw vector perspective griddraw vector perspective griddraw vector perspective grid

3. Drawing Perspective in Photoshop

Step 1

Once you have your grid tools, all you need to do is decide the location of the horizon and the vanishing points in Photoshop. You can draw the horizon using the Line Tool (U) from the Shape Tool menu. Use the same settings as before, and set the Weight to 1 px.

horizon line settingshorizon line settingshorizon line settings
horizon linehorizon linehorizon line
You can also use a Guide for the horizon

Step 2

Now we’ll see how to use a vanishing point in Photoshop. To create a one-point perspective grid in Photoshop, place your vanishing point right in the center. You don’t have to be precise—after drawing the grid, you can take the Move Tool (V) and use the arrow keys to nudge the grid into the right place.

place the one point perspective gridplace the one point perspective gridplace the one point perspective grid
one point perspective exampleone point perspective exampleone point perspective example
Use the Shift key to draw straight lines

Step 3

To create a 2-point perspective grid, place two vanishing points on your horizon. It’s good to keep them far away from each other.

place two point eprspective gridplace two point eprspective gridplace two point eprspective grid
two point perspective exampletwo point perspective exampletwo point perspective example

Good Job!

Now you know how to create a perspective grid in Photoshop, both in the 1-point and 2-point versions, and how to use a vanishing point in Photoshop!

photoshop perspective grid examplephotoshop perspective grid examplephotoshop perspective grid example

Top Recommended Photoshop Brushes From Envato Elements

Are you looking for Photoshop brush sets designed to look like traditional tools? Give these a try!

Pencil Brushes (ABR)

Pencil BrushesPencil BrushesPencil Brushes

A pencil is the simplest drawing tool, but its textured strokes are a perfect base for any type of artwork—from technical sketches to detailed portraits. This set is simply a must-have for any digital artist!

Pen Brushes (ABR)

Pen BrushesPen BrushesPen Brushes

If you’re interested in technical drawing, a digital brush imitating the strokes of a ballpoint pen can make your sketches clean, while also keeping that natural effect of traditional drawing. This set contains 60 of them!

Marker Brushes (ABR)

Marker BrushesMarker BrushesMarker Brushes

Sometimes you may need thicker strokes for your artwork, and although it’s possible to make pencil or pen strokes bigger, it makes the natural effect go away. If you need thicker strokes, use a thicker tool—and this set gives you exactly this!

Dry Marker Brushes (ABR)

Dry Marker BrushesDry Marker BrushesDry Marker Brushes

If you want to make your strokes look extra convincing, you can add a „drying ink” effect to them with this set. It contains 70 marker brushes with realistic textures.

Stipple Brush Set for Photoshop and Illustrator (ABR, AI, EPS)

Stipple Brush Set for Photoshop and IllustratorStipple Brush Set for Photoshop and IllustratorStipple Brush Set for Photoshop and Illustrator

If you need something for shading, you can use any brush—but nothing will give you a unique style like a set of stipple brushes. This set contains 62 brushes—32 for Photoshop and 30 for Illustrator.

Discover More Photoshop Tutorials and Resources

If you want to learn more about drawing in perspective, try these tutorials:

How to Add Glorious Sparkles to a Photo (With a Photoshop Action)

Post pobrano z: How to Add Glorious Sparkles to a Photo (With a Photoshop Action)

Final product imageFinal product imageFinal product image
What You’ll Be Creating

Adding sparkles to photos can be a lot of fun when you want to change things up. Whether it’s personalizing your own greetings cards, making images of your kids more magical, or whether you just like sparkles, we’ll show you how to add sparkles to pictures in a fun and easy way.

What You’ll Learn in This Photoshop Action Tutorial

  • How to add glitter to a photo in Photoshop
  • How to add sparkles to a photo in an easy way
  • How to add sparkles to a photo using more editing options
  • How to create your own effect to put glitter on photos

Tutorial Assets

In this tutorial, I’ll be demonstrating Sparkle Photoshop Action by Sevenstyles, which you can find as part of Envato Elements’ great collection of Photoshop actions. If you’d like to follow the tutorial using the same images, you can download them for free here:

Getting Started With Photoshop Actions

Before we jump into how to add glitter to a photo in Photoshop, it’s always wise to read the help document that comes with any action. The key points you’ll need to remember in order for the action to work properly are:

  • Make sure your image is in 8-bit RGB mode.
  • Create a layer named ’brush’ in lowercase, to brush over.

If you’re new to actions, you’ll first need to load the actions into Photoshop. Go to the Actions panel in Photoshop. If it’s not visible, select Window > Actions to display it. To install an action, download the ATN file, open the Actions panel in Photoshop, and select Load Actions from the dropdown. Navigate to the ATN file and select Load. The actions will then be available for you to use.

Check out these useful resources if you have more questions:

How to Add Sparkles to a Photo: The Super Simple Way

First, we’ll learn how to add sparkles to pictures the easiest way. Here’s our first example starting image:

birdbirdbird
Bird image I’ll use as our first example

When you’ve created your brush layer, brush over where you’d like the sparkles to appear to put glitter on photos. The colors you choose will be the color of the glitter (plus white), so I’ve chosen colors from the hummingbird’s plumage to complement it.

brush overbrush overbrush over
Brush on your image in the colors you want the glitter to be

I’ve included a couple of low-opacity patches behind the bird, so the glitter doesn’t just end with the hummingbird’s tail. Now we run the glitter action and see the result:

after actionafter actionafter action
After the action has finished running, you’ll see glitter where your brush marks were

How to Add Sparkles to a Photo: The „Give it More Effort” Way

Next up, we’ll learn how to add sparkles to pictures following more editing options in Photoshop. We want to put glitter on photos and make something a bit more sophisticated. Here’s our starter:

dancersdancersdancers
This image of three dancers in black and white is an interesting one to try

This time, I’m going to try it on a black and white image because I think the colors will pop better. If you use a black and white photograph, you still need to make sure the image mode is set to RGB and not Greyscale.

To put glitter on photos, select colors that are darker than you want the glitter to be—pastels may look nice, but they’ll turn out mostly white.

brush onbrush onbrush on
I’ve brushed on three colors which should look nice together

Run the Glitter Action

action layersaction layersaction layers
The action is made up of many layers

You can see that the glitter action is made up of many layers, now grouped together appropriately to add the sparkle effect to the photo. By changing these, we can better control the effect of the action.

Make Adjustments

Reduce the smaller white speckles by reducing the opacity of Sparkles_Set 2. This will make it a little softer.

Reduce the glitterReduce the glitterReduce the glitter
Reduce some of the particle options

Next, reduce the opacity of the Wide Glow layer. This will tone down the colors so that they’re not quite so garish.

wide glowwide glowwide glow
Tone down the glow

You can reduce the Blur Base too—it’ll take some of the white glow out of the sparkles.

Finish Up

Finally, you’ll notice there’s a Black Tint layer. It’s set to 0% opacity, but you can increase that to take some of the white glow from around the edges. It’ll depend on the image you’re using as to whether you want to do that.

black tintblack tintblack tint
Increase Black Tint to darken edges

Make some contrast and brightness adjustments across your whole image, and you’re done! Now you know how to add glitter to a photo in Photoshop!

finished imagefinished imagefinished image
Finished Image

5 Cool Resources From Envato Elements

Want to sparkle up your projects? Check out these sparkle images and other resources that will help you achieve that sparkle effect on photos.

Magic Sparkly Font (OTF, TTF)

magic sparkle fontsmagic sparkle fontsmagic sparkle fonts

It’s not enough to add sparkles to a photo. Sometimes, you need a great font to match the vibe. Magic Sparkle is the right font to give that extra something to your sparkles image. The font is all upper-case and is great for logos, titles, packing, and more.

Sparkle Light Icons (PNG, SVG, PSD, AI)

sparkle light iconssparkle light iconssparkle light icons

If you want to add sparkle to a photo but still keep a clean look, these Sparkle Light Icons are for you. Use them as bullets to highlight information or to create different patterns across your document or project. Color can be easily added by editing in Illustrator or Photoshop.

Sparkling Waves Background (JPG)

sparkling waves backgroundsparkling waves backgroundsparkling waves background

You might be wondering how to add sparkles to a picture background. With this sparkling waves background, you can add flair to presentations, party invitations, or photo editing. It includes nine unique images with different color schemes to use the best option to add a sparkle effect on photos.

Fancy Glitter Text Effect Graphic Template (PSD)

fancy glitter effect graphic templatefancy glitter effect graphic templatefancy glitter effect graphic template

When it comes to the question of how to add sparkles to pictures, there are many options. Add glitter to a photo by sparkling up your text. This glitter effect comes in three different colors that can easily be changed using Photoshop. This is a high-resolution file that’s great for large formats and print.

Glitter Particles Background and Overlays (JPG)

glitter particles background overlaysglitter particles background overlaysglitter particles background overlays

Now that you already know how to add sparkles to a picture, go bold and add a sparkle effect to a photo with these colorful glitter backgrounds and overlays. In this background and overlay pack, you’ll get ten different sparkle images to add glitter to a photo. 

Try Making Your Own Sparkles

Have you heard of the KiraKira effect in Photoshop? This addictive effect started as an app to add sparkle to pictures, and it took Instagram by storm. Now you can also learn how to create your own KiraKira effect in Photoshop!

If you liked the tutorial on how to add sparkles to pictures, then I think you’ll like the idea of making your own glitter/sparkle effect. You can do it by following this great tutorial:

You can also see how to do your own sparkle effect in our video tutorial below. And don’t forget to check out our Envato Tuts+ YouTube channel to watch even more fantastic videos! 

Discover More Awesome Sparkling Tutorials

Would you like more tutorials on how to add sparkles to pictures? Then you might like these, too:

How to Create an Alien Movie Poster

Post pobrano z: How to Create an Alien Movie Poster

Final product imageFinal product imageFinal product image
What You’ll Be Creating

In this tutorial, you’ll learn how to create a tribute to the original Alien movie poster, complete with an alien egg and a green glowing effect. To recreate the Alien 1979 poster, we’ll be using Adobe InDesign and a Photoshop glow effect to replicate the ominous atmosphere of the Alien film poster.

We’ll look at how to design a movie poster through effective use of layout, color, and movie fonts, to give the movie poster design depth and atmosphere.

Fan of video tutorials? Then you should check out this new video by Ashlee Harrell from the Envato Tuts+ YouTube channel to learn how to create this cool movie poster design from scratch:

A Little Background to the Alien (1979) Poster

Perhaps no sci-fi movie is more memorable or terrifying than Ridley Scott’s 1979 Alien. The crew of the spaceship Nostromo find themselves a very long way from home when they discover something sinister and deadly on a far-flung planet. As the crew members start to be picked off one by one, heroine Ripley must face the predatory alien alone on the deserted vessel.

The Alien movie poster is an iconic part of cinematic marketing history, with the ominous glowing alien egg over the infamous tagline, „In space no one can hear you scream.” Graphic artist Philip Gips, who also created designs for Rosemary’s Baby (1968) and Fatal Attraction (1987), created the Alien movie poster, which is the perfect visual interpretation of the brooding mood of the movie. The metal grating at the base of the poster makes a nod to the endless corridors of the ship, while the eerie glowing crack in the floating egg hints at something sinister to emerge.

In this tutorial, we’ll look at how to design a movie poster which pays tribute to Gips’s original Alien movie poster. By the end of the tutorial, you’ll have a poster design that you can print or share online. 

What You’ll Need to Create the Alien Movie Poster

In this tutorial, you’ll learn how to create a tribute design to the Alien film poster, which includes classic sci-fi fonts, a moody color palette, and a Photoshop glowing effect. To design your Alien poster, you will need to download the following fonts, images, and textures.

For the alien egg:

Plus:

You will also need access to Adobe InDesign and Adobe Photoshop. Once you have the fonts installed onto your computer and the images saved in an easy-to-find folder, you’re ready to get started!

How to Create the Alien Movie Poster

We’ll begin by setting up the Alien movie poster in Adobe InDesign, before moving to Photoshop to create our alien egg and explore how to add a glow effect in Photoshop. Then we’ll move back to InDesign to finish the Alien film poster.

1. How to Prepare the Alien Poster in Adobe InDesign

Step 1

Open InDesign and go to File > New > Document. Click on Print at the top of the window that opens.

To create the poster at a traditional One Sheet movie poster size, set the Width to 27 in and Height to 40 in.

new document in indesignnew document in indesignnew document in indesign
Create a new One Sheet-sized document in Adobe InDesign.

Set the Margins to 1 in and add a Bleed of 0.25 in, before clicking Create.

new document bleednew document bleednew document bleed
Add a margin and bleed to your new document.

Step 2

Go to Window > Layers and click on Layer 1, renaming it Background. Use the Create new layer icon at the bottom of the panel to create a sequence of five more layers above this: Metal, Egg, Smoke, Type, and Paper Texture.

Lock all layers except Background, which we’ll work on first.

layers panel lockedlayers panel lockedlayers panel locked
Lock all the layers in the new sequence, except for Background.

Then go to the Swatches panel (Window > Color > Swatches) and create three new CMYK swatches:

  • Deep Black: C=82 M=72 Y=62 K=91
  • Neon Yellow Green: C=33 M=0 Y=100 K=0

If you’re intending to share your poster online rather than print it, you can switch the Color Mode of these swatches to RGB, which will give your green a more neon appearance.

cmyk swatches panelcmyk swatches panelcmyk swatches panel
Create two new CMYK swatches to use on your poster artwork.

Step 3

On the Background layer, use the Rectangle Tool (M) to create a shape across the whole page, setting the Fill to Deep Black.

blue backgroundblue backgroundblue background
This deep black backdrop will make the perfect background for your poster.

Step 4

Unlock the Metal layer. Use the Ellipse Tool (L) to create a wide oval shape over the bottom third of the movie poster. Set the Fill to Neon Yellow Green.

ellipse toolellipse toolellipse tool
Create a neon green oval at the bottom of the poster.

With the oval selected, go to Object > Effects > Transparency, setting the Mode to Hard Light.

hard light blend modehard light blend modehard light blend mode
Set the Blend Mode of the oval to Hard Light.

Click on Gradient Feather at the bottom of the left-hand menu and set the Type to Radial, allowing the gradient to become transparent towards the edges of the oval.

gradient feather radialgradient feather radialgradient feather radial
Add a radial Gradient Feather effect.

Finally, click on Directional Feather. Set the Bottom Feather Width to 8 in to allow the gradient to be stronger towards the top half of the oval.

directional feather widthdirectional feather widthdirectional feather width
Set the Directional Feather to bring the gradient towards the top of the oval.

Step 5

On the Metal layer, use the Rectangle Frame Tool (F) to draw an image frame across the bottom of the poster, extending it up to the halfway point of the oval behind.

File > Place, and choose the Textured metal geometry image, clicking Open, and Right-Click > Flip Vertical to allow the metal to appear to have a perspective disappearing towards the center of the oval.

perspective on imageperspective on imageperspective on image
Position the image at the bottom of the design.

With the image frame selected, return to Object > Effects > Gradient Feather. Set the Type to Linear and allow the metal image to fade towards the top, allowing some of the green glow to come through behind.

gradient effect on imagegradient effect on imagegradient effect on image
Fade the image towards the top to create a sense of perspective.

Then Edit > Copy, Edit > Paste in Place the image frame, creating a duplicate of the metal effect. Go to Object > Effects > Transparency, setting the Mode to Soft Light. This will bring through more contrast in the image, creating a dark, moody effect.

contrast on metalcontrast on metalcontrast on metal
A Soft Light effect will create more contrast across the image.

2. How to Create Sci-Fi Typography on the Alien Movie Poster Design

Step 1

Working on the Type layer, use the Type Tool (T) to create a large text frame towards the top center of the poster artwork. Type in the movie title, setting the Font to MBF Atom, and 50 pt in size. Adjust the Font Color to [Paper]. For authentic Alien type, give the text a very generous Tracking of 6000.

Copy and Paste the text frame to build up the other sections of the headline, reducing the Font Size for ‘THE’.

futuristic text effectfuturistic text effectfuturistic text effect
Generous letter spacing (tracking) will give the movie title more impact.

Step 2

Create a second text frame further down the film poster, just at the top of the green oval. Type in the famous tagline, „In space no one can hear you scream.” Set the Font of this to Exensa Grotesk, Size 43 pt, with a Tracking of 30.

subheading font in whitesubheading font in whitesubheading font in white
Set the famous tagline for the movie poster above the neon gradient.

3. How to Create an Alien Egg in Photoshop

Step 1

For now, File > Save your InDesign poster and minimize the window. We’ll come back to it momentarily. Open the Egg isolated image in Photoshop.

Duplicate the Background layer and remove the white background by choosing Select Subject from the top Control panel. Copy the selected egg onto a new layer and switch off or delete the layers below.

copied egg layercopied egg layercopied egg layer
Create a new layer with the egg selection isolated from its background.

Step 2

File > Place the Elephant skin texture image on top of the egg.

elephant texture layerelephant texture layerelephant texture layer
The elephant skin will give the egg a leathery texture.

With the elephant skin layer selected in the Layers panel, hold Control or Alt and click on the egg layer below to restrict the texture to the egg shape alone.

Set the Blend mode of the elephant skin layer to Linear Burn.

green egg skin effectgreen egg skin effectgreen egg skin effect
Applying a Linear Burn effect brings through more green in the image.

Duplicate the elephant skin layer and set the Blend mode of this copy to Divide, bringing the Opacity down to around 60%.

duplicate elephant textureduplicate elephant textureduplicate elephant texture
Blend the texture further to bring through more contrast.

Step 3

File > Place the Chameleon skin texture image above the elephant skin layers.

skin texture orangeskin texture orangeskin texture orange
Give the egg a reptilian effect with a chameleon skin texture.

Alt/Control to attach this layer to the elephant skin layers and the egg layer below. Then switch the Blend mode to Lighter Color and bring the Opacity down to 24%.

lighter color effectlighter color effectlighter color effect
Blend the chameleon skin texture onto the layers below.

Duplicate the chameleon skin layer and set the Blend mode of this copy to Subtract, bringing the Opacity down to 20%.

duplicate skin layerduplicate skin layerduplicate skin layer
Blend the duplicate layer to create more depth.

Step 4

File > Place the Gecko scales texture on top of the existing layers. Allow it to cover the left half of the egg, as shown below.

lizard texture skinlizard texture skinlizard texture skin
A bumpy lizard texture will really add to the alien quality of the egg.

Duplicate this gecko scales layer, and Right-Click > Flip Horizontal. Line up the two layers exactly, to create a larger symmetrical image. Then select both layers in the Layers panel and Right-Click > Merge Layers.

merge layers togethermerge layers togethermerge layers together
Combine the two images to create one seamless texture.

Set the Blend mode of this merged layer to Subtract, with a 17% Opacity.

subtract blend effectsubtract blend effectsubtract blend effect
A Subtract blend effect will merge the texture seamlessly onto the egg.

Step 5

Now we’ve given the egg plenty of alien texture, we can bring in some 3D shine effects to make the egg appear a bit juicier.

Place one of the more oval-shaped PNG glass images from the Liquid glass texture pack over the top of the egg, and fit it roughly to the size.

place glass imageplace glass imageplace glass image
Choose one of the liquid glass images which will fit the egg silhouette.

Set the Blend mode of this liquid glass layer to Screen.

blend the glass imageblend the glass imageblend the glass image
Blend the glass image onto the egg.

Step 6

Use the Pen Tool (P) to trace around the edge of the egg on a new layer. Make sure the selection in the top Control panel is set to Shape, not Path.

Set the Fill of your shape to a dark gray-black from the Swatches panel.

pen tool draw shapepen tool draw shapepen tool draw shape
Use the Pen Tool (P) to trace the shape of the egg.

Double-click on the black egg layer to open the Layer Style panel. Click on Inner Glow. With the color of the glow set to a gradient of white to transparent, from right to left, set the Blend mode to Screen and Opacity to 100%. Set the Technique to Softer, Choke to 17%, and Size to 70 px.

Click OK.

layer style optionslayer style optionslayer style options
Create a gradient effect across the egg from the Layer Style panel.

Then adjust the Blend mode of the layer to Screen and the Opacity to 25%.

blend mode adjustblend mode adjustblend mode adjust
A Screen blend effect will finish this gradient effect.

4. How to Add a Glow Effect in Photoshop

Step 1

With your alien egg almost finished, it’s time to create a glowing crack in the egg to complete the alien effect. First, place all of your existing layers into a new folder, naming this Egg. Create a new folder above, called Neon.

Working on a new layer in the Neon folder, and ensuring the option in the top Control panel is set to ‘Shape’, use the Pen Tool (P) to draw a rough crack shape across the top part of the egg.

trace a crack shapetrace a crack shapetrace a crack shape
Draw a jagged crack shape across the top of the egg.

Set the Fill of this crack shape to a very pale neon yellow, R=243 G=255 B=104.

create neon crack shapecreate neon crack shapecreate neon crack shape
Give the crack shape an eerie yellow color.

Step 2

Double-click on the crack shape layer to open the Layer Style panel.

Click on Outer Glow and set the Blend Mode to Screen, with 100% Opacity. Add 14% Noise and adjust the Color of the glow to the same pale neon yellow as before.

Set the Spread to 7%, Size to 90 px, and Range to 47%.

outer glow effectouter glow effectouter glow effect
Create a glow effect using the Layer Style panel.

Step 3

Duplicate the crack shape layer and double-click on this copied layer, returning to the Outer Glow options.

For this copy, adjust the Blend mode to Pin Light, Opacity to 65%, Noise to 14%, Spread to 20%, and Size to 250 px.

pin light effectpin light effectpin light effect
A Pin Light effect will maximize the Photoshop glow effect.

Step 4

Return to the original crack shape layer and set the Blend mode of this layer to Pin Light, with an 86% Opacity.

original crack layeroriginal crack layeroriginal crack layer
Return to the first crack shape layer to blend it.

Set the Blend Mode of the duplicated layer above to Pin Light and a 70% Opacity.

pin light opacitypin light opacitypin light opacity
Blend each crack shape layer.

Step 5

To make the glowing crack ‘smoke’, File > Place one of the smoke PNG images (number 022) from the Isolated smoke steam bundle onto the Photoshop document. Position it over the right side of the crack.

Create a Color Fill layer above, setting the swatch of this to a pale neon green, R=218 G=255 B=104. Alt/Control to attach this to the smoke layer, tinting it green.

neon green tintneon green tintneon green tint
Create a new Color Fill layer to tint the smoke neon green.

Set the Blend mode of the smoke layer to Pin Light, with a 77% Opacity.

Pin light blend effectPin light blend effectPin light blend effect
Blend the smoke onto the crack.

Duplicate the smoke layer, also allowing this to be tinted green. Position this over the left side of the crack, rotating if necessary to fit it along the edge of the crack.

Your Photoshop alien egg is finished! We will have to do some finishing touches in InDesign, but for now, File > Save your egg as a PSD file.

duplicate smoke layerduplicate smoke layerduplicate smoke layer
Duplicate the smoke layer.

Step 6

Before you leave Photoshop, open up one of the smoke PNG images from the Isolated smoke steam bundle in a separate Photoshop window.

Tint the smoke with a neon green swatch, R=243 G=255 B=104, and File > Save this as a PSD file. We’ll use this as an extra effect on our InDesign poster.

green smoke effectgreen smoke effectgreen smoke effect
Prepare a separate green smoke image to use on your poster design.

5. How to Finish Your Alien Movie Poster in InDesign

Step 1

Let’s move back to Adobe InDesign to apply the finishing touches to our poster artwork.

Unlock the Egg layer, and File > Place your new alien egg PSD image onto the top part of the poster.

place the egg onto indesign posterplace the egg onto indesign posterplace the egg onto indesign poster
Allow the egg to float above the tagline.

Step 2

To blend the egg onto the poster background, we can do a few little tricks. First, with the egg image frame selected, go to Object > Effects > Transparency and bring the Opacity down just a little, to 93%.

opacity down a littleopacity down a littleopacity down a little
A slight transparency will make the egg appear as a more seamless part of the overall poster design.

Then click on Inner Glow. Set the Mode to Multiply and a Deep Black color. With the Source set to Edge, set the Size to 1 in, Choke to 15%, and Noise to 9%.

inner glow effectinner glow effectinner glow effect
A dark Inner Glow will give the impression of the egg emerging from the shadows.

Then add a Gradient Feather effect to the image, setting the Angle to around 50 degrees.

gradient feather effectgradient feather effectgradient feather effect
Angle the gradient to bring depth to the egg.

Step 3

To make the glow of the cracked egg really pop, we can enhance the vibrancy of the glow effect. Use the Pencil Tool (N) to trace along the line of the crack, and set the Stroke Width to something very thin, perhaps just 0.1 pt. Set the Stroke Color to [Paper].

thin white linethin white linethin white line
Draw a thin traced line along the center of the crack.

With the drawn line selected, go to Object > Effects > Outer Glow. Set the Mode to Lighten, choose the Neon Yellow Green swatch for the Color, and set the Opacity to 100%. The Size should be 3.6, Noise 7%, and Spread 46%.

glow crack neonglow crack neonglow crack neon
A bright glow can be achieved by adding a Lighten effect at the center of the crack.

Step 4

To enhance the 3D quality of the egg, use the Ellipse Tool (L) to draw a wide oval over the bottom half of the egg, setting the Fill to [Paper].

white oval shapewhite oval shapewhite oval shape
A white oval can be drawn over the lower half of the egg.

With the oval selected, go to Object > Effects > Transparency. Set the Mode to Overlay and Opacity to 75%.

blend the oval shapeblend the oval shapeblend the oval shape
Blend the oval shape onto the egg to create a highlight.

Click on Gradient Feather and apply a Radial gradient, with the transparent part of the gradient at the outer edge of the oval.

radial gradient effectradial gradient effectradial gradient effect
Apply a radial gradient to the oval.

Step 5

Unlock the Smoke layer, and File > Place the isolated green smoke PSD image you prepared earlier, in Step 4.6.

Allow the smoke to appear as if overflowing the bottom edge of the crack on the egg.

place smoke image over eggplace smoke image over eggplace smoke image over egg
The smoke should appear as if overflowing from the crack in the egg.

With the smoke image frame selected, go to Object > Effects > Transparency. Adjust the Mode to Hard Light and Opacity to 75%.

unlock smoke layerunlock smoke layerunlock smoke layer
A Hard Light effect gives a strong neon effect to the smoke.

6. How to Add an Authentic Movie Poster Texture to Your Alien Poster Design

Step 1

As a final finishing touch, unlock the Paper Texture layer at the top of the layer sequence.

File > Place one of the paper textures (number 24) from the Folded paper texture bundle into a new image frame that extends across the whole poster.

paper texture placedpaper texture placedpaper texture placed
Allow the paper texture to cover the whole poster design.

Step 2

Go to Object > Effects > Transparency. Adjust the Mode to Multiply and Opacity to 75%. Click OK.

blend the paper textureblend the paper textureblend the paper texture
Blend the paper texture onto the poster for an authentic vintage style.

You’ve finished working on your Alien film poster, and it’s looking suitably moody and ominous—great job! To export your poster as a printable PDF, go to File > Export and choose PDF (Print) from the Format options. In the dialogue box that opens, choose Press Quality from the Preset options, and include the Bleed in your export.

Alternatively, you can also File > Export your poster design as a JPEG or PNG image for sharing online.

You Finished the Alien Movie Poster!

In this tutorial, you’ve learned how to create an Alien movie poster, complete with a Photoshop glowing effect, eerie alien egg, and vintage-style poster layout. You can share your finished design online or on social media, or why not print out a large-scale version for your bedroom?

the finished alien posterthe finished alien posterthe finished alien poster
Your finished Alien movie poster, complete with an ominous glowing alien egg.

Top Resources From Envato Elements

Now that you’ve created a design featuring the Alien artwork, why not experiment with creating different sci-fi movie posters? Scroll down to discover futuristic fonts and resources from Envato Elements, as well as more useful poster design tutorials:

Alienator Font (TTF, OTF)

mbf alienator display fontmbf alienator display fontmbf alienator display font

Alienator is a minimal display font with ligature breaks and thin lines, giving it a gravity-defying look. Use it to create subtle typography for sci-fi posters or medical branding.

MBF Manata Font (OTF, TTF)

manata sans serif fontmanata sans serif fontmanata sans serif font

Inspired by futuristic typography and techno music, MBF Manata is a wide display font with a retro personality. It looks fantastic teamed with neon palettes, which tap into its nightlife character. 

Modern Rebel Font (OTF)

modern rebel display fontmodern rebel display fontmodern rebel display font

Go for a font with a different slant with Modern Rebel, a striking display font that plays on futuristic angles. Use it for cyberpunk designs or dark mode website designs.

Nanomaton Font (OTF, TTF)

nanmaton display fontnanmaton display fontnanmaton display font

A rounded sci-fi font, Nanomaton is retro and simple. Use it to give character to corporate typography or science business branding. Or try it on reports or minimal website designs for some subtle futuristic styling.

MBF Space Habitat Font (OTF, TTF)

space habitat creative fontspace habitat creative fontspace habitat creative font

If you love all things 1980s, MBF Space Habitat will be right up your street. With generous broad lettering and curved edges, it wouldn’t look out of place on a Terminator poster design.