Старт
В първата част на урока разгледахме основните аспекти на подравняването. В тази статия ще завършим разпределянето на обекти върху слой и ще разгледаме основните трикове, които са удобни за използване при подравняване на обекти в документ на Photoshop.
Нека направим останалите блокове. Без да премахвам отметката от горните три слоя, ще включа синия „T“ (моят е средният ляв) и оранжевия „H“ (моят е долния ляв) блокове:
Сега в документа има пет показани блока:
Искам да подравня левите ръбове на тези два нови блока вляво от червения блок "P" , разположен в горния ляв ъгъл на документа, така че първото нещо, което трябва да направя, е да избера трите слоя с тези блокове в палитрата.
Първо ще щракна върху червеното „P“ и след това, докато държа натиснат клавиша Ctrl, върху другите две. Това ще избере и трите слоя едновременно:
След като избера три слоя, ще щракна върху опцията „Подравняване на левите ръбове“ (Подравняване на левите ръбове):
Photoshop ще определи кой ляв ръб на кой от избраните блокове е най-близо до левия ръб на документа и ще премести другите два на същото ниво (поставете мишката върху снимката, за да сравните с предишната позиция на блоковете) :
"
Все още трябва да коригирам разстоянието между тези три блока, но ще се върна към тях по-късно. Сега ще включа слоевете Bottom Center и Bottom Right (долу в центъра и долу вдясно), това са блоковете със синьото "O" и червено "P" съответно:
Сега документът показва още два блока в долната част:
Сега ще избера трите долни слоя, за да направя това, кликвам върху „Долу вляво“ и след това, докато държа Ctrl, върху другите два:
Искам да подравня тези слоеве към дъното, така че ще щракна върху съответната опция (Подравняване на долните ръбове):
Photoshop ще определи кое от трите полета е най-близо до долната част на документа и след това ще премести другите две полета надолу към дъното (задръжте мишката върху снимката, за да сравните с предишната позиция на полетата):
"
Сега фиксирайте разстоянието между блоковете в левия край. Изберете ги (горе вляво, средно ляво и долу вляво):
И щракнете върху опцията „Разпределяне на вертикални центрове“ (Разпределяне на вертикални центрове):
Photoshop определя позицията на горния и долния блок и след това премества средния блок, за да създаде еднакво разстояние от него до долния и горния блок (задръжте мишката върху снимката, за да сравните с предишната позиция на блоковете) :
"
Засега всичко върви добре. Сега ще активирам, като щракна върху слоя "око" "Среден десен" със зелена буква "S" , той се показва в документа:
Нека подравним блоковете в десния край (жълто "O" , зелено "S" и червено "P" ). Изберете слоевете „Горе вдясно“, „Средно вдясно“ и „Долу вдясно“ в панела със слоеве и след това щракнете върху опцията „Подравняване на десните ръбове“ (Подравняване на десните ръбове):
Photoshop премести блоковете по абсолютно същия начин както преди (задръжте мишката върху снимката, за да сравните с предишната позиция на блоковете):
"
По абсолютно същия начин, както направих преди, използвайки опцията „Разпределяне на вертикални центрове“ (Разпределяне на вертикални центрове) поставям зелената буква „S“ точно в средата между горния и долния блок и използвайки опция "Разпределяне на хоризонтални центрове Поставям долния среден блок със синята буква "O" в средата между дясно и ляво.
"
Недокоснат Имам последния слой "Среден център" с червена буква "O" , включете го:
Както виждаме, той се намира под средните блокове, така че можете да приложите опцията Align Top Edges към него, като предварително сте избрали три средни слоя в хоризонтална посока, това са Middle Left, Middle Center и Middle точно. След това блокът ще падне на желаното място:
"
Сега трябва да се подравни с долния и горния блок. Той се намира вляво от тях, така че изберете трите средни блока във вертикална посока, това са „Горе център“, „Среден център“ и „Долен център“ и приложете опцията „Подравняване на десните ръбове“ (Подравняване на десните ръбове) . Всичко, сега всички блокове са разположени точно един спрямо друг:
"
Но има още един малък проблем. Блоковете са подравнени един спрямо друг, но не са центрирани в документа, което разваля цялостния дизайн. Комбинирането на слоеве в група може да помогне за справяне с този проблем.
И така, изберете всички слоеве с изключение на фона и ги поставете в група, както е описано в предишния материал.
Забележка. Има и друг начин за поставяне на слоеве в група. За да направите това, изберете всички необходими слоеве и просто ги плъзнете до иконата на групата:
Сега имаме само два елемента в панела със слоеве: един слой (фон) и една група. Изберете и двата елемента, като задържите натиснат клавиша Ctrl:
И използвайте опциите за подравняване. Приложете първо „Подравняване на вертикални центрове“, а след това „Подравняване на хоризонтални центрове“.Между другото, обърнете внимание, сега имаме избрани само два елемента, т.е. по-малко от три, така че опциите за разпространение не са налични:
Както научихме от материала за фоновия слой, фонът е фиксиран на място и не е достъпен за преместване, следователно само един елемент може да се движи - това е група с нашите блокове. Той ще се подравни в центъра спрямо фона. Всичко, задачата е изпълнена, блоковете са подравнени един спрямо друг и спрямо целия документ:
За по-добро разбиране на материала препоръчвам да изтеглите PSD файла, който използвах в този материал, и да опитате сами да подравните блоковете:Изтеглете от Depositfiles.com
12Предишна страница