Home/modern-campus/photoshop/PhotoShop: Cropping Image
- <!-- ouc:editor csspath="/_resources/ou/editor/nav.css" cssmenu="/_resources/ou/editor/styles.txt"
wysiwyg-class="navigation"/ --><style>
/* Fixed sidenav, full height */
.sidenav {width: 100%; background-color: #111; overflow-x: hidden;}
/* Style the sidenav links and the dropdown button */
.sidenav a, .dropdown-btn {padding: 10px 10px 10px 15px; text-decoration: none; font-size:
15px; color: #fff; display: block; border: 1px solid #939393; background-color: #31774f;
width: 100%; text-align: left; cursor: pointer; outline: none;}
/* On mouse-over */
.sidenav a:hover, .dropdown-btn:hover {color: #818181; background-color: #fff;}
/* Add an active class to the active dropdown button */
.active {background-color: #222; color: white;}
/* Dropdown container (hidden by default). Optional: add a lighter background color
and some left padding to change the design of the dropdown content */
.dropdown-container {display: none; background-color: #e9ede9; padding: 0 0 6px 9px;}
/* Optional: Style the caret down icon */
.fa-caret-down {float: right; padding-right: 8px;}
/* Some media queries for responsiveness */
@media screen and (max-height: 450px) {
.sidenav {padding-top: 15px;}
.sidenav a {font-size: 18px;}
}
</style>
<div class="sidenav">
<a title="Tutorials" href="https://www.nsuok.edu/modern-campus/">Tutorials</a>
<button class="dropdown-btn">Omni <span class="fa-solid fa-caret-down"></span></button>
<div class="dropdown-container">
<a title="Omni CMS" href="https://www.nsuok.edu/modern-campus/omni/" target="_self">Omni
CMS</a>
<a title="Locating and Opening a Page" href="https://www.nsuok.edu/modern-campus/omni/Locating-Opening-Page.aspx"
target="_self">Locating/Opening a Page</a>
<a title="Logging into Sites" href="https://www.nsuok.edu/modern-campus/omni/Logging-into-Sites.aspx"
target="_self">Logging into Sites</a>
<a title="Adding Content Box" href="https://www.nsuok.edu/modern-campus/omni/Adding-Content-Box.aspx"
target="_self">Adding Content Box</a>
<a title="Heading/Nestin" href="https://www.nsuok.edu/modern-campus/omni/headings.aspx"
target="_self">Heading/Nesting</a>
<a title="Insert/Edit an Image" href="https://www.nsuok.edu/modern-campus/omni/Insert-Edit-Image.aspx"
target="_self">Insert/Edit an Image</a>
<a title="NSU Button Styles" href="https://www.nsuok.edu/modern-campus/omni/Button-Links.aspx"
target="_self">NSU Button Styles</a>
<a title="Accessibility" href="https://www.nsuok.edu/modern-campus/omni/accessibility.aspx"
target="_self">Accessibility</a>
<a title="Final Check" href="https://www.nsuok.edu/modern-campus/omni/final-check.aspx"
target="_self">Final Check</a>
<a title="WYSIWYG Toolba" href="https://www.nsuok.edu/modern-campus/omni/WYSIWY-Toolbar.aspx"
target="_self">WYSIWYG Toolbar</a>
<a title="SEO Best Practices" href="https://www.nsuok.edu/modern-campus/omni/search-engine-optimization.aspx"
target="_self">SEO Best Practices</a>
</div>
<button class="dropdown-btn">Snippets <span class="fa-solid fa-caret-down"></span></button>
<div class="dropdown-container">
<a title="Using Snippets on Pages" href="https://www.nsuok.edu/modern-campus/omni/snippets/default.aspx"
target="_self">Using Snippets on Pages</a>
</div>
<button class="dropdown-btn">Components <span class="fa-solid fa-caret-down"></span></button>
<div class="dropdown-container">
<a title="Using Components" href="https://www.nsuok.edu/modern-campus/omni/components/"
target="_self">Using Components</a>
<a title="4 Countups" href="https://www.nsuok.edu/modern-campus/omni/components/built-omponents.aspx"
target="_self">Built Components</a>
</div>
<button class="dropdown-btn">Assets <span class="fa-solid fa-caret-down"></span></button>
<div class="dropdown-container">
<a title="About Assets" href="https://www.nsuok.edu/modern-campus/omni/assets/default.aspx"
target="_self">About Assets</a>
<a title="Built Assets" href="https://www.nsuok.edu/modern-campus/omni/assets/built-assets.aspx"
target="_self">Built Assets</a>
<a title="Web Content" href="https://www.nsuok.edu/modern-campus/omni/assets/web-content.aspx"
target="_self">Web Content</a>
<a title="Plain Text" href="https://www.nsuok.edu/modern-campus/omni/assets/plain-text.aspx"
target="_self">Plain Text</a>
<a title="Source Code" href="https://www.nsuok.edu/modern-campus/omni/assets/source-code.aspx"
target="_self">Source Code</a>
<a title="Image Gallery" href="https://www.nsuok.edu/modern-campus/omni/assets/image-gallery.aspx"
target="_self">Image Gallery</a>
<a title="Form" href="https://www.nsuok.edu/modern-campus/omni/assets/form-assets.aspx"
target="_self">Form</a>
<a title="Publish Asset" href="https://www.nsuok.edu/modern-campus/omni/assets/publish-assets.aspx"
target="_self">Publish Asset</a>
</div>
<button class="dropdown-btn">Side Navigation <span class="fa-solid fa-caret-down"></span></button>
<div class="dropdown-container">
<a title="Creating Dropdowns" href="https://www.nsuok.edu/modern-campus/omni/Creating-Drop-Downs.aspx"
target="_self">Creating Dropdowns</a>
<a title="Fixing Dropdowns" href="https://www.nsuok.edu/modern-campus/omni/fix-side-nav.aspx"
target="_self">Fixing Drop Down Duplication</a>
</div>
<button class="dropdown-btn">Imaging Adjustments <span class="fa-solid fa-caret-down"></span></button>
<div class="dropdown-container">
<a title="Cropping an Image" href="https://www.nsuok.edu/modern-campus/photoshop/PhotoShop-cropping-image.aspx"
target="_self">Cropping an Image</a>
<a title="Sizing an Image" href="https://www.nsuok.edu/modern-campus/photoshop/Sizing-an-Image.aspx"
target="_self">Sizing an Image</a>
<a title="Online Imaging Software" href="https://www.photopea.com/" target="_blank">Online
Imaging Software</a>
</div>
<a title="Photo Imaging Tutorials" href="https://www.nsuok.edu/modern-campus/photoshop/default.aspx"
target="_self">Photo Imaging Tutorials</a>
<button class="dropdown-btn">Recorded Workshops <span class="fa-solid fa-caret-down"></span></button>
<div class="dropdown-container">
<a title="Omni Workshop: 2/11/2022" href="https://www.nsuok.edu/modern-campus/omni-cms-workshop/Omni-Workshop-2-11-2022.aspx"
target="_self">Omni Workshop: 2/11/2022</a>
<a title="Writing for the Web" href="https://www.nsuok.edu/modern-campus/omni-cms-workshop/writing-for-the-web.aspx"
target="_self">Writing for the Web</a>
</div>
<button class="dropdown-btn">Recorded Tutorials <span class="fa-solid fa-caret-down"></span></button>
<div class="dropdown-container">
<a title="Build a RiverHawk News Page" href="https://www.nsuok.edu/modern-campus/omni/RiverHawk-News-Page.aspx"
target="_self">RiverHawk News Page</a>
<a title="Updating Calendar" href="https://www.nsuok.edu/modern-campus/omni/Updating-NSU-Calendar.aspx"
target="_self">Updating NSU Main Calendar</a>
</div>
<a title="Online Imaging Software" href="https://www.nsuok.edu/_resources/images/omni-update-imgs/Content-Manager-OmniUpdate-Manual.pdf"
target="_blank">Content Manager Manual</a>
</div>
<script type="text/javascript" src="https://www.nsuok.edu/_resources/js/dropdown-btn.js"></script>
Photoshop: Cropping Image
Cropping is the process of removing portions of a photo to create focus or strengthen the composition. Use the Crop tool to crop and straighten photos in Photoshop. The Crop tool is non-destructive, and you can choose to retain the cropped pixels to optimize the crop boundaries later. The Crop tool also provides intuitive methods to straighten a photo while cropping.