This repository has been archived by the owner. It is now read-only.
An app to overlay an image and use it as a guide.
Clone or download
Fetching latest commit…
Cannot retrieve the latest commit at this time.
Permalink
Type Name Latest commit message Commit time
Failed to load latest commit information.
fonts
icon
libs
src
.gitignore
LICENSE.txt
OverlayApp-app.xml
Overlay_0.0.90.air
README.md
demo_scale.gif
overlay.jpg
overlay_animated.gif
update.xml

README.md

overlay

About

Is an application to overlay an image and use it as a guide.
The most common scenario to use it is in web development.

Download

Adobe AIR is required

How it works

  1. Open Overlay (yeah, obvious step...)
  2. Drag and drop an image (jpg, png or gif) into the drop area
  3. Position the Overlay window where you want it (over Chrome for example) and lock the window (L key)
  4. Start coding and try to match the image (suddently the art director will start loving your work)

overlay

Features

Scale image

overlay

Keymap

Key Behaviour
0 to 9 Changes image alpha ±10%
+ and - Changes image alpha ±5%
i Invert image colors.
x Remove the image.
"arrows" Changes window position ±1px
"arrows"+shift Changes window position ±10px
* key Move the window back and forth
l Lock/Unlock the window.
t Window always on top (on-off).
s or h Show and hide the window.
alt+move Show guides
alt+click Copy position
alt+"+" Zoom in
alt+"-" Zoom out
"z" Scale +0.25
shift+"z" Scale -0.25
cmd+click Copy hex color

Features

  • Guides
  • Invert image colors
  • Copy hex color to clipboard
  • Copy position to clipboard
  • Zoom area
  • Scale image

Change log

0.0.72

  • Retina Icon!

0.0.71

  • New Icon!

0.0.7

  • Scale image with Z (scale +0.25) or Shift + "Z" (scale -0.25)

0.0.6

  • Fix copy color to clipboard coords

0.0.5

  • Change Zoom with Alt + "+" or "-"
  • Ruler

0.0.4

  • Guides with numbers

0.0.3

  • Update manager
  • Analytics

0.0.2

  • Guides
  • Zoom area
  • Invert image colors
  • Copy color to clipboard
  • Copy position to clipboard

0.0.1

  • Window always on top
  • Lock/Unlock window
  • Show/Hide window
  • Change image alpha

TODO

  • more functionality icons
  • icon to block window
  • guides
  • opacity indicator!
  • cross to remove image and window
  • create cool icon
  • invert colors / multiply?
  • save last position / reset position
  • lock position, disable mouse (it's not possible)
  • refresh image (automatically)
  • copy color to clipboard
  • changing image alpha updates the opacity indicator
  • on image remove, reset model alpha
  • update manager
  • analytics
  • builds for Win, Mac, Linux
  • load from url?
  • load multiples images
  • click and drag: draw a rect area
  • scale image
  • restore invert colors when remove image
  • save last window position
  • drag & drop new image replace existent
  • more images in readme showing functionality
  • get screenshot and use blend-modes
  • paste image from clipboard
  • restore last image used