Модулна мрежа - приятна екстра "инструмент" за подравняване и позициониране елементи, пуснати на уеб страницата на бъдещето. Преди работа по оформлението на страницата, аз винаги правя модулна "лично" мрежа за всеки проект, въз основа на бъдещата ширина на страницата.
В интернет има много различни услуги за създаване на модулна решетка. Достатъчно плъгини за Photoshop, които могат да ви помогнат да направят такава мрежа. Въпреки това, аз не виждам смисъл да ги използват като този проблем е решен само за две стъпки.
Уверете се, че е доста трудно, но неговото присъствие е много по-лесно да работят по оформлението и в бъдеще. Можете, разбира се може да се използва, за да се приведе в съответствие и окото стандарт Photoshop, както го е направил, когато създавате икони за вашия блог. Но това не винаги е удобно, тъй като това решетка още няма разминаване между модулите като самите модули, и в действителност, това е колекция разделена на две равни части квадратни клетки.
Фокусирайте се върху това не е много удобно, защото е необходимо постоянно да разчитаме на разстоянието между елементите на проекта, и да получите ясна на границите на решетъчните клетки е малко вероятно да успее.
Модулната мрежа е лишен от тези недостатъци, и се отделя от определена стъпка един другите модули, което позволява нормалните елементи позиция, без да се има предвид разстоянието между тях.
Изграждане на модулна решетка в Photoshop
Така че нека да стигнем до изграждането на модулна решетка. Първо, аз създадете файл във Photoshop, равна на ширината на бъдещето на съдържанието на страницата. В моя случай това е равно на ширината на 1180 пиксела, стойността на височина в този момент не е важно, тъй като тя ще се увеличи в работата на страницата.
След създаването на файла, трябва да се направят някои математически изчисления. Смятам да направя модули окото, равен на 80 пиксела и на различията между тях в размер на 20 пиксела чрез сумиране на тези стойности, получаваме 100 пиксела. Освен това разделяне, обща шина 1180 пиксела 100 получи броя на вертикална решетка модули 12 броя.
Какво ще направи модули могат да използват инструмента правоъгълник (1) настройките за тази услуга са, както следва :. Като запълване Изберете червения цвят (можете да избирате цвета на панела "Проби" добавят към избора на цветове за блога (2) Ход на фигура отсъства (3 ) като размера на фигурата изберете стойност на 80x80 пиксела (4).
Сега нарисувайте фигура на нов слой (1), за да се приведе в съответствие с фигурата на този слой по отношение на основния слой на ляво. Можете да направите това с помощта на инструментите на програмата за изравняване. палитра слоеве изберете слоя, така и основния слой на правоъгълника (2) с активен функцията "Преместване" (3) с помощта на ключа (4) вече е подравнен с правоъгълник слой по протежение на ръба на документа.
След това трябва да се направи дубликат 11 слоя с фигурата, за това можете да използвате клавишната комбинация (Ctrl + J). "слоевете" палитрата избират правоъгълник слой (1) и единадесет пъти с комбинацията (Ctrl + J) (2).
След това е необходимо да се разпределят равномерно всички парчета на ширината на хартията. Активният най-горния слой с фигурата (1) и фоновия слой, за да го преместите в десния край да направите това е да използвате клавиша (2) относно параметрите на арматурното табло на изместване. Сега равномерно разпределени всички слоеве с правоъгълници. Палитрата Layers "", докато натискате (Shift) трябва да кликнете върху последния и първия слой с правоъгълници (3), и използвайте бутона (4) сега всички слоеве са разпределени равномерно върху документа (5).
I са почти беше вертикални модули мрежата равни по ширина и 80 пиксела в празнините между модулите 20 пиксела.
Съгласен съм да работя с петнадесет слоеве на решетката не е удобно, което трябва да залепите всички слоеве в един, но тя трябва да е възможно да редактирате данните, от които се състои. Вие не ги премахнете от слоеве формиране на мрежата, което трябва да кликнете върху него десния бутон на мишката и изберете елемента (1). Резултатът е един слой с петнадесет парчета (2).
Сега трябва да се даде на този слой нормално име "мрежа" и да използвате опцията "слой непрозрачност", за да се облекчи фигурите, така че можете да видите на слоеве, които ще се намират под слой с мрежата.
Работата по мрежата практически завърши получената мрежа може да бъде трансформиран документ регулиране с помощта на клавишни комбинации (CTRL + T).
В бъдещите постове Аз ще ви кажа как да използвате тези постижения в работата на блога, както и предмета на следващата статия ще бъде въпрос на оптимизиране на изображения в GIF формат. нататък ще работим с JPG формат и оптимизиране PNG. От правилното оптимизиране на изображението е неразделна част от работата по уеб сайт или блог, и изображенията на дясната SEO оптимизация обещаваме им вид, така че привличането на нови посетители на сайта си в резултатите от търсенето.