Want add Atomic Visuals directly into your Atomic Essays?
Here's the steps I took to make the Sketch Essay below using @typeshare_co + @Procreateππ½
β Create essay & visual
β Upload essay to Procreate
β Add visual
β Share it!
A How-To Thread π§΅
Here's the steps I took to make the Sketch Essay below using @typeshare_co + @Procreateππ½
β Create essay & visual
β Upload essay to Procreate
β Add visual
β Share it!
A How-To Thread π§΅
https://twitter.com/AidaMAlston/status/1494027325712879618?s=20&t=u_O_TnDO1kVw9TRGGTLs0A
β
CREATE ESSAY & VISUAL
1οΈβ£ Write essay in Typeshare βπ½
β’ Write shorter! 150-200 words.
This leaves enough space for adding the visual later.
β’ Add 8-10 empty line breaks where you want your visual to go.
You'll end up with a big blank white space:
1οΈβ£ Write essay in Typeshare βπ½
β’ Write shorter! 150-200 words.
This leaves enough space for adding the visual later.
β’ Add 8-10 empty line breaks where you want your visual to go.
You'll end up with a big blank white space:
2οΈβ£ Draw corresponding visual in Procreate βοΈ
β’ You can use the same Atomic Visual canvas size recommended by @EvansNifty: 1920 x 1080 pixels
β’ Crop it later if you want to.
β’ You can use the same Atomic Visual canvas size recommended by @EvansNifty: 1920 x 1080 pixels
β’ Crop it later if you want to.
β
UPLOAD ESSAY TO PROCREATE
3οΈβ£ Back in Typeshare... π©π½βπ»
β’ Hit Publish
β’ Add a subtitle
β’ Hit Next Step
3οΈβ£ Back in Typeshare... π©π½βπ»
β’ Hit Publish
β’ Add a subtitle
β’ Hit Next Step
4οΈβ£ Download Essay Image π₯
β’ Choose Image Size 5: better readability
β’ Hit Download Image under preview
DON'T hit Next Step yetβΌοΈ
β’ Choose Image Size 5: better readability
β’ Hit Download Image under preview
DON'T hit Next Step yetβΌοΈ
5οΈβ£ Save to Photos πΈ
β’ Open the downloaded essay image in your Finder
β’ Save to your photo roll
Again, the photo of your essay will look like this:
β’ Open the downloaded essay image in your Finder
β’ Save to your photo roll
Again, the photo of your essay will look like this:
6οΈβ£ Note Pixel Size π²
β’ Open Information for the essay photo
β’ Note the pixel dimensions
β’ Open Information for the essay photo
β’ Note the pixel dimensions
7οΈβ£ Create new canvas in Procreate π¨
β’ Hit the β sign to create a new canvas
β’ Enter the SAME pixel dimensions as the essay photo
I found the essay text looked blurry when I used a canvas with different pixel dimensions.
β’ Hit the β sign to create a new canvas
β’ Enter the SAME pixel dimensions as the essay photo
I found the essay text looked blurry when I used a canvas with different pixel dimensions.
8οΈβ£ Upload Essay Image π€
β’ Go to Actions (the tool icon in upper left)
β’ Hit Add
β’ Hit Insert a Photo
(2nd pic is what it looks like inserted)
β’ Go to Actions (the tool icon in upper left)
β’ Hit Add
β’ Hit Insert a Photo
(2nd pic is what it looks like inserted)
β
ADD VISUAL
9οΈβ£ Copy visual from Gallery βοΈβοΈ
β’ Go to Gallery and open canvas of the visual you made for the essay
β’ Swipe down with 3 fingers
β’ Hit Copy All from menu
9οΈβ£ Copy visual from Gallery βοΈβοΈ
β’ Go to Gallery and open canvas of the visual you made for the essay
β’ Swipe down with 3 fingers
β’ Hit Copy All from menu
π Paste visual to essay π
β’ Go back to Gallery
β’ Open canvas with the essay image
β’ Swipe down with 3 fingers & hit Paste
β’ Use "Transform Tool" to resize visual as you wish
*Pro Tip:
β’ Select "Snapping" in bottom menu
β’ Lines help to easily center the visual
β’ Go back to Gallery
β’ Open canvas with the essay image
β’ Swipe down with 3 fingers & hit Paste
β’ Use "Transform Tool" to resize visual as you wish
*Pro Tip:
β’ Select "Snapping" in bottom menu
β’ Lines help to easily center the visual
β
SHARE IT!
1οΈβ£1οΈβ£ Save to Photos π·
β’ Go to Actions > Share > PNG
β’ Save to your photo roll
You'll attach it as a pic when you make your tweet.
1οΈβ£1οΈβ£ Save to Photos π·
β’ Go to Actions > Share > PNG
β’ Save to your photo roll
You'll attach it as a pic when you make your tweet.
1οΈβ£2οΈβ£ Delete white space in original essay β©οΈ
β’ Go back to Typeshare on the computer
β’ Hit X at top left to close the page & return to text editor
β’ Delete empty line breaks
β’ Hit Publish > Image Size 5 > Next Step
*No need to download image this time
β’ Go back to Typeshare on the computer
β’ Hit X at top left to close the page & return to text editor
β’ Delete empty line breaks
β’ Hit Publish > Image Size 5 > Next Step
*No need to download image this time
1οΈβ£3οΈβ£ Publish to Typeshare only π§π½ββοΈ
β’ Deselect the Twitter option under "Choose Where to Publish"
β’ Hit Publish
You want the Text-only version (without visual) to publish on Typeshare
...and the Text + Visual version on Twitter (that you'll publish manually)
β’ Deselect the Twitter option under "Choose Where to Publish"
β’ Hit Publish
You want the Text-only version (without visual) to publish on Typeshare
...and the Text + Visual version on Twitter (that you'll publish manually)
1οΈβ£4οΈβ£ Copy URL
β’ When published, hit "View on Typeshare"
β’ Copy URL of the essay
β’ When published, hit "View on Typeshare"
β’ Copy URL of the essay
1οΈβ£5οΈβ£ Tweet your Sketch Essay
β’ Open Twitter & compose a tweet for the essay
β’ Attach photo of the Sketch Essay saved in your roll
β’ Publish it!
β’ Open Twitter & compose a tweet for the essay
β’ Attach photo of the Sketch Essay saved in your roll
β’ Publish it!
1οΈβ£6οΈβ£ Reply with Typeshare URL
β’ Paste URL of of the text-only version on Typeshare in a reply to your tweet
YOU'RE DONE FINALLY!
β’ Paste URL of of the text-only version on Typeshare in a reply to your tweet
YOU'RE DONE FINALLY!
TL; DR on making a Sketch Essay in Typeshare + Procreate π
β’ Write essay in Typeshare
β’ Draw visual in Procreate
β’ Download essay image
β’ Upload to Procreate
β’ Paste visual onto essay
β’ Share it!
β’ Write essay in Typeshare
β’ Draw visual in Procreate
β’ Download essay image
β’ Upload to Procreate
β’ Paste visual onto essay
β’ Share it!
And what we REALLY learned was...
@typeshare_co needs to support images in Atomic Essays!
Like if you agree! ππ½
And follow me for more on learning to make Atomic Visuals βοΈπ΄ββ οΈ
#pencilpirates
@typeshare_co needs to support images in Atomic Essays!
Like if you agree! ππ½
And follow me for more on learning to make Atomic Visuals βοΈπ΄ββ οΈ
#pencilpirates
β’ β’ β’
Missing some Tweet in this thread? You can try to
force a refresh
γ
