Markup Images for the Web

Markup Images for the Web

by John Vincent


Posted on May 9, 2018


This article suggests a procedure for marking up images for use on the web.

How to Blur type / text

How to Blur type / text

Start Adobe Photoshop Elements

  1. Drag and drop your image
  2. Use Select Tool, select a Rectangle
  3. Select area to be blurred
  4. Command F until the blur effect is as desired.
  5. Save the image

How to Draw a Circle Without a Fill

How to Draw a Circle Without a Fill in Photoshop Elements

Start Adobe Photoshop Elements

  1. Drag and drop your image
  2. Create New Layer by selecting Layer, New, Layer
  3. Select Elliptical Marque Tool (Select, Rectangular Marque Tool, Elliptical Marque Tool)
  4. Draw the shape.
  5. Edit, Stroke (Outline) Selection
  6. Width: 5px and Color: Red
  7. Save the Image
Configuring Site Map using JekyllResize Images for the Web