Sportzware Support Home

Adding images to news articles with photoscape

From SupportWiki
Jump to: navigation, search

Adding images to news articles with photoscape

Photoscape is free easy to use photo editing software which can be downloaded from www.photoscape.org/
There are many other image programs out there but we have found that this program is very simple to use for the purpose of resizing and cropping images for news articles.

Using Large Images

1. Open Photoscape and select Editor Icon

Image:adding_images_to_news_articles_with_photoscape_01.jpg

2. Select Photo you wish to edit in the left menu. It will then appear in the right panel.

Image:adding_images_to_news_articles_with_photoscape_02.jpg

3. Select Crop Tab

Image:adding_images_to_news_articles_with_photoscape_03.jpg

4. Click on "crop freely" and select the "assign Ratio/size" button

Image:adding_images_to_news_articles_with_photoscape_04.jpg

5. In the crop screen that follows please input your desired size you wish the final result to be. (SportingPulse will instruct you on what the desired dimensions for your news article images are) For this example we will use 380px (width) by 230px (height). Click OK

Image:adding_images_to_news_articles_with_photoscape_05.jpg

6. Preview will look like this with a rectangle showing how the cropped image will look at present

Image:adding_images_to_news_articles_with_photoscape_06.jpg


7. Move the rectangle panel to the area you would like to crop to by grabbing the rectangle with the mouse and dragging it to the desired position

Image:adding_images_to_news_articles_with_photoscape_07.jpg

8. Hold down shift and drag the corners of the rectangle out to cover the detail in the photo you want to keep. See below. (Image is nicely framed)

Image:adding_images_to_news_articles_with_photoscape_08.jpg

9. Click on "crop" to remove unwanted portion of image.

Image:adding_images_to_news_articles_with_photoscape_09.jpg

10. Your image will now look like this.

Image:adding_images_to_news_articles_with_photoscape_10.jpg

11. This is larger than the 380 pixels wide by 230 pixels high, however the ratio between height and width is correct and when you add this to a news article, Typo3 will auto resize the image for the homepage display, and the full page article.

12. Last step is to save the image. Click on "Save" in the bottom right corner, select "save as" which is the third option that comes up. This allows you to select a Folder and give the file a name. Clicking save opens up a quality setting, I recommend you select 80% and then save the file. It is ready to be added to your news articles.

Using Smaller Images

1. Open Photoscape and select Editor Icon

Image:adding_smaller_images_to_news_articles_with_photoscape_01.png

2. Select Photo you wish to edit in the left menu. It will then appear in the right panel.

Note, it is smaller than the required size, however still a reasonable image to use for the website.

Please ensure you don’t use images that are too small as they will look blurry and of a poor quality when enlarged

Image:adding_smaller_images_to_news_articles_with_photoscape_02.png

3. Click "resize" from the menu at the bottom of the screen

Image:adding_smaller_images_to_news_articles_with_photoscape_03.png

4. In the follow pop-up screen that appears, please ensure the "preserve aspect ratio" box is ticked.

- Input the width of the final image (380 pixels)

- Leave the height as is

- Click OK

Image:adding_smaller_images_to_news_articles_with_photoscape_04.png

5. Click on crop Tab in bottom menu

Image:adding_smaller_images_to_news_articles_with_photoscape_05.png

6. In the pop-up menu. Input the final cropped size in (380 pixels wide and 230 pixels high). Click OK

Image:adding_smaller_images_to_news_articles_with_photoscape_06.png

7. Your preview will now look like this.

Image:adding_smaller_images_to_news_articles_with_photoscape_07.png

8. Grab the image by clicking and holding with the mouse and drag the frame up or down till you are happy with where the cropping frame is positioned.

9. Click on "Crop" to remove the unwanted area of the image leaving the image below.

Cropping preview

Image:adding_smaller_images_to_news_articles_with_photoscape_08.png

10. What you are left with is an image correctly sized to 380 pixels to 230 pixels for your news articles.

11. Last step is to save the image. Click on "Save" in the bottom right corner, select "save as" which is the third option that comes up. This allows you to select a Folder and give the file a name. Clicking save opens up a quality setting, I recommend you select 80% and then save the file. It is ready to be added to your news articles.

Print/export
Personal tools