ІнтэрнэтВэб-дызайн

Як зрабіць банэр для сайта самастойна

Рана ці позна кожны пачатковец вэб дызайнер або ўладальнік сайта прыходзіць да думкі пра тое што яму неабходная якасная і прыгожая рэклама сайта. Для гэтага існуе нямала магчымасцяў і інструментаў. Але мабыць самым традыцыйным і дзейсным спосабам такой рэкламы (раскруткі) сайта з'яўляецца - банэрная рэклама. Але тут узнікае пытанне, а як зрабіць банэр для сайта самастойна, так як на пачатковым этапе бюджэт сайта моцна абмежаваны, і таму не кожны ўладальнік гатовы заплаціць фрылансерам за выраб банэра. Аказваецца, зрабіць банэр для сайта не такое ўжо і складаная справа і вельмі блізкае па тэхналогіі з такім працэсам як зрабіць шапку для сайта, пры гэтым мы вядзем гаворку аб статычным банеры.

Такім чынам, прыступім, як зрабіць банэр для сайта. Для гэтага нам спатрэбіцца праграма «Фотошоп», прычым няма неабходнасці гнацца за самымі сучаснымі версіямі, для нашай мэты цалкам падыдзе і фотошоп 6-й версіі. Дарэчы хто не ведае, як зрабіць фонавы малюнак для сайта, а так жа шапку для вашага сайта можа так жа скарыстацца дадзенай праграмай для гэтых мэтаў.

Для таго, што б адказаць на пытанне як зрабіць банэр для сайта, неабходна адкрыўшы праграму стварыць наш банэр дакладней яго аснову. Пры гэтым варта памятаць, што стандартныя банеры маюць некалькі тыпаразмераў. Як правіла, на сайтах прымяняюцца банеры 468х60, 120х120, 100х100, а так жа 88х31. Разгледзім варыянт вырабу банэра з памерам 468х60.

Пасля таго як адкрылі праграму націскаем ўкладку «файл» - «новы». Пасля ў якое адкрылася акне прапісваем памеры (вышыню 60 і шырыню 468) пры гэтым абавязкова пераканайцеся ў тым, што адзінкамі вымярэння з'яўляюцца пікселі. Дазвол ставім на значэнне 150 пікселяў на цалю, і выбіраем празрысты фон.

Далей неабходна на нашым банэры размясціць карцінку і тэкст. Але для пачатку зальем наш банэр патрэбным вам колерам. Для гэтага злева ў панэлі інструментаў абярыце прыладу заліванне, але перад гэтым абавязкова вылучыце неабходны колер (пстрыкаем левай кнопкай па верхнім квадрацікі каляровасці і ў якая адкрылася палітры выбіраем неабходны вам колер). А вось цяпер можна выкарыстоўваючы заліванне зафарбаваць фон банэра ў выбраны колер.

Цяпер размесцім карцінку на банэры. Для гэтага спачатку вызначыцеся з малюначкам, якую будзеце размяшчаць. Пажадана што б яна прадстаўляла не складаную постаць і была калі не лагатыпам, то максімальна падобнай на яго (хоць многае залежыць ад задач якія стаяць перад банэрам). Пасля таго як карцінку выбралі, дарэчы, яна павінна мець пашырэнне альбо jpg альбо gif, адкрываем яе ў фотошопе. Пасля гэтага падганяем памер карцінкі пад наш банэр. Для гэтага ў асноўным меню выбіраем ўкладку «малюнак» - «памер адлюстравання". Пасля чаго ў якое адкрылася акне неабходна задаць вышыню карцінкі ў 60 пікселяў пры гэтым абавязкова павінна стаяць птушка ва полі «захоўваць прапорцыі». Калі ж выява мае свой фон, то папярэдне яго неабходна выразаць і ўставіць у новы малюнак з празрыстым фонам. Пасля таго як памер падагналі выбраўшы інструмент перасоўванне перацягваць малюнак на наш банэр і размяшчаем там ў неабходным нам месцы.

Зараз нам неабходны тэкст. Для гэтага выбраўшы інструмент «тэкст» ўпісваем неабходную нам фразу і размяшчаем простым перацягваннем па малюнку як нам неабходна. Пасля гэтага застаецца абраць у меню "захаваць для web» (захаваць як) і пры захаванні выбраць фармат малюнка jpg.

Але шматлікім банэра з тэкстам бывае мала пажадана, што б гэта быў банер спасылка. Як зрабіць спасылку для свайго банэра і звязаць іх. Для гэтага неабходна на сайце які размесціць ваш банэр напісаць наступны код (гэта можна зрабіць і ў html рэдактары тыпу дримвевер) <а href = "http: // site / article / 3585 / URL вашай старонкі"> . для таго каб вызначыць "URL банер" неабходна ведаць як дадаць банэр на сайт і куды.

Ць і ўсё ваш банэр гатовы і зараз вы не задаяце сабе дурны пытанне як зрабіць банэр для сайта. Дарэчы выкарыстоўваючы банеры, але не статычныя, а заснаваныя на флэш-тэхналогіі можна прыкметна разнастаіць старонкі вашага сайта і надаць яму выгляд тыпу як прыгожыя флэш сайты.

Similar articles

 

 

 

 

Trending Now

 

 

 

 

Newest

Copyright © 2018 be.delachieve.com. Theme powered by WordPress.