Search this site
Embedded Files
TIJ1O
  • Home
    • Assessment & Evaluation
  • INSTRUCTORS
    • Mr Bollman
    • Mr. Leduc
      • Français
        • Leduc Hard Tech
        • Leduc Soft Tech
        • Original COVID from Home Agenda
        • TIJ 1OF.02 School
        • TIJ 1OF.03 School
        • TIJ 1OF.03 Home
        • TIJ 1OF.02 Home
      • English
        • Leduc Hard Tech
        • Leduc Soft Tech
    • Mr May
      • MayJ Assignment Audit
      • Calendar
    • Mr McMillan
      • Soft Tech Agenda - McMillan
      • Hard Tech Agenda - McMillan
      • French Hard Tech Agenda - McMillan
    • Mr Mikkelborg
      • Soft Tech
      • Hard Tech
  • HARDTECH ENG
    • Intro
      • Safety & Care
        • Hand Tools
        • Stationary tools
        • Chromebooks
      • Measurement
        • Area, Volume and units
      • Design Process
      • Orthographics
      • Ten Guiding Concepts
    • SketchUp
      • Sketchup Assignments
      • IKEA Challenge
      • Modern House
      • Tips
    • Project Ideas
      • Bottle Rockets
        • History
        • Bottle Rocket Design Process
        • Making it Fly
        • Protecting the egg
        • Bottle Rocket Assessment
        • Rocket Results
        • Rocket Handbook
        • Alternative Assignment
      • Bridge Building
        • Bridge Design Process
        • Bridge Rubric
        • Bridge Physics
        • Bridge Design Report
          • Design Report Notes
        • Startup Company
        • Bridge Testing Results
        • Alternate Assignment
        • Bridge Sketchup
      • CO2 car
        • Laws of Physics
        • Energy Sources
        • Aerodynamics
        • Portfolio
      • Mousetrap Car
      • Other Concepts
      • iPhone Case
    • Catapult Summative
      • Catapult Design Process
      • Catapult Research and Design
      • Catapult Rubric
      • Catapult Results
  • HARDTECH FR
    • Sécurité
      • Outil Manuel
    • Sujets variés
      • Système de Mesure
      • L'équerre
      • Dessin 2 Dimension
    • Projets
      • Les Fusés
      • Les Ponts
      • La voiture a ressort
      • Voiture au Co2
        • Loi et Physique
        • Aerodynamisme
        • Porte Folio
        • Règlement
    • Sketchup
    • Les 10 lois du concept
    • Summatif
      • Catapulte
        • Rubrique
      • Cellulaire
  • SOFTTECH ENG
    • Rules & Tools
      • Chrome Setup
      • Computer Setup
      • File Management
      • Blocked Files
      • Intro Survey
      • Schoology Setup
      • Remote Login using VMWare
    • Website Portfolios
      • Controlling Pages
      • Web Design Principles
      • Adding a Photo
      • Adding Banner
      • Anecdotes
      • Video Tutorials
    • Photography
      • BLT & F
      • Background
      • Lighting
      • Tripod
      • Framing
      • Selfie Assignment
      • Composition Assignment
    • Photoshop
      • Pixels
      • Cropping & Resizing
      • Photoshop Layers
      • Emoji Project
      • Personal Logo
      • World Traveler Assignment
    • 3D Modelling
      • Flying Saucers 101
        • Step 1: Primitives
        • Step 2: Moving Around
        • Step 3: Materials
        • Step 4: Rockets
        • Step 5: Extruding
        • Step 6: Rayguns
      • 3D Rendering
        • Saucer BluePrint
        • Anim8or Scenes
        • Anim8or Lighting
        • Anim8or Rendering
        • Saucer Poster Assignment
      • Other Modelling Projects
        • Bonus: Alien Modelling
        • Bonus: Solar System 3D
      • Rendering Movies
    • Audio
      • Recording Audio
      • Audio Countdown Exercise
      • Embedding Audio
      • Morning Announcement
      • Audio SFX and Music
    • Flash Animation
      • Setting up Flash
      • Typography
      • Splashpage Assignment
      • Rendering Animations
      • Embedding Animations
      • Masking and Motion Guides
      • Drawing in Flash
      • Knock Knock Assignment
    • Game Design
    • Soft Tech Summative
    • OnShape
      • Orthographic and isometric drawings
      • first Onshape exercise
      • Nine Part Tutorial
      • Onshape_CAD_Project
    • Sketchup
  • SOFTTECH FR
  • LINKS
    • Portfolio Gallery
    • Current Issues in Technology
    • Online Toolbox
TIJ1O
  • Photoshop

  • Pixels

  • Cropping & Resizing

  • Layers

  • Emoji Project

  • Personal Logo

Cropping & Resizing

Cropping a picture does three things to improve the digital image:

  1. COMPOSES - It cuts away distracting or unnecessary elements in the image to help you "tell the story" as clearly as possible

  2. SHAPES- It lets you choose a specific shape or "ASPECT RATIO" - ie

    • Square: 300x300 etc.

    • Standard Def: 320x240, 640x480, 800x600, 1024x768 - [This is 4:3 Ratio]

    • Widescreen: 1280×720, 1600×900, 1920×1080 - [This is 16:9 Ratio]

  3. RESIZES - It typically reduces the digital file size, making the project more efficient

Here's an example of a yearbook photo improved by cropping

1. The original photo had good content, but included a large amount of "noisy" background elements, and "wasted" pixels around the actual subject.


2. A crop was chosen that matched the square frame we required for the layout. This also allows us to

  • "remove" the ugly powerlines in the background

  • Steer the focus so that the player dominates the frame

  • Compose the shot to draw attention to the action

3. The cropped photo is better composed, and "tightens in" on the subject. The subject's object of focus also becomes more obvious!


Before you CROP - Set the DIMENSIONS:

The options at the top of the screen will allow you to customize the HEIGHT, WIDTH and RESOLUTION.

Truthfully, the RESOLUTION setting can be left alone for webpage graphics - it only affects the size of your graphics when PRINTED by a professional service bureau.

BE CAREFUL!

You must type PX after your dimensions if you haven't set your preferences properly in Photoshop. The default is to measure in INCHES.

Typical SCREEN Dimensions

  • Widescreen aspect ratio:

    • 800x450px (web page sized)

    • 1280x720px (720p) @72pdi

    • 1920x1080px (1080p) @72dpi

Typical PRINT Dimensions

  • Poster Sizes

    • 3400x2200px @200dpi (11x17" Poster)

    • 1500x2100px @300dpi (5x7" Photo)

RESIZING Graphics

A 12MP camera is TOO GOOD FOR YOU!

It generates enough pixels to fill a 55 x 41 inch computer monitor at 90dpi... and they don't really make those yet

You typically need to REDUCE the number of pixels in a digital photo for screen display. You can do that by RESIZING your digital images. A decent sized graphic for a website will be about 800px x 600px

There are SEVERAL ways to resize a graphic, not including the CROPPING TOOL

  1. IMAGE - RESIZE - IMAGE SIZE

    1. Resample ON - You can reduce (or increase) the NUMBER of pixels. This is ideal for WEB DESIGN - where the output resolution is meaningless. Graphics can be sized to precisely fit the screen output (72 DPI)

    2. Resample OFF - You won't change the total number of pixels in the image. You can ONLY change the "Output Resolution" for PRINTING purposes. The PIXEL DIMENSIONS and filesize will stay the same

    3. Canvas Size - This can let you add or remove pixels from the outside border of the image, based on the ANCHOR POINT that you select. It's a little like using the CROP tool, but with numerical precision

    4. Transform - Using CTRL-T you can resize a selected element on the screen, while leaving the canvas at the existing size.

Report abuse
Page details
Page updated
Report abuse