---
# System prepended metadata

title: Shorthand Guide with comments

---

# Shorthand Guide with comments

Following Charlie's guide:

1. Start new project
2. Add focus image for title page using the image icon to the right of the section display on the left hand of the screen.
![alt text](https://files.slack.com/files-pri/T0HTW3H0V-F030VDNKPFF/screen_shot_2022-01-31_at_10.38.50_am.png?pub_secret=6fdbd52a0b)

4. Add new section-- I chose to use a "background scrollmation"
* Both Charlie and I couldn't work out how to copy the same image over multiple sections. I also noted how frustrating it was that there is no image editing in shorthand. I had to crop and create new photos manually. 
 
* The scrolling text covers the left side of the page, so if I wanted a consistent scroll (where the text does not change sides), the spotlighted image must always be on the right. The obverse is already on the right (and can be fixed with a little changing of the focus point), but the head sits on the left of the image. I edited this in the mac jpec editor, covering the image I want to hide with a box colour-matching the black background and copy pasting the left hand image. I'm sure there's a faster way to do this that creates a smaller size image, but I couldn't think of anything.
    
    
The original photo goes from this:
    
![alt text](https://files.slack.com/files-pri/T0HTW3H0V-F031N292FQ8/18736069.jpg?pub_secret=0ec5344c78) 

to 

![alt text](https://files.slack.com/files-pri/T0HTW3H0V-F030RNK3UHL/screen_shot_2022-01-31_at_10.48.57_am.png?pub_secret=96640ba64e)
 
 after changing the focus from the centre of the image to the right 
 
 ![alt text](https://files.slack.com/files-pri/T0HTW3H0V-F030YKGQ7U3/screen_shot_2022-01-31_at_11.40.05_am.png?pub_secret=701746e41c)

For the left hand image I didn't have to refocus the image and just used the new image which looks like this:
![alt text](https://files.slack.com/files-pri/T0HTW3H0V-F030YG88E83/og_picture_left_only.jpeg?pub_secret=bb87298521)

and presented like this in the scrollmation

![alt text](https://files.slack.com/files-pri/T0HTW3H0V-F030J1B7QAK/screen_shot_2022-01-31_at_11.45.46_am.png?pub_secret=3d0650d164)

I'm still having a think about how to ensure the pictures line up in a way I'd feel more satisfied in but I'm sure it'd be possible with more precise image editing.


4. I then moved on to using scrollpoints. While Charlie also used this feature, I actually think that for students, scrollmation and scrollpoints are probably the most useful/necessary tools shorthand has to offer.

This tool was pretty intuitive: add a scroll point by using the turqouise button with the pencil on it above the pre existing text. This text also serves as a guide in how to use the feature.

![alt text](https://files.slack.com/files-pri/T0HTW3H0V-F030ZEMRCA2/screen_shot_2022-02-01_at_2.10.22_pm.png?pub_secret=4675ee604f)

I added a scrollpoint example and then used the "re-order scrollpoints" tool to bring up a sidebar of the left which views each scrollpoint as a slide to rearrange. 

![alt text](https://files.slack.com/files-pri/T0HTW3H0V-F031JP947U1/screen_shot_2022-02-01_at_2.10.13_pm.png?pub_secret=0650cd6d85)


