Create Border around image
Add a coloured border around your image, or create a button like impression with raised or lowered sides of the image.
To open the Border tools, click on the "Add Border" button:
Border
Select the type of border, the border width and the border color.
Outline image
You can outline your image by selecting "outline" as bordertype. Your image will get a border of the colour you choose from the colour picker. With the "Borderwidth", you can set the border thickness. Adding an outlined border to your image will enlarge your canvas.
Always click the "Apply" button to add the border to your final image!
Raised or Lowered edges
It is also possible to choose a "raised" or "lowered" button effect on your images.
Below are examples of these borders. You can see that some shading effect will be applied to the images.
|
Format: JPG |
|
|
|
Border: Outline
Width: 3
Color: Lime
|
Border: Raised Width: 7 |
Border: Lowered Width: 7 |
Button 'on click' example
The "Raised" and "Lowered" borders you can use in your webpage design as buttons.
Here a simple example.
The default picture is a border 'raised' and when clicked on the image a border 'lowered' is shown.
Press the picture next to here to get a "pressed" impression: | |
| Click The Image |
Border around animated gif
You can also add borders to ANIMATED gifs. |
|
Original Image Format: GIF |
|
|
|
Border: Outline Width: 3
|
Border: Raised Width: 5
|
Border: Lowered Width: 5
|
Borders can only be applied on animated gifs which do not have transparency!
|
Animated Button Example
The "Raised" and "Lowered" borders you can use in your webpage design as buttons.
Here a simple example.
The default picture is a border 'raised' and when clicked on the image a border 'lowered' is shown.
Press the picture next to here to get a "pressed" impression: | Click Me! |