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:
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:
Your photo should be in RGB Color mode, 8 Bits/Channel. To check this, go to Image > Mode.
For best results, your photo size should be 2500-4000 px wide/high. To check this, go to Image > Image Size.
Your photo should be the Background layer. If it is not, go to Layer > New > Background from Layer.
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.
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.
Step 2
Now go to Filter > Other > High Pass and set the Radius to 10 px.
Step 3
Change the Blending Mode of this layer to Overlay and name it Reveal Details.
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.
Step 2
Now change the Blending Mode of this layer to Color and set the Opacity to 30%.
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:
Step 4
Now change the Blending Mode of this layer to Exclusion and set the Opacity to 20%.
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:
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.
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.
Step 2
Now change the Blending Mode of this layer to Soft Light and set the Opacity to 21%.
Step 3
Go to Layer > New > Gradient Map to create a new gradient map adjustment layer and name it Color Look.
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:
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%.
You Made It!
Congratulations, you have succeeded! Here is our final result:
Learn how to create an amazing watercolor photo effect in Adobe Photoshop. Everything’s explained in so much detail that anyone can create it, even those who…
In this tutorial, I’m going to teach you how to create a Photoshop sketch effect. You will learn how to turn your photos into amazing, advanced sketches. I…
In this tutorial, you will learn how to create an amazing photo effect inspired by the Grand Theft Auto V video game art style. Even if you’re a Photoshop…
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:
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:
Your photo should be in RGB Color mode, 8 Bits/Channel. To check this, go to Image > Mode.
For best results, your photo size should be 2500-4000 px wide/high. To check this, go to Image > Image Size.
Your photo should be the Background layer. If it is not, go to Layer > New > Background from Layer.
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.
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.
Step 2
Now go to Filter > Other > High Pass and set the Radius to 10 px.
Step 3
Change the Blending Mode of this layer to Overlay and name it Reveal Details.
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.
Step 2
Now change the Blending Mode of this layer to Color and set the Opacity to 30%.
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:
Step 4
Now change the Blending Mode of this layer to Exclusion and set the Opacity to 20%.
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:
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.
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.
Step 2
Now change the Blending Mode of this layer to Soft Light and set the Opacity to 21%.
Step 3
Go to Layer > New > Gradient Map to create a new gradient map adjustment layer and name it Color Look.
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:
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%.
You Made It!
Congratulations, you have succeeded! Here is our final result:
Learn how to create an amazing watercolor photo effect in Adobe Photoshop. Everything’s explained in so much detail that anyone can create it, even those who…
In this tutorial, I’m going to teach you how to create a Photoshop sketch effect. You will learn how to turn your photos into amazing, advanced sketches. I…
In this tutorial, you will learn how to create an amazing photo effect inspired by the Grand Theft Auto V video game art style. Even if you’re a Photoshop…
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.
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.
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?
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.
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?
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.
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?
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.
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?
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.
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.
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„.
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.
Step 2
Now go to Format > Size and set the Height of the picture to 11″. Then, go to Format > Text Wrapping
> Behind Text.
Step 3
Go to Format > Align > Align Center and then Format > Align >
Align Middle to align the picture both horizontally and vertically.
Step 4
Now go
to Insert > Shapes > Rectangle and click and drag to draw a
rectangle.
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.
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.
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.
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.
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.
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 By30 pt. After that, go to Home > Paragraph and set
the Alignment to Centered, After spacing to 2pt, and Line spacing to Single.
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.
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%,andgo 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.
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.
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.
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 By10 pt. After that, go to Home > Paragraph and set
the Alignment to Centered, Before spacing to 16 pt, After spacing to 0pt, and Line spacing to Exactly70 pt.
Step 6
Go
to Insert > Shapes > Rectangle and click and drag to draw a
rectangle.
Step 7
Go to Format > Shape Fill >
More Fill Colors > Custom and set the Red to 247, Green
to 150, andBlue to 70, andgo 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.
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.
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″.
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 By3 pt. After that, go to Home > Paragraph and set
the Alignment to Centeredand Before spacing to 15pt.
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.
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″.
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 By5 pt. After that, go to Home > Paragraph and set
the Alignment to Centeredand Before spacing to 5pt.
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.
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″.
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.
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.
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:
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.
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„.
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.
Step 2
Now go to Format > Size and set the Height of the picture to 11″. Then, go to Format > Text Wrapping
> Behind Text.
Step 3
Go to Format > Align > Align Center and then Format > Align >
Align Middle to align the picture both horizontally and vertically.
Step 4
Now go
to Insert > Shapes > Rectangle and click and drag to draw a
rectangle.
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.
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.
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.
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.
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.
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 By30 pt. After that, go to Home > Paragraph and set
the Alignment to Centered, After spacing to 2pt, and Line spacing to Single.
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.
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%,andgo 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.
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.
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.
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 By10 pt. After that, go to Home > Paragraph and set
the Alignment to Centered, Before spacing to 16 pt, After spacing to 0pt, and Line spacing to Exactly70 pt.
Step 6
Go
to Insert > Shapes > Rectangle and click and drag to draw a
rectangle.
Step 7
Go to Format > Shape Fill >
More Fill Colors > Custom and set the Red to 247, Green
to 150, andBlue to 70, andgo 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.
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.
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″.
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 By3 pt. After that, go to Home > Paragraph and set
the Alignment to Centeredand Before spacing to 15pt.
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.
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″.
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 By5 pt. After that, go to Home > Paragraph and set
the Alignment to Centeredand Before spacing to 5pt.
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.
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″.
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.
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.
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: