{"id":5128,"date":"2020-04-03T15:51:33","date_gmt":"2020-04-03T15:51:33","guid":{"rendered":"https:\/\/www.martinwatson.com\/NCCTEST\/?page_id=5128"},"modified":"2023-12-30T17:18:57","modified_gmt":"2023-12-30T17:18:57","slug":"ws-projected-images","status":"publish","type":"page","link":"https:\/\/www.martinwatson.com\/NCCTEST\/ws-projected-images\/","title":{"rendered":"Downloads &#8211; Projected Images"},"content":{"rendered":"\n<h4 class=\"wp-block-heading\">The Procedure for the Preperation of Projected Images for Club Competitions<\/h4>\n\n\n\n<p>This workshop will show you how to prepare your Landscape and Portrait images so they \u201cbest\u201d fit the screen of the club digital projection system.<\/p>\n\n\n\n<p>Please note: It would be beneficial to read the complete workshop before you attempt to follow the procedure. If you would like a print out to read, please follow the links at the end of this workshop.<\/p>\n\n\n\n<p>Note: If your Images are not sized correctly for the club projection system, there is a high risk that your image will be degraded when projected.<\/p>\n\n\n\n<hr class=\"wp-block-separator has-css-opacity\"\/>\n\n\n\n<div class=\"wp-block-columns are-vertically-aligned-center is-layout-flex wp-container-core-columns-is-layout-9d6595d7 wp-block-columns-is-layout-flex\">\n<div class=\"wp-block-column is-vertically-aligned-center is-layout-flow wp-block-column-is-layout-flow\">\n<p><a href=\"https:\/\/www.martinwatson.com\/NCCTEST\/rules-of-club-competitions\/\">Return to Competition Rules<\/a><\/p>\n<\/div>\n\n\n\n<div class=\"wp-block-column is-vertically-aligned-center is-layout-flow wp-block-column-is-layout-flow\">\n<p class=\"has-text-align-center\"><a href=\"https:\/\/www.martinwatson.com\/NCCTEST\/ncc-downloads\/\">Return to Workshops<\/a><\/p>\n<\/div>\n\n\n\n<div class=\"wp-block-column is-vertically-aligned-center is-layout-flow wp-block-column-is-layout-flow\">\n<p class=\"has-text-align-right\"><a href=\"https:\/\/www.martinwatson.com\/NCCTEST\/ncccomps\/\">Return to Competitions<\/a><\/p>\n<\/div>\n<\/div>\n\n\n\n<hr class=\"wp-block-separator has-alpha-channel-opacity\"\/>\n\n\n\n<p>1.Application<br>This procedure applies to images which are to be entered in Projected Image (PI) competitions and also to images which are to be projected to aid viewing as support to Print Competitions.<\/p>\n\n\n\n<p>2.Objective<br>All images, both to landscape or portrait format, are to be contained within a framework which is 1600 pixels in width and 1200 pixels in height.<br>Clearly only a landscape format image which is precisely dimensioned to be 1600 x 1200 pixels will exactly fill the entire framework. More often, to satisfy composition consideration, there will be an unused area within the frame. This unused area is to be filled with a \u201cfill colour\u201d of the author\u2019s choice (usually black).<\/p>\n\n\n\n<p>For a landscape format image, i.e. where the width exceeds the height, the following illustrates a typical scenario.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large is-resized\"><img loading=\"lazy\" decoding=\"async\" width=\"750\" height=\"530\" src=\"https:\/\/www.martinwatson.com\/NCCTEST\/wp-content\/uploads\/2020\/02\/Image-A.jpg\" alt=\"\" class=\"wp-image-3996\" style=\"width:500px\" srcset=\"https:\/\/www.martinwatson.com\/NCCTEST\/wp-content\/uploads\/2020\/02\/Image-A.jpg 750w, https:\/\/www.martinwatson.com\/NCCTEST\/wp-content\/uploads\/2020\/02\/Image-A-550x389.jpg 550w, https:\/\/www.martinwatson.com\/NCCTEST\/wp-content\/uploads\/2020\/02\/Image-A-144x102.jpg 144w\" sizes=\"auto, (max-width: 750px) 100vw, 750px\" \/><\/figure>\n\n\n\n<p>For a portrait format image, i.e. where the height exceeds the width, the following illustrates a typical scenario.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large is-resized\"><img loading=\"lazy\" decoding=\"async\" width=\"750\" height=\"521\" src=\"https:\/\/www.martinwatson.com\/NCCTEST\/wp-content\/uploads\/2020\/02\/Image-B.jpg\" alt=\"\" class=\"wp-image-3997\" style=\"width:500px\" srcset=\"https:\/\/www.martinwatson.com\/NCCTEST\/wp-content\/uploads\/2020\/02\/Image-B.jpg 750w, https:\/\/www.martinwatson.com\/NCCTEST\/wp-content\/uploads\/2020\/02\/Image-B-550x382.jpg 550w, https:\/\/www.martinwatson.com\/NCCTEST\/wp-content\/uploads\/2020\/02\/Image-B-144x100.jpg 144w\" sizes=\"auto, (max-width: 750px) 100vw, 750px\" \/><\/figure>\n\n\n\n<p>Section 3 below, shows how to use the crop tool in Adobe Photoshop to achieve the required results.<br>Please note that when a landscape format image dimensions verge more towards a square format, then the image needs to be prepared as a portrait image, to avoid the height exceeding 1200 pixels. Expressed more simply, if the image is cropped as a landscape image and this results in the height exceeding 1200 pixels, then it is necessary to re-crop as a portrait format image. Section 3 refers to these images as \u201cover-sized images\u201d.<br>It is recommended that images are flattened before you proceed to Section 3 Method; for this select Layers&gt;Flatten Image.<\/p>\n\n\n\n<p>Other image editing software usually provide similar tools to achieve the objectives of this procedure, but the process steps will differ to some extent from the method documented for Adobe Photoshop in section 3 below.<\/p>\n\n\n\n<ol class=\"wp-block-list\" start=\"3\">\n<li>Method<\/li>\n<\/ol>\n\n\n\n<p>Preparing a Landscape Image.<br>Step 1: Open the landscape image you would like to crop. Locate and select your crop tool.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"100\" height=\"200\" src=\"https:\/\/www.martinwatson.com\/NCCTEST\/wp-content\/uploads\/2020\/02\/Image-01-1.jpg\" alt=\"\" class=\"wp-image-4005\" srcset=\"https:\/\/www.martinwatson.com\/NCCTEST\/wp-content\/uploads\/2020\/02\/Image-01-1.jpg 100w, https:\/\/www.martinwatson.com\/NCCTEST\/wp-content\/uploads\/2020\/02\/Image-01-1-72x144.jpg 72w\" sizes=\"auto, (max-width: 100px) 100vw, 100px\" \/><\/figure>\n\n\n\n<p>Step 2: In the crop options type 1600 px in the width box, leave the height blank (do not type 0, the crop tool will not work). Leave the resolution blank and the resolution type set to pixels\/inch.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"600\" height=\"30\" src=\"https:\/\/www.martinwatson.com\/NCCTEST\/wp-content\/uploads\/2020\/02\/Image-02-1.jpg\" alt=\"\" class=\"wp-image-4006\" srcset=\"https:\/\/www.martinwatson.com\/NCCTEST\/wp-content\/uploads\/2020\/02\/Image-02-1.jpg 600w, https:\/\/www.martinwatson.com\/NCCTEST\/wp-content\/uploads\/2020\/02\/Image-02-1-550x28.jpg 550w, https:\/\/www.martinwatson.com\/NCCTEST\/wp-content\/uploads\/2020\/02\/Image-02-1-144x7.jpg 144w\" sizes=\"auto, (max-width: 600px) 100vw, 600px\" \/><\/figure>\n\n\n\n<p>Step 3: Next click in the top left hand corner of your image, by holding down the mouse button, drag your cursor to the bottom right hand corner, then let go of the mouse button.<br>You should now see the crop selection around your image, also you will see 8 small squares, these are known as handles. If at this point you wish to use only part of the image or would like to change the shape of the crop, click and drag these handles to recompose your image. This will still resize your image to 1600 pixels width because that is the size we entered into the crop tool options in step 2.<br>Once you are happy with either your full frame crop or your recomposed crop, click on the tick icon on the right hand side of the crop tool options (see below), or hit the enter key on your keyboard. This will apply the crop.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"600\" height=\"344\" src=\"https:\/\/www.martinwatson.com\/NCCTEST\/wp-content\/uploads\/2020\/02\/Image-03-1.jpg\" alt=\"\" class=\"wp-image-4007\" srcset=\"https:\/\/www.martinwatson.com\/NCCTEST\/wp-content\/uploads\/2020\/02\/Image-03-1.jpg 600w, https:\/\/www.martinwatson.com\/NCCTEST\/wp-content\/uploads\/2020\/02\/Image-03-1-550x315.jpg 550w, https:\/\/www.martinwatson.com\/NCCTEST\/wp-content\/uploads\/2020\/02\/Image-03-1-144x83.jpg 144w\" sizes=\"auto, (max-width: 600px) 100vw, 600px\" \/><\/figure>\n\n\n\n<p>Step 4: Check your image size by going to, Image&gt;Image Size. The image size box will appear. You will now see that your landscape image has a width of 1600 pixels, therefore this image will fit the full width of the club digital projection system. Ignore all the other information in this box apart from the image height. If the image height is below 1200 pixels this image is acceptable. Click OK to close image size box. If your image height is above 1200 pixels please read the section below on \u201cOver sized images\u201d.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"350\" height=\"289\" src=\"https:\/\/www.martinwatson.com\/NCCTEST\/wp-content\/uploads\/2020\/02\/Image-04-1.jpg\" alt=\"\" class=\"wp-image-4008\" srcset=\"https:\/\/www.martinwatson.com\/NCCTEST\/wp-content\/uploads\/2020\/02\/Image-04-1.jpg 350w, https:\/\/www.martinwatson.com\/NCCTEST\/wp-content\/uploads\/2020\/02\/Image-04-1-144x119.jpg 144w\" sizes=\"auto, (max-width: 350px) 100vw, 350px\" \/><\/figure>\n\n\n\n<p>Step 5: Next, follow the sections towards the end of this workshop on \u201cFilling unused areas of the projection space\u201d, \u201cAssigning the sRGB colour space\u201d and \u201cSaving your image as a JPEG file\u201d.<\/p>\n\n\n\n<p>Over Sized Images<br>In step 4 of \u201ccropping a landscape image\u201d I spoke about the landscape image height going above 1200pixels. If your landscape image size height was over 1200 pixels this means your image is more a square format, rather than a landscape. In this case you will need to undo the crop by going to Edit&gt;Undo Crop, or Ctrl Z on your keyboard. Then follow the lesson on \u201cCropping a portrait image\u201d, <strong><em><strong>(next page).<\/strong><\/em><\/strong><\/p>\n\n\n\n<p>Perparing a Portrait Image.<br>Step 1: Open the portrait image you would like to crop. Locate and select your crop tool.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"100\" height=\"200\" src=\"https:\/\/www.martinwatson.com\/NCCTEST\/wp-content\/uploads\/2020\/02\/Image-05-1.jpg\" alt=\"\" class=\"wp-image-4009\" srcset=\"https:\/\/www.martinwatson.com\/NCCTEST\/wp-content\/uploads\/2020\/02\/Image-05-1.jpg 100w, https:\/\/www.martinwatson.com\/NCCTEST\/wp-content\/uploads\/2020\/02\/Image-05-1-72x144.jpg 72w\" sizes=\"auto, (max-width: 100px) 100vw, 100px\" \/><\/figure>\n\n\n\n<p>Step 2: In the crop options leave the width blank (do not type 0, the crop tool will not work). In the height box type 1200 px. Leave the resolution blank and the resolution type set to pixels\/inch.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"600\" height=\"30\" src=\"https:\/\/www.martinwatson.com\/NCCTEST\/wp-content\/uploads\/2020\/02\/Image-06-1.jpg\" alt=\"\" class=\"wp-image-4010\" srcset=\"https:\/\/www.martinwatson.com\/NCCTEST\/wp-content\/uploads\/2020\/02\/Image-06-1.jpg 600w, https:\/\/www.martinwatson.com\/NCCTEST\/wp-content\/uploads\/2020\/02\/Image-06-1-550x28.jpg 550w, https:\/\/www.martinwatson.com\/NCCTEST\/wp-content\/uploads\/2020\/02\/Image-06-1-144x7.jpg 144w\" sizes=\"auto, (max-width: 600px) 100vw, 600px\" \/><\/figure>\n\n\n\n<p>Step 3: Next click in the top left hand corner of your image, by holding down the mouse button, drag your cursor to the bottom right hand corner, then let go of the mouse button.<br>You should now see the crop selection around your image. Also you will see 8 small squares, these are known as handles. If at this point you wish to use only part of the image or would like to change the shape of the crop, click and drag these handles to recompose your image. This will still resize your image to 1200 pixels high because that is the size we entered into the crop tool options in step 2.<br>Once you are happy with either your full frame crop or your recomposed crop, click on the tick icon on the right hand side of the crop tool options (see below) or hit the enter key on your keyboard. This will apply the crop.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large is-resized\"><img loading=\"lazy\" decoding=\"async\" width=\"600\" height=\"155\" src=\"https:\/\/www.martinwatson.com\/NCCTEST\/wp-content\/uploads\/2020\/02\/Image-07-1.jpg\" alt=\"\" class=\"wp-image-4011\" style=\"width:500px\" srcset=\"https:\/\/www.martinwatson.com\/NCCTEST\/wp-content\/uploads\/2020\/02\/Image-07-1.jpg 600w, https:\/\/www.martinwatson.com\/NCCTEST\/wp-content\/uploads\/2020\/02\/Image-07-1-550x142.jpg 550w, https:\/\/www.martinwatson.com\/NCCTEST\/wp-content\/uploads\/2020\/02\/Image-07-1-144x37.jpg 144w\" sizes=\"auto, (max-width: 600px) 100vw, 600px\" \/><\/figure>\n\n\n\n<p>Step 4: Check your image size by going to, Image&gt;Image Size. The image size box will appear. You will now see that your portrait image has a height of 1200 pixels, therefore this image will fit the full height of the club digital projection system. Ignore all the other information in this box. Click OK to close image size box.<\/p>\n\n\n\n<p>Filling unused areas of the projection space.<br>In the case of portrait and sometimes landscapes images, our images do not fill the projected image space. The space needs to be filled to ensure correct projection. To fill the unused projection space, go to Image&gt;Canvas Size. In the Canvas Size dialog box un-tick the Relative box, change the New Size units to Pixels. In the Width box type 1600, and in the height box type 1200. Select Black for the Canvas extension colour, (this is generally considered to show your DPI\u2019s to their best advantage, but you can choose your own colour). Click OK to accept the new canvas size.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"350\" height=\"289\" src=\"https:\/\/www.martinwatson.com\/NCCTEST\/wp-content\/uploads\/2020\/02\/Image-04-1.jpg\" alt=\"\" class=\"wp-image-4008\" srcset=\"https:\/\/www.martinwatson.com\/NCCTEST\/wp-content\/uploads\/2020\/02\/Image-04-1.jpg 350w, https:\/\/www.martinwatson.com\/NCCTEST\/wp-content\/uploads\/2020\/02\/Image-04-1-144x119.jpg 144w\" sizes=\"auto, (max-width: 350px) 100vw, 350px\" \/><\/figure>\n\n\n\n<p>Assigning the sRGB colour space.<br>All the Digital Projected Images (DPI\u2019s) we are using for competitions need to have the sRGB colour space assigned to them.<br>To ensure that your image is using the sRGB colour space, in Photoshop go to Edit&gt;Convert to Profile. The Convert to Profile dialog box will show your colour space. If your Source Space shows \u201csRGB IE61966-2.1\u201d your image space is correct for projection, so Click OK to exit. If your colour space is showing anything other than \u201csRGB IE61966-2.1\u201d you need to click the arrow next to Destination Space and select \u201csRGB IE61966-2.1\u201d from the drop down menu. Click OK to accept these settings. Your Image is now using the correct sRGB colour space for projection.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"350\" height=\"247\" src=\"https:\/\/www.martinwatson.com\/NCCTEST\/wp-content\/uploads\/2020\/02\/Image_10.jpg\" alt=\"\" class=\"wp-image-3998\" srcset=\"https:\/\/www.martinwatson.com\/NCCTEST\/wp-content\/uploads\/2020\/02\/Image_10.jpg 350w, https:\/\/www.martinwatson.com\/NCCTEST\/wp-content\/uploads\/2020\/02\/Image_10-144x102.jpg 144w\" sizes=\"auto, (max-width: 350px) 100vw, 350px\" \/><\/figure>\n\n\n\n<p>Saving your images as a JPEG file.<br>To save your images as JPEG file, go to, File&gt;Save As. In the Save As box, select the place you would like to save the image. For this demonstration I have selected My Pictures. Title your image by using rule 5.2.2 of the club Competition rules, (Files must be named in the following revised format: &#8211; Sequence no (i.e. 01, 02 or 03), underscore, image title, underscore, members name (e.g. 01_My best image_Member) Note that any comma on the title may be removed to satisfy down load and list processing restrictions) by typing it in the \u201cFile Name\u201d box. Then select \u201cJPEG\u201d from the \u201cFormat\u201d drop down menu.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"350\" height=\"320\" src=\"https:\/\/www.martinwatson.com\/NCCTEST\/wp-content\/uploads\/2020\/02\/Image-09-1.jpg\" alt=\"\" class=\"wp-image-3995\" srcset=\"https:\/\/www.martinwatson.com\/NCCTEST\/wp-content\/uploads\/2020\/02\/Image-09-1.jpg 350w, https:\/\/www.martinwatson.com\/NCCTEST\/wp-content\/uploads\/2020\/02\/Image-09-1-144x132.jpg 144w\" sizes=\"auto, (max-width: 350px) 100vw, 350px\" \/><\/figure>\n\n\n\n<p><strong><em><strong>Your Image is now sized and saved for digital projection.<\/strong><\/em><\/strong><\/p>\n\n\n\n<p><strong><em>4. Conclusion<br><\/em><\/strong><em><strong>In practice the above procedure is more simply carried out than expressed and conforming will result in a high quality projected image. However if anyone needs help with the above, please initially approach one of the Competition Secretaries, who will arrange for someone to provide assistance.<br>It is the responsibility of the author to ensure that their PIs conform to the requirements of the above procedure when presented for competitions. The position of Competition Secretary is in itself a very demanding one, such that it is unreasonable to expect them to correct a non-compliant image. Additionally it is not ethical for competition entries to be altered by anyone other than the author (see section 5.1.1 of the Competition Rules).<\/strong><\/em><\/p>\n\n\n\n<p><strong><em><strong>If you would like to read the L&amp;CPU Guidelines on resizing and assign colour space, please click on the link below.<\/strong><\/em><\/strong><\/p>\n\n\n\n<hr class=\"wp-block-separator has-css-opacity\"\/>\n\n\n\n<p>To download a printable version of this workshop, click on the link below<\/p>\n\n\n\n<p class=\"has-text-align-center\"><a href=\"https:\/\/www.martinwatson.com\/NCCTEST\/ws-projected-images\/\">Adobe Acrobat Reader<\/a><\/p>\n\n\n\n<hr class=\"wp-block-separator has-css-opacity\"\/>\n\n\n\n<div class=\"wp-block-columns is-layout-flex wp-container-core-columns-is-layout-9d6595d7 wp-block-columns-is-layout-flex\">\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\">\n<p><a href=\"https:\/\/www.martinwatson.com\/NCCTEST\/ws-projected-images\/\">Back to the top<\/a><\/p>\n<\/div>\n\n\n\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\">\n<p class=\"has-text-align-right\"><a href=\"https:\/\/www.martinwatson.com\/NCCTEST\/ncc-downloads\/\">Return to Workshops<\/a><\/p>\n<\/div>\n<\/div>\n\n\n\n<p><\/p>\n","protected":false},"excerpt":{"rendered":"<p>The Procedure for the Preperation of Projected Images for Club Competitions This workshop will show you how to prepare your Landscape and Portrait images so they \u201cbest\u201d fit the screen<\/p>\n<p class=\"more-link\"><a href=\"https:\/\/www.martinwatson.com\/NCCTEST\/ws-projected-images\/\" class=\"readmore\">Continue reading<svg class=\"icon icon-arrow-right\" aria-hidden=\"true\" role=\"img\"> <use href=\"#icon-arrow-right\" xlink:href=\"#icon-arrow-right\"><\/use> <\/svg><span class=\"screen-reader-text\">Downloads &#8211; Projected Images<\/span><\/a><\/p>\n","protected":false},"author":2,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"ngg_post_thumbnail":0,"footnotes":""},"class_list":["post-5128","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/www.martinwatson.com\/NCCTEST\/wp-json\/wp\/v2\/pages\/5128","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.martinwatson.com\/NCCTEST\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/www.martinwatson.com\/NCCTEST\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/www.martinwatson.com\/NCCTEST\/wp-json\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/www.martinwatson.com\/NCCTEST\/wp-json\/wp\/v2\/comments?post=5128"}],"version-history":[{"count":24,"href":"https:\/\/www.martinwatson.com\/NCCTEST\/wp-json\/wp\/v2\/pages\/5128\/revisions"}],"predecessor-version":[{"id":12982,"href":"https:\/\/www.martinwatson.com\/NCCTEST\/wp-json\/wp\/v2\/pages\/5128\/revisions\/12982"}],"wp:attachment":[{"href":"https:\/\/www.martinwatson.com\/NCCTEST\/wp-json\/wp\/v2\/media?parent=5128"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}