resizing images for reflex open competitions · 2015. 12. 1. · 12 changing pixel size in picasa...

Post on 20-Sep-2020

4 Views

Category:

Documents

0 Downloads

Preview:

Click to see full reader

TRANSCRIPT

1 Resizing images for DPI Reflex Open Competitions

• Picasa slides 6-12 • Lightroom slides 13-19 • Elements slides 20-25 • Photoshop slides 26-31 • Gimp slides 32-41 • PIXELR Editor slides 42-53 • Smart Photo Editor slides 54-62 • CodePlex Image Resizer (Win) slides 63-70

All files must be in the sRGB colour space

This will be the default for most programs. Elements, Photoshop & Lightroom info slides 71-73

Find the slides for your program and follow the steps.

The green hand shows the end of that section.

2

Images captured by the camera are physically bigger than the screen.

The Heron in this image,

at 100% is really this big.

Why resize images for DPI ROC

3

But you’ve seen the same ‘full image’ on a camera 3” LCD, a 15” laptop and maybe a 22” desktop.

This is only possible if the different processors “resample” the image and give you a “Preview” or approximation of the image.

The results are pretty accurate but there can be noticeable differences.

Why resize images for DPI ROC

Processor A

Processor B

Processor C

4

All digital images for ROC must fall within maximum pixel sizes

• The maximum width of an image is 1400 pixels

• The maximum height of an image is 1050 pixels

This is because our projector’s maximum resolution is

1400 (w) x 1050 (h) pixels.

Entering this sized image means that the processor in the projector will not affect your image.

It will not resample it so the image will remain just as you edited it.

Why resize images for DPI ROC

5 Why rename images for DPI ROC Images must be named in a special format to work with the software.

This is the only way the competition software can produce reports for judges that remove the membership numbers.

Number with a 0 in front

e.g. 01 02

An ‘underscore’

A title separated by only spaces no dashes etc.

An ‘underscore’

Your membership number

All images must be named in this format:

e.g. 01_The White Knight_229N 02_The best of friends_229N

It’s important to use an ‘underscore’ not a dash. To get the underscore use [SHIFT] +

6 Changing pixel size in Picasa (free from Google)

Select the image – this one is a ‘portrait’ orientation

From the “File” menu select ‘Export Picture to folder’

7

0

Changing pixel size in Picasa (free from Google)

Use the Browse button to find a folder where the resized images will be placed - or use the desktop.

Select the ‘Resize to’ button

As it’s a portrait orientation image set the pixels to 1050

Select an image quality of ‘Maximum’

Press the [Export] button

8 Changing pixel size in Picasa (free from Google)

This example is a ‘Landscape’ orientation image

Follow the previous steps but as it’s a landscape orientation set the pixels to 1400

9 Changing pixel size in Picasa (free from Google)

For each image export the file location will appear

10 Changing pixel size in Picasa (free from Google)

Check the pixel sizes by ‘Right clicking’ on the image and selecting ‘Properties’ from the drop down menu

11 Changing pixel size in Picasa (free from Google)

Select the “Details” tab in the box that appears

Check that the pixel sizes are within the maximum required for the competition

12 Changing pixel size in Picasa (free from Google)

Make sure you use a name that fits competition rules e.g. 01_Mystery Woman_229N

Change the name by “Right clicking” on the image and select ‘Rename’ – then type the name into the box

Clicking on ‘Rename’ turns the text blue

Start typing to replace the old name with your new text.

13 Changing pixel size in Lightroom

In Light room the easiest way is to use a ‘Preset’ that you can download

To import it into Lightroom first Select an image and press [Export]

Right click on “User Presets” and select ‘Import’

1st time only

14 Changing pixel size in Lightroom

Find the Preset file you need on your desktop, e.g. “Reflex ROC entry.lrtemplate”, select it and click [Open] Saving this preset into Lightroom means you don’t need to repeat these steps.

1st time only

15 Changing pixel size in Lightroom

The new Preset “Reflex ROC entry” appears under “User Presets”

In future you’ll use this to resize the images automatically for competition but for now press [Cancel]

1st time only

16 Changing pixel size in Lightroom

To export and resize images go the “Library” module.

The Preset will adjust both landscape and portrait pixel sizes at the same time.

Select the images you want to use and press [Export].

Once the preset is installed start here.

17 Changing pixel size in Lightroom

In the box select the ‘Reflex ROC entry’ Preset from ‘User Presets’

This Preset will put images on the Desktop in a folder called “Reflex_Competitions”

When you’re happy about where the images are going click [Export]

18 Changing pixel size in Lightroom

Wait until this export process line disappears.

It shows the progress in saving files to your desktop folder “Reflex_Competitions”

19 Changing pixel size in Lightroom

Find the files in the folder on your desktop.

Right click on each and rename for the competition

20 Changing pixel size in Elements

Open the image in Elements – you should be in “Expert” mode.

From the “Image” menu go to ‘Resize’ and then select ‘Image Size…’ – the first example is portrait orientation

21 Changing pixel size in Elements

Make sure that this link is showing – if not click the symbol to activate it

Make sure ‘pixels’ is selected from the drop down menus

For a portrait orientation image highlight the numbers in the “Height” box

22 Changing pixel size in Elements

For portrait images change the height to 1050 – the width will change keeping it in proportion

Press [OK] and save the file to your competition folder

23 Changing pixel size in Elements

For landscape images follow the same procedure but for this time select the number of pixels next to “Width”

24 Changing pixel size in Elements

For landscape images change the number of pixels next to the Width to 1400

Press [OK] and save the file to your competition folder

25 Changing pixel size in Elements

Find the files in the folder where you saved them.

Right click on each and rename for the competition

26 Changing pixel size in Photoshop

Open the image and from the “Image” and select ‘Image Size…’ – the first example is portrait orientation

27 Changing pixel size in Photoshop

Make sure that this link is showing – if not click the symbol

Make sure ‘pixels’ is selected from this drop down menu

28 Changing pixel size in Photoshop

For a portrait orientation image highlight the numbers in the “Height” box and change them to 1050

Click [OK] & save as a maximum size JPEG to your folder – see next slide for details

29 Changing pixel size in Photoshop

To save images as maximum size JPEG from the “File” menu select ‘Save As…”

Navigate to your competition entry folder.

From the drop down list next to “Save as type” select

Make sure the Quality is set to 12 / Maximum then press [OK]

30 Changing pixel size in Photoshop

For a landscape orientation highlight the numbers in the “Width” box and change them to 1400

Click [OK] then save as a JPEG of maximum size to your competition folder.

31 Changing pixel size in Photoshop

Find the files in the folder where you saved them.

Right click on each and rename for the competition

32 Changing pixel size in GIMP

Open the image and from the “Image” menu select ‘Scale Image’ – this example is portrait orientation

33 Changing pixel size in GIMP

As you’re only concerned with the centre panel we’ll concentrate on that one; the other images will not show the side tool bars.

34 Changing pixel size in GIMP

Make sure that this link is showing – if not click the symbol

Make sure ‘pixels’ is selected from this drop down menu

Select the number of pixels by “Height” as this is a portrait orientation image

35 Changing pixel size in GIMP

For a portrait orientation image change the numbers in the “Height” box to 1050

Click [Scale] to resize the image.

36 Changing pixel size in GIMP

From the “File” menu select ‘Export As…” to save the image as a jpeg.

37 Changing pixel size in GIMP

Use this area to navigate to you competition folder.

Check that the image is in a JPEG format.

If you need to change to JPEG format click the [+] next to “Select File Type (By Extension)”

Select “JPEG image” from the drop down menu.

Now click the [Export] button

If it’s already a JPEG file just click the [Export] button

38 Changing pixel size in GIMP

In the box that appears check that the image quality is at “100%”

Now click the [Export] button

39 Changing pixel size in GIMP

Check the pixel sizes by ‘Right clicking’ on the image and selecting ‘Properties’ from the drop down menu

40 Changing pixel size in GIMP

Select the “Details” tab in the box that appears

Check that the pixel sizes are within the maximum required for the competition

41 Changing pixel size in GIMP

Right click on the files and select “Rename” from the options. Rename it correctly for the competition

42 Changing pixel size in PIXELR Editor

Search for PIXLR.com and open the web page

Launch the Web App called “PIXLR EDITOR” to allow you to resize images – it allows you to work with JPEG & PSD files – but not RAW.

43 Changing pixel size in PIXELR Editor

Open the image and from the “Image” menu select ‘Image Size’ – this example is portrait orientation

44 Changing pixel size in PIXELR Editor

In the new window make sure that “Constrain proportions” box is checked

For a portrait orientation image highlight the numbers in the “Height” box and make sure “pixels” is selected from the drop down menu.

45 Changing pixel size in PIXELR Editor

For a portrait orientation image change the numbers in the “Height” box to 1050

Click [OK] to resize the image.

46 Changing pixel size in PIXELR Editor

Now the image is resized from the “File” menu select “Save”

47 Changing pixel size in PIXELR Editor

In the box that appears check that the “JPEG” is selected from the drop down menu under “Format”.

Make sure that “Quality” is set to “100” then Click [OK]

48 Changing pixel size in PIXELR Editor

Navigate to the folder where you store your ROC entries

Select the folder and click [Open]

49 Changing pixel size in PIXELR Editor

Click [Save]

50 Changing pixel size in PIXELR Editor

Check the pixel sizes by ‘Right clicking’ on the image and selecting ‘Properties’ from the drop down menu

51 Changing pixel size in PIXELR Editor

Select the “Details” tab in the box that appears

Check that the pixel sizes are within the maximum required for the competition

52 Changing pixel size in PIXELR Editor

Right click on the files and select “Rename” from the options.

53 Changing pixel size in PIXELR Editor

Rename it correctly for the competition by typing into the box

54 Changing pixel size in Smart Photo Editor

Open the image and from the “File” menu select “Save As Jpeg/Tiff/Png…”

55 Changing pixel size in Smart Photo Editor

In the new box check the button next to “JPEG” is selected & “Quality” is at “100”

Make sure that the box by “Keep Aspect Ratio” is ticked

For portrait orientation images select the number of pixels next to “Height”

56 Changing pixel size in Smart Photo Editor

For portrait orientation images change the pixels next to “Height” to “1050”

Click [OK]

57 Changing pixel size in Smart Photo Editor

Navigate to the folder where you save your ROC entries

Select the folder and click [Save]

58 Changing pixel size in Smart Photo Editor

Wait for the “Rendering” bar to finish the process

59

Check the pixel sizes by ‘Right clicking’ on the image and selecting ‘Properties’ from the drop down menu

Changing pixel size in Smart Photo Editor

60

Select the “Details” tab in the box that appears

Check that the pixel sizes are within the maximum required for the competition

Changing pixel size in Smart Photo Editor

61

Right click on the files and select “Rename” from the options.

Changing pixel size in Smart Photo Editor

62

Rename it correctly for the competition by typing into the box

Changing pixel size in Smart Photo Editor

63

Search for “codeplex image resizer” to find https://imageresizer.codeplex.com

Changing pixel size in CodePlex Image Resizer

This only works with Windows and supports JPEG & TIFF files

Click the download button and run the program

64

Find the folder with your exported image Right click and select “Resize pictures”

Changing pixel size in CodePlex Image Resizer

This new option was installed by the program

65

In the new box select “Custom” – check that “Scale to” & “Pixels” are in the boxes

Changing pixel size in CodePlex Image Resizer

Enter height 1050 in second box

As it’s a portrait orientation type “1050” into the second box (this is ‘height’)

Delete numbers from the first box.

66

After a short time a new file will be created using the same name but with “(Custom)” added to the end.

Changing pixel size in CodePlex Image Resizer

67

Select this new file, “Right click” select “Properties” and check that the height is within competition rules - 1050 pixels height for portrait

Changing pixel size in CodePlex Image Resizer

68

Repeat the process for a Landscape style image except this time resize the width.

Changing pixel size in CodePlex Image Resizer

Enter width 1400 in first box

As it’s a landscape orientation type “1400” into the first box (this is ‘width’)

Delete numbers from the other box.

69 Changing pixel size in CodePlex Image Resizer

Select this new file, “Right click” select “Properties” and check that the width is within competition rules - 1400 pixels width for landscape

70

“Right click” and rename images to fit competition rules e.g. “01_The White Knight_229N”

Changing pixel size in CodePlex Image Resizer

71

If you download/use our Lightroom Preset you don’t need to do anything. This Preset automatically exports the image as a JPEG in sRGB Color Space. If you’re using any other preset in the “File settings” area of the export preset check the settings in the drop down menus.

Setting sRGB colour space in Lightroom

72

If you need to convert to sRGB before you save the file go to the “Image” menu. From the list go to ‘Convert Color Profile’ and select ‘Convert to sRGB Profile’

If the option isn’t available it’s already in sRGB. Then complete the process as describe in previous slides.

Setting sRGB colour space in Elements

73

If you need to convert to sRGB you just need to tick one extra box when saving. Follow the same process as before to resize the image and from the “File” menu select “Save As…” In the dialogue box under the Color section tick the box “ICC Profile sRGB …”

Setting sRGB colour space in Photoshop

top related