
Note that the grid always extends all the way to the bottom of the document. To leave space above the grid, enter a non-zero value in the Y-origin field. If you'd like to have some blank space on either side of the grid, you can change the X-origin field. Grid Bitmapīy default, the grid starts at the document's origin. In any of the numeric entry fields, you can press up-arrow to increment the value by one, or press shift-up-arrow to increment by 10. If you enter 4, for instance, then every 4th row will be drawn with a light pink color. The Baselines/mod field specifies the number of baseline rows per vertical module.

Enter 0 here to not draw any horizontal lines. The Baseline field controls the spacing between the horizontal red lines. Note that the Insert Grid command creates only as many whole columns as will fit in the document at its current width, so you may end up with fewer columns than specified in the Columns field.
Adobe fireworks cs6 filters plugins update#
The non-editable Page width field will update to show the calculated width of the grid you've specified. Then you can specify the number of columns. In the Measurements section of the dialog, you can control the column layout by entering the desired column width and gutter (the space between columns), in pixels. Those settings are also stored on that grid bitmap, so the next time you reopen the dialog, you'll see the last settings you used on that page. So a bitmap named Grid: 10 col, 60/20/20/4 is 10 columns wide, with 60px columns, 20px gutters, a 20px baseline and 4 baselines per vertical module. The name of the grid bitmap indicates the settings that were used to create it. If you'd like to have multiple grids on your page, insert one, change the name of its layer to something other than Grid, and then run the command again. Note that any existing grid will be deleted and replaced the next time you open Insert Grid. If desired, you can share this layer to the other states on the page. This layer will be reused the next time you update the grid on the current page. You can drag the Grid layer to another location in the Layers panel if you'd like the grid to be below your content. If you click OK, a layer called Grid will be created at the top of the layer stack, if necessary, and a bitmap representing the grid will be inserted on that layer.

When you run the Commands > Grids > Insert Grid command, a dialog will open, which lets you specify the grid properties that are described below. Select the desired number of columns, their widths, gutters, and so on, then click OK to insert a visual grid to help lay out your page elements.
Adobe fireworks cs6 filters plugins generator#
The Insert Grids commmand makes it easy to create modular grids for laying out web content, similar to the Modular Grid Pattern generator or the 960.gs CSS framework.
