Нивото на потребителски програми Photoshop - минимум. Какво можем да разберем толкова проста, но за да разберете как се прави без много усилия? Начертайте шапка, левия и десния блокове, в централната част и долния (сайт мазето) на.
Освен това, дизайнът на всички блокове, наляво, надясно и център е един и същ, като единствената разлика в ширина, ние приемаме с ширина от 200 пиксела на блокове до централната част на всичко, което ще остане.
Също така имайте предвид, че ще се направи оформлението с фиксирана ширина - стандартна система 960 пиксела решетка, така че нашият сайт е еднакво добре показва в монитора с резолюция от 1024x768 пиксела или по-висока (този монитор е 19 инча).
Run Photoshop и кликнете върху менюто Файл нов ... или Ctrl + N. Задаване на ширината и височината на 1040 пиксела 1400 пиксела, както е показано на фиг. Питам 80 пиксела по-визуално да се видите на оформлението на околния фон.
Сега ние трябва да се определят границите на оформлението, натиснете Ctrl + R, за да видите на линията. Между другото трябва да имаме единични пиксели, за да направите това, щракнете с десния бутон на мишката върху линията и го постави на кърлежи пиксела.
Сега трябва да се дръпне спомагателни ръководството, и по този начин се обозначи границата на оформление. Това се прави, така че - да показалеца на мишката върху линията и натиснете ръководството за дърпане 40 пиксела по хоризонталната линия. Ние ще оставим на страни от 40 пиксела.
Ние извади от дясната страна, също само на ширината на 1000 пиксела, че можем да стигнем до 40 пиксела от всяка страна. Топ извадя, също от 40 пиксела и се получи точно такава картина.
Hat направя височина 160 пиксела, така че издърпайте направляващи 200 пиксела от горната част (160 + 40px). Сега означаване на ляво и дясно странични ленти, 200 пиксела всеки. Ляво - извадете 240 (40 + 200px), надясно 800 (1040-40-200px).
След това направете едно пространство от ляво и в дясно странични ленти 5 пиксела навътре извадя водач 245 пиксела по линията 795 и надясно.
Направи хоризонтално меню за това от дъното на капачката на върха на измерване 20 пиксела, издърпайте водача при 230 пиксела от горната част. В края на краищата, ние получаваме следната картина.
Може би да започнем с меню направи 30 пиксела висок. Аз ще изтегля нещо сиво и бяло, за да се поберат на оформлението на почти всяка тема. Така например, в процес на изграждане или ремонт, филми или книги.
Избор на инструмент М. забележителната област бутон правоъгълна област за менюта и инструменти леене G запълване избраната област с цвят #BBBBBB. След това натиснете менюто за избор и промяна, която се свива, там влиза един пиксел и кликнете OK. Сега попълнете цвят избор #efefef. Натиснете Ctrl + H, за да скриете водачите и да видим точно такава картина - блок-каса меню. Не бъркам в екрана, но това е за него.
Можете да извърши друго ръководство в менюто на разстояние от 5 пиксела да се разделят на меню от района съдържание. Сега нека да запълни капачка. Създайте нов слой (Layer-New-Layer ... или Crtl + Shift + N). На следващо място, аз използвам само като икона, да го добавите към капачката. За да направите това, вие трябва да запазите тази икона, а след това да го отворите в Photoshop, изберете го (Ctrl + A) и копирайте Ctrl + C. Ние се обръщаме към оформлението и натиснете Ctrl + V, за да поставите икона.
Между другото ми хрумна темата за оформлението, нека да направи филм за Iron Man 2 - Iron Man 2. Мисля, че това ще бъде страхотен филм - фантазия и активен войнствен в същия парцел. Така че изберете инструмент хоризонтален тип Т и пишат в името на капачката на филм. Прие Траян Pro шрифта на 60 пиксела.
И сега дойде регистрационните блокове. Нека добавим още едно ръководство, за да получите височината на заглавната блок 30 пиксела. Да организира блокове в същата цветова схема, както е в менюто. Създайте нов слой. Изберете правоъгълна област от заглавната част на блока и го запълнете с цвят #bbbbbb, а след това се намали разпределението на един пиксел и го запълнете с цвят #efefef, както писах по-горе. Сега обърнете лента съдържание блок област. Изберете областта под височината за хедър за окото и да попълните такава операция единица. Това е това, което получаваме.
Направете същото и за съдържанието на централната част на оформлението, не забравяйте да се създаде нов слой. Освен това е възможно да копирате слоя, в който ние сме боядисани левия блок и го дублира надолу и дясната странична лента. Ето как. Намери слой в панела Слоеве (за да се покаже прозорецът на менюто слоеве) и щракнете с десния бутон на мишката върху слоя с етикети и изберете Duplicate Layer. След това изберете движение инструмент V и дръпнете надолу слой да бъде позициониран под втория блок на първо място.
Да долен колонтитул точно като единица с меню, там е малко на текст предписва. Например, като както на скрийншота.
И сега е време като никой четка за трансформиране и да е елемент на една по-красива. Изборът слой. което всъщност е нашата етикет в заглавната Iron Man 2 с големи букви.
В отворилия се прозорец, ние се обръщаме към сянката на отметка Сега играя с настройките на сянка. Направих този начин, както е показано на фигурата.
На следващо място, сложи проверка на налагането на градиента и попълнете жълто-оранжев градиент, както е показано.
Избор на инсулт, задаване на дебелината на хода на 2 пиксела и черен цвят и натиснете ОК за да приложите стилове слой, и затворете прозореца.
Всички оформление готов. Естествено, аз не пиша урока за изготвяне на оформлението е супер-творчески проба, тъй като би било отне няколко дни. Както можете да видите, че не е необходимо да се направи нищо, просто работи със стандартните за копиране и поставяне запълване операции и т.н.
у дома
Вижте също:
блог анкета
Нашите партньори
Популярни статии
