InDesign - Align to Baseline Grid and Modular Grid Tutorial

Поділитися
Вставка
  • Опубліковано 26 гру 2024

КОМЕНТАРІ • 42

  • @Design_Chillout
    @Design_Chillout Рік тому +4

    I can't stop learning about grids. great video!

  • @elessar0009
    @elessar0009 2 роки тому +5

    It’s always great to see your new video in the feed. Great content, learning a lot from you. Thanks very much. Really appreciate it.

  • @ajayrmenon
    @ajayrmenon 11 місяців тому +1

    Hello Stephen. Thank you for this tutorial. Could you please let me know how you arrived at the value of 75.051pt for the bottom margin?

  • @JohanssonDesign
    @JohanssonDesign Рік тому +5

    Thanks for uploading this tutorial Stephen as it was just what I was looking for as I needed to make sure that everything aligned to the baseline grid for a brand guideline document for myself. So if possible keeping making this videos as it's knowledge you struggle to find (Plus not in a confusing manner) else where.

    • @stephenkelman_
      @stephenkelman_  Рік тому

      Thanks Anthon, glad it’s been useful for you

  • @gimondii
    @gimondii 2 роки тому +3

    Thanks for the video, they are my go-to tutorials to start a new grid on ID.
    Could you make a video for a digital presentation grid system?

  • @MGDesign-s3v
    @MGDesign-s3v Місяць тому

    Hi. Maybe I missed it, but does this modular grid line up with the document grid?

  • @bilal-zr6uy
    @bilal-zr6uy Рік тому

    Great video but i generally Think that the margin should be set to the xheight of the text pointsize and not the top of the f copy outlined.

  • @jamskof
    @jamskof 7 місяців тому +1

    beautiful. love it. so, does this mean you dont use columns in text boxes when you work in indesign?

    • @stephenkelman_
      @stephenkelman_  6 місяців тому

      Thanks Jam. It depends on the job, for most cases I use columns in text boxes

  • @chekkkkkkkkkkkkkkk
    @chekkkkkkkkkkkkkkk Рік тому +3

    very hard for understanding for starting (

  • @kreativekira
    @kreativekira Рік тому +1

    A1 video, Stephen! Thank you for sharing. I was wondering if you could show us a quick one where you work with bullet points that run to 2 lines, 3 lines and 1 line, and how that interplays with the baseline grids. Take care.

    • @stephenkelman_
      @stephenkelman_  Рік тому

      Thanks Kira - do you have a screengrab / example of what you mean and I can take a look?

    • @kreativekira
      @kreativekira Рік тому +1

      @@stephenkelman_ sorry, I can't attach a screengrab here. Essentially, it would be awesome to see how you work with an H4, body copy, bullets (that run multiple lines) in the same text frame. This sounds basic, but I am having issues when aligning them to the baseline grid. The vertical spacing feels off. Hope this makes sense. Thanks.

  • @ScobedRobed
    @ScobedRobed Рік тому +1

    Hi Stephen, great video as always. I'm just wondering if you've ever encountered an issue with setting up your document grid, baseline grid, and margins to pages _and_ spreads. I've set up a document in InDesign and all is well, however the document grid is different on the first page than on the rest of the document, (cover page vs spreads). As in it's the same dimensions, but the document grid itself is misaligned between Page 1 and Pages 2-3. Page 4 (being the last page of the document) seems to be unaffected and is aligned with 2-3. Have you come across this? I'm wondering if it's a bug or if it's there for another reason. Wondering if there is a fix. I don't know a better place to ask about grids than this channel!

    • @stephenkelman_
      @stephenkelman_  Рік тому

      Hi Scobed… I don't think you can have a document grid with a different origin on the same spread. I might be wrong, so let me know if you come across a fix.

  • @deemwhy4885
    @deemwhy4885 3 місяці тому

    I followed the f-height instructions, added the measure to the top margin, and it moves the baseline grid down accordingly. The text still doesnt align with the top margin as in your example and the modular gird horizontals are now misaligned with the baseline grid.
    Everything still behaves exactly as it did before doing the f-height adjustments - with a space between cap-height and top margin. What am I doing wrong?
    Cheers.

    • @stephenkelman_
      @stephenkelman_  3 місяці тому +1

      Hi D, ping me an email with a couple of screenshots and I'll take a look.

    • @deemwhy4885
      @deemwhy4885 3 місяці тому

      @@stephenkelman_ Thanks for replying Stephen. I figured it out, I had baseline grid, via preferences, set at "Relative to: Top Margin". Changing it to "Top of Page" fixed the prob. Cheers.

  • @massimobaita7178
    @massimobaita7178 7 місяців тому

    Thank You very much, Stephen!

  • @lularocha
    @lularocha 8 місяців тому

    Thanks for sharing ! Question I did not understand how did you get the text to align to the top of the text frame? Meaning for instance in the "A2 Landscape" title there is no space between the "A" and the top of the text frame. Appreciate if you could clarify that. Many thanks

    • @lularocha
      @lularocha 8 місяців тому +1

      I think I've got it, Its a Text Frame Option > Baseline Options > First Baseline > Cap Height (Right?)

    • @stephenkelman_
      @stephenkelman_  8 місяців тому +1

      @@lularocha Hi, yes - ua-cam.com/video/FFWGhrVwT8A/v-deo.html&ab_channel=StephenKelman

  • @dummydesign9609
    @dummydesign9609 Рік тому +1

    Hello Stephen, another amazing tutorial with a different approach using the f height.
    One thing, that I'm not sure if you covered before, but how can we align the text to the left side, specially the headers.
    I use the Cap Height to align it at the top, but didn't find any solution to align it to the left side. What am I missing?

    • @stephenkelman_
      @stephenkelman_  Рік тому +2

      Thanks DD. I don’t quite follow, do you have an example handy of what you mean?

    • @dummydesign9609
      @dummydesign9609 Рік тому

      ​@@stephenkelman_ I think you will get it now.
      My header starts with the letter "D", and like the word "Presentation" from this video, I can't align it completely at the very left because of the letter shape. The white space around the letter that may vary, depending on the letter, makes it impossible (at least I think) to align automatically. I can do it by hand, but I also know that can make the overall text look unbalanced, depending on the situations.
      What are your thoughts? In single headers, with a lot of white space around, do you often align them to the very left manually, or you just never do it? Sorry for the long threads :D Cheers I love your videos

  • @bonskobartu179
    @bonskobartu179 2 роки тому +1

    Thanks for video.

  • @rezahabibi3632
    @rezahabibi3632 2 місяці тому

    THANKS ALOT BRO❤❤

  • @Shades_of_White
    @Shades_of_White Рік тому

    I'm following along with the video but after adjusting the top margin with the f-height value, the text of any text box i align to the top margin jumps down to the next line of the baseline grid. Is this typeface dependant or am I doing something wrong? I'm using Poppins. Cheers

    • @Shades_of_White
      @Shades_of_White Рік тому +2

      Ignore that. I saw a previous video where you talk about setting first base line to cap height. Everything is working. Great content. Thank you

  • @joelgodina5702
    @joelgodina5702 Рік тому

    Is there anyway to set up a modular grid system that also aligns with the baseline grid; in which the top of images align with the cap height and the bottom of images align with the descenders?
    Or is the only possible without the baseline grid?

    • @stephenkelman_
      @stephenkelman_  11 місяців тому +1

      Hi Joel, yes, it should work if the lower guides of the image grid are offset from the baseline grid, which should be relatively straightforward to setup

    • @joelgodina5702
      @joelgodina5702 9 місяців тому

      @@stephenkelman_ Thank you for sharing your insight!

  • @hck4122
    @hck4122 7 місяців тому +1

    showing shortcuts on video you are using would be great

  • @tejasvyas814
    @tejasvyas814 Рік тому

    Whout?

  • @nithin84
    @nithin84 Рік тому

    How do we align column lines if the subhead is different in size?

    • @stephenkelman_
      @stephenkelman_  Рік тому

      Hi Ninthin, can you send me a screengrab? Not 100% what you mean

  • @scream-beam3519
    @scream-beam3519 Рік тому +1

    Hi. I'm unsure how to actually add a baseline grid, and didn't want to follow other tutorials considering the differences in measurement others might've had (plus, I like your layout way better). I would probably be confident adding baseline grids on my own if I knew your measurements. Can you lend me some guidance?

    • @stephenkelman_
      @stephenkelman_  Рік тому +1

      Hi SB… print out some options for your body copy. Choose the one that works best, then use that leading value for your baseline grid. That can then inform your margins etc

  • @ajayrmenon
    @ajayrmenon 11 місяців тому +1

    Hello Stephen. Thank you for this tutorial. Could you please let me know how you arrived at the value of 75.051pt for the bottom margin?

    • @stephenkelman_
      @stephenkelman_  6 місяців тому

      Hi Ajay, have you had a look at my other tutorials? Answer should be there