Page 1 of 2 1 2 LastLast
Results 1 to 10 of 15

Thread: Borders and Frames

  1. #1
    Professional User Mij's Avatar
    Join Date
    Mar 2007
    Location
    Camberley, Surrey, UK
    Posts
    2,763
    Version
    IrfanView 4.51
    OS
    32-bit Win 10
    CPU Cores
    3

    Default Borders and Frames

    BORDERS AND FRAMES
    There are now a number of different methods by which frames can be added to images in Irfanview, so I thought it might be useful to post some tutorials here to explain them.
    I will post 6 guides in succession, and the thread is then open for your ideas, questions or comments.

    Irfanview is really a box of tools that you can use for many different purposes and this tutorial tries to explain how to use some of them. So even if you do not want to do the precise task being described, or you know a better tool to use from another application, I hope you can still learn something useful.

    Notes.
    (a) In my examples I have used 2MP images of size 1600x1200 pixels (or 1200x1600 in portrait format). I chose this size to avoid attachments becoming too large. Just scale border widths up or down to suit bigger or smaller images.
    (b) The paragraph numbers refer to an image that is attached at the bottom of the post.
    (c) Unless otherwise stated all instructions are for Irafnview v4.36 but will, hopefully, continue to apply to later versions.

  2. #2
    Professional User Mij's Avatar
    Join Date
    Mar 2007
    Location
    Camberley, Surrey, UK
    Posts
    2,763
    Version
    IrfanView 4.51
    OS
    32-bit Win 10
    CPU Cores
    3

    Default The simple border tool

    1. For a simple border in a single color use Image > Change canvas size.
    2. Use method 1 and set the required border width for left, right, top and bottom sides or use method 2 and set what the total width and height is to be after the border is added.
    3. Click Choose alongside canvas color to open the Color dialog. Click on one of the small colored boxes to choose a basic color for your border or choose a custom color by dragging the cursor around on the multicolor palette (hue/saturation) and the vertical bar to the right (luminance). The color selected is shown in the rectangular box below it. You can also specify a color numerically in the boxes to the right if you understand the H,S,L or R,G,B system. When satisfied click OK to close the dialog.
    4. Click Apply to original image to preview the result. If you are not satisfied click Undo, change the border dimensions or color and press Apply to original image again. Finally Click OK.
    5. Save your result.

    Notes:
    (a) I chose 60 pixels for border widths all around which is 5% of the width of the shorter image side but you can select any width you want for any side. Some prefer a slightly larger border at the bottom and smaller at the top.
    (b) By entering positive numbers for border widths in method 1, the borders are added to the outside edges and you still see the whole image. Negative numbers (e.g. -40) will add the borders to the inside edge. If you want to use this feature you must check the box "If negative values used: add canvas inside" by clicking on it. If you do not, the image will be cropped instead and no border will be seen. You cannot create inside borders with method 2. If you enter a size smaller than the existing one the image will always be cropped to that size.
    (c) An inside frame masks part of the image edges. Some of the methods that follow this one are also masks. If you do not want to lose part of your image area in these, you may want to use the Change canvas size tool before you start to add a border that can then be covered over instead.
    (d) An easy way to remove a single color border is to click on Edit > Auto crop borders.
    Attached Thumbnails Attached Thumbnails Click image for larger version. 

Name:	1Change canvas size.png 
Views:	717 
Size:	339.3 KB 
ID:	3611   Click image for larger version. 

Name:	2 Border width.png 
Views:	544 
Size:	116.8 KB 
ID:	3612   Click image for larger version. 

Name:	3 Choose color.png 
Views:	413 
Size:	38.3 KB 
ID:	3613   Click image for larger version. 

Name:	4 Apply to image.png 
Views:	581 
Size:	312.1 KB 
ID:	3614   Click image for larger version. 

Name:	5 Save result.jpg 
Views:	529 
Size:	349.9 KB 
ID:	3615  


  3. #3
    Professional User Mij's Avatar
    Join Date
    Mar 2007
    Location
    Camberley, Surrey, UK
    Posts
    2,763
    Version
    IrfanView 4.51
    OS
    32-bit Win 10
    CPU Cores
    3

    Default The frame tool

    You can add more complicated borders by selecting Image > Borders/Frames. From the dialog that opens you can select single or multiple bands of color to form borders and other frame effects. All selections can be edited to change the colors and widths of the bands before applying to the image. Some examples are shown below.

    1. Here I have selected the Warm border/frame style.The default settings looked to be what I wanted for both color and width judging by the preview image.
    2. However in the result the border is much narrower than expected. This is because the preview border is not scaled to the size of the preview image but is instead shown as it would appear in a full size (1:1) image.
    3. The default border widths (3+10+1+0=14 pixels) had to be scaled up by about x4 to get near my preferred border width of 60 pixels. Add up each box to see the full border width (12+40+4+0=56 pixels). The preview now makes the border look far too wide.
    4. However the result is what I wanted. Save the image.

    Click image for larger version. 

Name:	1 Default warm.png 
Views:	555 
Size:	585.1 KB 
ID:	3631 Click image for larger version. 

Name:	2 Warm border narrow.jpg 
Views:	528 
Size:	375.2 KB 
ID:	3632 Click image for larger version. 

Name:	3 Scaled up widths.png 
Views:	621 
Size:	94.4 KB 
ID:	3633 Click image for larger version. 

Name:	4 Warm border correct.jpg 
Views:	627 
Size:	380.9 KB 
ID:	3634

    5. In this example I have selected the Red gradient for a 3-D frame effect but I will edit the colors to brown to look more like a natural color for a wooden frame. I have clicked on Choose for Border 4 color, the color at the inner edge of the frame. In the color dialog I have selected a strong brown from the multicolor (hue/saturation) palette but left the setting on the right hand bar (Luminance) close to where it was in the defaults.
    6. Now setting Border 1, the color of the outer edge of the frame. I want a slightly different brown with a little more yellow in it. I cannot make the hue very different to the inner edge though or colored bands will be apparent, but the hue colors do wrap around horizontally so a hue near to the left edge of the palette for the outer is compatible with the one near the right edge that was chosen for the inner. The inner edge must always be darker than the outer one or the gradient is incorrectly generated. So the luminance is set higher than it was for the inner.
    7. The width of the whole frame must be set in border 1. I have set it to 60 pixels which once more looks too wide in the preview. The setting of border 4 has no effect. Press OK
    8. Again what I wanted though. Save the image.

    Click image for larger version. 

Name:	5 Frame red gradient set inner.png 
Views:	553 
Size:	1.13 MB 
ID:	3635 Click image for larger version. 

Name:	6 Frame gradient set outer.png 
Views:	468 
Size:	919.4 KB 
ID:	3636 Click image for larger version. 

Name:	7 Set frame width.png 
Views:	664 
Size:	102.9 KB 
ID:	3637 Click image for larger version. 

Name:	8 Brown frame.jpg 
Views:	450 
Size:	399.2 KB 
ID:	3638

    9. The topmost selection, Inside fading frame, is rather different and was added in Irfanview v4.36. Try it yourself to see the effect.
    10. The default, fading to white is quite a popular effect but you can set any color to fade to. Setting a normal border width of 60 pixels gives too hard an edge
    11. but setting 250 pixel width (255 appears to be the maximum possible) produced this quite pleasing effect on a 1600x1200 image.

    Click image for larger version. 

Name:	9 White fade.JPG 
Views:	714 
Size:	623.2 KB 
ID:	3639 Click image for larger version. 

Name:	10 White fade frame 60.jpg 
Views:	516 
Size:	369.7 KB 
ID:	3640 Click image for larger version. 

Name:	11 White fade frame 250.jpg 
Views:	584 
Size:	497.8 KB 
ID:	3641

    Notes:
    (a) With the Auto-load default... boxes at the bottom of the dialog checked, all values are automatically reset to default when you select a new style. With either or both boxes unchecked you can lock the values in the width and/or color boxes as you change styles so that they are then applied to a different one. This feature can also be used to save width/color settings from one session to the next but remember it is the settings within the dialog box that are saved, not the settings for individual styles.
    (b) You can use Edit >Auto crop borders to strip multiple colored borders but you may need to repeat it many times before it is all removed. You can increase how much is removed each time by increasing the Tolerance value for auto cropping in the Browsing/Editing tab of the Properties dialog but you do risk stripping off some of the image as well if you increase it too far. A better solution is to leave the Tolerance at 20 and use the keyboard shortcut. Hold down CTRL and Shift keys and then press and hold down key Y until the border has all gone.

    THE COLOR DIALOG
    When using this tool there is often a need for saving more custom colors than the limited storage described in (a) can accommodate. It is useful to learn how to use the 16 small custom color boxes at the foot of the Color dialog box for this purpose. The custom color in the Color|Solid preview rectangle is copied to one of these small boxes every time Add to custom colors is clicked. The boxes are populated in order starting from top left. These are saved between sessions so that you can later click on any one of them to transfer that custom color back to Color|Solid and then carry it back to the Border/Frames or other dialog when you click OK.
    Each time you open the Color dialog, the start box for populating new custom colors returns by default to top left, so you risk overwriting previous colors that you may want to keep. You can click a box and it will start to populate from there instead. Do it before you create the new custom color though. You will lose your new color if you click later. If you forgot, you can still press the Tab key repeatedly until you see a custom color box highlighted and then move the highlight to your chosen start box using the keyboard arrow keys.
    Last edited by Mij; 30.08.2013 at 05:04 PM.

  4. #4
    Professional User Mij's Avatar
    Join Date
    Mar 2007
    Location
    Camberley, Surrey, UK
    Posts
    2,763
    Version
    IrfanView 4.51
    OS
    32-bit Win 10
    CPU Cores
    3

    Default The paint tool

    The paint tool is a plugin and the file PAINT.DLL must be installed in the plugins folder for it to work. The tool can be used to paint or draw a mask directly onto the image to form a frame.
    In the forum there have often been requests for an oval frame and drawing an ellipse shaped mask over the image using the Paint plug-in provides the simplest way to do this. This is the procedure that I use to accurately position the ellipse whilst minimizing the encroachment of the mask onto the image.

    1. Start by adding a fairly wide border around the image in the color chosen for the frame. Around 1/6 of the smaller image side is suitable, so for this 1600x1200 pixel image I added borders of 200 pixels all around.
    2. Open the paint Plug-in (F12) and select the Color picker tool. Left click on the border color which sets the (foreground) color, in which the ellipse will be drawn, to be the same as the border chosen in (1).
    3. Select the Circle tool and set the width to twice that of the border (in this case 200x2 = 400 pixels). Ensure that Fill is unchecked.
    4. Draw the ellipse, starting by pressing down the left mouse button as close as possible to the top left corner, dragging diagonally across the image to a point as close as possible to the bottom right corner and there releasing the mouse key.
    5. Close the Paint plug-in, draw a selection box around the oval and crop to the desired size.
    6. Save the image.

    Click image for larger version. 

Name:	1 Add border.png 
Views:	635 
Size:	203.0 KB 
ID:	3642 Click image for larger version. 

Name:	2 Color picker.png 
Views:	413 
Size:	71.9 KB 
ID:	3643 Click image for larger version. 

Name:	3 Circle tool.png 
Views:	397 
Size:	9.6 KB 
ID:	3644 Click image for larger version. 

Name:	4 Draw ellipse.png 
Views:	511 
Size:	1.18 MB 
ID:	3645 Click image for larger version. 

Name:	5 Draw selection for crop.png 
Views:	570 
Size:	996.8 KB 
ID:	3646 Click image for larger version. 

Name:	6 Oval frame with Paint plugin.jpg 
Views:	459 
Size:	600.4 KB 
ID:	3647

    Notes:
    (a) If you choose too small a border in 1, you will get areas of canvas color left showing between the border and the outer edge of the ellipse. You can fill this in using the Brush tool but that is time consuming and best avoided.
    (b) If you want a more accurate crop in 5 you can use Method 2 in the Change canvas size tool. In this case entering 1700x1300 (centered) would have achieved much the same result as in 6.
    Last edited by Mij; 30.08.2013 at 04:56 PM.

  5. #5
    Professional User Mij's Avatar
    Join Date
    Mar 2007
    Location
    Camberley, Surrey, UK
    Posts
    2,763
    Version
    IrfanView 4.51
    OS
    32-bit Win 10
    CPU Cores
    3

    Default 8bf filter tools

    The Adobe 8bf filter tool is a plugin and requires the file 8BF_FILTERS.DLL in the plugin folder. This plugin allows filters written in the Adobe 8bf format (for Adobe Photoshop) to also be used in Irfanview.
    Bordermania contains 8bf filters that can be used as frames and can be downloaded free from this site http://www.pluginfilters.com/bordermania/index.html
    After download, install the filters you want to use in the Adobe8BF folder that you can find in the Plugins folder of Irfanview.
    Select Image >Effects >Adobe 8bf filters (or press Ctrl+K). Click on Add 8BF filters and browse to the Adobe8BF folder where you just installed the Bordermania filters. Click OK and you will see all the filters listed in the Adobe 8BF filter dialog.

    1.To use the filter open the image to be framed, select Image >Effects >Adobe 8bf filters and choose the filter you want to use.
    2.These are the settings I used for the Rings filter
    3.and this is the result

    Click image for larger version. 

Name:	1 8bf filters.png 
Views:	462 
Size:	18.8 KB 
ID:	3648 Click image for larger version. 

Name:	2 Rings settings.png 
Views:	412 
Size:	76.1 KB 
ID:	3649 Click image for larger version. 

Name:	3 Bordermania rings.jpg 
Views:	454 
Size:	221.0 KB 
ID:	3650

    4.These settings were used for the Ripple filter
    5.and this is the result

    Click image for larger version. 

Name:	4 Ripple settings.png 
Views:	375 
Size:	23.5 KB 
ID:	3651 Click image for larger version. 

Name:	5 Bordermania Ripple.jpg 
Views:	448 
Size:	572.0 KB 
ID:	3652

    6.In the Picture frame filter you have an option to add a colored pattern from a Texture file. I created one by capturing a slice of the color dialog from Irfanview.
    7.Applying these settings to the Picture frame filter
    8.gave this result

    Click image for larger version. 

Name:	6 rainbow.jpg 
Views:	376 
Size:	5.7 KB 
ID:	3653 Click image for larger version. 

Name:	7 Picture frame settings.png 
Views:	547 
Size:	78.2 KB 
ID:	3654 Click image for larger version. 

Name:	8 Bordermania picture frame.jpg 
Views:	454 
Size:	200.2 KB 
ID:	3655

    Notes:
    (a) You need to register and leave an email address for thepluginsite.com when you first use it, but you do not need to receive their newsletter unless you wish. Uncheck the relevant box and all you will receive from them is the one email to verify the registration.
    (b) You may find two files already pre-installed in the Adobe8bf folder, HarrysFilters.8bf and PopArt.8bf
    (c) Other 8BF filters do not have to be in that folder. They can be placed anywhere on the computer that has read/write access. Since a whole folder of 8Bfs are loaded together, it is best to divide them into small groups each in a different sub-folder.
    (d) You can keep all the Bordermania filters that you download in one folder but not all are useful for creating frames. The ones I consider best are shown in image 1. They correspond to the Bordermania files nvrph4.8bf, nvrph5.8bf, nvrph7.8bf, nvrph8.8bf, nvrph9.8bf, nvrbm18.8bf and nvrbm19.8bf
    I suggest that you move the others to a different folder and keep them there. Some you may find useful for other purposes.

  6. #6
    Professional User Mij's Avatar
    Join Date
    Mar 2007
    Location
    Camberley, Surrey, UK
    Posts
    2,763
    Version
    IrfanView 4.51
    OS
    32-bit Win 10
    CPU Cores
    3

    Default Overlay tool

    Masks can be created from image shapes downloaded from the internet. A good set is Harry's edges available here. http://thepluginsite.com/products/harrysedges/
    Download them and put them into a read/write folder anywhere on the computer.

    To use the masks in Irfanview you must resize them to match the size and shape of the image you want to apply them to and to save as a PNG file using transparency options. The PNG file is then applied to the image as an overlay.

    1.To show the transparency of a PNG file used as an overlay the option "Show PNG/TIF/TGA/DDS alpha/transparent color)" in the Viewing tab of Properties/settings must be set. It is wise to check that has been done before you start.

    Click image for larger version. 

Name:	1 PNG option setting.png 
Views:	558 
Size:	42.0 KB 
ID:	3656

    2.Open the image file to be masked. Find the folder and choose the Harry's Edge to use as the mask. I double clicked on Star9.png and opened a new copy of Irfanview in another window on top (I have PNG files associated with Irfanview).
    3.Resize the mask to equal the dimensions of the image to be masked. The image dimensions can be read below it in the Status bar.
    4.Save the resized mask with "Save transparent color" selected in the PNG Save options.
    5.When asked to select the transparent color click on the white area in the center.
    6.Close the second copy of Irfanview showing the mask. In the first copy, showing the image, select Edit > Insert overlay/watermark image.
    7.The saved PNG file has been selected as the Overlay/watermark image and the Center option set. Click Preview to see the result and if it looks good click OK.
    8.Save the result.

    Click image for larger version. 

Name:	2 Open mask.png 
Views:	567 
Size:	725.4 KB 
ID:	3657 Click image for larger version. 

Name:	3 Resize mask.png 
Views:	571 
Size:	495.8 KB 
ID:	3658 Click image for larger version. 

Name:	4 Save with transparent color.png 
Views:	575 
Size:	543.1 KB 
ID:	3659 Click image for larger version. 

Name:	5 Set transparent color.png 
Views:	641 
Size:	73.2 KB 
ID:	3660 Click image for larger version. 

Name:	6 Insert overlay.png 
Views:	548 
Size:	130.8 KB 
ID:	3661 Click image for larger version. 

Name:	7 Add overlay .png 
Views:	606 
Size:	37.5 KB 
ID:	3662 Click image for larger version. 

Name:	8 Harrys star9.jpg 
Views:	538 
Size:	285.7 KB 
ID:	3663

    The Star9 mask used above is just Black and white. The white area became completely transparent and the black completely opaque. Some of the masks also contain shades of gray which allow some areas to be only partially transparent. In this example we will use one of these, Twirl14.png.

    9 Open another image in Irfanview, then open Twirl14.png in another copy just as in (2) above.
    Then resize the mask to 1600x1200 pixels to match the image dimensions as in (3).
    10 For this example we will have a colored mask. Open Image > Color corrections and move the Red, Blue or Green Color balance sliders to the right to get the mask the color you want.
    11 This time when you save as in (4), also check Save Transparency as Alpha channel in the PNG save options. When asked to select the transparent color click on the white area as in (5) to make that fully transparent.
    12 The overlay is added just as before in (6) and (7) and the result saved.

    Click image for larger version. 

Name:	9 A new image and mask.png 
Views:	583 
Size:	556.6 KB 
ID:	3664 Click image for larger version. 

Name:	10 Color the mask.png 
Views:	526 
Size:	362.9 KB 
ID:	3665 Click image for larger version. 

Name:	11 Save with Alpha layer.png 
Views:	620 
Size:	329.8 KB 
ID:	3666 Click image for larger version. 

Name:	12 Twirl14 mask with color and alpha channel.jpg 
Views:	581 
Size:	278.9 KB 
ID:	3667

    Notes:

    (a) You can also use masks bundled with other software applications such as those in the masks folder of Faststone image viewer.
    (b) The purpose of opening the image in a window first, and then processing the mask in a second copy of Irfanview opened on top of it, is primarily so that the image dimesions can be read and used to resize the mask. I find it helps the workflow too. If you find it confusing either close or minimize the first copy after noting down the image dimensions.
    (c) Unless you want to reuse the mask after it has been colored and resized it need only be stored temporarily until it has been used as an overlay. I save all temporary overlay files as mask.png in a Temp folder. That avoids the need to change the name and location in the overlay dialog every time.

  7. #7
    Professional User Mij's Avatar
    Join Date
    Mar 2007
    Location
    Camberley, Surrey, UK
    Posts
    2,763
    Version
    IrfanView 4.51
    OS
    32-bit Win 10
    CPU Cores
    3

    Default Combining the tools

    The oval vignette is the most complex effect I have tried and uses a number of tools. If you do not know what a vignette is look at image 12 first. Then you can see where I am going.

    1. You can find a number of gradient images on the web which fade from white to black with all the shades of gray in between. This one is a radial gradient with a tiny white circle in the centre fading outwards to fully black at the corners. Open it in Irfanview.
    2. Select Image > color corrections dialog and move the contrast control right to maximum. This converts all grays to either black or white. By adjusting the brightness slider you can make the white circle at the center any diameter you choose. Adjust so that the white circle almost fills the screen.
    3. Now reduce the contrast a little to create a gradient from white to black instead of a hard edge. The white will be the fully transparent image area and the gradient will become the vignette region where transparency decreases gradually towards the corners.
    4. Add some color to the mask by moving one or more of the Red, Green, Blue sliders to the right. In this case I have just moved the Blue slider.
    5. Click OK to close the Color corrections dialog.
    6. Now resize the mask to match the size of the image you want to apply it to. In this case it is 1600x1200 again.
    7. Save the image as mask.png in the Temp folder with both Save Transparent color and Save Transparency as Alpha channel set in the PNG save options.
    8. Click in the white center region when asked to set the transparent color.
    9. We now have a blue oval vignette mask. If you wanted to apply it to a number of different photos you can save the mask at this stage in a permanent location. You could then use it in batch operations. For this example we will just apply it to one.

    Click image for larger version. 

Name:	1 radial gradient.jpg 
Views:	720 
Size:	45.9 KB 
ID:	3668 Click image for larger version. 

Name:	2 full contrast.png 
Views:	433 
Size:	40.4 KB 
ID:	3669 Click image for larger version. 

Name:	3 back off contrast.png 
Views:	395 
Size:	48.4 KB 
ID:	3670 Click image for larger version. 

Name:	4 add color.png 
Views:	347 
Size:	46.1 KB 
ID:	3671 Click image for larger version. 

Name:	5 White circle and blue gradient .jpg 
Views:	703 
Size:	94.9 KB 
ID:	3672 Click image for larger version. 

Name:	6 resize.png 
Views:	394 
Size:	98.6 KB 
ID:	3673 Click image for larger version. 

Name:	7 save transparent and alpha.png 
Views:	341 
Size:	28.7 KB 
ID:	3674 Click image for larger version. 

Name:	8 set transparent color.png 
Views:	372 
Size:	206.1 KB 
ID:	3675 Click image for larger version. 

Name:	9 blue oval vignette.png 
Views:	8231 
Size:	604.8 KB 
ID:	3676

    10. Open the image to be masked.
    11. Open Edit > Insert overlay/watermark image and set as in previous examples.
    12. Click OK and save the final result.

    Click image for larger version. 

Name:	10 image.JPG 
Views:	381 
Size:	433.4 KB 
ID:	3677 Click image for larger version. 

Name:	11 Add overlay.png 
Views:	414 
Size:	130.0 KB 
ID:	3678 Click image for larger version. 

Name:	12 finished vignette.jpg 
Views:	409 
Size:	308.1 KB 
ID:	3679

    FADE TO WHITE
    This is also a vignette but with a white surround. A white surround would leave
    the alpha layer transparent at the edges, however, so we need to use a workaround.

    13. Repeat steps 1 to 8 but omitting step 4. We have saved a black oval vignette mask this time.
    14. Open the image to be masked.
    15. Select Image > Negative > All channels
    16. Add the overlay from 13 as you did in 11.
    17. Select Image > Negative > All channels again
    18. Click OK and save the final result.

    Click image for larger version. 

Name:	13 black oval vignette.png 
Views:	33444 
Size:	179.1 KB 
ID:	3680 Click image for larger version. 

Name:	14 Image.jpg 
Views:	353 
Size:	461.9 KB 
ID:	3681 Click image for larger version. 

Name:	15 Negative image.jpg 
Views:	353 
Size:	461.9 KB 
ID:	3682 Click image for larger version. 

Name:	16 Add overlay.png 
Views:	404 
Size:	130.6 KB 
ID:	3683 Click image for larger version. 

Name:	17 Negative image with black mask.jpg 
Views:	363 
Size:	361.5 KB 
ID:	3684 Click image for larger version. 

Name:	18 White vignette fade.jpg 
Views:	431 
Size:	361.5 KB 
ID:	3685

  8. #8
    IV Amateur
    Join Date
    Jun 2009
    Posts
    11

    Default

    CUDOS to you! Great advice and tips for those wanting to enhance photos without the need of Expensive Photo Software!
    Quote Originally Posted by Mij View Post
    BORDERS AND FRAMES
    There are now a number of different methods by which frames can be added to images in Irfanview, so I thought it might be useful to post some tutorials here to explain them.
    I will post 6 guides in succession, and the thread is then open for your ideas, questions or comments.

    Irfanview is really a box of tools that you can use for many different purposes and this tutorial tries to explain how to use some of them. So even if you do not want to do the precise task being described, or you know a better tool to use from another application, I hope you can still learn something useful.

    Notes.
    (a) In my examples I have used 2MP images of size 1600x1200 pixels (or 1200x1600 in portrait format). I chose this size to avoid attachments becoming too large. Just scale border widths up or down to suit bigger or smaller images.
    (b) The paragraph numbers refer to an image that is attached at the bottom of the post.
    (c) Unless otherwise stated all instructions are for Irafnview v4.36 but will, hopefully, continue to apply to later versions.

  9. #9
    IV Newbie
    Join Date
    May 2014
    Location
    Germany
    Posts
    8
    Version
    IrfanView 4.38
    OS
    64-bit Win 7 Professional SP1
    CPU Cores
    4

    Default

    I hope I'm not intruding on your thread, Mij. I thought I'd contribute a few border and frame effects for the IrfanView Filter Sandbox plug-in. You can find this plug-in in IrfanView under Image -> Effects -> Filter Sandbox, if you have the IrfanView Plug-ins bundle installed.

    Sepia Frame

    This effect creates a fuzzy border around the image. Despite the word "Sepia" in the name, the actual tint color can be chosen in the effect's parameters. The effect works by drawing a tinted version of the original image back onto the image, using a circular, anti-aliased brush.

    Click image for larger version. 

Name:	sepiaframe0.jpg 
Views:	334 
Size:	34.2 KB 
ID:	4110 Click image for larger version. 

Name:	sepiaframe1.jpg 
Views:	381 
Size:	1,019.9 KB 
ID:	4111

    Brush Size: Specifies the size of the brush to use. Depending on the size of your image, you may need to adapt this so the border looks right. If you set the step-density too high, there may be visible gaps between the brush strokes. Increase the brush size or decrease the step-density to avoid this.

    Step Density: Specifies how close to each other brush strokes will occur. If you set this very low, this will result in a more regular and less fuzzy frame around the image. But it will also take more time to render. If you set this very high, this may result in visible individual dots or lines.

    Tint Color: Specifies the tint color to use. The default is a faint sepia color.

    Random Seed If you don't like the distribution of the random strokes, you can experiment with different random seeds to see if it yields better results. When using the same seed, the random function will always produce the same result.

    You can also apply this effect more than once for some interesting accumulative effects. The next image was made by first using a dark blue tint and a step density of 50 pixels, resulting in single dark blue spots. On top of that the effect was applied with light blue tint and a step density of 10 pixels.

    Click image for larger version. 

Name:	sepiaframe2.jpg 
Views:	396 
Size:	1.00 MB 
ID:	4112
    IrfanView Filter Sandbox - Create and share your own image filters and effects.

  10. #10
    IV Newbie
    Join Date
    May 2014
    Location
    Germany
    Posts
    8
    Version
    IrfanView 4.38
    OS
    64-bit Win 7 Professional SP1
    CPU Cores
    4

    Default

    Radial Brighten (Vignette)

    Next up, this effect allows to darken an image around it's borders and edges and brighten it's center. The effect works by generating a radial gradient of the specified shape and multiplying that with the original image. The result of that is then added to the original image.

    Click image for larger version. 

Name:	radialbrighten0.JPG 
Views:	329 
Size:	27.6 KB 
ID:	4113 Click image for larger version. 

Name:	radialbrighten1.jpg 
Views:	361 
Size:	1,017.4 KB 
ID:	4114 Click image for larger version. 

Name:	radialbrighten2.jpg 
Views:	311 
Size:	861.9 KB 
ID:	4115

    Scale: This determines the shape and size of the frame. Smaller values result in a more square-shaped mask. The larger the scale factor is, the more circular and wider the frame gets. This can be best demonstrated by applying the effect on a white background. These are the scale settings 0.5, 1.0 and 2.0:

    Click image for larger version. 

Name:	radialshape_0_5.jpg 
Views:	706 
Size:	152.3 KB 
ID:	4116 Click image for larger version. 

Name:	radialshape_1_0.jpg 
Views:	8996 
Size:	148.3 KB 
ID:	4117 Click image for larger version. 

Name:	radialshape_2_0.jpg 
Views:	3415 
Size:	127.2 KB 
ID:	4118

    Base Intensity: Specifies the brightness of everything that is not multiplied by the radial mask. If you set this to zero, this will result in the borders to become pitch black. If you only want to darken the borders, slightly increase this value.

    Radial Intensity: Specifies the brightness of the masked image. If the vignette effect is too strong for your taste, you can reduce this value to suit your needs.

    Ideally, the sum of base intensity and radial intensity should not exceed 1.0. Otherwise you risk white-saturation of the center of the image. However, this effect may also be desired. Also, if your image is rather dark, it can be a good idea to intentionally boost the center brightness a little.
    IrfanView Filter Sandbox - Create and share your own image filters and effects.

Thread Information

Users Browsing this Thread

There are currently 1 users browsing this thread. (0 members and 1 guests)

Tags for this Thread

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
  •