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

แชร์
ฝัง
  • เผยแพร่เมื่อ 22 ม.ค. 2025

ความคิดเห็น • 269

  • @ArgzonHaziraj
    @ArgzonHaziraj 4 ปีที่แล้ว +366

    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
      @CodyBrownDesign  4 ปีที่แล้ว +37

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

    • @rugarlig
      @rugarlig 3 ปีที่แล้ว +2

      🍦💪👍💪😋

    • @jahfoolay3150
      @jahfoolay3150 3 ปีที่แล้ว +4

      That’s mathed up.

    • @ЖеняГузненков
      @ЖеняГузненков 3 ปีที่แล้ว +4

      came to write the same😅

    • @ikramkhan-ml2ex
      @ikramkhan-ml2ex 3 ปีที่แล้ว +1

      @@CodyBrownDesign too fast .you skipped explanation bro

  • @meikokaisuke6142
    @meikokaisuke6142 4 ปีที่แล้ว +157

    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
      @mattoney4711 4 ปีที่แล้ว +5

      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
      @diranachintha8798 4 ปีที่แล้ว +1

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

    • @winterassociation5739
      @winterassociation5739 4 ปีที่แล้ว +6

      Exactly! Other option is, design everything in artboard.

    • @mathiaspfuetzner
      @mathiaspfuetzner 4 ปีที่แล้ว

      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
      @akapolkolko 4 ปีที่แล้ว +5

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

  • @ernestolara3280
    @ernestolara3280 3 ปีที่แล้ว +1

    my man doing god's work

  • @CustomScene
    @CustomScene 4 ปีที่แล้ว +27

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

  • @liberumstudio
    @liberumstudio 4 ปีที่แล้ว +12

    So glad to have stumbled on this video and your channel through TH-cam recommendations!

  • @Gabriela-sv5hv
    @Gabriela-sv5hv 4 ปีที่แล้ว +7

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

    • @CodyBrownDesign
      @CodyBrownDesign  4 ปีที่แล้ว +1

      Thanks for watching Gabriela, glad you enjoyed!

  • @krystlegosine1022
    @krystlegosine1022 4 ปีที่แล้ว +12

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

  • @adamjohnson8508
    @adamjohnson8508 4 ปีที่แล้ว +2

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

  • @SameerKhan-vo4xb
    @SameerKhan-vo4xb 3 ปีที่แล้ว

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

  • @adwincorreya8775
    @adwincorreya8775 3 ปีที่แล้ว +1

    totally loved your video man, no chance to hate it

  • @FreshyFr3sh
    @FreshyFr3sh 4 ปีที่แล้ว +2

    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
      @CodyBrownDesign  3 ปีที่แล้ว

      Glad it was helpful! Thanks for watching

  • @JeremyMuradesign
    @JeremyMuradesign 4 ปีที่แล้ว +3

    Good job Cody love your packaging / label work

  • @evieemaya88
    @evieemaya88 2 ปีที่แล้ว +8

    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

  • @denispetrov650
    @denispetrov650 4 ปีที่แล้ว +2

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

  • @makbuldaian
    @makbuldaian 2 ปีที่แล้ว

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

  • @heiner1504
    @heiner1504 4 ปีที่แล้ว +3

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

  • @tiktokfinds6143
    @tiktokfinds6143 ปีที่แล้ว

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

  • @uxalok
    @uxalok 3 ปีที่แล้ว +1

    Awesome man loved it

  • @Verumest
    @Verumest 3 ปีที่แล้ว +3

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

  • @_casg
    @_casg ปีที่แล้ว

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

  • @HerlonCosta
    @HerlonCosta 3 ปีที่แล้ว +1

    Very nice tutorial. Thank you so much for share!

  • @aspjapoy
    @aspjapoy 3 ปีที่แล้ว +1

    Big help! Thank you so much man!

  • @nomnompress
    @nomnompress 4 ปีที่แล้ว +1

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

  • @ifeanyichukwuikwecheghe1363
    @ifeanyichukwuikwecheghe1363 4 ปีที่แล้ว +3

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

  • @marakyiya
    @marakyiya 4 ปีที่แล้ว +55

    View>New Guide Layout>4 Columns. YW

    • @CodyBrownDesign
      @CodyBrownDesign  4 ปีที่แล้ว +6

      Thanks for that!

    • @Jeehd
      @Jeehd 3 ปีที่แล้ว +4

      I don't have new guide layout in my version

    • @AyaAziz
      @AyaAziz 3 ปีที่แล้ว +2

      THANK YOU

    • @yasamin427
      @yasamin427 3 ปีที่แล้ว +2

      Thank you!

    • @adi_ux
      @adi_ux 3 ปีที่แล้ว +1

      @@Jeehd which Photoshop version you are using?

  • @diusvelikiy3286
    @diusvelikiy3286 2 ปีที่แล้ว

    Thats exactly what I needed! Thank you 💥

  • @hugocruz2600
    @hugocruz2600 4 ปีที่แล้ว +1

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

  • @NNNedlog
    @NNNedlog 4 ปีที่แล้ว +2

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

  • @migojolo2933
    @migojolo2933 3 ปีที่แล้ว +2

    Love it. Please make more

  • @minalsalvi8968
    @minalsalvi8968 4 ปีที่แล้ว +2

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

    • @CodyBrownDesign
      @CodyBrownDesign  4 ปีที่แล้ว +1

      Glad I could help :)

    • @minalsalvi8968
      @minalsalvi8968 4 ปีที่แล้ว

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

  • @nithinkrishna1230
    @nithinkrishna1230 3 ปีที่แล้ว

    thank you soooo much man, its really useful for me

  • @nicocabasi890
    @nicocabasi890 4 ปีที่แล้ว +3

    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!

  • @thomassumandio8110
    @thomassumandio8110 4 ปีที่แล้ว +1

    Fantastic Cody. Thanks

  • @ashmcdazzled
    @ashmcdazzled 4 ปีที่แล้ว +1

    I love this tutorial! Super great job!

  • @ela-morgan6564
    @ela-morgan6564 2 ปีที่แล้ว

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

  • @soolatemitayo3480
    @soolatemitayo3480 4 ปีที่แล้ว +1

    Thanks for sharing this idea, Cody. 🥂

  • @montassir4970
    @montassir4970 3 ปีที่แล้ว

    This man is amazing 👍 Great job

  • @asifalicm2202
    @asifalicm2202 4 ปีที่แล้ว +1

    I have given the like because of your last dialogue

  • @pabloamos
    @pabloamos 5 หลายเดือนก่อน

    Great tip, mate! Thanks!

  • @eymayy
    @eymayy 3 ปีที่แล้ว +1

    Thanks, this tutorial was really helpful :)

  • @alphinsebastian6039
    @alphinsebastian6039 3 ปีที่แล้ว +4

    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 .

  • @TheAVM2011
    @TheAVM2011 4 ปีที่แล้ว +1

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

  • @lydiawere
    @lydiawere 4 ปีที่แล้ว +1

    Great video Cody, thank you so much.

  • @-ma32ol36
    @-ma32ol36 2 ปีที่แล้ว

    bro you are amazing, thank you

  • @pau.lthecreator980
    @pau.lthecreator980 4 ปีที่แล้ว +1

    it helps me a lot

  • @dywili
    @dywili 2 หลายเดือนก่อน

    How do you save as a template for future

  • @EdvardGreg
    @EdvardGreg 4 ปีที่แล้ว +2

    Very informative video. I'm curious though how did you create those mockups for the can. If you can share how you created them, that would be great! Thanks!

    • @CodyBrownDesign
      @CodyBrownDesign  4 ปีที่แล้ว +1

      You can find mock-ups like this on Creative Market and/or random googling. Thanks for watching!

  • @eranyona2195
    @eranyona2195 4 ปีที่แล้ว +1

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

    • @CodyBrownDesign
      @CodyBrownDesign  4 ปีที่แล้ว

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

  • @iamgerer
    @iamgerer 3 ปีที่แล้ว

    Amazing man ❤️🔥

  • @tatbeqtatbeq3311
    @tatbeqtatbeq3311 4 ปีที่แล้ว +1

    thanks for the tutorial Cody

  • @Wasmm_
    @Wasmm_ 4 ปีที่แล้ว +1

    I'll trying this on my business page!

    • @CodyBrownDesign
      @CodyBrownDesign  4 ปีที่แล้ว

      Awesome, would love to check it out

    • @Wasmm_
      @Wasmm_ 4 ปีที่แล้ว

      @@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

  • @separatetraveler8226
    @separatetraveler8226 4 ปีที่แล้ว +1

    Thank you so much. It's really helpful.

  • @mirianacantarella1346
    @mirianacantarella1346 4 ปีที่แล้ว +1

    Thank you this is so helpful 💓

  • @fatimahalanssary4931
    @fatimahalanssary4931 4 ปีที่แล้ว +1

    I like it, thanks so much

  • @paullevine7230
    @paullevine7230 4 ปีที่แล้ว +1

    Great tutorial thank you! I’m having issues with my uploads they are coming out pixelated. I’ve copied your settings exactly. Is there anything I can do to fix this?

    • @CodyBrownDesign
      @CodyBrownDesign  4 ปีที่แล้ว

      What size and resolution are your art-boards? Make sure those are high

  • @creative-edit-lab
    @creative-edit-lab 4 ปีที่แล้ว +1

    Wow. I so love this....

  • @qeva_
    @qeva_ 4 ปีที่แล้ว +2

    Very Informative, thanks

  • @ekkalaarey4251
    @ekkalaarey4251 4 ปีที่แล้ว +3

    you could multiply 1080*5 in the canvas settings

  • @gtlux4198
    @gtlux4198 3 ปีที่แล้ว

    Which adobe program you use to create graphic?

  • @rimshekfa6069
    @rimshekfa6069 4 ปีที่แล้ว +1

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

  • @Harsshad
    @Harsshad 4 ปีที่แล้ว

    REally awesome

  • @albinosgambit1877
    @albinosgambit1877 4 ปีที่แล้ว

    But after 4:26 you speed up so fast why? I cant learn the rest. How to this example when I do not have those images?

    • @CodyBrownDesign
      @CodyBrownDesign  4 ปีที่แล้ว

      Thanks for tuning in Albinos. Did you get to 6:04 where I go through my rationale of my layout and thinking?
      Also, I try to keep these tutorials from being too long winded and dense because I know folks want to get right to the point. But your feedback makes sense. I’ll do a better job of not speeding up too much.

    • @albinosgambit1877
      @albinosgambit1877 4 ปีที่แล้ว

      @@CodyBrownDesign Hi Cody. Thanks for the reply appreciate that. I did see the complete video, but still I am not sure how much is to be learned here other than det an idea how to do layout of the images. I didnt learn how to actually make and do an example. Maybe you could make a new tutorial example how to go from a-z? step by step by a real example that would be more helpful to me as a fresh instagrammer:-) Hope to see it soon, thanks have a great day

  • @alensufli
    @alensufli 5 หลายเดือนก่อน

    Crop tool doesn't behave the way yours did. is there another way to do thaT?

  • @mouatassemalmasri5165
    @mouatassemalmasri5165 4 ปีที่แล้ว +1

    great work !!

  • @mdmamunmondol2893
    @mdmamunmondol2893 3 ปีที่แล้ว +1

    thank you so much, brother

  • @tatopiano
    @tatopiano 2 ปีที่แล้ว

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

  • @ВасильКобрій
    @ВасильКобрій 4 ปีที่แล้ว +1

    A great idea, thanks!

  • @harrylopez3736
    @harrylopez3736 4 ปีที่แล้ว +4

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

    • @mathiaspfuetzner
      @mathiaspfuetzner 4 ปีที่แล้ว

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

  • @AJ-fj3js
    @AJ-fj3js 4 ปีที่แล้ว +1

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

    • @CodyBrownDesign
      @CodyBrownDesign  4 ปีที่แล้ว +1

      Thanks for watching! Appreciate it

  • @Molo71
    @Molo71 4 ปีที่แล้ว +1

    That is awesome. Thanks

  • @AzeemKhan-si7kp
    @AzeemKhan-si7kp 4 ปีที่แล้ว +1

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

    • @CodyBrownDesign
      @CodyBrownDesign  4 ปีที่แล้ว

      Thanks for watching, and thanks for the tip!

    • @brianwilson8924
      @brianwilson8924 4 ปีที่แล้ว

      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?

  • @dheaforekha
    @dheaforekha 4 ปีที่แล้ว +2

    where i can get that design product? i wanna try to make instagram post like you do.

  • @ImKrieger
    @ImKrieger 4 ปีที่แล้ว +1

    Thanks that was useful

    • @CodyBrownDesign
      @CodyBrownDesign  4 ปีที่แล้ว

      Glad to hear, thanks for watching :)

  • @Jishnucreations2021
    @Jishnucreations2021 3 ปีที่แล้ว +2

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

  • @lovlya6390
    @lovlya6390 3 ปีที่แล้ว

    Love it !

  • @MatheusMattos-cw9qv
    @MatheusMattos-cw9qv 4 ปีที่แล้ว +1

    Thanks so much man!

  • @bitcoiner7
    @bitcoiner7 3 ปีที่แล้ว

    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!

  • @onojaemlyn5196
    @onojaemlyn5196 2 ปีที่แล้ว

    where did you get the picture from

  • @PipoBeats
    @PipoBeats 3 ปีที่แล้ว +1

    Nice !

  • @rajasega2889
    @rajasega2889 4 ปีที่แล้ว +1

    i did subscribe your channel. good job man!

  • @greengaia_pt
    @greengaia_pt 4 ปีที่แล้ว +1

    Amazing!! Thank you for sharing🙏

  • @RadinalRidwan91
    @RadinalRidwan91 3 ปีที่แล้ว +1

    good , nice share bro

  • @stuupakk
    @stuupakk 4 ปีที่แล้ว +3

    i want to see these instastories in everyone 😛

  • @spybooth1235
    @spybooth1235 4 ปีที่แล้ว +1

    Goooood

  • @tamaragomezjordan7480
    @tamaragomezjordan7480 3 ปีที่แล้ว +1

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

  • @jeffosborne440
    @jeffosborne440 4 ปีที่แล้ว

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

  • @sax4passion
    @sax4passion 4 ปีที่แล้ว +1

    Thank you. Nice learning.

  • @wdesign1tobe
    @wdesign1tobe 4 ปีที่แล้ว +1

    yeah love it pls make more pls

    • @CodyBrownDesign
      @CodyBrownDesign  4 ปีที่แล้ว +1

      More coming soon, thanks for watching!

    • @wdesign1tobe
      @wdesign1tobe 4 ปีที่แล้ว

      your really really god

  • @guruitcompany
    @guruitcompany 3 ปีที่แล้ว

    Thank you, I really appreciate it

  • @SuperTehri
    @SuperTehri 4 ปีที่แล้ว +1

    No, You're Awesome

  • @taimasar80
    @taimasar80 2 ปีที่แล้ว

    I want to cut a very long picture into parts how

  • @donomeniko
    @donomeniko 4 ปีที่แล้ว +1

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

  • @AndreDiasDesign
    @AndreDiasDesign 4 ปีที่แล้ว +1

    Good video! Thank you!

  • @creatokit
    @creatokit 3 ปีที่แล้ว

    Very Helpful

  • @nasirmohamed3218
    @nasirmohamed3218 3 ปีที่แล้ว

    i love it bro thnx

  • @spoilerbyfans2882
    @spoilerbyfans2882 4 ปีที่แล้ว +1

    cool thank you !

  • @CodeAndProjects
    @CodeAndProjects 7 หลายเดือนก่อน

    Amazing

  • @levi_zim2818
    @levi_zim2818 4 ปีที่แล้ว +1

    great explanation thanks for the vid!:)

  • @Voltgaming_
    @Voltgaming_ 2 ปีที่แล้ว

    Nice work

  • @xLamia_
    @xLamia_ 8 หลายเดือนก่อน

    Thank you so much 🤍🤍