How to Design an Engaging Seamless Image Post in Instagram (Photoshop Tutorial)
HTML-код
- Опубликовано: 21 авг 2024
- 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 ...
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.
Thanks for the tip Argzon, gonna utilize that next time. Thanks for watching too :)
🍦💪👍💪😋
That’s mathed up.
came to write the same😅
@@CodyBrownDesign too fast .you skipped explanation bro
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.
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?
@@mattoney4711 I hope you can use slice by guides in this instance for this before exporting
Exactly! Other option is, design everything in artboard.
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)
wtf there is an even easyer way on illustrator just create 6 600x600px artboards without space in a row and just export
View>New Guide Layout>4 Columns. YW
Thanks for that!
I don't have new guide layout in my version
THANK YOU
Thank you!
@@Jeehd which Photoshop version you are using?
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
Thx god
Instagram carousels are such a powerful feature on Instagram. Great tutorial.
PS: Just found your youtube channel and subscribed. Love it!
Thank you!
So glad to have stumbled on this video and your channel through RUclips recommendations!
Right on! Thanks for watching :)
Thank you for this. It was the simplest visual explanation of how to do a carousel. *two thumbs up*
Thanks Krystle!
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 .
Thank you
Thx for sharing champ!
mate this is the omly one iv found that isn't overly complicated so cheers just posted one !
This tutorial is what I've been searching for! Great job, thank you.👏
Thanks for watching Gabriela, glad you enjoyed!
Thanks for sharing a quick and simple method to create a great IG Slider post! I will be using this method in the future
Glad it was helpful! Thanks for watching
my man doing god's work
How can someone hate you man?jast look at your talent,iama huge fann bruh
if you write 4*1080 in the photoshop input field it will do the calculation to 4320. no calc needed.
Thanks for the tip!
I have given the like because of your last dialogue
totally loved your video man, no chance to hate it
Why thank ya!
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!
This is works so well man! More content like that pls!
Many thanks!
Thank you so much Cody
Great experience I had so much fun doing this!
Good job Cody love your packaging / label work
Thanks Jeremy, I appreciate it!
thanks for the tutorial. it gives me a new understanding of making carousel in Instagram
you could multiply 1080*5 in the canvas settings
Thank you. I love the tut. You just made it clear and simple
Great tip, mate! Thanks!
such a great and fun to watch tutorial, love it!
Thank ya!
Love it. Please make more
Thanks! I appreciate the comment :)
Awesome man loved it
Fantastic Cody. Thanks
Thanks a lot for this. I have always wanted to know how to do this
No problem :)
thank you for making this tutorial.. you earned a subscriber
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!
Big help! Thank you so much man!
No prob, thanks for watching
Very nice tutorial. Thank you so much for share!
Thanks that was useful
Glad to hear, thanks for watching :)
thanks for this boss, you doing god's work!
I like it, thanks so much
Thats exactly what I needed! Thank you 💥
thank you so much, brother
Awesome video Cody! Your execution and explanation was on point. Cheers!
Thank you, I appreciate that :)
Goooood
REally awesome
Your lesson is very helpful thank you, & you explain it very well thanks you so much for tutorials
Glad I could help :)
@@CodyBrownDesign I request you, please show me Interior Magazine cover design photoshop in tutorial.
i want to see these instastories in everyone 😛
I love this tutorial! Super great job!
Thanks Ashley! I appreciate it :)
This video was so useful and great to follow. Thank you!
yeah love it pls make more pls
More coming soon, thanks for watching!
your really really god
Very nice bro, I had no idea how this was made
Thanks Hugo!
thank you soooo much man, its really useful for me
good video..instead of creating in the same page, you can create it on a different artboardx3 of size 1080.
Thanks for sharing this idea, Cody. 🥂
My pleasure!
Thanks for this! It's exactly what I was looking for :)
Right on, thanks!
Thank you so much. It's really helpful.
Great video Cody, thank you so much.
Thank you!
it helps me a lot
good , nice share bro
thanks!
Wow. I so love this....
Nice !
thanks for the tutorial Cody
No problem, appreciate it!
Thanks, this tutorial was really helpful :)
Thanks for watching!
bro you are amazing, thank you
This man is amazing 👍 Great job
Really nice! Thank You!
Thank you. Nice learning.
No, You're Awesome
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.
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
Thank you this is so helpful 💓
Thanks for tuning in!
Amazing man ❤️🔥
Thanks so much man!
No prob!
Very Helpful
Thaaaaaaaaaaaaank you Brother...I appreciate your hard and amazing efforts.
Rim Designer from UAE
Thanks! Glad I could help
great vid
That is awesome. Thanks
Thanks for tuning in :)
A great idea, thanks!
Thanks!
Very Informative, thanks
Glad I could help!
Love it !
Thanks man... It's really great.. 🙌
Thanks for watching! Appreciate it
Amazing
i love it bro thnx
Amazing!! Thank you for sharing🙏
My pleasure! Thanks for watching
Thank you very much, really helpful, and very nice designed ♥
Watching videos from Israel and want to say thank you so much, all your videos are great!!
Thanks Eran, that’s awesome. Thanks for tuning in!
I'll trying this on my business page!
Awesome, would love to check it out
@@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
great work !!
Thank you!
Good video! Thank you!
Thanks for watching! :)
Nice work
Nice one..
Sayulita !
Sayulita is the best! Great surf town :)
@@CodyBrownDesign Not really hit me up for the secret spots ;) thanks for the video man
always nice from france
Thank you good sir
Of course, thanks for tuning in :D
Quite helpful, thank you!
cool thank you !
Thank you, I really appreciate it
Thanks Cody. Didn't hate it :-)...well done.
Awesome
great explanation thanks for the vid!:)
Thank you!
how do you avoid blurry text? can you explain more about the correct dimensions for clear text?
please help im finding it difficult to export the images sizes am exporting five photos
There is a short description in the first comment here. But what do you wanna know?
Thanks for the great content.
Great work Dude👌 .But you can also use slice tool for Exporting your Images Separately.
Thanks for watching, and thanks for the tip!
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?
Great work & channel! THX 🚀 BR from hamburg, germany
Thanks for tuning in!