Create a PRECISE Grid Overlay in Photoshop

Рет қаралды 300,282

Күн бұрын

APPLY A CUSTOM GRID EFFECT TO ANY IMAGE IN PHOTOSHOP! | Learn to create a custom, exactly precise grid pattern that will automatically work perfectly with any image in this Photoshop tutorial.
👾 DISCORD: discord.me/tutvid
🏆 My Instagram: / tutvid
💰 Buy the Photoshop Course and Support the Channel → bit.ly/28NuwFy
🎯 Subscribe for Daily Tutorials → goo.gl/DN4Nln
-
In this Photoshop tutorial, we’ll create an exact 1x1 inch pattern overlay that can be placed over any image or graphic. This grid will save with or be printed with the file and can be useful for sketching or building a reference grid over a complicated piece of artwork.
⚡️ written tutorial here: bit.ly/2HgX2Su
INSTAGRAM: / tutvid
TWITTER: / tutvid
FACEBOOK: / tutvid
tutvid is a KZfaq channel dedicated to creating the best Adobe Photoshop, Premiere Pro, Lightroom, and Illustrator tutorials. My goal is to create the best, most informative, and entertaining tutorials on the web. If you enjoy my videos, the best way to support what I do here is to purchase my course linked above or simply subscribe to the KZfaq channel by pressing the red button.
✉️ business inquiries: nate@tutvid.com
-

Пікірлер: 158

@Antares-dw9iv 3 жыл бұрын

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 6 жыл бұрын

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!

@atarpley 2 жыл бұрын

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

@slacombe708 4 жыл бұрын

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

@Eaglebrace 3 жыл бұрын

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

@Kemical13 Жыл бұрын

This is what I came here for. lol

@AveAgave 4 жыл бұрын

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

@themanabarvideogamepodcast504 4 жыл бұрын

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

@ELTarTree 4 жыл бұрын

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

@NCWildHeART Жыл бұрын

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 4 сағат бұрын

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.

@TabletopUpgrades 5 жыл бұрын

Brilliant, great pace and super clear. Thanks.

@thewanderfuls5621 3 жыл бұрын

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

@aricar325 2 ай бұрын

Thanks so much! This was exactly what I needed.

@terrydowdall6936 4 жыл бұрын

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

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

@arrowsdev 2 жыл бұрын

amazing tut man thanks

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

@atalyadeleon8636 Жыл бұрын

thank you so much, it works

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

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

@DoomsdayKillz 5 жыл бұрын

Worked well for me. Thanks!

@JewishMusicToronto 5 жыл бұрын

Thanks for the help!

@adydeejay 2 жыл бұрын

Extremely helpful! Thank you!

@MMaRsu 4 жыл бұрын

What a boss, thanks for this tutorial man!

@SuperExadidas Жыл бұрын

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.

@kathrynmat6857 5 жыл бұрын

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?

@Nomadic333 4 жыл бұрын

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

@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

@lifewithjanie3368 2 жыл бұрын

fantastic and concise instructions thank you

@CharlesAlanRatliff 4 жыл бұрын

Perfect! Thank you.

@lanslater Жыл бұрын

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

@Triple47695 2 жыл бұрын

Thanks man 😀

@ezzahkhadijah3730 4 жыл бұрын

Woahh this is so useful!

@PhotoboothboxUk247 4 жыл бұрын

Great tutorial, you have saved me hours, thanks

@bishalscreation9793 6 жыл бұрын

Awesome 😊

@mariawaye Жыл бұрын

Thank you, this is extremely helpful

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

@CityScript 2 жыл бұрын

Really great help, super efficient. Thanks

@Zekonos1 3 жыл бұрын

works great! thank you~!

@RonanMorelli 4 жыл бұрын

Nice video bro, thanks!

@zephyrias Жыл бұрын

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

@HowToAnimateTutorial 3 жыл бұрын

Thank you so much

@rgarlinyc 6 жыл бұрын

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

@nadimahmed665 6 жыл бұрын

Helpful.Thanx bro

@dakeishabaker689 5 жыл бұрын

Will this method also work for cs6?

@antonchernyshov8759 4 жыл бұрын

Good info, thanks!

@moonzhild 3 жыл бұрын

very useful! thanks!

@won_and_only1229 Жыл бұрын

perfect !!

@iasminguimaraes7623 5 жыл бұрын

Thank you so much!!!!!

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

@peggyborel3964 2 жыл бұрын

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

@mhmdrvl 3 жыл бұрын

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

@557badboy 6 жыл бұрын

Thx ! Cheers from Germany

@DasUberCow 5 жыл бұрын

Great guide.

@FlavoredGenuine 6 жыл бұрын

Simple and useful.

@HimanshuPal-li7nj 6 жыл бұрын

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

@tutvid 6 жыл бұрын

Thanks for watching!

@LaurenceBakerAdobe 4 жыл бұрын

Nice one mate.

@BobbyCycles 19 күн бұрын

You are wonderful.

@Kaletiel Жыл бұрын

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

@juanpabloracinesaguirre4075 Жыл бұрын

Very good video

@typebymayank 4 жыл бұрын

thanx buddy!!

@dominicsantangelo2610 4 ай бұрын

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

@curly_ 3 ай бұрын

that was exactly what i was searching

@imdadulhaque7734 6 жыл бұрын

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

@SatisfyingNerd 5 жыл бұрын

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

@urstudio383 4 жыл бұрын

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

@roseparak32 3 жыл бұрын

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.

@charliefabiajr9858 5 жыл бұрын

I can’t get new guide layout :0

@ELTarTree 4 жыл бұрын

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

@tomanderson1588 5 жыл бұрын

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?

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

@ArjunsScreen 3 жыл бұрын

nice video

@biskutkering83 4 жыл бұрын

thanks bro

@338684q 5 жыл бұрын

thank you so much i managed to do it

@tutvid 5 жыл бұрын

Glad you found it useful!

@victoriah584 10 ай бұрын

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?

@parimoladhikary6685 3 жыл бұрын

thanks

@rajeemshrestha4872 4 жыл бұрын

thank you \m/ :)

@anetawdrodze_pl7767 3 жыл бұрын

Dzi€ki, pomogłęś bardzo!

@hidetoshi5716 4 жыл бұрын

is it necessary to crop.

@serveshchaturvedi2034 3 жыл бұрын

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

@kavilwagh 4 жыл бұрын

Nice

@ZidanTaftazani 2 жыл бұрын

love ur voice

@pygmasquatch5258 4 жыл бұрын

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

@Ziggyone1224 6 жыл бұрын

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

@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

@coxixx 4 жыл бұрын

nice!

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

@FranHoganPanama 4 жыл бұрын

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

@doodoobutter101 4 жыл бұрын

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 4 жыл бұрын

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

@BrendonMarkering 2 жыл бұрын

9 min for this. bro you are crazy

@Slothi_Deathi 3 жыл бұрын

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

@mas_m4286 4 жыл бұрын

thnks

@mujmoh7471 2 жыл бұрын

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

@kahosin890 4 жыл бұрын

completely unrelated. I love your hair

@McConneyv2 23 күн бұрын

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?

@DestinyZiYon 4 жыл бұрын

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

@LovelyBone 4 жыл бұрын

view - new guide layout

@NandhithaSAO 5 ай бұрын

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

@kev3d 2 жыл бұрын

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

@brandonmtb3767 Жыл бұрын

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

@LagrangePoint0 Жыл бұрын

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

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

@EdgarVenzor Жыл бұрын

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 🤦‍♂😠

@ryanpoa 6 жыл бұрын

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

@MidanRoxy 6 жыл бұрын

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 6 жыл бұрын

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

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