Category: Tutorials

Tutorials,freelance,projects,joomla,php,mysql,wordpress,blancer.com

How to Create a Wanted Poster

Final product image
What You’ll Be Creating

Would you like to see your face on one of these old wanted dead or alive posters? Of course, just for fun! In this tutorial I will show you how to do it using a very simple wanted poster generator. Use a fully customizable wanted poster template to create your own poster in minutes!

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

How to Create a Wanted Poster

Step 1

Go to Placeit.net. Type “wanted poster” in the search bar.

placeit homepage

Step 2

Click the blank wanted poster to open the wanted poster maker.

wanted poster maker

Step 3

Now you have a wanted poster template—a wanted poster example ready to be filled with your own information. Let’s start with the photo: go to the right and click Custom Image.

add custom image

Step 4

Pick your photo and give it a second to upload. I used this photo.

pick a photo

Step 5

To make the photo fit its space in the poster, you need to crop it properly. Use the slider to resize the photo, and then drag it for the best frame. When you’re done, click Crop.

crop your photo

Step 6

A special filter will be added to your photo to give it the style of a traditional wanted poster. Now, let’s add the text. To the left you have all the text fields currently used—you can remove them or add another one. You can also change the font and color, and you can resize or move the text.

Personally, I like the style of this wanted poster, so I’ve just replaced the text with something custom.

add custom text

Step 7

You also have control over the other colors in the poster—the background color and the color of the ornaments. Play with them to see what works best.

change colors

Step 8

Additionally, you can add a graphic to the poster. You can choose from a very extensive list of symbols, or upload your own image.

add graphic
add symbols to poster

Step 9

When you’re done, just scroll up and click Download. You can purchase this single design, or download it as a part of your unlimited subscription.

download the poster design

Want More Posters?

Placeit offers templates for every occasion—you can create every poster you want with the poster maker!

poster maker

You can also see how your poster will look in reality by using a poster mockup generator.

poster mockup template

That’s All!

Now you know how to create your own most wanted poster!

wanted poster template

Do you want to learn more about poster design? Try these tutorials as well:

{excerpt}
Read More

How to Use Spell Check in InDesign

Final product image
What You’ll Be Creating

You can find various spell-checking options in the Edit menu in InDesign, and they can be a great way to streamline your workflow. There are a large number of options, and you might be surprised by how some of these features work. Let’s take a look at how to use spell checking in Adobe InDesign.

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

1. How to Spell Check a Text Box in InDesign

Step 1

Within your document, select the text box containing the text that you want to spell check. When you have a text box selected, it will run the Spell Checker on that text box, specifically.

Note: If you don’t have a text box selected, the Spell Checker will check the whole document.

Selecting a Text Box

Step 2

Now, go to Edit > Spelling > Check Spelling. This will run the Spell Check on the selected text box.

Check Spelling Menu

Step 3

With the Check Spelling dialog window open, you can adjust any spelling mistakes that the software catches. For example, we can type in the Change To field to manually make a correction, or we can choose one of the Suggested Corrections.

Change Spelling

Step 4

Once you are satisfied with your change, select the Change button and the dialog box will move on to the next spelling mistake. 

If there aren’t any other spelling mistakes, the Change button will not be selectable. Again, remember, you can choose Suggested Corrections by clicking any options underneath the Change To field.

Suggested Corrections

Step 5

If a word isn’t part of your chosen dictionary, you can add it by selecting the Add button. This is perfect for stopping acronyms from being flagged as spelling mistakes.

Add to Dictionary

Step 6

When you are satisfied with your changes, click Done to close the Check Spelling window.

Close Check Spelling Window

2. How to Use Dynamic Spelling in InDesign

Step 1

If you want automatic spell checking, like what is commonly used online and in many word processors, this is an option you can turn on. 

When you turn on Dynamic Spelling, possible spelling mistakes are underlined and easy to change. You can easily toggle this on and off, if you find the underline markings distracting.

Go to Edit > Spelling and select Dynamic Spelling to activate it.

Open Dynamic Spelling Menu

Step 2

With Dynamic Spelling turned on, you will now see spelling mistakes underlined throughout the entire document. Being able to see mistakes will immediately let you see any issues that might need fixing.

Dynamic Spelling Example

Step 3

Right-click on a spelling mistake to see suggestions. Select a correction to change it. Nice and simple!

You can also use these options to quickly add words to the dictionary. This is useful if the word has been flagged as a mistake but you want to include it the way you typed it.

Dynamic Spelling Right Click Menu

3. How to Add Words to the Dictionary in InDesign

Step 1

There may be times when you want to add words to the dictionary before you start spell checking. This is a good idea if your project has a lot of body copy and it uses some unique terms or acronyms which you know will be regularly used in your project.

To add a new word, we can use the User Dictionary.

Go to Edit > Spelling and select User Dictionary.

Open User Dictionary Menu

Step 2

For the Dictionary List, make sure Added Words is selected. 

You can also make changes to other lists such as Removed or Ignored words. There are quite a lot of options here in the drop-downs, but for now let’s leave them at their defaults.

User Dictionary Window

Step 3

We can add words by inserting them into the Word dialog box. Select Add to add your new word to the list.

Add New Word

Step 4

Add as many words to the dictionary as you need. Then when you’re done, simply click Done. Now, these words won’t be picked up by Spell Checking or Autocorrect.

Close User Dictionary Menu

4. How to Use Autocorrect in InDesign

Step 1

You may also want to use Autocorrect in your document. 

Autocorrect is a tool you may be familiar with; it’s a common feature on touchscreen devices. 

Keep in mind that Autocorrect does not necessarily automatically correct any misspelled word, as you might expect. You will need to manually insert any spelling mistakes you would like to be corrected. 

You can use this feature to check for common misspelled words or acronyms related to your project.

Go to Edit > Spelling and select Autocorrect.

Open Autocorrect Menu

Step 2

Now that Autocorrect is on, we need to specify words for it to correct.

Go to Edit > Preferences > Autocorrect.

Open Autocorrect Settings

Step 3

With the Autocorrect Preferences window open, click on Add.

Autocorrect Preferences Menu

Step 4

Enter the misspelled word you would like Autocorrect to check for. This will need to be an exact misspelling.

Then, enter what you would like this word to be corrected to, and select OK.

Add Autocorrect Words

Step 5

From here, you can add more words, edit words, or remove words, as needed. When you’re done, select OK.

Now, when you type into any textbox, your defined spelling mistakes will be autocorrected.

Close Autocorrect Preferences Window

And There You Have It!

Now, you should be more familiar with the basics of Adobe InDesign’s spell check features. They can come in really handy and prove to be a strong addition to your workflow.

There’s actually even more to unwrap here, if you’re willing to spend some time with these settings. Check out the Preferences panel for even more content to customize. For example, you can toggle on or off whether Adobe InDesign will check for capitalization, or even what color the markings are, when using Dynamic Spelling. You can switch dictionaries, or even import custom dictionaries related to your project or audience.

There you have it! Adobe InDesign has a lot of versatile tools that help make checking your document’s spelling a breeze.

If you liked this guide, you may like some of these other great InDesign resources!

{excerpt}
Read More

10 Exciting Examples of the Beaver Builder Plugin in Use

Building a stunning website is a tough job.

Even if you have some basic understanding of things like code and web design, you’ll struggle on your own.

That’s why most companies that want to launch online as quickly as possible turn to page builders to get the job done. After all, builder plugins are designed to simplify the process of building your own website. They allow you to drag and drop modules into the right place and even edit your themes.

Though there are many builder plugins to choose from today, one of the most popular is the Beaver Builder plugin. The Beaver Builder WordPress plugin was created to give users absolute freedom when designing their site’s pages. This plugin helps to power thousands of sites.

That’s why today, we’re going to be looking at the unique things that you can accomplish with Beaver Builder, just in case you need a little inspiration.

So, let’s get started!

What You Can Do with the Beaver Builder Plugin

Beaver Builder is a dedicated WordPress page builder plugin.

It’s used by professionals and web agencies alike and help them create stunning WordPress websites. Via a powerful design system and flexible interface, the Beaver Builder WordPress plugin makes designing the ultimate website a breeze.

What’s more, this plugin is equipped with a host of handy modules that provide advanced functionality such as the option to add photos from your WordPress media library or an URL. You can also create newsletter sign-up forms, insert social media buttons, and build multi-side networks.

The best thing about the Beaver Builder plugin, however, is it’s drag-and-drop interface. To use it, all you have to do is just drag modules where you want and begin customizing them to fit your brand.

Features of Beaver Builder include:

  • Live front-end editing
  • Reusable templates
  • Multisite support
  • Import/Export for images and other content
  • SEO optimization
  • Widget and short code support
  • Translation support
  • Editor mode
  • Live theme editing
  • Network-wide setting
  • White-labeling capability
  • Advanced and basic modules

Now let’s take a look at the Beaver Builder plugin in use to learn more about what you can create with this simple page builder plugin.

1. Columbia Corp

The Columbia Corp website is an excellent example of the Beaver Builder plugin in use. The company has taken full advantage of the highlight box module on Beaver Builder, to help draw attention to individual components of content as you scroll.

The parallax scrolling for separate row segments makes the experience of searching through the website easier. Additionally, the dynamic format fills blocks with text as you move, pulling your attention immediately to the page. Columbia Corp has even leveraged the benefits of Beaver Builder’s contact form building service to help with collecting and nurturing leads.

2. Netz-Work

Netz-Work is a fantastic website designed to attract business owners hoping to accomplish more with their websites. The design of this site is instantly engaging, complete with bold colors and a dynamic headline that changes.

There’s a blog section included with the Beaver Builder WordPress plugin to help boost this site’s SEO. Additionally, the Beaver Theme in use ensures that the site can maintain a clean and consistent single-post layout throughout. Lastly, headers and footers remain the same as you hop through the pages on the site, simplifying navigation.

3. Seven Short Film

Designed to advertise an award-winning short film, the Seven Short Film website delivers a neat and compelling website design. This particular site uses the Genesis Framework as the foundations for its appearance, followed by the Beaver Builder plugin. In this case, the Beaver Builder plugin allows for more customization of the site.

The website is bold and attractive with large images that
grab attention as you scroll through the pages. The images load as you scroll
to ensure that the website isn’t slowed down in any way. Additionally, there’s
a helpful footer bar keeping you informed about the site’s use of cookies.

4. Dermo Aesthetics

Health and beauty websites often strive to deliver clean and professional-looking websites with advanced themes. The Dermo Aesthetics websites achieves this with a fantastic combination of the Beaver Builder WordPress plugin and some enhanced Power Pack plugins.

Using the Beaver Builder solution, Dermo has carefully placed content into easy-to-read modules. This ensures that every chunk of text has it’s own home on the page, with plenty of surrounding white space. The site also showcases excellent use of color and a fantastic all-in-one homepage design with plenty of useful information.

5. Digiden

Digiden is a creative and engaging website built with the Beaver Builder WordPress plugin. This site offers an excellent insight into Beaver Builder’s ability to integrate contact forms and social media buttons. There’s also evidence of importing unique fonts and logos and diagonal rows separate to bring more interest to the page.

The Digiden website also combines Beaver Builder with other
Power Pack solutions, like the logo grid module for the client section to
deliver social proof. There’s also a headline area that uses the PowerPack
animated headline module to grab attention.

6. SG Associates

SG Associates hired professional designers to create the perfect website for their needs. The resulting experience is something that’s highly professional and engaging. This design is perfect for showcasing luxury real estate services. The site uses the Beaver Builder plugin, in combination with the Beaver Theme solution, as well as custom post types to provide a range of stunning content types.

The lightweight nature of the Beaver Builder solution means that the primary image on the SG Associates page can be a fantastic video, demonstrating the kind of homes that the company sells. While video would usually slow a website down, this isn’t the case for SG Associates.

7. Run Shoe Store

Another excellent example of the Beaver Builder plugin in use is this footwear website that showcases an animated header with automatic scrolling, unique blended page dividers, and more. The overall experience combines Beaver Builder with a range of lightweight Power Pack modules and plugins. Beaver Builder works well with external tools and is lightweight enough to allow for widget use without slowing the site.

There’s an integrated eCommerce store in this website, so
that the company can instantly attract and convert leads after helping customers
to fall in lover with their designs using the Beaver Builder themes.

8. Weddings in Rome

The Weddings in Rome website is all about attracting customers and convincing them to take part in a sales funnel. The site makes use of the Beaver Builder WordPress plugin to deliver an easy-to-use and immersive experience, designed with custom pastel colors. The lightweight Beaver Theme allows the website builder to create a range of different templates that will best suit their target audience.

The Beaver Builder design on this website allows for animated images on the header section of the front page, dynamic links with animated scroll-over, and the add-in of various unique video and slide-show styles of content.

9. St Ives Cottages Cornwall

Another fabulous Beaver Builder plugin example is the St Ives website for cottages in Cornwall, which aims to advertise self-catering experiences to customers across Cornwall. In addition to the Beaver Builder plugin, this site uses a range of plugins and add-ons, including on-page popups for discount offers on rooms and a cookies announcement for GDPR compliance.

The home page uses a scrolling image slideshow to capture
attention, as well as custom colors and fonts throughout. The site also has a
helpful “Cottage Availability” feature added through Beaver Builder to help
with lead capture.

10. Aa Snijders & Zn

Finally, this is a colorful and attractive website created
from scratch using the Beaver Builder plugin. The website helpfully showcases
the work that the construction company has accomplished in the past. With the
Beaver Builder solution, the company has created a unique website with custom page
breaks, unique colors, and imported images.

There’s a project page with an embedded image gallery for
potential customers to scroll through. Additionally, the website includes a
custom contact form to help people get in touch about their projects. The whole
website is also perfectly designed for small screens. What’s more, there’s a
scrolling section of certifications included at the bottom of the page for
social proof.

Wrapping Up

Whether you’re creating the ultimate WordPress blog or are designing a website that can help you to attract leads for your online store, there’s a good chance you’ll need some extra help.

Very few companies have the skills or in-house talent required to build a perfect site from scratch. Fortunately, tools like the Beaver Builder plugin are excellent for unlocking endless design features, without the headache.

With a tool like Beaver Builder, you can use customizable themes and unique drag-and-drop modules to unlock a professional website in no time. And don’t forget to check out this guide for extra help on how to bring your WordPress blog to life.

Have you tried the Beaver Builder plugin before? What do you like best about the plugin? Let us know in the comments below.

The post 10 Exciting Examples of the Beaver Builder Plugin in Use appeared first on WPHacks.