back to blog

How to Markup Images: 8 Simple Steps

September 23, 2022
Ferdie L. Eusebio
5 minute read

In the business of digital image processing, there are many ways to markup an image. This can be done for several reasons, such as to organize or take notes, for post-processing, or simply to add aesthetic appeal. Whatever the reason, it is necessary to know how to markup an image properly to achieve the desired result.

If you are a photo editor or hobbyist, then you know how important it is to markup images. But if you are new to the game, then the process can seem a bit daunting. Never fear! We've compiled a list of 9 simple steps to help you markup images like a pro.

Why do You Need to Markup your Images?

Images are worth a thousand words. But what if you could add even more meaning to an image? That's where markup comes in. Marking up an image allows you to add labels and captions that provide additional context and information.

For many people, marking up images may seem like a pointless and time-consuming. However, there are some benefits to taking the time to markup images, especially for those who enjoy spending time on creative projects. One of the most important benefits is that it can help to improve your visual communication skills.

By marking up images, you are effectively training your brain to see details you might otherwise miss. This enhanced observation level can be extremely helpful in various professions, such as graphic design or photography. In addition, marking up images can also be a great way to relax and unwind after a long day. The repetitive nature of the process can help to soothe your mind and allow you to focus on the creative aspect of the project rather than on any stressors in your life.

In the world of design, collaborative teamwork is essential to success. And when it comes to working with images, screenshots, or documents, clear and consistent markup is key to ensuring that everyone on the team is on the same page.

By marking up images with labels, notes, and other comments, team members can quickly and easily communicate their ideas and suggestions to improve a project. This process also helps to ensure that all design elements are accounted for and that nothing gets lost in translation.

How to Markup Images?

Images are a vital part of any website or document. They can help to break up the text, add visual interest, and provide information that would be difficult to convey with words alone. To ensure that your images are properly understood, it is important to markup them with care.

Below are some tips on how to markup images for maximum clarity:

1. Capture the area you want to markup.

Screen captures can be extremely useful for documenting changes to websites or images. Let's say you're working on a design project, and you want to keep track of how the project progresses. You can take screen captures at various stages of the project and save them in a folder.

This way, you'll have a visual record of the project from start to finish. And if anything goes wrong, you'll always be able to refer back to your screen captures and see what went wrong.

This can be accomplished by clicking your mouse cursor over the desired area or using the “Select” tool in your image markup software. Once you have selected the area, you will see various tools appear. These tools can change the color, font, size, and even the alignment of your text. Experiment with each option to find the perfect look for your document.

If you are using Instacap, through the Chrome extension, select the green square located on the top right portion of the screen, then choose whether you want "Copy image link," "Full page capture, or "Copy image."

Then, you will be brought to a dashboard with "Untitled Capture-1" (you can change this name). After that, choose a specific area of the image, screenshot, or link that you wish to markup.

2. Blur the portion that you want to hide.

There are times when you just want to hide something in a photo. If you're trying to hide confidential information in an image, such as a phone number or an email address, the blur tool can also come in handy. Simply brush over the area you want to conceal and voila! The information will be hidden from view. Just be sure not to blur too much of the image, or it will become difficult to read.

Likewise, the blur tool can also be used to remove distractions from an image. Have a busy background that's taking away from your subject? Give it a quick blur and it will instantly become less distracting. This is especially helpful when editing photos for professional use.

Whatever the case may be, you can use the markup tools in your generic photo app to blur the portion you want to hide.

But on Instacap, you can use the blur function by selecting "blur" on the lowest part of the toolbar. Then, move the circle over the area you want to blur and adjust the size as needed. Once you are satisfied with the results, just save your progress and proceed to the next step.

3. Use the brush tool for freehand edits.

One of the most common tools in an image editing software is the brush tool. When it comes to markup apps, the brush or pen tool is king. Here's why:

For starters, the brush or pen tool is incredibly versatile. Whether you're marking up an image or website, it allows you to make precise selections with ease. And if you need to make any adjustments, simply use the eraser tool to perfect your work.

Another reason to love the brush or pen tool is that it's super easy to use. Just select the color you want and start drawing! No complex settings or menu options to worry about — just simple, straightforward markup.

It can be used for a variety of tasks, including painting rough designs or drafts over the image. If the shapes or the arrows simply don’t work, the brush tool can give you the freedom to add any shape or line you want.

Finally, the brush or pen tool is great for collaboration. Whether you're working with a team or sharing your work with clients, they'll be able to see your annotations clearly and provide feedback accordingly.

To use the brush tool, simply click on the icon in your image editing software and then select the desired brush from the menu. You can then use the mouse or stylus to paint the image. The brush tool is a great way to add detail and realism to your photos or illustrations.

The equivalent of a brush tool on Instacap is the "draw" tool. It is particularly useful for adding notes or highlights to an image. Simply select the "draw" tool and start drawing. You can also use the eraser tool to make corrections or remove unwanted marks you’ve made.

4. Use the arrow tool to quickly refer to a portion that you want to emphasize.

Image editing software typically comes with a diverse set of markup tools. One of the most versatile and commonly used is the arrow. Depending on the software, the arrow may already be set to default size and color.

If you are a fan of arrows, you can use utilize them on Instacap perfectly! You can also customize both the size and color to better suit your needs. To use the arrow, simply click and drag it to the desired location on your image. The arrow will automatically adjust its size and shape to point in the direction that you are dragging it.

You can also use the arrow to draw attention to a specific area of your image by clicking and dragging it around that area. When you are finished, you can save your image or continue editing it further.

5. Select a color for your markups.

Choosing a color can be powerful. It's not just about how it looks, but what you choose to express through your artwork also speaks volumes!

The right colors will help convey different emotions on the images that we wish markup-and even more so when working with others for collaboration purposes. In addition, choosing the right color can help assign a code or meaning or even person, especially if you are working with a team.

Now that you've got your color picked out, it's time to start marking up the image!

To begin, simply select the desired area and then click on the "paint" icon. Once you have the area selected, you can choose from a variety of different colors. Simply click on the color you want and then click "apply." And that's all there is to it! With just a few clicks, you can easily add a splash of color to any project.

Choosing a different color on Instacap is easy. All you have to do is to click the black dot located on the lower right portion of the collapsible box.

You can choose from pink, apple green, red-orange, yellow, sky blue, purple, orange, and black. Your chosen color can be assigned to texts, shapes, arrows, or doodles that you wish to put on your images.

6. Add shapes to highlight specific areas of the image.

Shapes are a great way to mark up an image. They can be used to highlight important features, draw attention to certain areas, or just add a bit of fun. Here are a few tips on how to get the most out of shapes when marking up an image.

First, think about the purpose of the shape. What do you want it to accomplish? This will help you choose the right size, color, and type of shape. For example, if you want to draw attention to a particular area, you might use a large, bright-colored shape. If you just want to add a bit of interest, a small, simple shape might be enough.

Once you've chosen the right shape, it's time to add it to the image. To do this, simply click and drag the shape onto the image. You can then resize and position it as needed. When you're happy with the results, simply click "Apply" to save your changes.

With Instacap, you can add a circle to draw attention to a particular section of the image or design. As mentioned in Step 5, you can also change the color of the shape.

Shapes are a great way to add extra impact to an image. By taking a few minutes to think about your purpose and choosing the right shape, you can create some really eye-catching results. So go ahead and give it a try!

7. Save your image.

If you want to add more to your project, all you have to do is go back to the first step and do it again. By following these simple steps, you can easily mark up any image. Once done, what do you do next?

You've just spent hours painstakingly editing an image to perfection. The colors are perfect, the lighting is flawless, and you're finally happy with the result. But then you realize you forgot to save your work. As you frantically click the "save" icon, you can't help but wonder: why is saving your work such an important step?

After all, doesn't clicking "save" simply preserve a copy of your work on your computer? In truth, saving your work is important for a number of reasons. First, it ensures that you won't lose your progress if something happens to your computer.

Second, it allows you to go back and make changes to your image later on. Third, it gives you a backup in case you accidentally delete or overwrite your original file. And fourth, it helps you monitor the progress of your designs and the changes you’ve made.

Saving your progress on Instacap is very easy. Once you are 100% sure of your mark ups, just click on the pink smiley located on the lower right portion of your screen.

You can also click on the camera icon at the top of the list of tools, then choose either “Copy Image Link,” “Full Page Capture”, or “Copy Image.”

Either way, you’ll get a marked up copy of the website or image.

After that, you will be brought to the Instacap dashboard, where you will be prompted to enter comments on the image that you marked up.

Once you are done, click the ellipsis button (the one showing three dots “...”) between the "Share Capture" and "Tooltip" buttons.

You can choose among the following options:

  • Copy capture link
  • Copy project link
  • Copy image
  • Download image

For asynchronous communication and feedback, use either Copy Capture Link or Copy Project Link. This is best used when working with a team, sending comments to your graphic designer, or sending pointers to your client.

To export your marked up image, choose either the Copy Image or Download Image option on the menu. You'll be prompted to choose a new file name for the exported image. Instacap exports files in PNG format.

8. Share it for the world to see.

And there you have it! A marked-up image that is now ready for post-processing or whatever else you had intended it for. You can also share it with your social media accounts or project team and let them comment on it.

There are a few different ways that you can share your images, and the best method will likely depend on who you're sharing them with and what they need to do with the images.

For example, if you're sharing images with a colleague who just needs to view them, you can simply send them the image files. However, if you're sharing images with a client who needs to make decisions about them, you'll want to share a link to the image that will also allow them to add their own feedback.

On Instacap, you can share what you have done by sharing the capture link or the project link you copied in the previous step.

You can also go to the dashboard and press the green "Share Capture" button in the upper middle portion of the screen. You will be prompted to choose between sharing via email or simply copying the link, which will direct others to view your markup job on Instacap.

What's great about this option is that you can choose whether or not you want the general public to access your project and allow anonymous comments.

Final Thoughts

Now there you have it, the steps on how to properly mark-up images and designs. Before we go, here are a few final tips:

First, use quality software or markup tool. There are a lot of free image editing/markup programs out there, but they don't all produce great results. You may want to choose a program that gives you more control over the final product and produces much higher-quality images.

Second, keep it simple. When it comes to image markup, less is usually more. Stick to a few basic edits, and don't try to overdo it. Simple corrections can make a big difference, and complex edits often just end up looking either too complicated or cheesy.

Finally, have fun with it! Image markup is a great way to add your own personal touch to your photos. But if you really want to have fun marking up your images, screen captures, or PDF files, the best tool that you can use is Instacap.

You won't need to watch long tutorial videos or read a very long manual to make it work. In fact, the interface is very intuitive; you can figure out everything in a jiffy. Best of all, Instacap has a free option that will help you get the best markups and annotations that you can share with your team quickly and easily.

So don't be afraid to experiment, and don't be afraid to make mistakes. The best way to learn is by doing, so go out there and start marking up your image!

Get visual collaboration superpowers

New Articles