All language subtitles for 9月16日(3)

regular rectangular grids

and particularly the square ones

are the most common and familiar type of standard grid

and due to their simplicity

they are probably the most versatile

as you can easily

perfectly combine them with various geometric elements

and use them as a foundation for all sorts of designs

to create a

regular rectangle or square grid in illustrator

firstly you need to create a rectangle

to contain it

press m to select the rectangle tool

and then

click with it on the artboard you want to work with

in the rectangle options window which will open

you'll put the same size as your art board

to create a grid

covering the whole art board

so for me it is 1200 by 100 pixels

when ready click ok

when your rectangle or square is created

make sure it is perfectly aligned to the artiboard

on the aligned panel

or using the align options on the control panel

select aligned to ardent board

and align your rectangle to the art board

using these buttons

my rectangle here has a black stroke color

and no fill color

as it is specified on the tools panel

the colors are not

important at the moment because to begin with

we are going to be working with a structure

of the vector puffs

which form the shapes

but to make it less distraction when you use an

all of the tools on the grid development stage

I would suggest

using a one pixel stroke in any color you like

for all of the elements you create

and set in fill color to numb

and for now let's also press command y

or control y in windows

to switch to the outline view mode

this mode is extremely useful

when you need to work with precision

as you can only see the puffs

and can concentrate on the structure of the shapes

to create a grid within this rectangle

select it with a selection tool

go to the menu object

path

and select split integrid

in the split integrate options dialog

make sure preview is ticked here

and then insert the number of rows

and columns you want to have in your grid

I am going to create 8 12 by 12 grid

so each module is a 100 pixel square

which will make it easier to count everything

and also because 12 by 12 grid

allows more compositional variations

then let's say 8 and by 10 grid

and it makes it easier to create repeat

when making grid based patterns

I suggest you start with something similar

and then

experiment with different numbers of rows and columns

apart from changing

the number of rows and columns in your grid

to create modules of different sizes and proportions

here you can also add spaces between the modules

which are called gutters

because here you can precisely

control the sizes of the modules

gutters and the overall size of the grid

this stove makes it very easy to define

pixel perfect grids

which are really handy for button design

and for creating layout in illustrator

so experiment was distilled to create different grids

and try to avoid decimal peaceful values when possible

I will go back to the basic square grid with no gutters

fill in the whole art board like this

split inta grid

also allows to create guides based on your grid

by taking this box

this can be handy

but because the guides engineerates

run outside of the art border like this

I mostly resort to manually converter

my grid interguides one and if I need 2

and I will show you how to do it later in this class

so set up your grid

and click ok to create it

now if you go to the layers panel

you will see all of the modules as separate pops

we will be adding other

elements on top of this grid shortly

so to avoid making MS

select all of these puffs by pressing the command a

or control a in the windows

and group them by clicking command g

or control g in windows

so all of the module stay together

and we can easily select this grid Vanessa

rename this layer to keep your documents well organized

and look it for now

to avoid unintentionally modifying it

when working on other grids

so split into grid

is a very useful tool

for creating grids consisting of equal modules

so make sure you take full advantage of it

and experiment with creating different regular grids

but sometimes equal morgils are not enough

and in illustrator

there is also an easy way of creating grid

with incrementally changing morgil sizes

so let's check it out