Create a PRECISE Grid Overlay in Photoshop

Поделиться
HTML-код
  • Опубликовано: 5 окт 2024

Комментарии • 158

  • @Antares-dw9iv
    @Antares-dw9iv 3 года назад +77

    I just needed to create a grid and was really surprised at how complicated this is (relatively speaking), it seems like one of those things that you'd expect to be able to create with 1 or 2 clicks.

  • @GKOALA7
    @GKOALA7 6 лет назад +22

    It's always the simple things that get you. I've been using Photoshop for decades and I whenever I needed a grid I would manually draw out circa five lines or so then copy and paste those until I had more then select those until I was clear across the entire image. Of course, I would merge those and copy/paste that, rotate 90°, copy/paste that, all the while adjusting and tweaking to make sure the spacing, length, and/or line thickness had not gone off-kilter somehow. (More often than not it would.)
    I can't believe that doing it this way never occurred to me. Thanks man!

  • @NCWildHeART
    @NCWildHeART Год назад +3

    For reference pics to do drawings/paintings- I just do a screen capture of the photoshop grid it’s a rough but it gets my basic contours and shadows in. I save the screen capture as a jpg or pdf and can easily print or just use it on my iPad to reference while I work .

    • @e.g.1218
      @e.g.1218 2 месяца назад

      It ought to be precise no? You can set the grid size to 1 inch in PS and if you view at actual size it ought to be 1 inch at least. I am also using it for drawing references.

  • @Eaglebrace
    @Eaglebrace 4 года назад +34

    Been looking for this for ages, comes so handy for D&D map making. Great guide!

    • @Kemical13
      @Kemical13 Год назад

      This is what I came here for. lol

  • @atarpley
    @atarpley 2 года назад +3

    EXACTLY what I was looking for, explained clearly and extremely helpful! Thank you so much for helping me crack the issue I was having with D&D mapping!!!

  • @terrydowdall6936
    @terrydowdall6936 4 года назад +7

    A short cut in deference to shortness of life. Show gridlines, take a screenshot. Done.

  • @ELTarTree
    @ELTarTree 4 года назад +2

    Thank you so much!
    I did it without using 'New Grid Layout'
    But I did change my grid measures to the same units of measure as the square pattern I wanted to create.
    So, my rulers were in cms, I made my square pattern 1cm x 1cm
    Took me a while, but I'll never have to make another again. As a copy artist, I am so grateful

  • @thewanderfuls5621
    @thewanderfuls5621 3 года назад +1

    Thank you! I am a mosaic artist and I really love having this grid!

  • @dominicsantangelo2610
    @dominicsantangelo2610 7 месяцев назад +1

    Perfect for turning any image into a battle map for TTRPGs, thanks!

    • @curly_
      @curly_ 6 месяцев назад

      that was exactly what i was searching

  • @slacombe708
    @slacombe708 4 года назад +2

    Wow. Super clear and helpful step-by-step. Thanks for the tutorial!

  • @4o39pm
    @4o39pm 2 года назад

    Very helpful video! I modified this a bit by changing the width of my rectangles to 2.5px and made a square instead of an L shape so that the grid would be centered instead of on the side of the inch.

  • @Kaletiel
    @Kaletiel 2 года назад +1

    invaluable if you are creating TTRPG maps. This was great, thanks!

  • @robertyoung406
    @robertyoung406 4 года назад

    you're a fookin' legend. I really liked the guide grid but hated that it didn't get printed. This was really helpful, thank you!!!

  • @aricar325
    @aricar325 5 месяцев назад

    Thanks so much! This was exactly what I needed.

  • @lifewithjanie3368
    @lifewithjanie3368 2 года назад +1

    fantastic and concise instructions thank you

  • @atalyadeleon8636
    @atalyadeleon8636 Год назад +1

    thank you so much, it works

  • @mariawaye
    @mariawaye 2 года назад +1

    Thank you, this is extremely helpful

  • @adamotway3937
    @adamotway3937 4 года назад

    you can also use the vanishing point filter, set your grid size and then render to photoshop, do it on a new layer or on original image

  • @lanslater
    @lanslater Год назад +1

    Clever fella! Thats the ticket!! Cool TY liked & subscribed

  • @HimanshuPal-li7nj
    @HimanshuPal-li7nj 6 лет назад +1

    It is one of the Most Useful trick to create predefined tables in Ps,
    Thanks Joseph.

    • @tutvid
      @tutvid  6 лет назад

      Thanks for watching!

  • @zephyrias
    @zephyrias Год назад

    this video taught me more command shortcuts i needed! :0

  • @themanabarvideogamepodcast504
    @themanabarvideogamepodcast504 4 года назад

    No exactly what I was looking for, but still learned something new. Great vid!

  • @TabletopUpgrades
    @TabletopUpgrades 5 лет назад +1

    Brilliant, great pace and super clear. Thanks.

  • @kathrynmat6857
    @kathrynmat6857 6 лет назад +1

    This is great, but why this when you can just go to Preferences>Guides, Grids & Slices and input you dimensions for your grid there? I needed a 1/8" grid for a floor plan I was trying to interpret that I had received and it did the job. What am I missing? Serious question, not being difficult, maybe there is something about this method that is different or better?

  • @charliefabiajr9858
    @charliefabiajr9858 5 лет назад +23

    I can’t get new guide layout :0

    • @ELTarTree
      @ELTarTree 4 года назад

      You don't need New Guide layout. I just did it without :)

  • @SuperExadidas
    @SuperExadidas 2 года назад

    Thank you...will definitely subscribe. Is there a way I can change the color of Grid, different from Subdivision lines? As of now, they are always the same. Thanks.

  • @arrowsdev
    @arrowsdev 2 года назад

    amazing tut man thanks

  • @adydeejay
    @adydeejay 2 года назад

    Extremely helpful! Thank you!

  • @CityScript
    @CityScript 2 года назад

    Really great help, super efficient. Thanks

  • @PhotoboothboxUk247
    @PhotoboothboxUk247 4 года назад

    Great tutorial, you have saved me hours, thanks

  • @HowToAnimateTutorial
    @HowToAnimateTutorial 3 года назад

    Thank you so much

  • @BrendonMarkering
    @BrendonMarkering 3 года назад

    9 min for this. bro you are crazy

  • @Triple47695
    @Triple47695 2 года назад

    Thanks man 😀

  • @urstudio383
    @urstudio383 5 лет назад

    Thank you very much. Please show on the Windows too.

  • @antonchernyshov8759
    @antonchernyshov8759 4 года назад

    Good info, thanks!

  • @mhmdrvl
    @mhmdrvl 3 года назад

    thank you so much! this help a lot. :)

  • @BobbyCycles
    @BobbyCycles 3 месяца назад

    You are wonderful.

  • @DoomsdayKillz
    @DoomsdayKillz 5 лет назад

    Worked well for me. Thanks!

  • @RonanMorelli
    @RonanMorelli 4 года назад

    Nice video bro, thanks!

  • @MMaRsu
    @MMaRsu 4 года назад

    What a boss, thanks for this tutorial man!

  • @Zekonos1
    @Zekonos1 3 года назад

    works great! thank you~!

  • @doodoobutter101
    @doodoobutter101 5 лет назад +2

    This didn't work for me. I tried making a 3.5 x 2 grid (for business cards) and when I apply the newly created pattern to my blank 7 x 10 inch document, the bottom doesn't appear and I only see the vertical line. =(

    • @Stopmenowww
      @Stopmenowww 4 года назад

      Mine did the same exact thing. I can't figure out what went wrong :/

  • @cmykinglda240
    @cmykinglda240 3 года назад

    Hi! It's possible to match the start of the grid from the right-down corner? So that the grid has half squares on the left side of an "off-squared" image instead of the other way around as in the video?

  • @rgarlinyc
    @rgarlinyc 6 лет назад +1

    Very clever cat-skinning here, thanks a lot ND!

  • @CharlesAlanRatliff
    @CharlesAlanRatliff 4 года назад

    Perfect! Thank you.

  • @FlavoredGenuine
    @FlavoredGenuine 6 лет назад

    Simple and useful.

  • @ezzahkhadijah3730
    @ezzahkhadijah3730 4 года назад

    Woahh this is so useful!

  • @LaurenceBakerAdobe
    @LaurenceBakerAdobe 5 лет назад

    Nice one mate.

  • @557badboy
    @557badboy 6 лет назад

    Thx ! Cheers from Germany

  • @won_and_only1229
    @won_and_only1229 Год назад

    perfect !!

  • @typebymayank
    @typebymayank 4 года назад

    thanx buddy!!

  • @DasUberCow
    @DasUberCow 6 лет назад

    Great guide.

  • @phillavender202
    @phillavender202 5 лет назад

    ive tried this, but the gridlines produced get wider and wider the more it reproduced the grid pattern, because the pattern is essentially reproducing the shape saved, and putting one next to the other, so the larger the picture used the more the gridline will be out by surely??

  • @JewishMusicToronto
    @JewishMusicToronto 6 лет назад

    Thanks for the help!

  • @davidcisneros998
    @davidcisneros998 4 года назад

    Lol thank you this was actually very helpful!!! Been trying to figure it out, it was kind of a math thing I feel like I should have been able to. Great teaching!

  • @kahosin890
    @kahosin890 5 лет назад

    completely unrelated. I love your hair

  • @Nomadic333
    @Nomadic333 4 года назад

    *Hi Nathaniel,is it possible to add my own grid overlay with diagonal lines (non-repetitive pattern)* ?

  • @anetawdrodze_pl7767
    @anetawdrodze_pl7767 3 года назад

    Dzi€ki, pomogłęś bardzo!

  • @juanpabloracinesaguirre4075
    @juanpabloracinesaguirre4075 Год назад

    Very good video

  • @peggyborel3964
    @peggyborel3964 3 года назад

    What do I need to do to have this grid square saved in Photoshop C6 to use again later?

  • @nadimahmed665
    @nadimahmed665 6 лет назад

    Helpful.Thanx bro

  • @338684q
    @338684q 5 лет назад

    thank you so much
    i managed to do it

    • @tutvid
      @tutvid  5 лет назад

      Glad you found it useful!

  • @parimoladhikary6685
    @parimoladhikary6685 3 года назад

    thanks

  • @Slothi_Deathi
    @Slothi_Deathi 4 года назад

    i took a print of the grid and paste on an A4 I just need the grid with white background XD but thanks tho I didn't knew how to make the grid ;) you helped all my rpg party

  • @iasminguimaraes7623
    @iasminguimaraes7623 6 лет назад

    Thank you so much!!!!!

  • @McConneyv2
    @McConneyv2 3 месяца назад

    if you're just doing a reference that your printing out and the quality doesn't matter that much couldn't you just make the first grid you did then screen capture and print that image?

  • @stevelanc
    @stevelanc 3 года назад

    Please tell me what I am doing wrong. Followed to a T. Trying to put 4 col 2 row on 28 x 20 image landscape, all I end up with is one center line.

  • @victoriah584
    @victoriah584 Год назад

    Hello... I can't find anywhere in YouTb what to do if you want to print the guides on top of the photo. Can you help?

  • @biskutkering83
    @biskutkering83 4 года назад

    thanks bro

  • @bishalscreation9793
    @bishalscreation9793 6 лет назад +1

    Awesome 😊

  • @kev3d
    @kev3d 2 года назад

    Good lord what a ridiculously drawn out workflow for something so simple.

  • @imdadulhaque7734
    @imdadulhaque7734 6 лет назад +1

    thank you, sir. sir please make a tutorial, how to make 3d mokupfile in Photoshop.

  • @tomanderson1588
    @tomanderson1588 5 лет назад +2

    This is good, but I want to make a grid like this in a portion of the image, not across the whole image. How would you do this?

  • @brandonmtb3767
    @brandonmtb3767 Год назад

    I actually don't want the grid to print so thanks for showing how to just use it while editing

    • @LagrangePoint0
      @LagrangePoint0 Год назад

      The way I always do it: view > show > grid, to configure the size and color of the grid: edit > preferences > guides grid & slices.

  • @andreasplata
    @andreasplata 5 лет назад

    You saved my life twice, now. Thank you! :) Subscribed, as it won't be the last time, I'm afraid... ;) Cheers and thanks!

  • @AveAgave
    @AveAgave 5 лет назад

    Hey there loved the vid this worked for me before but now im using an older version which is photoshop cs ... would this work
    ?

  • @roseparak32
    @roseparak32 4 года назад

    why do my grid lines extend from the photo where as your grid and grid lines always stay just on the photo not the background. and also mines showing two different grids. photoshop is so stressful.

  • @NandhithaSAO
    @NandhithaSAO 8 месяцев назад

    Why is that the pixels per inch so important and not just the dimensions ?

  • @ArjunsScreen
    @ArjunsScreen 3 года назад

    nice video

  • @DestinyZiYon
    @DestinyZiYon 4 года назад +1

    what happened at 1:47? it was all a blur afterwards

  • @rajeemshrestha4872
    @rajeemshrestha4872 4 года назад

    thank you \m/ :)

  • @dakeishabaker689
    @dakeishabaker689 6 лет назад

    Will this method also work for cs6?

  • @dianemohan
    @dianemohan 2 года назад

    HELP At the New Layer; Pattern Fill step it will not let me choose my custom grid pattern. I type in the name of my pattern but it ignores my request and keeps giving me a factory preset pattern.

  • @okfokf2873
    @okfokf2873 3 года назад

    Great job on the video. The problem for me is this process should not require between 52-55 steps to create a grid. Adobe created this software for professionals in graphic design, for someone who needs to create a grid maybe once or twice a year this is not realistic. Over the years Adobe has marketed more towards the layman but they have a long ways to go to simplify it for us. Again, your video was insightful, thank you..

  • @ZidanTaftazani
    @ZidanTaftazani 3 года назад

    love ur voice

  • @kavilwagh
    @kavilwagh 4 года назад

    Nice

  • @hidetoshi5716
    @hidetoshi5716 4 года назад

    is it necessary to crop.

  • @coxixx
    @coxixx 4 года назад

    nice!

  • @mas_m4286
    @mas_m4286 4 года назад

    thnks

  • @serveshchaturvedi2034
    @serveshchaturvedi2034 4 года назад

    Hey, my hue saturation doesn't seem to work with the grid. Can anyone help me

  • @mujmoh7471
    @mujmoh7471 2 года назад

    I don't have this new guide new layout!!

  • @FranHoganPanama
    @FranHoganPanama 4 года назад

    Thank you! This just saved my life!!! ♥♥

  • @SatisfyingNerd
    @SatisfyingNerd 6 лет назад

    I need it when I want to create tiles pattern like floor.

  • @Ziggyone1224
    @Ziggyone1224 6 лет назад

    is this grid printiable? on photos and does this work with photoshop 2018 version?

    • @NCWildHeART
      @NCWildHeART Год назад

      Just make the photoshop grid and then take a screen capture with the windows tool. You can create a jpg to print or view easy anywhere

  • @ryanpoa
    @ryanpoa 6 лет назад +3

    Ok, ok, BUT the question IS: golden ratio and spiral are possible?

    • @MidanRoxy
      @MidanRoxy 6 лет назад +1

      You take any golden ratio you want on the net, take care the background is white and the ratios dark enough, use levels if necessary to get a good contrast, save as png rather than jpeg, use these pictures as layers in multiply if the lines are black and screen if they are white, forgive my English as it's not my native language. I hope you understood.

    • @ryanpoa
      @ryanpoa 6 лет назад

      Thanks man, but i think it can be made in vector structure, anyway in the hurry your tip is very functional. thanks! ;)

    • @MidanRoxy
      @MidanRoxy 6 лет назад

      You are right, vectors are better, it's just that those golden ratios are only indicators of composition though... why to make them perfect? Considering the grid, it's different, you may have one absolutely perfect for some jobs, have nice creations!

  • @garrinevan
    @garrinevan 4 года назад +6

    Great information. I just wish you slowed down a bit. Way too fast!!

    • @katemorgan4346
      @katemorgan4346 3 года назад

      Click on settings (the little flower button lower right) and select playback speed and set to 0.75.. the then sounds normal and like a chipmunk on speed. Sorry.. great video but waaaay too fast. Remember people are learning and need to take in each step. Thanks.

  • @pygmasquatch5258
    @pygmasquatch5258 4 года назад

    So, anyone know how to make a grid you can skew for perspective?

  • @EdgarVenzor
    @EdgarVenzor Год назад +1

    This is not meant toward you but adobe and ps
    I hate using ps because I always have to watch some tutorial only to find out that ps moved the buttons to another location for some stupid reason and now i have to go look for it again because the buttons and options are never in the same place as the tutorials
    🤦‍♂😠

  • @LovelyBone
    @LovelyBone 4 года назад

    view - new guide layout

  • @Hantout25
    @Hantout25 6 лет назад +9

    why do we need a grid in first place?

    • @jubb1984
      @jubb1984 6 лет назад +9

      learning how to draw from a photo reference usually entails using a grid on both the photo and the paper/thing you are drawing on, this might be a nice tool for printing photos with a grid instead of actually drawing the grid on the photo by hand

    • @raindropsneverfall
      @raindropsneverfall 6 лет назад +1

      It is also useful for those who create mockups in Photoshop, esp. for websites.

    • @Ziggyone1224
      @Ziggyone1224 6 лет назад +3

      for drawing idiot some people are artists you know and use this to aid in drawing

    • @TheSHARCRASH
      @TheSHARCRASH 6 лет назад

      BECAUSE WE ARE ALIGNMENT MANIACS ! LOLz

    • @Chris0334
      @Chris0334 5 лет назад +3

      To get precise proportions when drawing portraits dummy!