30th April 2022 - 1st May 2022
Learning Photoshop & Using A Drawing Tablet
These are my notes taken from Marc Brunet's Term 1 - Photoshop for DIgital Prod 1 and my takeaways from this experience. Note I'm a Windows PC user so the shortcuts mentioned will be different on a Apple/Mac - Use CMD key instead of Ctrl. I'm also using Adobe Photoshop 2022 as I'm doing this tutorial, so some names may be slightly different if you're using an older version.
Things needed:
-
Computer or Tablet Computer (like an iPad/SamsungGalaxy Tab)
-
Adobe Photoshop (Or Photoshop Alternatives, I've provided a list below)
-
Drawing Tablet (Wacom etc) - The ones with just a pen and board and no display screen - If you have a Tablet Computer you won't need this.
These are alternative Adobe Photoshop options my brother Walter suggested (Mainly for those who are students or are on a tight budget and can't afford the subscription:
-
Krita - This is a free and open source painting program.
-
Clip Studio Paint - This one is paid, but it's a one-time purchase. My brother highly recommends this one and suggests waiting until there's a discount on the EX version - apparently they have sales a few times a year (So I'll be waiting for this).
If any readers have any other recommendations, I'd be more than happy to add it to this list.
Setting Up A Photoshop Project
Step 1. Open Photoshop App
Step 2. File > New... | Ctrl + N - This will open up a 'New Document' window
New Document window (This is a list of the details)
-
Name: This is your project file name.
-
Document Type: This doesn't exist on Photoshop 2022, but Marc chooses Custom.
-
Width and Height: Set both to Pixels | Width: 1920px & Height: 1080px (This is the standard HD (High Definition) - 1080p)
-
Orientation: This lets you choose between a Portrait or Landscape canvas (Vertical or Horizontal)
-
Resolution: This is for printing on paper - He sets this to 300px/inch (You won't need this if you're only doing digital art)
-
Color Mode: Default RGB Color 8 Bit is good for the standard digital art. (CMYK Color is for printing and you would go higher than 8 bit if you're working on e.g. a video game where it may compress the colours)
-
Background Content: This is the colour you want as the default for your canvas. White is the standard (Transparent is another good option).
-
Advanced Options/Color Management: This is for printing, and may be useful in the future, but not necessary for the time being.
Step 3. Press OK / Create
Setting Up Photoshop Windows
This is Marcs Default settings for the panels displayed on the side.
Go to Window > Tick the following:
- Color
- History
- Layers
- Navigator
Setting Up Photoshop Preferences
Step 1. Go to Edit > Preferences | Ctrl + K
Step 2. Go to Interface
-
Color Theme: Lets you choose what colour UI (User Interface) you'd like - There's only grayscale options (I like black or white). Marc prefers the darker colours as its easier for the eyes.
Step 3. Click Workspace > Marc has only two things ticked: 'Auto Show Hidden Panels' and 'Large Tabs' ticked. The rest are disabled. He explains that he prefers no tabs because it's visually easier to see each window and they're accessible to move around. It's mostly preference, so just try teach option out and choose what you like (I prefer tabs as I find the windows a bit distracting, but it depends what you're drawing etc. I can see it being useful if you've got a reference image on a separate window).
Setting Up A Drawing Tablet (Wacom)
Turn off your pens right-click, as it's left on by default.
Step 1. Control Panel > Hardware and Sound > Pen and Touch
- In the Pen Options Tab > Go to the 'Press and hold' Settings
and untick the 'Enable press and hold for right-clicking'
-
Note: If you have the Flicks and Touch tab, uncheck their
settings too. (I didn't have these tabs on my PC running Windows 10)
Step 2. Click OK.
Step 3. In your Wacom Tablet Properties (In the Control Panel) keep everything in the middle (default) unless you have a specific preference.
Photoshop Basics
Actions used the most are:
- New... | Ctrl + N - Create a new project
- Open... | Ctrl + O - Open a project
- Save | Ctrl + S - Save current project
- Save As... | Shift + Ctrl + S - Save a new project in a specific place
- Undo | Ctrl + Z - Goes back one action ago | Ctrl + Alt + Z to go back more actions.
- Redo | Shift + Ctrl + Z - Brings back the last action that was Undo
- Toggle Screen Modes | F - Windowed, Full Screen with Tools, Full Screen no Tools)
- Hand Tool | Spacebar or H - Lets you move around the canvas.
- Brush Size Adjustment | { to make brush smaller and } to make brush bigger or alternatively you can Hold Alt + Right Click then drag left or right to adjust the size. (Marc changes these in the settings to C and V as they're closer to Alt which is a function that is used a lot in Photoshop)
Color Picker | Hold Alt then click on a surface of the colour you'd like.
- Keyboard Shortcuts...| Alt + Shift + Ctrl + K - Access to all the keyboard shortcuts that you can adjust to fit your needs.
Saving A Project
Step 1. File > Save As... | Shift + Ctrl + S - This will open a Save As window
Step 2. Choose where to save the project
Step 3. Name the project in the 'File Name' section
Step 4. Select a file format in the 'Save as type' (The options are described further below)
Step 5. Edit > Preferences > General | Ctrl + K
Step 6. Go to File Handling on the left side > Tick 'Automatically Save Recovery Information Every' and choose 5 minutes.
Save as Types/Formats - Popular options are:
PSD - This is the default photoshop file or photoshop work in progress file - For if you plan on continuing with the project, as it'll keep all of your progress i.e. layers and adjustments you made. (Can only be opened in Photoshop)
JPG - Good for regular images - Tip: When saving as this file, never go to the maximum. Quality: 8 (High) is Marc's recommendation - It looks great and doesn't take much space. (For Online/Website)
PNG - Good for images with transparent backgrounds (For Online/Website/Compositing Programs)
GIF - Good for animated images (But very compressed i.e. might pixelated and missing colours)
Targa/TIFF - Good for video games/photographers where you want the image as close to lossless as possible. It's a very big file size.
Quick Tips:
- If nothing is showing up when you draw make sure the Mode is set to Normal and the opacity of the brush is set to 100%.
- You can increase the number of your History actions in the Preferences (Performance > History States: 1000)
- Hovering the mouse on top of the tools for a couple of seconds will tell you the name of the tool and give you the shortcuts.
This is an image of the Photoshop Shortcuts provided by Marc in his video: