How to Design an Engaging Seamless Image Post in Instagram (Photoshop Tutorial)

Hey all,
Been asked a few times how I make my Instagram slider posts. In this tutorial you'll learn in Photoshop, how to easily create a multi-image post for Instagram that is seamless, dynamic, and unique.
Great way to showcase your photography, UI design, logos, and branding work!
Would love to see what you've made! Tag me on Instagram @mistercodybrown and I'll share a few in my next video :D
Hope you enjoy.
Music by:
Prod. Riddiman
Stream his beats on:
Spotify: spoti.fi/2u4ZS7R
Apple Music: apple.co/2GIxb8j
Tranquillity - Chill Lofi Hip Hop Beat
• tranquillity - lofi hi...
Antisocial - Lofi Hip Hop Beat
• antisocial - lofi hip ...

[@ArgzonHaziraj]

A little tip when changing the width or height of the canvas. Instead of using a calculator, you can do maths directly in Photoshop. For example, you have 1080px and you want 4 of these you do 1080*4 and Photoshop will do the maths for you.

[@CodyBrownDesign]

Thanks for the tip Argzon, gonna utilize that next time. Thanks for watching too :)

[@rugarlig]

🍦💪👍💪😋

[@jahfoolay3150]

That’s mathed up.

[@user-ej4jp9rl9n]

came to write the same😅

[@ikramkhan-ml2ex]

@@CodyBrownDesign too fast .you skipped explanation bro

[@meikokaisuke6142]

There's actually an easier way to export all parts instead of cropping it and then export individually . Slice each part by using the slice tool then click File > Save for web > on the Image size panel, change the quality to bicubic sharper.

[@mattoney4711]

Sometimes when I do it this way, it creates a 1 pixel wide image in between ... as if I missed the slice tool by a liiiiiitle bit. I try it like five times and eventually give up. Lol. Any ideas?

[@diranachintha8798]

@@mattoney4711 I hope you can use slice by guides in this instance for this before exporting

[@winterassociation5739]

Exactly! Other option is, design everything in artboard.

[@mathiaspfuetzner]

And you produce the slices automatically. Use the slice tool - right click - seperate slices ? (Sorry I use the german version, so i don't know how they translated it)

[@akapolkolko]

wtf there is an even easyer way on illustrator just create 6 600x600px artboards without space in a row and just export

[@marakyiya]

View>New Guide Layout>4 Columns. YW

[@CodyBrownDesign]

Thanks for that!

[@Jeehd]

I don't have new guide layout in my version

[@AyaAziz]

THANK YOU

[@yasamin427]

Thank you!

[@adi_ux]

@@Jeehd which Photoshop version you are using?

[@evieemaya88]

2:43: Start of Carousel Designing / multiply canvas 1080*4 and Photoshop will do the math.
3:30: Adding Dividers for each images.
8:21: Exporting images

[@yuvaltwati2001]

Thx god

[@CustomScene]

Instagram carousels are such a powerful feature on Instagram. Great tutorial.
PS: Just found your youtube channel and subscribed. Love it!

[@CodyBrownDesign]

Thank you!

[@liberumstudio]

So glad to have stumbled on this video and your channel through RUclips recommendations!

[@CodyBrownDesign]

Right on! Thanks for watching :)

[@krystlegosine1022]

Thank you for this. It was the simplest visual explanation of how to do a carousel. *two thumbs up*

[@CodyBrownDesign]

Thanks Krystle!

[@alphinsebastian6039]

Another tip..you don't have to save each and every image one by one...there is an automatic way to do that in photoshop..just select the Slice tool from the crop tool section and select" slice from guides" in the top. Then go to file> export >save for web legacy. With the format changed to JPEG and all the other settings to the default, select the folder you want to save and hit save .

[@garebizarre4446]

Thank you

[@vantablack8624]

Thx for sharing champ!

[@adamjohnson8508]

mate this is the omly one iv found that isn't overly complicated so cheers just posted one !

[@Gabriela-sv5hv]

This tutorial is what I've been searching for! Great job, thank you.👏

[@CodyBrownDesign]

Thanks for watching Gabriela, glad you enjoyed!

[@FreshyFr3sh]

Thanks for sharing a quick and simple method to create a great IG Slider post! I will be using this method in the future

[@CodyBrownDesign]

Glad it was helpful! Thanks for watching

[@ernestolara3280]

my man doing god's work

[@SameerKhan-vo4xb]

How can someone hate you man?jast look at your talent,iama huge fann bruh

[@donomeniko]

if you write 4*1080 in the photoshop input field it will do the calculation to 4320. no calc needed.

[@CodyBrownDesign]

Thanks for the tip!

[@asifalicm2202]

I have given the like because of your last dialogue

[@adwincorreya8775]

totally loved your video man, no chance to hate it

[@CodyBrownDesign]

Why thank ya!

[@bitcoiner7]

in the home page of Ps, while creating a new doc,
in the dimentions you can type *1080*x*
where *x* is the number of frames u want
in this way dont need a calculator!
and instead using square to position your guides:
view > new guides layout
and there u are!

[@denispetrov650]

This is works so well man! More content like that pls!

[@CodyBrownDesign]

Many thanks!

[@Verumest]

Thank you so much Cody
Great experience I had so much fun doing this!

[@JeremyMuradesign]

Good job Cody love your packaging / label work

[@CodyBrownDesign]

Thanks Jeremy, I appreciate it!

[@makbuldaian]

thanks for the tutorial. it gives me a new understanding of making carousel in Instagram

[@ekkalaarey4251]

you could multiply 1080*5 in the canvas settings

[@ifeanyichukwuikwecheghe1363]

Thank you. I love the tut. You just made it clear and simple

[@pabloamos]

Great tip, mate! Thanks!

[@heiner1504]

such a great and fun to watch tutorial, love it!

[@CodyBrownDesign]

Thank ya!

[@migojolo2933]

Love it. Please make more

[@CodyBrownDesign]

Thanks! I appreciate the comment :)

[@uxalok]

Awesome man loved it

[@thomassumandio8110]

Fantastic Cody. Thanks

[@NNNedlog]

Thanks a lot for this. I have always wanted to know how to do this

[@CodyBrownDesign]

No problem :)

[@tiktokfinds6143]

thank you for making this tutorial.. you earned a subscriber

[@nicocabasi890]

So nice! I'm glad that I see your channel!! from adobe xd animation tutorial, designs etc. Thank you so much! Nice learning for me! Thanks Again!

[@aspjapoy]

Big help! Thank you so much man!

[@CodyBrownDesign]

No prob, thanks for watching

[@HerlonCosta]

Very nice tutorial. Thank you so much for share!

[@ImKrieger]

Thanks that was useful

[@CodyBrownDesign]

Glad to hear, thanks for watching :)

[@_casg]

thanks for this boss, you doing god's work!

[@fatimahalanssary4931]

I like it, thanks so much

[@diusvelikiy3286]

Thats exactly what I needed! Thank you 💥

[@mdmamunmondol2893]

thank you so much, brother

[@nomnompress]

Awesome video Cody! Your execution and explanation was on point. Cheers!

[@CodyBrownDesign]

Thank you, I appreciate that :)

[@spybooth1235]

Goooood

[@Harsshad]

REally awesome

[@minalsalvi8968]

Your lesson is very helpful thank you, & you explain it very well thanks you so much for tutorials

[@CodyBrownDesign]

Glad I could help :)

[@minalsalvi8968]

@@CodyBrownDesign I request you, please show me Interior Magazine cover design photoshop in tutorial.

[@stuupakk]

i want to see these instastories in everyone 😛

[@ashmcdazzled]

I love this tutorial! Super great job!

[@CodyBrownDesign]

Thanks Ashley! I appreciate it :)

[@ela-morgan6564]

This video was so useful and great to follow. Thank you!

[@wdesign1tobe]

yeah love it pls make more pls

[@CodyBrownDesign]

More coming soon, thanks for watching!

[@wdesign1tobe]

your really really god

[@hugocruz2600]

Very nice bro, I had no idea how this was made

[@CodyBrownDesign]

Thanks Hugo!

[@nithinkrishna1230]

thank you soooo much man, its really useful for me

[@Jishnucreations2021]

good video..instead of creating in the same page, you can create it on a different artboardx3 of size 1080.

[@soolatemitayo3480]

Thanks for sharing this idea, Cody. 🥂

[@CodyBrownDesign]

My pleasure!

[@TheAVM2011]

Thanks for this! It's exactly what I was looking for :)

[@CodyBrownDesign]

Right on, thanks!

[@separatetraveler8226]

Thank you so much. It's really helpful.

[@lydiawere]

Great video Cody, thank you so much.

[@CodyBrownDesign]

Thank you!

[@pau.lthecreator980]

it helps me a lot

[@RadinalRidwan91]

good , nice share bro

[@CodyBrownDesign]

thanks!

[@creative-edit-lab]

Wow. I so love this....

[@PipoBeats]

Nice !

[@tatbeqtatbeq3311]

thanks for the tutorial Cody

[@CodyBrownDesign]

No problem, appreciate it!

[@eydsgn]

Thanks, this tutorial was really helpful :)

[@CodyBrownDesign]

Thanks for watching!

[@-ma32ol36]

bro you are amazing, thank you

[@montassir4970]

This man is amazing 👍 Great job

[@C23M]

Really nice! Thank You!

[@sax4passion]

Thank you. Nice learning.

[@SuperTehri]

No, You're Awesome

[@ybarabanov]

Good video! But why such a complex process of saving individual images? It is much easier to build the guides and cut along the guides with the cutting tool. We save for the Web. And all the pictures fly away to a separate folder. Very simple.

[@CodyBrownDesign]

Thanks! seems I wasn’t exporting in the most efficient way, top comment on this video regarding using the slice tool may be another good way to go

[@mirianacantarella1346]

Thank you this is so helpful 💓

[@CodyBrownDesign]

Thanks for tuning in!

[@iamgerer]

Amazing man ❤️🔥

[@MatheusMattos-cw9qv]

Thanks so much man!

[@CodyBrownDesign]

No prob!

[@creatokit]

Very Helpful

[@rimshekfa6069]

Thaaaaaaaaaaaaank you Brother...I appreciate your hard and amazing efforts.
Rim Designer from UAE

[@CodyBrownDesign]

Thanks! Glad I could help

[@zazazakaria1937]

great vid

[@Molo71]

That is awesome. Thanks

[@CodyBrownDesign]

Thanks for tuning in :)

[@user-wx1kg6yg2e]

A great idea, thanks!

[@CodyBrownDesign]

Thanks!

[@qeva_]

Very Informative, thanks

[@CodyBrownDesign]

Glad I could help!

[@lovlya6390]

Love it !

[@AJ-fj3js]

Thanks man... It's really great.. 🙌

[@CodyBrownDesign]

Thanks for watching! Appreciate it

[@CodeAndProjects]

Amazing

[@nasirmohamed3218]

i love it bro thnx

[@greengaia_pt]

Amazing!! Thank you for sharing🙏

[@CodyBrownDesign]

My pleasure! Thanks for watching

[@tatopiano]

Thank you very much, really helpful, and very nice designed ♥

[@eranyona2195]

Watching videos from Israel and want to say thank you so much, all your videos are great!!

[@CodyBrownDesign]

Thanks Eran, that’s awesome. Thanks for tuning in!

[@Wasmm_]

I'll trying this on my business page!

[@CodyBrownDesign]

Awesome, would love to check it out

[@Wasmm_]

@@CodyBrownDesign oh please be my guest 😳, i did what you teach on the video with a little twist so i could make the background of 9 of my posts.
instagram.com/rosequartzpty?igshid=1iu0d77q8yb30

[@mouatassemalmasri5165]

great work !!

[@CodyBrownDesign]

Thank you!

[@AndreDiasDesign]

Good video! Thank you!

[@CodyBrownDesign]

Thanks for watching! :)

[@Voltgaming_]

Nice work

[@vijayjigraphics]

Nice one..

[@pegalin]

Sayulita !

[@CodyBrownDesign]

Sayulita is the best! Great surf town :)

[@pegalin]

@@CodyBrownDesign Not really hit me up for the secret spots ;) thanks for the video man

[@raffimazloumian8577]

always nice from france

[@wahomevictor6589]

Thank you good sir

[@CodyBrownDesign]

Of course, thanks for tuning in :D

[@MCKNZ]

Quite helpful, thank you!

[@spoilerbyfans2882]

cool thank you !

[@guruitcompany]

Thank you, I really appreciate it

[@jeffosborne440]

Thanks Cody. Didn't hate it :-)...well done.

[@seenuz1]

Awesome

[@levi_zim2818]

great explanation thanks for the vid!:)

[@CodyBrownDesign]

Thank you!

[@tamaragomezjordan7480]

how do you avoid blurry text? can you explain more about the correct dimensions for clear text?

[@harrylopez3736]

please help im finding it difficult to export the images sizes am exporting five photos

[@mathiaspfuetzner]

There is a short description in the first comment here. But what do you wanna know?

[@dsulvadarius]

Thanks for the great content.

[@AzeemKhan-si7kp]

Great work Dude👌 .But you can also use slice tool for Exporting your Images Separately.

[@CodyBrownDesign]

Thanks for watching, and thanks for the tip!

[@brianwilson8924]

When using the slice tool method I'm experienceing massive quality issues after export. So grainy you can't really see what it is. Any ideas why?

[@sonicgraf]

Great work & channel! THX 🚀 BR from hamburg, germany

[@CodyBrownDesign]

Thanks for tuning in!