How to Make a Photoshop Action to Add a Dramatic Effect to Photos

Post pobrano z: How to Make a Photoshop Action to Add a Dramatic Effect to Photos

Final product image
What You’ll Be Creating

In this tutorial, you will learn how to create a Photoshop action to add a dramatic effect to a photo in Adobe Photoshop. I will explain everything in so much detail that anyone can create it, even those who have just opened Photoshop for the first time. 

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 2500-4000 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 corner, choose New Set to create a new set, and name it Dramatic Effect. Then, click on the same menu icon again and choose New Action to create a new action and name it Dramatic Effect.

creating new action

2. How to Reveal the Details

Step 1

In this section, we are going to reveal the details of the photo. Press Control-J on your keyboard to duplicate the Background layer. Then, press Control-Shift-U to desaturate this layer.

Desaturating layer

Step 2

Now go to Filter > Other > High Pass and set the Radius to 10 px.

Adding high pass filter

Step 3

Change the Blending Mode of this layer to Overlay and name it Reveal Details.

Changing blending mode

3. How to Create the Basic Color Look

Step 1

In this section, we are going to create the basic color look. Go to Layer > New Adjustment Layer > Black & White to create a new black and white adjustment layer and name it Black_&_White.

Creating new black and white adjustment layer

Step 2

Now change the Blending Mode of this layer to Color and set the Opacity to 30%.

Changing blending mode and opacity

Step 3

Go to Layer > New Fill Layer > Solid Color to create a new solid color fill layer, name it Color Fill, and choose the color #0f0f99 as shown below:

Creating new solid color fill layer

Step 4

Now change the Blending Mode of this layer to Exclusion and set the Opacity to 20%.

Changing blending mode and opacity

4. How to Create the Focus

Step 1

In this section, we are going to create the focus. Go to Layer > New Fill Layer > Gradient Fill to create a new gradient fill layer, name it Focus, and use the settings below:

Creating new gradient fill layer

Step 2

Now Double-click on this layer thumbnail and, using the Move Tool (V), click and drag anywhere inside the canvas to position the gradient fill as shown below. Then, change the Blending Mode of this layer to Soft Light.

Changing blending mode

5. How to Make the Final Adjustments

Step 1

In this section, we are going to make some final adjustments. Press D on your keyboard to reset the swatches, 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 Soft Light and set the Opacity to 21%.

Changing blending mode and opacity

Step 3

Go to Layer > New > Gradient Map to create a new gradient map adjustment layer and name it Color Look.

Creating new gradient map adjustment layer

Step 4

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 275c8e, and the right color stop has color adb557.

Step 5

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

Changing blending mode and opacity

You Made It!

Congratulations, you have succeeded! Here is our final result:

Final result

You may also like:

How to Make a Photoshop Action to Add a Dramatic Effect to Photos

Post pobrano z: How to Make a Photoshop Action to Add a Dramatic Effect to Photos

Final product image
What You’ll Be Creating

In this tutorial, you will learn how to create a Photoshop action to add a dramatic effect to a photo in Adobe Photoshop. I will explain everything in so much detail that anyone can create it, even those who have just opened Photoshop for the first time. 

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 2500-4000 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 corner, choose New Set to create a new set, and name it Dramatic Effect. Then, click on the same menu icon again and choose New Action to create a new action and name it Dramatic Effect.

creating new action

2. How to Reveal the Details

Step 1

In this section, we are going to reveal the details of the photo. Press Control-J on your keyboard to duplicate the Background layer. Then, press Control-Shift-U to desaturate this layer.

Desaturating layer

Step 2

Now go to Filter > Other > High Pass and set the Radius to 10 px.

Adding high pass filter

Step 3

Change the Blending Mode of this layer to Overlay and name it Reveal Details.

Changing blending mode

3. How to Create the Basic Color Look

Step 1

In this section, we are going to create the basic color look. Go to Layer > New Adjustment Layer > Black & White to create a new black and white adjustment layer and name it Black_&_White.

Creating new black and white adjustment layer

Step 2

Now change the Blending Mode of this layer to Color and set the Opacity to 30%.

Changing blending mode and opacity

Step 3

Go to Layer > New Fill Layer > Solid Color to create a new solid color fill layer, name it Color Fill, and choose the color #0f0f99 as shown below:

Creating new solid color fill layer

Step 4

Now change the Blending Mode of this layer to Exclusion and set the Opacity to 20%.

Changing blending mode and opacity

4. How to Create the Focus

Step 1

In this section, we are going to create the focus. Go to Layer > New Fill Layer > Gradient Fill to create a new gradient fill layer, name it Focus, and use the settings below:

Creating new gradient fill layer

Step 2

Now Double-click on this layer thumbnail and, using the Move Tool (V), click and drag anywhere inside the canvas to position the gradient fill as shown below. Then, change the Blending Mode of this layer to Soft Light.

Changing blending mode

5. How to Make the Final Adjustments

Step 1

In this section, we are going to make some final adjustments. Press D on your keyboard to reset the swatches, 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 Soft Light and set the Opacity to 21%.

Changing blending mode and opacity

Step 3

Go to Layer > New > Gradient Map to create a new gradient map adjustment layer and name it Color Look.

Creating new gradient map adjustment layer

Step 4

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 275c8e, and the right color stop has color adb557.

Step 5

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

Changing blending mode and opacity

You Made It!

Congratulations, you have succeeded! Here is our final result:

Final result

You may also like:

Revisiting the abbr element

Post pobrano z: Revisiting the abbr element

An irresistible HTML element deep dive from Ire Aderinokun, this time on the <abbr title=""> element for abbreviations. You can kinda just use it (JUI) and it works fine, but if you’re hoping to make a tooltip for them (which works on touchscreens as well), then it’s much more complicated.

The end result is leaving the semantic HTML alone and progressively enhancing with ~50 lines of JavaScript that adds interactive wrapper elements and event handlers.

I feel like this is the perfect sort of thing to be made into a web component that could/should be widely distributed for use. Maybe a <a11y-abbr> component or something. Can you have web components extend other native HTML elements though? If not, I guess it’s kinda falling back to what is essentially a <span>, so maybe that’s not ideal.

Dare I say it, this is also the kind of thing where React can excel. For example, I use Reach Router, and by default, when creating links (<Link>s that turn into <a>s), they get the proper aria-current attribute when it’s the current page. That’s good accessibility you’re getting for free because the library was good enough to get that detail right. As much as libraries like React get pointed at for problematic accessibility, there is a lot of potential for accessibility improvements through abstraction. Sort of like the way Brad Frost has been enforcing accessibility best practices in React components.

Direct Link to ArticlePermalink

The post Revisiting the abbr element appeared first on CSS-Tricks.

Revisiting the abbr element

Post pobrano z: Revisiting the abbr element

An irresistible HTML element deep dive from Ire Aderinokun, this time on the <abbr title=""> element for abbreviations. You can kinda just use it (JUI) and it works fine, but if you’re hoping to make a tooltip for them (which works on touchscreens as well), then it’s much more complicated.

The end result is leaving the semantic HTML alone and progressively enhancing with ~50 lines of JavaScript that adds interactive wrapper elements and event handlers.

I feel like this is the perfect sort of thing to be made into a web component that could/should be widely distributed for use. Maybe a <a11y-abbr> component or something. Can you have web components extend other native HTML elements though? If not, I guess it’s kinda falling back to what is essentially a <span>, so maybe that’s not ideal.

Dare I say it, this is also the kind of thing where React can excel. For example, I use Reach Router, and by default, when creating links (<Link>s that turn into <a>s), they get the proper aria-current attribute when it’s the current page. That’s good accessibility you’re getting for free because the library was good enough to get that detail right. As much as libraries like React get pointed at for problematic accessibility, there is a lot of potential for accessibility improvements through abstraction. Sort of like the way Brad Frost has been enforcing accessibility best practices in React components.

Direct Link to ArticlePermalink

The post Revisiting the abbr element appeared first on CSS-Tricks.

New Course: Cinematic Text Animation in Adobe After Effects

Post pobrano z: New Course: Cinematic Text Animation in Adobe After Effects

This year’s Oscar ceremony is just around the corner, so why not get in the mood by taking our new course on cinematic text animation?

Create a Cinematic Text Animation in Adobe After Effects

What You’ll Learn

This is a course for artists and designers who are interested in motion graphics. In this course, Jonathan Lam will show you how to create a modern, atmospheric text animation in Adobe After Effects. 

Among other things, you’ll learn how to:

  • animate text
  • add lighting and shadow effects
  • create animated light streaks and lens flares
  • animate particles and atmospheric smoke

You’ll be able to use the skills you learn to create animated text and titles for your movie trailers, video effects, and animated sequences.

Here’s a free lesson from this course, as a preview of what you can expect:

How to Animate Text

In this video, you’ll learn how to animate text in Adobe After Effects. You’ll add the cinematic effects later, but this video will show you how to create a simple text animation to work with.

 

Take the Course

You can take our new course straight away with a subscription to Envato Elements. For a single low monthly fee, you get access not only to this course, but also to our growing library of over 1,000 video courses and industry-leading eBooks on Envato Tuts+. 

Plus you get unlimited downloads from the huge Envato Elements library of 870,000+ creative assets. Create with unique fonts, photos, graphics and templates, and deliver better projects faster.

New Course: Cinematic Text Animation in Adobe After Effects

Post pobrano z: New Course: Cinematic Text Animation in Adobe After Effects

This year’s Oscar ceremony is just around the corner, so why not get in the mood by taking our new course on cinematic text animation?

Create a Cinematic Text Animation in Adobe After Effects

What You’ll Learn

This is a course for artists and designers who are interested in motion graphics. In this course, Jonathan Lam will show you how to create a modern, atmospheric text animation in Adobe After Effects. 

Among other things, you’ll learn how to:

  • animate text
  • add lighting and shadow effects
  • create animated light streaks and lens flares
  • animate particles and atmospheric smoke

You’ll be able to use the skills you learn to create animated text and titles for your movie trailers, video effects, and animated sequences.

Here’s a free lesson from this course, as a preview of what you can expect:

How to Animate Text

In this video, you’ll learn how to animate text in Adobe After Effects. You’ll add the cinematic effects later, but this video will show you how to create a simple text animation to work with.

 

Take the Course

You can take our new course straight away with a subscription to Envato Elements. For a single low monthly fee, you get access not only to this course, but also to our growing library of over 1,000 video courses and industry-leading eBooks on Envato Tuts+. 

Plus you get unlimited downloads from the huge Envato Elements library of 870,000+ creative assets. Create with unique fonts, photos, graphics and templates, and deliver better projects faster.

New Course: Cinematic Text Animation in Adobe After Effects

Post pobrano z: New Course: Cinematic Text Animation in Adobe After Effects

This year’s Oscar ceremony is just around the corner, so why not get in the mood by taking our new course on cinematic text animation?

Create a Cinematic Text Animation in Adobe After Effects

What You’ll Learn

This is a course for artists and designers who are interested in motion graphics. In this course, Jonathan Lam will show you how to create a modern, atmospheric text animation in Adobe After Effects. 

Among other things, you’ll learn how to:

  • animate text
  • add lighting and shadow effects
  • create animated light streaks and lens flares
  • animate particles and atmospheric smoke

You’ll be able to use the skills you learn to create animated text and titles for your movie trailers, video effects, and animated sequences.

Here’s a free lesson from this course, as a preview of what you can expect:

How to Animate Text

In this video, you’ll learn how to animate text in Adobe After Effects. You’ll add the cinematic effects later, but this video will show you how to create a simple text animation to work with.

 

Take the Course

You can take our new course straight away with a subscription to Envato Elements. For a single low monthly fee, you get access not only to this course, but also to our growing library of over 1,000 video courses and industry-leading eBooks on Envato Tuts+. 

Plus you get unlimited downloads from the huge Envato Elements library of 870,000+ creative assets. Create with unique fonts, photos, graphics and templates, and deliver better projects faster.

New Course: Cinematic Text Animation in Adobe After Effects

Post pobrano z: New Course: Cinematic Text Animation in Adobe After Effects

This year’s Oscar ceremony is just around the corner, so why not get in the mood by taking our new course on cinematic text animation?

Create a Cinematic Text Animation in Adobe After Effects

What You’ll Learn

This is a course for artists and designers who are interested in motion graphics. In this course, Jonathan Lam will show you how to create a modern, atmospheric text animation in Adobe After Effects. 

Among other things, you’ll learn how to:

  • animate text
  • add lighting and shadow effects
  • create animated light streaks and lens flares
  • animate particles and atmospheric smoke

You’ll be able to use the skills you learn to create animated text and titles for your movie trailers, video effects, and animated sequences.

Here’s a free lesson from this course, as a preview of what you can expect:

How to Animate Text

In this video, you’ll learn how to animate text in Adobe After Effects. You’ll add the cinematic effects later, but this video will show you how to create a simple text animation to work with.

 

Take the Course

You can take our new course straight away with a subscription to Envato Elements. For a single low monthly fee, you get access not only to this course, but also to our growing library of over 1,000 video courses and industry-leading eBooks on Envato Tuts+. 

Plus you get unlimited downloads from the huge Envato Elements library of 870,000+ creative assets. Create with unique fonts, photos, graphics and templates, and deliver better projects faster.

How to Make an Event Flyer in Microsoft Word

Post pobrano z: How to Make an Event Flyer in Microsoft Word

Final product image
What You’ll Be Creating

In this tutorial, you will learn how to make an event flyer design in Microsoft Word. I will explain everything in so much detail that everyone can create it, even those who have just opened Word for the first time.

Want to save time? Why not head on over to GraphicRiver, where you can purchase style flyers which are compatible with Microsoft Word.

What You’ll Need

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

1. Let’s Get Started

First, we need to create the right
size paper to work with. Go to Page Layout > Size > More Paper Sizes
and set the Width to 8.5″ and Height to 11″.
Then, go to Page Layout > Margins > Custom Margins and set the Top,
Left, Bottom, and Right margins to 0„.

Adjusting page layout

2. How to Create the Background

Step 1

In this section, we are going to create the background. Go to Insert > Picture
and choose the photo from the link.

Inserting picture

Step 2

Now go to Format > Size and set the Height of the picture to 11″. Then, go to Format > Text Wrapping
> Behind Text
.

Formatting picture size

Step 3

Go to Format > Align > Align Center and then Format > Align >
Align Middle
to align the picture both horizontally and vertically.

Formatting picture alignment

Step 4

Now go
to Insert > Shapes > Rectangle and click and drag to draw a
rectangle.

Inserting shape

Step 5

Go to Format > Size,
uncheck the Lock aspect ratio option, and set the Height to 11″
and Width to 8.5″. Then, go to Format > Align > Align Center and then Format > Align >
Align Middle
to align the shape both horizontally and vertically. 

After that, go
to Format > Shape Styles, and for the Fill set the Color to No Color, and for the Line, set the Color to White, Weight to 35 pt, and Dashed to Solid.

Formatting shape

3. How to Create the Header Area

Step 1

In this section, we are going to create the header area. Go
to Insert > Shapes > Rectangle and click and drag to draw a
rectangle.

Inserting shape

Step 2

Go to Format > Shape Fill >
More Fill Colors > Custom
and set the Red to 247, Green
to 150, and Blue to 70, and go to Format > Shape
Outline > No Outline
to remove the shape outline.

Then, go to Format > Size, uncheck
the Lock aspect ratio option, and set the Height to 0.8″
and Width to 8.5″. After that, go to Format > Position > More Layout Options and set the Horizontal Alignment to Centered and Vertical Absolute Position to 1.08″ below the page to align and position the shape both horizontally and vertically.

Formatting shape

Step 3

Now go to Format > Send to Back > Send Backward to move the shape behind the border. Then, go to Insert > Text Box
> Draw Text Box
, click and drag to draw a text box anywhere inside the shape, and type the text that you want.

Inserting text box

Step 4

Now go to Format > Shape Fill >
No Fill
, and Format > Shape Outline > No Outline to remove
both the shape fill and the outline. 

Then, go to Format > Position >
More Layout Options
and set the Horizontal Alignment to Centered
and Vertical Absolute Position to 1.08″ below the page to align
and position the text box both horizontally and vertically. After
that, go to Format > Size > Text Box and set the Left, Right,
Top
and Bottom internal margins to 0″ and the Vertical Alignment to Center.

Formatting text box

Step 5

Now press Control-A on your
keyboard to select the text, go to Home > Font, and set the Font
to Roboto, Size to 30, and Font Color to White, and check the All Caps option. 

Then, go to Home
> Font > Character Spacing
and set the Spacing to Expanded
By 30 pt. After that, go to Home > Paragraph and set
the Alignment to Centered, After spacing to 2 pt, and
Line spacing to Single.

Adjusting font and paragraph

4. How to Create the Content Area

Step 1

In this section, we’re going to create the content area. Go
to Insert > Shapes > Rectangle and click and drag to draw a
rectangle.

Inserting shape

Step 2

Go to Format > Shape Fill >
More Fill Colors > Custom
and set the Red to 51, Green
to 51, Blue to 51, and Transparency to 50%, and go to Format > Shape
Outline > No Outline
to remove the shape outline. 

Then, go to Format > Size, uncheck
the Lock aspect ratio option, and set the Height to 2.95″
and Width to 8.5″. After that, go to Format > Position > More Layout Options and set the Horizontal Alignment to Centered and Vertical Absolute Position to 2.93″ below the page to align and position the shape both horizontally and vertically.

Formatting shape

Step 3

Now go to Format > Send to Back > Send Backward twice to move the shape behind the border. Then, go to Insert > Text Box
> Draw Text Box
, click and drag to draw a text box anywhere inside the shape, and type the text that you want.

Inserting text box

Step 4

Now go to Format > Shape Fill >
No Fill
, and Format > Shape Outline > No Outline to remove
both the shape fill and the outline. 

Then, go to Format > Position >
More Layout Options
and set the Horizontal Alignment to Centered
and Vertical Absolute Position to 2.93″ below the page to align
and position the text box both horizontally and vertically. 

After
that, go to Format > Size > Text Box and set the Left, Right and Bottom internal margins to 0″, Top to 0.15″, and Vertical Alignment to Center.

Formatting text box

Step 5

Now press Control-A on your
keyboard to select the text, go to Home > Font, and set the Font
to Roboto Black, Size to 100, and Font color to White, and check the All Caps option. 

Then, go to Home
> Font > Character Spacing
and set the Spacing to Expanded
By 10 pt. After that, go to Home > Paragraph and set
the Alignment to Centered, Before spacing to 16 pt, After spacing to 0 pt, and
Line spacing to Exactly 70 pt.

Adjusting font and paragraph

Step 6

Go
to Insert > Shapes > Rectangle and click and drag to draw a
rectangle.

Inserting shape

Step 7

Go to Format > Shape Fill >
More Fill Colors > Custom
and set the Red to 247, Green
to 150, and Blue to 70, and go to Format > Shape
Outline > No Outline
to remove the shape outline. 

Then, go to Format > Size, uncheck
the Lock aspect ratio option, and set the Height to 1.34″
and Width to 8.5″. After that, go to Format > Position > More Layout Options and set the Horizontal Alignment to Centered and Vertical Absolute Position to 2.93″ below the page to align and position the shape both horizontally and vertically.

Formatting shape

Step 8

Now go to Format > Send to Back > Send Backward three times to move the shape behind the border. Then, go to Insert > Text Box
> Draw Text Box
, click and drag to draw a text box anywhere inside the shape, and type the text that you want.

Inserting text box

Step 9

Now go to Format > Shape Fill >
No Fill
 and Format > Shape Outline > No Outline to remove
both the shape fill and the outline. 

Then, go to Format > Position >
More Layout Options
and set the Horizontal Alignment to Centered
and Vertical Absolute Position to 5.88″ below the page to align
and position the text box both horizontally and vertically. 

After
that, go to Format > Size > Text Box and set the Left, Right,
Top
and Bottom internal margins to 0″.

Formatting text box

Step 10

Now press Control-A on your
keyboard to select the text, go to Home > Font, and set the Font
to Roboto Black, Font Style to Bold, and Size to 30. Set the Font color to White and check the All Caps option. 

Then, go to Home
> Font > Character Spacing
and set the Spacing to Expanded
By 3 pt. After that, go to Home > Paragraph and set
the Alignment to Centered and Before spacing to 15 pt.

Adjusting font and paragraph

Step 11

Go to Insert > Text Box
> Draw Text Box
, click and drag to draw a text box anywhere inside the shape, and type the text that you want.

Inserting text box

Step 12

Now go to Format > Shape Fill >
No Fill
, and Format > Shape Outline > No Outline to remove
both the shape fill and the outline. 

Then, go to Format > Position >
More Layout Options
and set the Horizontal Alignment to Centered
and Vertical Absolute Position to 6.5″ below the page to align
and position the text box both horizontally and vertically. 

After
that, go to Format > Size > Text Box and set the Left, Right,
Top
and Bottom internal margins to 0″.

Formatting text box

Step 13

Now press Control-A on your
keyboard to select the text, go to Home > Font, and set the Font
to Roboto Light, Size to 20, and Font color to White, and check the All Caps option. 

Then, go to Home
> Font > Character Spacing
and set the Spacing to Expanded
By 5 pt. After that, go to Home > Paragraph and set
the Alignment to Centered and Before spacing to 5 pt.

Adjusting font and paragraph

5. How to Create the Footer Area

Step 1

In this section, we’re going to create the footer area. Go to Insert > Text Box
> Draw Text Box
, click and drag to draw a text box anywhere in the bottom-left corner of the design, and type the text that you want.

Inserting text box

Step 2

Now go to Format > Shape Fill >
No Fill
 and Format > Shape Outline > No Outline to remove
both the shape fill and the outline. 

Then, go to Format > Position >
More Layout Options
and set the Horizontal Absolute Position to 0.67″ to the right of the page
and Vertical Absolute Position to 9.8″ below the page to align
and position the text box both horizontally and vertically. 

After
that, go to Format > Size > Text Box and set the Left, Right,
Top
and Bottom internal margins to 0″.

Formatting text box

Step 3

Now press Control-A on your
keyboard to select the text, go to Home > Font, and set the Font
to Roboto Light, Size to 20, and Font color to White, and check the All Caps option. Then, go to Home > Paragraph and set
the Before spacing to 17 pt.

Adjusting font and paragraph

Step 4

Select the text box, and press Control-C
on your keyboard to copy it, select the background image, and press Control-V to
paste it. 

Then, change the text to text that you want, go to Home >
Paragraph
, and set the Alignment to Right. After that, go to
Format > Position > More Layout Options
and set the Horizontal Absolute Position to 6.19″ to the right of the page and Vertical Absolute Position to 9.8″
below the page to align and position the text box both horizontally and
vertically.

Adjusting font and paragraph

You Made It!

Congratulations, you have succeeded! You have now learned how to make a flyer design in Word
which would work as a base for any future event flyer templates you may
require. Here is our final flyer design result:

Final result

You may also like:

How to Make an Event Flyer in Microsoft Word

Post pobrano z: How to Make an Event Flyer in Microsoft Word

Final product image
What You’ll Be Creating

In this tutorial, you will learn how to make an event flyer design in Microsoft Word. I will explain everything in so much detail that everyone can create it, even those who have just opened Word for the first time.

Want to save time? Why not head on over to GraphicRiver, where you can purchase style flyers which are compatible with Microsoft Word.

What You’ll Need

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

1. Let’s Get Started

First, we need to create the right
size paper to work with. Go to Page Layout > Size > More Paper Sizes
and set the Width to 8.5″ and Height to 11″.
Then, go to Page Layout > Margins > Custom Margins and set the Top,
Left, Bottom, and Right margins to 0„.

Adjusting page layout

2. How to Create the Background

Step 1

In this section, we are going to create the background. Go to Insert > Picture
and choose the photo from the link.

Inserting picture

Step 2

Now go to Format > Size and set the Height of the picture to 11″. Then, go to Format > Text Wrapping
> Behind Text
.

Formatting picture size

Step 3

Go to Format > Align > Align Center and then Format > Align >
Align Middle
to align the picture both horizontally and vertically.

Formatting picture alignment

Step 4

Now go
to Insert > Shapes > Rectangle and click and drag to draw a
rectangle.

Inserting shape

Step 5

Go to Format > Size,
uncheck the Lock aspect ratio option, and set the Height to 11″
and Width to 8.5″. Then, go to Format > Align > Align Center and then Format > Align >
Align Middle
to align the shape both horizontally and vertically. 

After that, go
to Format > Shape Styles, and for the Fill set the Color to No Color, and for the Line, set the Color to White, Weight to 35 pt, and Dashed to Solid.

Formatting shape

3. How to Create the Header Area

Step 1

In this section, we are going to create the header area. Go
to Insert > Shapes > Rectangle and click and drag to draw a
rectangle.

Inserting shape

Step 2

Go to Format > Shape Fill >
More Fill Colors > Custom
and set the Red to 247, Green
to 150, and Blue to 70, and go to Format > Shape
Outline > No Outline
to remove the shape outline.

Then, go to Format > Size, uncheck
the Lock aspect ratio option, and set the Height to 0.8″
and Width to 8.5″. After that, go to Format > Position > More Layout Options and set the Horizontal Alignment to Centered and Vertical Absolute Position to 1.08″ below the page to align and position the shape both horizontally and vertically.

Formatting shape

Step 3

Now go to Format > Send to Back > Send Backward to move the shape behind the border. Then, go to Insert > Text Box
> Draw Text Box
, click and drag to draw a text box anywhere inside the shape, and type the text that you want.

Inserting text box

Step 4

Now go to Format > Shape Fill >
No Fill
, and Format > Shape Outline > No Outline to remove
both the shape fill and the outline. 

Then, go to Format > Position >
More Layout Options
and set the Horizontal Alignment to Centered
and Vertical Absolute Position to 1.08″ below the page to align
and position the text box both horizontally and vertically. After
that, go to Format > Size > Text Box and set the Left, Right,
Top
and Bottom internal margins to 0″ and the Vertical Alignment to Center.

Formatting text box

Step 5

Now press Control-A on your
keyboard to select the text, go to Home > Font, and set the Font
to Roboto, Size to 30, and Font Color to White, and check the All Caps option. 

Then, go to Home
> Font > Character Spacing
and set the Spacing to Expanded
By 30 pt. After that, go to Home > Paragraph and set
the Alignment to Centered, After spacing to 2 pt, and
Line spacing to Single.

Adjusting font and paragraph

4. How to Create the Content Area

Step 1

In this section, we’re going to create the content area. Go
to Insert > Shapes > Rectangle and click and drag to draw a
rectangle.

Inserting shape

Step 2

Go to Format > Shape Fill >
More Fill Colors > Custom
and set the Red to 51, Green
to 51, Blue to 51, and Transparency to 50%, and go to Format > Shape
Outline > No Outline
to remove the shape outline. 

Then, go to Format > Size, uncheck
the Lock aspect ratio option, and set the Height to 2.95″
and Width to 8.5″. After that, go to Format > Position > More Layout Options and set the Horizontal Alignment to Centered and Vertical Absolute Position to 2.93″ below the page to align and position the shape both horizontally and vertically.

Formatting shape

Step 3

Now go to Format > Send to Back > Send Backward twice to move the shape behind the border. Then, go to Insert > Text Box
> Draw Text Box
, click and drag to draw a text box anywhere inside the shape, and type the text that you want.

Inserting text box

Step 4

Now go to Format > Shape Fill >
No Fill
, and Format > Shape Outline > No Outline to remove
both the shape fill and the outline. 

Then, go to Format > Position >
More Layout Options
and set the Horizontal Alignment to Centered
and Vertical Absolute Position to 2.93″ below the page to align
and position the text box both horizontally and vertically. 

After
that, go to Format > Size > Text Box and set the Left, Right and Bottom internal margins to 0″, Top to 0.15″, and Vertical Alignment to Center.

Formatting text box

Step 5

Now press Control-A on your
keyboard to select the text, go to Home > Font, and set the Font
to Roboto Black, Size to 100, and Font color to White, and check the All Caps option. 

Then, go to Home
> Font > Character Spacing
and set the Spacing to Expanded
By 10 pt. After that, go to Home > Paragraph and set
the Alignment to Centered, Before spacing to 16 pt, After spacing to 0 pt, and
Line spacing to Exactly 70 pt.

Adjusting font and paragraph

Step 6

Go
to Insert > Shapes > Rectangle and click and drag to draw a
rectangle.

Inserting shape

Step 7

Go to Format > Shape Fill >
More Fill Colors > Custom
and set the Red to 247, Green
to 150, and Blue to 70, and go to Format > Shape
Outline > No Outline
to remove the shape outline. 

Then, go to Format > Size, uncheck
the Lock aspect ratio option, and set the Height to 1.34″
and Width to 8.5″. After that, go to Format > Position > More Layout Options and set the Horizontal Alignment to Centered and Vertical Absolute Position to 2.93″ below the page to align and position the shape both horizontally and vertically.

Formatting shape

Step 8

Now go to Format > Send to Back > Send Backward three times to move the shape behind the border. Then, go to Insert > Text Box
> Draw Text Box
, click and drag to draw a text box anywhere inside the shape, and type the text that you want.

Inserting text box

Step 9

Now go to Format > Shape Fill >
No Fill
 and Format > Shape Outline > No Outline to remove
both the shape fill and the outline. 

Then, go to Format > Position >
More Layout Options
and set the Horizontal Alignment to Centered
and Vertical Absolute Position to 5.88″ below the page to align
and position the text box both horizontally and vertically. 

After
that, go to Format > Size > Text Box and set the Left, Right,
Top
and Bottom internal margins to 0″.

Formatting text box

Step 10

Now press Control-A on your
keyboard to select the text, go to Home > Font, and set the Font
to Roboto Black, Font Style to Bold, and Size to 30. Set the Font color to White and check the All Caps option. 

Then, go to Home
> Font > Character Spacing
and set the Spacing to Expanded
By 3 pt. After that, go to Home > Paragraph and set
the Alignment to Centered and Before spacing to 15 pt.

Adjusting font and paragraph

Step 11

Go to Insert > Text Box
> Draw Text Box
, click and drag to draw a text box anywhere inside the shape, and type the text that you want.

Inserting text box

Step 12

Now go to Format > Shape Fill >
No Fill
, and Format > Shape Outline > No Outline to remove
both the shape fill and the outline. 

Then, go to Format > Position >
More Layout Options
and set the Horizontal Alignment to Centered
and Vertical Absolute Position to 6.5″ below the page to align
and position the text box both horizontally and vertically. 

After
that, go to Format > Size > Text Box and set the Left, Right,
Top
and Bottom internal margins to 0″.

Formatting text box

Step 13

Now press Control-A on your
keyboard to select the text, go to Home > Font, and set the Font
to Roboto Light, Size to 20, and Font color to White, and check the All Caps option. 

Then, go to Home
> Font > Character Spacing
and set the Spacing to Expanded
By 5 pt. After that, go to Home > Paragraph and set
the Alignment to Centered and Before spacing to 5 pt.

Adjusting font and paragraph

5. How to Create the Footer Area

Step 1

In this section, we’re going to create the footer area. Go to Insert > Text Box
> Draw Text Box
, click and drag to draw a text box anywhere in the bottom-left corner of the design, and type the text that you want.

Inserting text box

Step 2

Now go to Format > Shape Fill >
No Fill
 and Format > Shape Outline > No Outline to remove
both the shape fill and the outline. 

Then, go to Format > Position >
More Layout Options
and set the Horizontal Absolute Position to 0.67″ to the right of the page
and Vertical Absolute Position to 9.8″ below the page to align
and position the text box both horizontally and vertically. 

After
that, go to Format > Size > Text Box and set the Left, Right,
Top
and Bottom internal margins to 0″.

Formatting text box

Step 3

Now press Control-A on your
keyboard to select the text, go to Home > Font, and set the Font
to Roboto Light, Size to 20, and Font color to White, and check the All Caps option. Then, go to Home > Paragraph and set
the Before spacing to 17 pt.

Adjusting font and paragraph

Step 4

Select the text box, and press Control-C
on your keyboard to copy it, select the background image, and press Control-V to
paste it. 

Then, change the text to text that you want, go to Home >
Paragraph
, and set the Alignment to Right. After that, go to
Format > Position > More Layout Options
and set the Horizontal Absolute Position to 6.19″ to the right of the page and Vertical Absolute Position to 9.8″
below the page to align and position the text box both horizontally and
vertically.

Adjusting font and paragraph

You Made It!

Congratulations, you have succeeded! You have now learned how to make a flyer design in Word
which would work as a base for any future event flyer templates you may
require. Here is our final flyer design result:

Final result

You may also like:

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