Уеб Дизайн Photoshop инстркцията
Много хора, които са нови за уеб дизайн са объркани от резенчета и JavaScript rollovers и в крайна сметка изоставят своите проекти на неудовлетвореност. Точката на този уеб Photoshop урок е да запазим нещата прости, чрез създаване на уеб страница, която използва само 2 графики.
Започнете чрез създаване на банер и го поставете в горния ред на таблицата, че ще съдържа 5rows, и 1 колона. На следващия ред на таблицата ще се проведе текст за вашия сайт, заедно със снимки, които бихте искали да се включи в сайта си. Ред 3 ще се проведе разделител, ред 4 ще съдържа текстови връзки плюс авторски права, завършваща с ред 5 е втори разделител.
За този пример ще назовем този сайт "Моят сайт". Сега ние трябва да намерим графика за банера. Можете да намерите професионални изображения ниво на сайтове, като галерии iStockPhoto и само или така за повечето изображения те са достъпни. Безплатни сайтове за фото акции също са на разположение за много добро качество на изображенията.
Един съвет е да се избере един цвят от вашата графична и използват различни нюанси на този цвят за банер за чиста, координиране на външен вид. За целите на именуване цвят за този пример, ние ще отидем със зелено в тъмно, средносрочен и след това светло.
Намирам, че с помощта на плъзгача за непрозрачността на проби цвят, можете да създадете хубав вариант. Отворете нов документ и копирайте и поставете графика, която сте избрали в него. Сега от кутията с инструменти изберете инструмента капкомер и да се вземе проба от цвета, като щракнете върху него в графичната ви. Това ще се промени на площада на фона на инструментариума.
С това, отворете друг нов документ, в фоновите съдържания, изберете бели и щракнете върху OK. С този отворен документ, създайте нов слой, като отидете на Layer-New-Layer. След това отидете в Edit-Попълнете и изберете съдържанието, използване: цвета за рисуване. Това ще запълни документа с цвят, който току-що проби. Ценен съвет е да се намали на непрозрачността с плъзгача и всъщност да го коригира до достигане на желания цвят оттенък. След като намерите един като теб, задали, като отидете на Layer-Изравняване на изображението. Отново използвайте инструмент пипетката, да променя цвета на площада на преден план в инструментариума едва сега ще бъде същото като новосъздадената от вас цвят. Кликнете върху цвета на площада и избор на цвят, ще дойде, и ще можете да обърнете внимание на номера на цвета, който току-що създаден.
Превъртете през шрифтове, за да намеря някой, който жалби за вас. След като се намира този, който е правилно, си поиграете с него малко. Регулиране на проследяване, водещ и мащаба, или дори комбинация от тях. Малки корекции може да се извърви дълъг път в много по-личен и осигуряване на вашия сайт ще се открояват сред останалите.
За да изберете шрифт в Photoshop вървят Window-знаковия. В палитрата ще видите списък на инсталираните шрифтове. За да фиксирате настройките, които ще трябва да доведе до палитрата на ал. Можете да направите това като отидете на прозорци параграф.
Ако търсите нови шрифтове, имате много възможности. Безплатни ресурси на шрифта са достъпни за вас онлайн.
За нашия пример, да създадете нов документ, който е 600 x 300 пиксела. Можете да регулирате този размер по свой собствен дизайн, когато изберете своя собствена снимка състав и планира оформление.
Сега ви позволява да направите нов слой Layer-Layer и го наричат Designer Pro. Аз ще позиционирате изображението върху този слой и се свие, за да се побере. Вие се свие вашата графична с Edit-Transform-Scale. Очертаващият правоъгълник ще има дръжки. Използвайте клавиша Shift, за да ограничи пропорции и да се отдръпна изображението, като изберете горната лява дръжка и дърпа към долния десен ъгъл. Плъзнете вътре в очертаващ правоъгълник, за да преместите графиката. След като е по ваш вкус, щракнете върху OK.
Нека се върнем с боядисан фон. Тук ние ще отидем с светло зелено.
Изберете фоновия слой, Layer 1 и я запълнете с светло розово, като отидете на Select-всички, после да го редактирате запълване, и в диалоговия прозорец по съдържание, изберете: Цвят на използване и в Color Picker аз въведе FBE0EC,.
Резултатът е 600 х 300 банер с нежен цвят на фона и с изкуството, разположен от лявата. Ние сме там.
Аз съм избрал да прилага дебела черта на фона слой, за да се направи за по-смел дизайн. Първо се уверете, фоновия слой Layer 1 е активен, и да направи копие със стъпки Layer-New слой Виа Copy. Следваща щракнете двукратно върху името на слоя. Blending Options и в слоевете Стил диалоговия прозорец ще се появи.
Изберете и след това щракнете върху думата Ход в стиловете опции в лявата страна. Променили настройките Размер: 7px, Позиция: отвътре, Blend Mode: Normal, Opacity: 100%, Напълнете Тип: Цветна, и аз кликнали на цвят мостра и влезе D04E8C в извличане на цвят. Кликнете върху OK.
Границата е само, за да балансирате дизайн. Чувствайте се свободни да правите промени и да се творчески с вашите собствени идеи.
Да се поставят имената на основните раздели директно върху банера. Те ще бъдат на сайта връзки. Ние ще се Използване на графични карти, тъй като то ще бъде само един графичен.
Създайте нов слой за Вашите думи. Използвайте инструмента за типа, за да се създаде секция имена и след това използвайте инструмента ход, за да ги позиционира точно там, където искате върху банера. Не забравяйте да изберете цвят за вашия текст, който е по-тъмен от цвета на фона, за да се избегне намиране на себе си, крещи цинизми и страдание на голяма загуба на коса! Направете това, като отидете на прозорци Герой. В характера палитра ще намерите квадрат цвят. Кликнете върху него, за да се променят цветовете.
Вие ще трябва HTML редактор като на GoLive или Dreamweaver, за да се автоматизира този процес. Това е наистина много лесно. Можете да създадете малко "карти", над всяка дума и въведете дестинация връзка. Ще трябва да се направи Google търсене на изображения карти, за да се намери един урок, ако не разполагат с HTML редактор, или да инвестират в една книга, като HTML Ръководство на Елизабет Кастро Бърз старт за помощ.
Създаване на нов документ. Ширината трябва да бъде 600 пиксела, а височината трябва да бъде около 12 пиксела. Попълнете това с цвета на фона. След това, използвайки Text Tool и тъмен цвят, въведете някои периоди, като този: ........... и ги поставете във файла, като ги центриране. Промяна на размера и разстоянието, докато тя изглежда перфектно. Сега запазете като GIF файл.
С вашата HTML редактор на избор се изгради проста таблица, която съдържа 5 реда и 1 колона. Ако ти започваш да се използва навигация текст линка по-долу банера, вместо на карта с местоположение върху банера, създаване на допълнителен ред, така че в крайна сметка с 6 реда в таблицата. Поставете вашите елементи в отделните редове на таблицата и това е!
Ако сте на срок и не може да се справи с научи повече за Photoshop техники или HTML, тук е друго решение. Можете да си купите готов шаблон от Template Monster, които можете да използвате като база за създаване на уеб страници в Photoshop.
На първата страница на Template Monster ще намерите падащото меню, където можете да изберете опции и след това да извършите търсене на шаблон. Шаблоните са разумни цени и доста лесен за управление в GoLive или Dreamweaver. В миналото съм закупили шаблон само за цветовата схема и изображенията. При някои проекти открих, това е по-евтино от купуването на сток снимки. Посетете Monster шаблон, за да видите голямо разнообразие на уебсайт шаблони, които те предлагат.
Надявам се, че този Adobe Photoshop урок ще ви помогне да създадете една наистина страхотно изглеждащ сайт, и бих искал вашия нов уебсайт хиляда години на добър късмет!
Хареса ли тази статия? Интересувате ли се от намиране на професионално направени на Photoshop уроци ? Е, сега можете. Просто гледам този Adobe Photoshop инстркцията и вие скоро ще бъде овладяването Photoshop под 2 часа.
Член от articlesbase.com,
