sEditor – online image editor

sEditor is build to replace need for Photoshop when you want to add some simple effects to your image.

For instance, if you just want to pixelate or blur part of the image, or add a pointer/marker on a image, or add some text on it, or add a frame, or apply some effects similar to instagram, or just want to crop part of your image, or… then sEditor is perfect tool for you. 

Supported image formats are: jpg, jpeg 

Update:

  • 31.Jul.2014.
    • when circle is selected, selection area become circle (for better user experience)
  • 06.Aug.2013.
    • on some servers “bcpow” is not working so it is excluded from this script
  • 20.12.2012.
    • added live preview when working with png effects

Video Walk-through

How to use it

After the image is loaded, using sEditor is very simple. Just choose one of the many effects, select part of image or whole image and press Apply effect button (left to the save button) in top menu and your effect will be applied.
Effects won’t be applied on original image, unless you choose save->overwrite original option. Overwrite function is only enabled on relative paths: ../../my_image.jpg  and folder permission on that folder must be read and write(777).

Simple effects (from top menu) can be applied on circle or block selection. This means that effect you want to add over your image can be applied as a circle or as a block. To select circle or block press third or fourth button from the left in top menu.

Slider in right top corner is available for some effects and for some is not. Slider represent value used for that effect, sometime it can represent opacity, pixel size or font size – based on selected effect. Bellow the slider is description what value slider will change for each selected effect.

How to add custom pointer, marker or frame

sEditor is very flexible when it comes to adding custom made border,frames, pointer, arrows and other effects with png images. Some png effects are placed bellow the editing image and are available by pressing on tabs: Frames, Badges or Arrows.

Frames, Badges and Arrows are names of folders which are holding png files. Therefore, if you want to add new group of your png effect, just create new folder under effect folder and place your transparent png files inside. After that you will have new option in menu bellow the editing image. 

How to create png effect?
If you want to apply png effect on your image and allow users to change the color of the effect, png content must be black! In other case, create colored png like one under “Badges”

Requirements

This script require PHP 5.xxx and PHP GD library enabled (it is enabled by default on most servers)

If you want to use pixelate effect, you must have PHP 5.3 or above

How to install

Installation is simple and easy. This script is working only with images and there is not needed to install any database files.

Unpack the zip package into folder where you want to place sEditor.

Leave the folders structure intact, add the write permission to folder /temp

To use the script, point your internet browser to sEditor folder, and you are done.

Download

admin@ac

Add comment