How to Create a Cyberpunk Photoshop Effect Action

Post pobrano z: How to Create a Cyberpunk Photoshop Effect Action

Final product image
What You’ll Be Creating

In this tutorial, you will learn how to create a cyberpunk Photoshop effect action to add amazing photo effects to your photos. I will explain everything in so much detail that everyone can create the effect, even those who have just opened Photoshop for the first time.

The effect shown above is the one I will show you how to create in this tutorial. If you would like to create the even more advanced cyberpunk Photoshop effect shown below, using just a single click and in only a few minutes, then check out my Cyberpunk Photoshop Action.

action final result

What You’ll Need

To recreate the design above, you will need the following resources:

1. How to Start Creating an Action

Step 1

First, open the photo that you want to work with. To open your photo, go to File > Open, choose your photo, and click Open. Now, before we get started, just check a couple of things:

  1. Your photo should be in RGB Color mode, 8 Bits/Channel. To check this, go to Image > Mode.
  2. For best results, your photo size should be 2000–4500 px wide/high. To check this, go to Image > Image Size.
  3. Your photo should be the Background layer. If it is not, go to Layer > New > Background from Layer.
checking image size and mode

Step 2

Now go to Window > Actions, and in the Actions panel, click on the menu icon in the top right-hand corner, choose New Set to create a new set, and name it Cyberpunk. Then, click on the same menu icon again, choose New Action to create a new action, and name it Cyberpunk.

creating new action

2. How to Create the Color Look

Step 1

In this section, we are going to create the color look. Go to Layer > New Adjustment Layer > Gradient Map to create a new gradient map adjustment layer and name it Color_Look_1.

creating new gradient map adjustment layer

Step 2

Now Double-click on this layer thumbnail, and then in the Properties panel, click on the gradient to open up the Gradient Editor panel and enter the settings below:

adjusting gradient map
The left color stop has color 0000ff, and the right color stop has color ff00ff.

Step 3

Change the Blending Mode of this layer to Soft Light and set the Opacity to 70%.

changing blending mode and opacity

Step 4

Now select the Background layer, go to Layer > New Adjustment Layer > Hue/Saturation to create a new hue/saturation adjustment layer, and name it Color_Look_2.

creating new hue and saturation adjustment layer

Step 5

Double-click on this layer thumbnail and enter the settings below in the Properties panel:

adjusting hue and saturation

Step 6

Now select the Background layer, go to Layer > New Adjustment Layer > Photo Filter to create a new photo filter adjustment layer, and name
it Color_Look_3.

creating new photo filter adjustment layer

Step 7

Double-click on this layer thumbnail and, in the Properties panel, set Filter to Cooling Filter (80), Density to 25%, and check the Preserve Luminosity option.

adjusting photo filter

3. How to Make the Final Adjustments

Step 1

In this section, we are going to make some final adjustments to the design. Select the Color_Look_1 layer and press D on your keyboard to reset the swatches. Then, go to Layer > New Adjustment Layer > Gradient Map to create a new gradient map adjustment layer and name it Overall Contrast.

creating new gradient map adjustment layer

Step 2

Now change the Blending Mode of this layer to Luminosity and set the Opacity to 80%.

changing blending mode and opacity

Step 3

Go to Layer > New Adjustment Layer > Vibrance to create a new vibrance adjustment layer and name it Overall Vibrance/Saturation.

creating new vibrance adjustment layer

Step 4

Now Double-click on this layer thumbnail and, in the Properties panel, set the Vibrance to +25 and Saturation to +10.

adjusting vibrance and saturation

Step 5

Go to Layer > New Adjustment Layer > Levels to create a new levels adjustment layer, and name it Overall Brightness.

creating new levels adjustment layer

Step 6

Now Double-click on this layer thumbnail and, in the Properties panel, enter the settings below:

adjusting levels

Step 7

Press Control-Alt-Shift-E on your keyboard to make a screenshot, and then press Control-Shift-U to desaturate this layer. Then, go to Filter > Other > High Pass and set the Radius to 2 px.

adding high pass filter

Step 8

Change the Blending Mode of this layer to Hard Light and set the Opacity to 80%. Name this layer Overall Sharpening.

changing blending mode and opacity

You Made It!

Congratulations, you have succeeded! You have now learned how to create cool photo effects in Photoshop. Here is our final result:

final result

If you would like to create the even more advanced cyberpunk Photoshop effect
shown below, using just a single click and in only a few minutes, then
check out my Cyberpunk Photoshop Action.

Using this action, you can create amazing cyberpunk photo effects
from your photos with no work at all! Simply open your photo and just play the action. It’s really that simple! The action
will do all the work for you, giving you fully layered and customizable results that you can further modify. Finally you can create cyberpunk color effects for pictures using a single click and in seconds with the first ever cyberpunk photo effects action.

The action comes with a detailed video tutorial that demonstrates how to use the action and customize the results to get the most out of the effect.

If you want to add some cyberpunk style text effect, check out Cyberpunk – 80s Retro Text Effects.

action final result

Do you like Photoshop actions? Then you may also like:

How to Create a Cyberpunk Photoshop Effect Action

Post pobrano z: How to Create a Cyberpunk Photoshop Effect Action

Final product image
What You’ll Be Creating

In this tutorial, you will learn how to create a cyberpunk Photoshop effect action to add amazing photo effects to your photos. I will explain everything in so much detail that everyone can create the effect, even those who have just opened Photoshop for the first time.

The effect shown above is the one I will show you how to create in this tutorial. If you would like to create the even more advanced cyberpunk Photoshop effect shown below, using just a single click and in only a few minutes, then check out my Cyberpunk Photoshop Action.

action final result

What You’ll Need

To recreate the design above, you will need the following resources:

1. How to Start Creating an Action

Step 1

First, open the photo that you want to work with. To open your photo, go to File > Open, choose your photo, and click Open. Now, before we get started, just check a couple of things:

  1. Your photo should be in RGB Color mode, 8 Bits/Channel. To check this, go to Image > Mode.
  2. For best results, your photo size should be 2000–4500 px wide/high. To check this, go to Image > Image Size.
  3. Your photo should be the Background layer. If it is not, go to Layer > New > Background from Layer.
checking image size and mode

Step 2

Now go to Window > Actions, and in the Actions panel, click on the menu icon in the top right-hand corner, choose New Set to create a new set, and name it Cyberpunk. Then, click on the same menu icon again, choose New Action to create a new action, and name it Cyberpunk.

creating new action

2. How to Create the Color Look

Step 1

In this section, we are going to create the color look. Go to Layer > New Adjustment Layer > Gradient Map to create a new gradient map adjustment layer and name it Color_Look_1.

creating new gradient map adjustment layer

Step 2

Now Double-click on this layer thumbnail, and then in the Properties panel, click on the gradient to open up the Gradient Editor panel and enter the settings below:

adjusting gradient map
The left color stop has color 0000ff, and the right color stop has color ff00ff.

Step 3

Change the Blending Mode of this layer to Soft Light and set the Opacity to 70%.

changing blending mode and opacity

Step 4

Now select the Background layer, go to Layer > New Adjustment Layer > Hue/Saturation to create a new hue/saturation adjustment layer, and name it Color_Look_2.

creating new hue and saturation adjustment layer

Step 5

Double-click on this layer thumbnail and enter the settings below in the Properties panel:

adjusting hue and saturation

Step 6

Now select the Background layer, go to Layer > New Adjustment Layer > Photo Filter to create a new photo filter adjustment layer, and name
it Color_Look_3.

creating new photo filter adjustment layer

Step 7

Double-click on this layer thumbnail and, in the Properties panel, set Filter to Cooling Filter (80), Density to 25%, and check the Preserve Luminosity option.

adjusting photo filter

3. How to Make the Final Adjustments

Step 1

In this section, we are going to make some final adjustments to the design. Select the Color_Look_1 layer and press D on your keyboard to reset the swatches. Then, go to Layer > New Adjustment Layer > Gradient Map to create a new gradient map adjustment layer and name it Overall Contrast.

creating new gradient map adjustment layer

Step 2

Now change the Blending Mode of this layer to Luminosity and set the Opacity to 80%.

changing blending mode and opacity

Step 3

Go to Layer > New Adjustment Layer > Vibrance to create a new vibrance adjustment layer and name it Overall Vibrance/Saturation.

creating new vibrance adjustment layer

Step 4

Now Double-click on this layer thumbnail and, in the Properties panel, set the Vibrance to +25 and Saturation to +10.

adjusting vibrance and saturation

Step 5

Go to Layer > New Adjustment Layer > Levels to create a new levels adjustment layer, and name it Overall Brightness.

creating new levels adjustment layer

Step 6

Now Double-click on this layer thumbnail and, in the Properties panel, enter the settings below:

adjusting levels

Step 7

Press Control-Alt-Shift-E on your keyboard to make a screenshot, and then press Control-Shift-U to desaturate this layer. Then, go to Filter > Other > High Pass and set the Radius to 2 px.

adding high pass filter

Step 8

Change the Blending Mode of this layer to Hard Light and set the Opacity to 80%. Name this layer Overall Sharpening.

changing blending mode and opacity

You Made It!

Congratulations, you have succeeded! You have now learned how to create cool photo effects in Photoshop. Here is our final result:

final result

If you would like to create the even more advanced cyberpunk Photoshop effect
shown below, using just a single click and in only a few minutes, then
check out my Cyberpunk Photoshop Action.

Using this action, you can create amazing cyberpunk photo effects
from your photos with no work at all! Simply open your photo and just play the action. It’s really that simple! The action
will do all the work for you, giving you fully layered and customizable results that you can further modify. Finally you can create cyberpunk color effects for pictures using a single click and in seconds with the first ever cyberpunk photo effects action.

The action comes with a detailed video tutorial that demonstrates how to use the action and customize the results to get the most out of the effect.

If you want to add some cyberpunk style text effect, check out Cyberpunk – 80s Retro Text Effects.

action final result

Do you like Photoshop actions? Then you may also like:

McDonald’s: 50 Years of Big Mac

Post pobrano z: McDonald’s: 50 Years of Big Mac

Outdoor
McDonald’s

Advertising Agency:TBWA Switzerland
Executive Creative Director:Manuel Wenzel
Creative Director:Bruce Roberts
Senior Art Director:Frédéric Nogier
Senior Copywriter:Felix Freese, Tizian Walti
Marketing Director:Aglaë Strachwitz
Illustrator:Chris Rowson, Alex Trochut, Hendrik Everaerts
Global Chief Creative Officer:Chris Garbutt
Art Director:Angelo Sciullo, João Pereira
Junior Art Director:Gaston Filippo
Copywriter:David Voges
Production Company:EG+
Illustrators:John Smith, Oleg Grishin, Eric Groza, Gigi Lee, Helga Fresh
Director Of Design:Mark Sloan

McDonald’s: 50 Years of Big Mac

Post pobrano z: McDonald’s: 50 Years of Big Mac

Outdoor
McDonald’s

Advertising Agency:TBWA Switzerland
Executive Creative Director:Manuel Wenzel
Creative Director:Bruce Roberts
Senior Art Director:Frédéric Nogier
Senior Copywriter:Felix Freese, Tizian Walti
Marketing Director:Aglaë Strachwitz
Illustrator:Chris Rowson, Alex Trochut, Hendrik Everaerts
Global Chief Creative Officer:Chris Garbutt
Art Director:Angelo Sciullo, João Pereira
Junior Art Director:Gaston Filippo
Copywriter:David Voges
Production Company:EG+
Illustrators:John Smith, Oleg Grishin, Eric Groza, Gigi Lee, Helga Fresh
Director Of Design:Mark Sloan

Walt Disney World: After Disney

Post pobrano z: Walt Disney World: After Disney
Print
Disney

How do you show preschool parents how much fun their child will have at Walt Disney World? Focus on the aftermath.

Advertising Agency:Yellow Shoes, Orlando, USA
Vp:Jean Batthany
Creative:Jean Batthany, Jim Real
Director:Jim Real
Group Creative Director:Dennis Chalifour
Associate Creative Director:John McCall
Senior Art Director:Jesús Diaz
Art Director:Jose Ramirez
Copywriter:Jeff Schermer
Photographer:Caitie McCabe
Retoucher:Erick Aulet

Tips on Creative Event Photography

Post pobrano z: Tips on Creative Event Photography

Event photography is all about capturing that ‘once in a lifetime’ moment, isn’t it? As much as this sounds incredible and nearly effortless, capturing the right moment at the right time, more often than not, is a real struggle. Oftentimes, the best moments do not occur twice, and due to things moving fast, photographing events can easily become one of the most stressful types of commercial photography.

Luckily, we have five event photography tips for you that not only will help you in taking creative photos but will also aid in not missing your shot ever again. From sports events to concerts, weddings, and small gatherings, these useful tips got you covered!

Let’s begin.

1. Think of the Story You Want to Share

Every event has a story, and it is your duty,
as a photographer, to deliver it in the best way possible. Therefore, it is a
good idea to think of the story before you even step into the venue of the
event. Plan everything down to details and do not leave anything to
coincidence.

For instance, start by contemplating the
overall story in your head. What would highlight moments of that event be? When
do you expect them to occur? How many people are you photographing? Who are the
main characters in this story? What type of pictures do they prefer? If you are
unsure about something, ask as many questions as you feel necessary to help you
determine the tone as well as the exact story you are expected to share.

Additionally, take a moment to think about the
place where you will be shooting. Is that a building you are already familiar
with? If not, arrive at the venue before anyone to look for the right angles as
well as size up where is the best light. This will prevent missing the right
shots and will help you immensely in the process.

2. Capture Some Behind the Scenes Action

Alongside the proper planing, capturing behind the scenes shots will also greatly contribute to the story. In case you are allowed to access the backstage, we advise you to go for it!

When it comes to events, especially shows, and sports matches, people simply love seeing what goes on behind closed doors. These types of photos make the whole story of the event more personal, relatable and beautiful, so make sure you do not miss the opportunity to get behind the curtains and photograph some real, raw action.

3. Be Prepared for the Memorable Moments

As
mentioned, event photography revolves around capturing the right moments.
Depending on the event itself, the right moments may be the bride dancing with
her bridesmaids, a guitarist at a concert performing a solo, or group of
friends laughing at a joke. Whatever these memorable moments are, catching
people’s genuine emotions and reactions, is what makes photos great and
creative.

Hence, be on the lookout and prepare yourself for them to occur at all times. You need to pay attention to your surroundings and catch the action as it is arising. Moreover, it goes without saying – The secret of not missing the moment when it happens is setting up everything beforehand.

4. Look for Interesting Details

Everything
is in the details. Especially when we are talking about event photography,
details matter the most, so do not make the mistake of neglecting them.

Capturing interesting details proves the excellence and the creativity of your work thus focus on them. They do not need to be hugely complex to look good, as some of the most powerful details are the ones you can spot without even trying. Among these, you can find the wedding napkins, the seat decorations during a theater play, the cake of the birthday party, or the public speaker’s outfit.

5. Never Settle for Boring Photos

Needless to say, boring photos never look good and almost always it is recognizable whether or not the photographed people felt comfortable during the shoot. The only way to candid portraits is to make people feel at ease while you are taking pictures of them. Find something you have in common with them, crack a joke, ask a question or compliment them so they can relax and ultimately look natural on your camera screen.

Summary

Interesting
and storytelling event photographs are not that hard to make if you know
exactly what you should do and what to focus on. The next time you have an
event to photograph, try at least one of these five tips and we assure you will
immediately notice a difference.

Pay
attention to the details, be prepared for emotional memorable moments and
action shots, talk to people and use all of your creativity and expertise to
share the story in the most beautiful way.

Safe Space: The Great Expectations

Post pobrano z: Safe Space: The Great Expectations
Online
Safe Space

Declared as the Most Depressed Country by the WHO, India has the highest suicide rate in the South Asian Region. The stigma surrounding suicide is widespread and often treated as a taboo. Striving to break this stigma, Safe Space India sheds light on suicide and mental health issues through social media, educating the audience through a combination of facts, figures, and science, highlighting signs to look out for, and encouraging them to seek help. #TheGreatExpectations showcases how expectations set by families, teachers, bosses, and others affect an individual’s mental health. When the bar is set unreasonably high, the pressure can often drive people to kill themselves by suicide.

Advertising Agency:Yellow | Branding and Digital Marketing Agency, Mumbai, India
Concept and Creative Direction:Neeraj Menon, Milind Gawas
Writer:Priyanshee Parekh

How to Make a Fancy Menu Template

Post pobrano z: How to Make a Fancy Menu Template

Final product image
What You’ll Be Creating

In this tutorial, you’ll learn how to create a restaurant menu template in Adobe InDesign. Complete with a luxurious color palette and a vintage style, this fancy menu template is perfect for high-end restaurants or luxury bars. 

This InDesign menu template, which consists of an A4-sized food menu and A5 drinks menu, can be easily adapted with your own text content and is set up for professional, full-color printing. 

menu food
drinks menu

Looking for a different menu style? Discover more delicious and easy-to-edit menu templates over on Envato Elements

What You’ll Need to Create Your Fancy Menu Template

We’ll be using Adobe InDesign to create the menu layout, and dipping into Adobe Illustrator to edit the vector graphics for the menu design. 

You’ll also need to download the following fonts and image files:

Once you’ve installed the fonts onto your computer and saved the graphic files to a safe place, you’re ready to get started with creating your menu design. 

1. How to Set Up the Menu Template in InDesign

Step 1

Open InDesign and go to File > New > Document. 

In the New Document window, choose Print from the options at the top of the window, and select A4 for the page size. 

To the right side of the window, uncheck Facing Pages. Increase the number of Columns to 3 and set the Gutter to 9 mm. 

Add Margins of 15 mm and a Bleed of 5 mm, before clicking Create

new document
new document indesign

Step 2

Expand the Layers panel (Window > Layers) and double-click on Layer 1, renaming it Background

Select New Layer from the panel’s main menu at the top right, and create two new layers: Material and Type

layer options

Lock all the layers except the bottom layer, Background

locked layers

Step 3

Expand the Swatches panel (Window > Color > Swatches) and choose New Color Swatch from the panel’s menu. 

Set the Color Type to Process, Mode to CMYK, and the levels below to C=10 M=2 Y=26 K=0 (Peppermint). Click Add and then OK

Repeat to create three more CMYK swatches:

  • C=100 M=83 Y=29 K=27 (Blue)
  • C=25 M=20 Y=19 K=7 (Silver Gray)
  • C=13 M=35 Y=85 K=7 (Gold)
swatch options

2. How to Add Color and Texture to Your Menu Template

Step 1

Working on the Background layer, select the Rectangle Tool (M) and drag across the whole page and up to the bleed. 

From the Swatches panel, set the Fill Color to Blue

fill color blue

Step 2

Lock the Background layer and unlock the Material layer above.

Use the Rectangle Frame Tool (F) to create an image frame across the left half of the page. File > Place, navigate to the Cloth Backgrounds folder, and choose image 25.jpg, before clicking Open

Select the image inside the frame directly by double-clicking, and Right-Click > Rotate 90 Degrees CCW.

Allow the paler half of the cloth image to fill the image frame. 

material background

Then select the image frame and Edit > Copy, Edit > Paste it. Then Right-Click > Transform > Flip Horizontal. Move it over to the right side of the page.

transform

Step 3

Select both image frames on the Material layer and go to Object > Effects > Transparency. Set the Mode to Multiply and click OK

multiply

3. How to Add Typography to Your Menu Design

Step 1

Lock the Material layer and unlock the top layer, Type

Use the Type Tool (T) to create a text frame across the center of the top of the page. 

Type in the restaurant name and, from the Character panel (Window > Type & Tables > Character), set the Font to Coellak Rad, Size 60 pt, and increase the Tracking (letter-spacing) to 40. You might want to use the Glyphs panel (Window > Type & Tables > Glyphs) to insert different variations of the characters.  

title resturant

From the Swatches panel, set the Font Color to Silver Gray. You can add an optional subtitle below, set to a 20 pt Font Size.

subtitle

Step 2

Open the Art Deco Ornament Pack illustration in Adobe Illustrator. 

Delete the background color and select the four elements of the design shown below, before going to Edit > Copy. 

art deco graphic

Return to InDesign and Edit > Paste the design directly onto the menu. 

Switch the Fill Color of the graphic to Silver Gray, and position it to the left of the restaurant name. 

pasted graphic

Step 3

Edit > Copy the graphic and then Right-Click > Transform > Flip Horizontal. 

flip graphic

Position it to the right of the restaurant name to frame the header. 

frame border

Step 4

Copy and Paste the restaurant title text frame and move it below, reducing the Font Size to 42 pt and editing the text to read the menu name, e.g. ‘A LA CARTE’ or ‘FOOD MENU’.

a la carte title

Step 5

Open the kitchenware01.ai file in Adobe Illustrator. Select the spoon graphic on the far left side and Edit > Copy it. 

copied spoon

Head back to InDesign and Edit > Paste it, switching the Fill Color to Silver Gray. Paste a spoon graphic on either side of the menu title. 

paste spoon

Step 6

Create a text frame spanning the width of the left-hand column, typing in the first subtitle (e.g. ‘STARTERS’), and setting the Font to Coellack Rad, Size 25 pt, and the Font Color to Peppermint

swatches panel

Create a text frame below this, typing in the name of the first item on the menu, followed by a series of ellipses, and the price on the right side of the text frame. Set the Font to Fiona Regular, Size 16 pt, and a Peppermint Font Color.

Copy and Paste the text frame repeatedly, creating a block of dishes under the ‘STARTERS’ title. 

text frame

Step 7

Select all the ‘STARTERS’ text frames you’ve just created and Right-Click > Group them. 

You can now use this group as a block for populating the rest of the menu design. 

body text frames

Step 8

Return to the Art Deco Ornament Pack illustration and select the elements around the edge of the graphic, as highlighted below.

art deco border

Edit > Copy this border graphic. Then head back to InDesign and Edit > Paste it onto the Type layer, rotating it to fit any large gap on the menu layout. 

Set the Fill Color to Silver Gray. 

frame on menu

Inside this border, you can feature a special dish or dish of the day. Set the header in Coellak Rad with a Gold Font Color.

special dishes title

Copy across one or a few of the dish text frames to place inside the border. 

sample dishes text

Step 9

Don’t forget to add a little key at the bottom left of the menu, for dishes with special dietary requirements.

allergies text

The final decorative touch is to add a large text frame across the bottom-right of the page, rotating it slightly and typing in a slogan or quote, before setting the Font to Rosemary Signature and a Gold Font Color.

script text frame

4. How to Create a Matching Drinks Menu 

Step 1

Expand the Pages panel (Window > Pages). 

On Page 1, Right-Click > Duplicate Spread, to create a copy of the menu. 

duplicate spread

Scroll down to Page 2 of your document. Select the Page Tool (Shift-P) and click onto the page to select it. From the top Controls panel, set the Liquid Page Rule to Scale, and then switch the Page Size to A5 from the size menu.

scale page

This scales all the elements on the page down to a smaller A5 page size, without the need to resize elements individually. 

a5 smaller card

Step 2

Working on the Background layer, select the rectangular shape and switch the Fill Color to Peppermint.

peppermint background

Lock the Background layer and unlock the layer above, Material. Delete the image frames on this layer, before creating a new one with the Rectangle Frame Tool (F) that extends across the whole page. 

File > Place, go to the Cloth Backgrounds folder and choose the 28.jpg file, before clicking Open

material green

Select the image frame and go to Object > Effects > Transparency. Switch the Mode to Screen and bring the Opacity down to 75%, before clicking OK

screen mode

Step 3

Working on the Type layer, select the restaurant name text frame(s) and switch the Font Color to Gold. Do the same for the border graphics too. 

type layer

Switch the name of the menu to ‘DRINKS MENU’ or similar, and the Font Color to Gold

gold font color

Step 4

Delete one of the columns of type from the far left or right side, leaving just two columns of text. Move these centrally onto the page, and revise the headings of each section as required (e.g. to ‘COCKTAILS’, ‘BEERS’, etc). 

Keep the decorative frame, moving it to the top right of the righthand column, and use this to frame the name of some special drinks. 

two columns

Change the Font Color of the script text at bottom right to Silver Gray. 

silver gray color

Step 5

Return to the kitchenware01.ai illustration in Adobe Illustrator. This time, select a teapot graphic and Edit > Copy it. Paste it onto your InDesign drinks menu. 

teapot

Select a teacup image separately and Copy and Paste it too. 

teacup

Adjust the Fill Color of both to Silver Gray. 

pasted graphics

5. How to Export Your Menu for Printing

When you’ve finished working on your menu and are ready to send it to print, go to File > Export.

Choose Adobe PDF (Print) from the options in the Format menu at the bottom of the window, name the file, and click Save

In the Export Adobe PDF window that opens, choose [Press Quality] for the Preset.

press quality

Then click on Marks and Bleeds in the window’s left-hand menu. Check both All Printer’s Marks and Use Document Bleed Settings.

printers marks

Click Export to create your menu PDF. You can send this document straight off to the printers—great job!

Conclusion

Your menu layout is finished and ready for sending to the printers! Congratulations!

final menus

In this tutorial, we’ve covered a range of skills and techniques which are really useful for creating print documents in Adobe InDesign. You can now feel more confident in:

  • setting up a full-color menu layout in InDesign
  • using vector graphics to add visual interest to your menu designs
  • choosing and using suitable and effective fonts for your menu layouts
  • layering color, texture, type and graphics to give your menu designs a modern, on-trend look
  • exporting your artwork to a print-ready PDF format

Menu Templates From Envato Elements

Discover more delectable InDesign menu designs over on Envato Elements. Check out our edit below of some of our favourite menu templates:

Seafood Menu Template

This restaurant menu template has a rustic style which could be adapted for seafood restaurants, cafes, or coastal pubs. Available as both a Photoshop and InDesign template, this menu template also makes use of free fonts.

seafood menu
Seafood menu template

Bakery Menu Template

A simple and stylish two-page restaurant menu template, this menu design would be a great match for bakeries, cafes, or ice-cream bars.

bakery menu
Bakery menu template

Rustic Menu Template

Complete with vintage-inspired typography and a punchy color palette, this restaurant menu template is available as Illustrator and Photoshop versions. If you’re designing for a steak restaurant or diner, this menu layout would be a perfect choice.

rustic menu
Rustic menu template

Drinks Menu Template

Looking to design a menu for a cocktail bar, nightclub, or pub? This colorful Photoshop menu template is set up to a large-scale A3 page size—perfect for doubling up as table placemats.

drinks menu
Drinks menu template

Simple Menu Template

On the hunt for a minimal, easy-to-edit restaurant menu template? This stripped-back menu design is supremely stylish and could be adapted for almost any type of restaurant or bar. 

simple menu
Simple menu template

Don’t miss these menu design tutorials:

How to Create a Japanese Brush Font Text Effect in Photoshop

Post pobrano z: How to Create a Japanese Brush Font Text Effect in Photoshop

Final product image
What You’ll Be Creating

Creating a completely custom font effect from scratch may sound like a daunting task, but it’s much less complicated than it might seem! And the task becomes even simpler when you put some high-quality resources to use—resources that you can customize and alter so you still end up with something that’s unique to you and your project!

In this quick tip, we will be taking a look at how to create a Japanese brush font text effect in Adobe Photoshop.  

Follow along with us over on our Envato Tuts+ YouTube channel:

What You’ll Need

To complete this project, we are using the following resources:

Find more resources on Envato Elements!

1. How to Create Paint Stroke Photoshop Brushes

First, let’s start by creating an ink brush Photoshop brush.

Step 1

Import an image of painted brush strokes. Ideally, you want them to be long, with tapered and textured edges.

Paint strokes

Step 2

Turn the image black and white by going to Image > Adjustments > Desaturate. 

These paint strokes are a little light, so let’s darken them by going to Image > Adjustments > Brightness/Contrast and bringing the Contrast up to 100 and the Brightness down to -150. 

Repeat this step until your paint strokes are a nice solid black. 

darken strokes

Step 3

Select your paint strokes by going to Select > Color Range and clicking on the black paint. Bring the Fuzziness all the way up to 200 and hit OK.

Step 4

Create a Color Fill layer set to black. The color fill layer will automatically take the shape of the selection! 

create color fill

Step 5

Smooth out the edges of the paint stroke by double-clicking on the color fill layer’s layer mask and choosing Select and Mask.

Set Smooth to 9, Contrast to 24%, and Shift Edge to -30%. Your settings may vary, but we don’t want to lose too much of that streaky brush texture, so be careful! 

smooth edges

Step 6

Finally, Crop down your paint stroke and go to Edit > Define Brush Preset. Name your brush, and you are done!

You will want to make as many brush strokes as possible, but alternatively, you can also download a set of premade brush strokes that come on a transparent background or a premade brush pack that is all ready to go!

create brush

Step 7

If you’re not sure how to install Photoshop brushes, you will want to select the Brush Tool, open the Brush window, click on the Gear icon found in the top right-hand corner, and then select Import Brushes. 

From there, you will want to navigate to wherever you save your brushes, select them, and that’s it!      

2. How to Create a Brush Stroke Font Effect 

Finally, let’s move on to creating our Japanese-inspired text effect. 

Step 1

This first step is optional, but it might help you out for your first few tries with this effect! 

Choose a font that’s similar to the structure you want your text to have. In this case, the Japanese brush font “Little Samurai” works perfectly.

Type out your word or phrase. Now, we can use this as a template when we are placing our brush strokes!

template text

Step 2

Import your brush stroke brushes, or have your brush stroke images (with a transparent background) in a folder nearby so you can drop or paint them in as needed.

I will be using these brush stroke PNGs found on Envato Elements.

image pack

Step 3

Now, it’s a matter of combing different brush strokes to make different letters. Let’s start with an easy one, “M.”

Drag and drop your strokes to match up with the three vertical lines that make up the lower section of the „M”, using our text as a guide. 

Make sure to use different strokes for each line. You want to avoid patterns and repetition! 

first brush strokes

Step 4

Place a fourth line going through the upper portion of all three lines. You have an “M”!

I suggest grouping all of the brush strokes into their own group and naming it according to the letter they create. 

creating an M

Step 5

You can use the Paint Brush and Eraser Tool to add or take away detail from each line to add further fine-tuning and variation.

Also, remember to Flip lines Vertically and Horizontally and adust both their height and width to avoid the look of repetition.

adjust lines by flipping

Step 6

Use the Warp Transform Mode to create and match curves, and to fit the strokes to match the shape of the template text. 

Do these steps over and over until all of your letters are created! 

adjust lines by warping
all text

Step 7

Change the color of the text by adding a Color Fill layer and clipping it into your master group—the group holding all of your letters. 

You can also go ahead and fill in any sparse spots quickly by creating a New Layer below all of your text layers and painting using a hard white brush. This will help your paint look fuller, if that’s the look you are going for!

change color

We’ve Done It!

And there you have it! You can whip up these painted letters in a matter of minutes, and if you find yourself reaching for this kind of text effect fairly often, go ahead and create the whole alphabet, save it in a PSD file, and you’ve officially created your very own template! 

So, as always, keep experimenting with different techniques and practicing, and don’t forget to post your version below, along with any questions, comments, or critiques!

create a japanese brush text effect

More Japanese Brush Fonts

Okami – Brush Font

Okami is a hand-drawn brush font with rough and bold letters. It’s great for logos, branding, print projects, and of course creating a Japanese brush font text effect! 

okami font

Petal Brush

Petal is a beautiful brush font that was handcrafted by yours truly with a Japanese brush pen. The font is full of character and personality and sits comfortably with modern trends. 

petal font

Wonderfont Brush Typeface

This font face is ideal for creating a Japanese brush font effect that comes off more rustic and unrefined! 

wonder font

30 Acrylic Brush Strokes

This collection contains 30 isolated high-resolution brush texture strokes made using yellow acrylic paint and many different paintbrushes perfect for creating a Japanese brush font effect. 

acrylic brush strokes

66 Long Ink Strokes Photoshop Stamp Brushes

Download 66 hand-painted ink Photoshop brushes that work with any Photoshop version! This ink brush Photoshop pack is high resolution and would be a great addition to any project.

long strokes

Looking to learn more? Why not check out the following tutorials:

Agregator najlepszych postów o designie, webdesignie, cssie i Internecie