Date: 07/10/20; Version 3
Here is the path through Affinity Photo that I follow when preparing picture files for web pages, starting from either a scanned image or a digital camera picture. The tasks I need to carry out are:
Affinity Photo has many features I don't use: some I don't need, others I haven't learned. These steps are what I have learned so far, by trial and error.
This note is based on Affinity Photo 1.8.3.
I used Adobe Photoshop to create graphics for web pages starting in 1994. I switched to Affinity Photo on the Macintosh in 2019 when Adobe insisted on selling Photoshop as subscription-only.
Here are the steps I use:
Open the picture in Affinity Photo.
The application opens up in the"Persona." This seems to be adequate for photo enhancing. If you need to operate on RAW format files you use the Persona.
For my camera, the application automatically detects my lens and zoom range from the EXIF data and compensates for lens-related barrel or pincushion distortion, and shows the camera in the heading bar above the picture. Supported lenses are listed at https://lensfun.sourceforge.net/lenslist/.
Straighten: I often have trouble keeping the horizon level in my photos. Choose thetool and click the button in the heading bar. Then draw a horizontal or vertical line. Then click .
Fix Perspective Distortion: (if necessary) This can occur if a photo isn't taken exactly square on to the subject. From the menus, choose, or use the Perspective tool in the left sidebar. Drag the corner handles to square up the picture.
Crop the picture to focus on its strong points using the Crop tool in the left sidebar. I had to crop the example image because the PhotoCD image had fuzzy edges.
Straightening or Perspective fixes may create some light checkerboard areas on the edges: You can trim them off by cropping (select a macro that does the inpainting. Check to make sure it worked.)to preserve the picture proportions) or use "inpainting" to fill them in. (The Affinity tutorial on Macros tells how to make
Curves. The right panel has a histogram and then a list ofs. I use Curves to fix brightness, contrast, and black point. Clicking causes a panel to pop up, sort of like the Photoshop version, showing a histogram of the picture and a diagonal line, the curve. Clicking on the curve creates a dot that can be dragged with the mouse to change the curve shape. If there are parts on the right where the histogram is zero or almost zero, pull the upper right corner to the left to eliminate these values from the gamut. If there are parts on the left where the histogram is zero or almost zero, pull the lower left corner to the right to eliminate these values from the gamut. This operation is basically the equivalent of an Auto Levels operation.
To bring out detail in the middle tones of a picture, lightening the whole picture at the expense of some detail in the highlights and shadows, pull the center of the curve up and to the left, making the curve into a concave-downward shape. This is often good for snapshots and flash pictures.
To increase the contrast in a picture, making the light areas lighter and the darks darker, making the curve take an s-shape by pinning the center and then pulling the upper half up. I use this to make shapes and patterns more dramatic.
Use the tool very cautiously.. a little motion has a big effect.
When done, Click.
Other editing. At this point, before resizing, do any other fixes that the image needs. To remove scanner dust, an unwanted wire, blemish, or background from the picture, use the many tools Affinity Photo provides. The Clone tool is especially useful here.
(At this point im my Photoshop pattern I invoke an Action that resizes and sharpens a photo. I have one for landscape photos and one for portrait orientation. Unfortunately, the way Affinity Photo's Macro facility works, I can't define the macros I want.)
Size the picture. Use "High DPI Pictures".to resize the picture. Tell it to resample and use Bicubic sampling. Resizing should be done after the Curves operation, so that resampling will have an easier job. (Don't try to take a little picture and resize it bigger.) Set the DPI to 72 and the Units to pixels, make sure the lock between dimensions is clicked, and then input the width or height in pixels.. the other dimension will be calculated. When I can, I make two versions, one with picture dimensions twice the size of the picture's display area: see
Clarity. video tutorial on it.)enhances color contrast in the midtones. (There is a nice
Sharpen. Resizing may make the picture look blurry. Useand try different strengths.
Export the picture. Chooseand choose the output directory and file name. I save my gallery pictures as JPEGs, usually 100 quality.
Don't wipe out the original. Close the window and when it says the file was modified, choose "Don't Save".
Some pictures scanned from film look washed out and are improved by increasing the contrast and color saturation a little. Theadjustment panel also has a slider.
It is possible to select just part of an image and apply different corrections to individual parts. One of the advice sites cautions that this may produce pictures that look unnatural: human perception is quite sensitive to mismatches between parts of a picture that should have the same illumination.
The .jpg files resulting from these editing steps in Affinity are different from those from Photoshop.
Compression is different between Affinity Photo and Photoshop. For one quality 60 file, the Affinity output file is 95051 bytes; the Photoshop version is 142448.
I installed exiftool and jhead on my computer to investigate the metadata.
Affinity Photo's Export function does not strip EXIF metadata out of its output image the way Photoshop's "Save For Web and Devices" does. The exiftool output for Affinity images lists 123 values. For the same image from Photoshop, there are only 40 values.
I had set up Photoshop to add an IPTC comment with my name and copyright.. I forget how.
Affinity Photo does not have this ability, but
I can add copyright to my Affinity files with a shell command like
exiftool -artist="email@example.com" -copyright="(c) `date +%Y` Tom Van Vleck" filename.jpg
For photo gallery pages, I often want a small thumbnail that image the user can click to open a big one. I make thumbnails with ImageMagick, a powerful package that contains many useful picture whacking tools: in particular, it provides the "convert" command, which I use as follows:
convert -thumbnail x300 -resize '300x<' -resize 50% -gravity "center" -crop "150x150+0+0" "-unsharp 0x6+0.5+0" +repage "blah.jpg" ../thumbs/"blah.jpg"
I generate 150x150 thumbnails and show them in a 75x75 pixel space so the thumbnails look crisp on a retina screen.
See a page on this subject. Bsically, save your picture with lots of pixels, and display it in a container with half the dimensions. Web browsers will figure out how to make it look crisp.
Copyright (c) 2019-2020 by Tom Van Vleck.