[fusion_builder_container hundred_percent=”no” equal_height_columns=”no” hide_on_mobile=”small-visibility,medium-visibility,large-visibility” background_position=”center center” background_repeat=”no-repeat” fade=”no” background_parallax=”none” enable_mobile=”no” parallax_speed=”0.3″ video_aspect_ratio=”16:9″ video_loop=”yes” video_mute=”yes” border_style=”solid” padding_top=”20px” padding_bottom=”20px”][fusion_builder_row][fusion_builder_column type=”1_1″ layout=”1_1″ spacing=”” center_content=”no” hover_type=”none” link=”” min_height=”” hide_on_mobile=”small-visibility,medium-visibility,large-visibility” class=”” id=”” background_color=”” background_image=”” background_position=”left top” background_repeat=”no-repeat” border_size=”0″ border_color=”” border_style=”solid” border_position=”all” padding=”” dimension_margin=”” animation_type=”” animation_direction=”left” animation_speed=”0.3″ animation_offset=”” last=”no”][fusion_text]
InDesign Tutorials
How to use the baseline grid
[/fusion_text][/fusion_builder_column][fusion_builder_column type=”1_1″ layout=”1_1″ background_position=”left top” background_color=”” border_size=”” border_color=”” border_style=”solid” spacing=”yes” background_image=”” background_repeat=”no-repeat” padding=”” margin_top=”0px” margin_bottom=”0px” class=”” id=”” animation_type=”” animation_speed=”0.3″ animation_direction=”left” hide_on_mobile=”no” center_content=”no” min_height=”none” last=”no” hover_type=”none” link=”” border_position=”all”][fusion_text]For this tutorial, I have set up a new document and given it three columns.
1. Using the Type Tool, create a random size text frame in each column like shown.
2. Use the Selection Tool to thread (link) the frames together. Click on the out port of the first frame and then click inside the second frame. Now click on the out port of the second frame and then click inside the third frame. They should all now be threaded together.
To reveal the threads choose ‘View/Extras/Show Text Threads’.
3. Fill the frames with ‘Placeholder Text’. Double click inside the first frame and choose ‘Type/Fill With Placeholder Text’
4. Turn on the Baseline Grid. Choose ‘View/Grids & Guides/Show Baseline Grid’.
If you can’t see the grid after turning it on then you need to adjust the View Threshold in the application preferences. Choose Preferences, on the Mac this can be found under the application name, on Windows it is listed under the Edit menu.
5. Under preferences select ‘Grids’. Firstly change the View Threshold to less than your current zoom level, (select ‘View/Fit Page in Window’ first). Change the ‘Increment Every’ to 14pt. It is crucial to match the increment setting to the Leading, (line spacing). Just click ‘OK’ when you are done.
NB. there is no preview in preferences panel!
Note how the text is not horizontally aligned through all three frames. So let’s fix that problem.
6. Select all your text.
7. In the ‘Control Panel’ change the Font size to 12pt and change the ‘Leading’ to 14pt to match the Baseline Grid.
We need to tell the text to sit on the baseline or it will just ignore it.
8. Under the Paragraph Formatting Controls of the ‘Control Panel’ select the Align to baseline grid option.
Note how all the text is now aligned. Try moving a frame up and down, the text will adjust automatically to stay aligned.
Your text is now aligned to the baseline grid.[/fusion_text][fusion_separator style_type=”double solid” top_margin=”30″ bottom_margin=”30″ alignment=”center” /][fusion_youtube id=”https://youtu.be/66jI_6jCamk” width=”600″ height=”350″ autoplay=”false” hide_on_mobile=”small-visibility,medium-visibility,large-visibility” /][fusion_text][mc4wp_form][/fusion_text][/fusion_builder_column][/fusion_builder_row][/fusion_builder_container]