Skip to main content
March 23, 2026Dan Rodney/2 min read

Setting Up: Free Photoshop Tutorial

Master Photoshop Setup for Professional Web Design

Setup Requirements

Complete the following setup prior to beginning any exercises to ensure you have properly configured class files for the tutorial.

Before diving into the creative possibilities of Photoshop for web design, it's essential to establish a proper workflow foundation. Complete the following setup to ensure you have a clean, organized workspace for all upcoming exercises.

Topics Covered in This Photoshop for Web Design Tutorial:

Setting up Your Class Files

Core Tutorial Components

Setting up Your Class Files

Learn the essential first steps to properly organize and prepare your working environment. This foundation ensures smooth workflow throughout the tutorial.

File Management Best Practices

Master the techniques for maintaining organized project files and creating backup copies. Proper file management prevents data loss and maintains project integrity.

Pre-Tutorial Preparation Workflow

1

Clear Your Desktop

Minimize or hide all open windows to access the Desktop clearly and locate the Class Files folder easily

2

Open Class Files Folder

Navigate to and open the main Class Files folder containing all tutorial materials and resources

3

Create Personal Copy

Follow platform-specific instructions to duplicate the folder and create your own working copy

Creating Your Own Copy of Class Files

Throughout this workbook, you'll be working with carefully prepared class files designed to reinforce key concepts and techniques. Rather than risking damage to the original files—a best practice in any professional design environment—we'll create a personal working copy that you can freely modify and experiment with.

This approach mirrors real-world agency and freelance workflows, where preserving original assets is crucial for project management and client deliverables. Let's get your workspace organized:

  1. Clear your desktop workspace by minimizing or hiding any open windows so you can easily navigate to your files.
  2. Locate and open the Class Files folder on your system.

  3. Follow the appropriate instructions for your operating system:

    Mac:
    • Select the Photoshop for Web Class folder with a single click.
    • Use the keyboard shortcut Cmd–D to create an instant duplicate.
    • Rename the duplicated folder to yourname-Photoshop for Web Class (replace "yourname" with your actual name for easy identification).
    Windows:
    • Select the Photoshop for Web Class folder with a single click.
    • Copy the folder using CTRL–C.
    • Paste the copy using CTRL–V.
    • Locate the newly created copy (it may appear at the bottom of your folder list) and rename it yourname-Photoshop for Web Class.

  4. Perfect! You now have a personalized set of class files that you can modify without fear of losing the originals. This setup will serve as your creative sandbox throughout the course, allowing you to experiment boldly while maintaining the safety net of pristine source files.

Platform-Specific Duplication Methods

FeatureMac InstructionsWindows Instructions
Selection MethodClick once to select folderClick once to select folder
Primary ActionPress Cmd-D to duplicatePress Ctrl-C to copy
Secondary ActionAutomatic duplicationPress Ctrl-V to paste
Final StepRename duplicate folderRename copied folder
Recommended: Both methods achieve the same result of creating a personal working copy of class files.

File Duplication Verification

0/4
File Organization Benefits

Creating your own copy of class files protects the original materials while giving you freedom to experiment and modify files during the learning process.

Key Takeaways

1Proper setup is essential before beginning any Photoshop tutorial exercises to ensure smooth workflow
2Creating duplicate copies of class files protects original materials while allowing freedom to experiment
3Mac users can duplicate folders quickly using Cmd-D keyboard shortcut for efficient file management
4Windows users should use Ctrl-C and Ctrl-V combination to copy and paste folders effectively
5Renaming your personal folder copy helps distinguish it from original class materials
6Both Mac and Windows methods achieve the same goal of creating a personal working environment
7Minimizing open windows provides clear desktop access for easier file navigation and organization
8Having your own set of class files enables hands-on learning throughout the entire tutorial course

RELATED ARTICLES