BeforeAfterPro templatePremiumSocial
TikTok
Social category, on a 9:16 vertical canvas, with Bebas Neue labels reading Before and After, over a gradient ground. Drag the handle to see it work.
BeforeAfterThe job it is forPremium pack
What TikTok is for
Near-black with the platform's own pink as the divider, condensed caps, gently rounded corners, vertical. The palette is the point: a post framed in the colours of the app it is sitting in reads as native rather than as an import, and on a surface where posts are judged in the first half second, that is worth something. Best with a subject that has hard edges.
Behind the pair sits a 2 stop gradient, #010101 through #1A0010, drawn by the frame itself. Labels are set in Bebas Neue, bottom centre, over a 3 point #FF0050 divider. The canvas is 9:16 vertical, rounded by 12 points, and the labels arrive reading Before and After.
The specificationExtracted, not typed
Every value in TikTok, as the build holds it
Canvas shape is the value that decides this category, so the diagram leads with it: the frame at true proportion, the line the rule takes across it, the corner holding the labels, and any strip held back beneath the pair. Everything the record states in words rather than measurements is listed alongside.
- Canvas9:16
- Rule3 pt
- LabelsBottom centre
- BandNone
- Canvas
- 9:16 vertical
- Label face
- Bebas Neue
- Label corner
- Bottom centre
- Rule
- 3 pt
- Corners
- 12 pt radius
- Ground
- 2 stop gradient
- Branding
- Overlaid, no band
- Date stamp
- Off by default
- Default wording
- Before and After
- Pack
- Premium
- Frame#010101
- Ground stop 1#010101
- Ground stop 2#1A0010
- Rule#FF0050
- Label#FFFFFF
Read out of the shipped app build by the catalogue extractor, not typed.
Shooting for itSocial category
How to shoot a pair for TikTok
The shape is the point, so compose for it. A vertical frame gives you height and takes away width, which suits a person, a door, a full-length pair and almost nothing that lies down. A driveway or a kitchen bench put into a vertical crop arrives as a stripe. Check where the platform's own interface sits too: captions, handles and buttons crowd the bottom of a vertical post, which is exactly where most of these templates put their labels.
In orderWritten for social work
- 01Decide where the post is going before you pick anything. That decision is the whole category.
- 02Shoot the pair in the orientation you will publish in. A landscape photograph cropped to vertical loses the sides, and the sides are usually where the mess was.
- 03Pick the template whose ground colour does not fight the platform's own interface sitting over it.
- 04Keep the label wording short. A vertical post is watched at arm's length on a phone held in a hand that is already scrolling.
- 05Export at the ratio the surface wants. The export sheet offers vertical and square, with portrait and the original ratio on Pro, and that choice is separate from the template's own canvas.
Before committing a pair to a tall crop, find out whether it survives one. The browser slider compares the two photographs where they already are, on your device, in roughly two seconds, and why before and after photos look fake deals with the halves that refuse to sit together.
Honest limitsTwo of them, and both are real
What TikTok will not do
A template's canvas and your export ratio are two different settings, and a mismatch is the commonest way one of these posts arrives letterboxed. The tall Pinterest crop in particular has no matching export ratio of its own, so it reaches its shape through the original ratio option. Platform interfaces also change without warning: the safe area at the foot of a vertical post is a moving target, and a label that cleared the caption last year may not clear it now. Two still photographs remain the whole input.
On this template in particularThe gradient is part of the template rather than a filter over your photographs, so it cannot be turned off or recoloured. If the ground is fighting your subject, the fix is a different template rather than a setting.
If this one is not itFour questions, four answers
Without upgrading
BeforeAfterOpens on the free tier, on a 9:16 vertical canvas with Inter Bold labels.
Same pack, other end
UntreatedGlowingA lighter ground in the same pack, with a 2 point #FFFFFF rule.
Same shape, other register
BeforeAfterThe same 9:16 vertical canvas, filed under niche rather than social.
Same label face
BeforeAfterAlso set in Bebas Neue, so a series can change frame without changing voice.
After the frame, the pair and the captionFor premium work
Back up to every social template, or to the whole catalogue. The free browser slider is at the slider tool, and the hashtag research by trade starts at the hashtag index.
Common questions
- Who is the TikTok template for?
- Near-black with the platform's own pink as the divider, condensed caps, gently rounded corners, vertical. The palette is the point: a post framed in the colours of the app it is sitting in reads as native rather than as an import, and on a surface where posts are judged in the first half second, that is worth something. Best with a subject that has hard edges.
- When should I use something other than TikTok?
- Nothing here posts to TikTok or connects to it. This is a colour scheme and a canvas shape, so the export still goes out of the app and into your camera roll like every other one.
- Is TikTok free?
- No, it is one of the Pro templates. The free tier opens 8 of the 100, and everything else in the editor is free with them: all four comparison modes, Ghost Camera, the filters, the stickers, the full label editor, and your own logo and business name.
- What shape is TikTok, and what will it export at?
- The template's canvas is 9:16 vertical. The export ratio is a separate choice made in the export sheet: 9:16 and 1:1 on the free tier, plus 4:5 and the original ratio on Pro. 9:16 is among them, so the canvas and the export can match exactly.
- Can I change the BEFORE and AFTER wording?
- Yes. TikTok starts with "Before" and "After", and every part of that is editable: the text, the typeface, the colour, the size, bold and italic, uppercase, a shadow, the background opacity, and the position, either one of five presets or dragged anywhere on the canvas.
- Can I compare two video clips with this?
- It cannot. Every template on this site, this one included, is a frame around two photographs; the word video describes the export rather than the input, and the export is an MP4, a GIF or a still.
Put your own pair in TikTok
Two photographs, one template, and a reveal that plays in about four seconds. Three exports a day are free, each behind a short rewarded ad.
Get the app freeiPhone, iOS 17 and later