Банери, лого, беџеви


 Посебна врста алата у овој области су и једноставни алати којима повећавамо визуелни ефекат елемената на свом веб-месту или креирамо неке подстицајне ситнице за наставу. Они функционишу тако што поставимо или на самом сервису бирамо елементе (слику, текст, шаблон, облик) и обично једним кликом добијамо генерисан лого, банер, беџ, дугме...


ХТМЛ 5 произвођач (html5maker)

поставио/ла Славица Јурић 20. 2. 2015. 20:23   [ ажурирано 7. 3. 2015. 20:51 ]

Кратак опис и функционалност

Ова "машина" за креирање анимација за сајт прави динамичне додатке за сајт у ХТМЛ 5: флексибилне анимације, банере и покретне слајд-презентације за заглавља сајта. Услуге су бесплатне. 

Примери

Како изгледају анимације - најбоље је погледати на почетној страници сајта.

Упутство

Једноставно текстуално упутство са сликама екрана постављено је на сервис у посебној картици, па се може лако разумети иако је на енглеском језику. У бочном менију се бира упутство по врсти места на који код за уградњу постављамо и врсти самог виџета.

Креатор 3Д беџева (3D badge maker)

поставио/ла Славица Јурић 20. 2. 2015. 20:23   [ Ажурирао/ла 27. 4. 2015. 14:35 Марија Јовић ]

Кратак опис и функционалност

Као што назив наговештава, помоћу овог алата можете да направите 3Д беџеве, у облику класичног беџа (Badge), срца (Heart) или траке (Ribbon). Алат нуди преко 20 различитих шаблона за беџеве и када се одлучите за облик, довољно је да кликнете на његову сличицу или на креирај (create) и већ можете да се поиграте подешавањима, како бисте добили оно што сте отприлике замислили. У оквиру подешавања можете да мењате изглед дугмета (Button Layout), позадину (Background), можете да додате слику (Add Image), текст (Add Text), облике (Add Shape) или да распоређујете слојеве (Layers). Када одаберете неки од ових елемената, на пример укуцате текст, онда добијени текст превучете на позадину беџа. Можете мењати и боју и величину текста, а ако сте задовољни коначним решењем, кликните на креирај (create) у горњем десном углу и отвориће вам се неколико могућности да сачувате свој 3Д беџ: да га додате слици, да га сачувате на свом компјутеру или да га поделите са другима путем социјалних мрежа. Уколико кликнете на дугме за претрагу (Search), можете видети и преузети примере других корисника, који вам могу послужити као инспирација за ваш беџ. Преузимање се врши кликом на постојећи беџ, а затим на опцију заврши (Finish). Регистрација је неопходна ако желите да чувате на самом сајту креирани беџ или да га делите са другима и тада се заправо улогујете (login) помоћу налога на Фејсбуку или Пикасу. Ако само желите да сачувате беџ на рачунару, регистрација није неопходна.

Намена у образовању

Због своје једноставности, али и визуалних ефеката, који се могу добити, алат би најпре могао бити интересантан ученицима, који би помоћу њега креирали беџеве за своја веб места или за своје групе или тимове у оквиру неког пројекта.

Примери

Осим статичких беџева, можете експериментисати и са додавањем ГИФ анимација и добити анимирани беџ попут овог примера, који се нама допао.

https://docs.google.com/a/zajednicaucenja.edu.rs/file/d/0BxwCTPRt7xcKcHdHY0Z2ZHlQN1U/edit?usp=drive_web

Веб-алатке (Webestools)

поставио/ла Славица Јурић 20. 2. 2015. 20:23   [ Ажурирао/ла 27. 4. 2015. 14:35 Марија Јовић ]

Кратак опис и функционалност

Ово је прави алат за оне који желе да сваком детаљу свог веб места дају лични печат. Ако желите да сами креирате свој банер, наслов у заглављу блога или сајта, дугмад за различите опције, аватаре, потписе за дискусије на форумима, емотиконе, дугмад за навигацију и још много тога, све то можете помоћу Веб-алатки. Довољно је да кликнете на алатке (Tools) на врху сајта и отвориће вам се десетак различитих генератора. Кликом на знак плус и опцију још генератора (More generators), добићете комплетан списак алатки и генератора који овај сајт нуди. Опис поступка добијања жељеног ефекта код сваког алата појединачно, био би предугачак, а и беспотребан, јер се творац сајта потрудио да код сваког генератора да јасно и прецизно упутство, како да добијете оно што сте замислили, а што ће се најбоље уклопити у ваш сајт или блог. Иако су та кратка упутства на енглеском, команде су болдиране, а и сам алат је интуитиван и лако вас води кроз опције до коначног резултата. На вама је само да се поиграте бојама, величином фонта и понуђеним ефектима. У коришћењу генератора на овом сајту, донекле могу да вам засметају Гугл рекламе, али с обзиром на то колико опција и различитих генератора нуде, заиста им такву мањкавост морамо опростити, нарочито што не морате чак ни да се региструјете, да бисте све ове алатке користили. Регистрација је неопходна само ако желите да учествујете у дискусијама на форуму, ако вам затреба помоћ, јер сајт нуди и прегршт помоћи и савета за и комплексније радње у вези са веб дизајном.

Намена у образовању

Школа може учинити свој сајт упечатљивим, тако што ће додати помоћу овог алата прилагођен банер, дугмад за навигацију или друге ефекте. Алат је подједнако користан и за наставнике и ученике и визуелно богаћење њихових веб места.

Примери

На слици су приказани сви понуђени генератори и алатке који се могу наћи на сајту Веб-алатке.
https://docs.google.com/a/zajednicaucenja.edu.rs/file/d/0BxwCTPRt7xcKNUN4T3VCM2JiNmM/edit?usp=drive_web

Добар текст (Cooltext)

поставио/ла Вебциклопедија каталог веб-алата 20. 2. 2015. 20:23   [ Ажурирао/ла 27. 4. 2015. 14:36 Марија Јовић ]

Кратак опис и функционалност

Овај текст је баш добар! Ово је, наиме, једна од ретких услуга за креирање логоа који прихвата ћирилицу, мада за лого, по закону, нисмо у обавези да користимо службено писмо државе у којој је фирма, односно удружење. Изаберемо шаблон за лого, унесемо свој текст и генерешимо га кликом на креирај лого (Create Logo), бирамо величину и боју слова, величину слике, боју позадине и формат у којем желимо да буде добијени лого и онда га можемо сачувати као слику или послати ХТМЛ на свој имејл одакле га уграђујемо у веб-место. Ако лого користимо као ХТМЛ, условљавају нас да поставимо и ХТМЛ логоа ове фирме. Нека, заслужили су.

Намена у образовању

Помоћу овог и сличних алата, наставници могу да направе атрактиван лого везан за њихов наставнички блог или сајт, а затим да га размењују са другим наставницима, који имају блогове. Алат може бити веома занимљив и ученицима, који помоћу њега могу да креирају идејна решења логоа за ученичке блогове или друга веб места.

Примери

Погледајте неколико идејних решења за лого Вебциклопедије.

https://docs.google.com/a/zajednicaucenja.edu.rs/file/d/0BxwCTPRt7xcKS3BNQ3gzdldGejg/edit?usp=drive_web
https://docs.google.com/a/zajednicaucenja.edu.rs/file/d/0BxwCTPRt7xcKSzY2ZjdLQUY2SmM/edit?usp=drive_web
https://docs.google.com/a/zajednicaucenja.edu.rs/file/d/0BxwCTPRt7xcKaHRhZnlpTTdiR2M/edit?usp=drive_web



Пламтећи текст (Flaming text)

поставио/ла Вебциклопедија каталог веб-алата 20. 2. 2015. 20:23   [ Ажурирао/ла 16. 4. 2015. 13:32 Марија Јовић ]

Кратак опис и функционалност

Овај алат је бесплатан графички генератор речи који омогућава прављење различитих банера и логоа сајтова, као и фонтова за веб-сајтове без много дизајнерских вештина уз помоћу различитих већ дизајнираних шаблона. Алат има око двеста шаблона који се могу користити. За коришћење алата није потребна регистрација, али је препоручујемо јер без регистрације генерисане речи се могу само преузети на рачунар, а регистрацијом се добија могућност добијања ембед-кода за уградњу и могућност дељења. Приликом регистрације се на електронску адресу добија верификациони код. Када се изабере шаблон и унесе жељена реч алат омогућава додатна уређивања за изабрани шаблон. Постоји могућност избора врсте и величине слова, али приликом избора величине слова треба водити рачуна јер поједини шаблони не дозвољавају величину слова већу од 50. Алат омогућава коришћење ћирилице, али нису све врсте слова доступне за наше писмо. Може се мењати комбинација боја слова и позадине за слова при чему у оквиру алата постоји велики број већ готових шаблона, текстура, прелива итд. Алат омогућава и додавање сенки на слова, али нису доступне за све шаблоне за бесплатну верзију алата. Плаћена верзија дозвољава и додавање фотографија. Надостатак овог алата је што код уношења речи, кад је ћирилица у питању поједини шаблони ограничавају унос на само једну реч. Осим банера и логоа сајтова алат омогућава и прављење анимираних текстова, тастера од слика, стрелица, креирање јединственог потписа за електронску пошту.

Намена у образовању

Алат је првенствено намењен повећању функционалности веб-сајтова, али може бити интересантан и за необично исписивање текстова за постере, плакате и брошуре у штампаном или електронском облику, за прављење наслова за стрипове или дигиталне приче. Једноставан и забаван алат који ће ученицима сигурно бити интересантан. Препорука креатора алата је да се сви направљене банери и лого сајтова преузимају на рачунар и тек онда постављају или уграђују по потреби.

Примери

Пример логоа MТШ "14.октобар" урађен је у овом алату.

Фотор (Fotor)

поставио/ла Вебциклопедија каталог веб-алата 20. 2. 2015. 20:23   [ Ажурирао/ла 16. 4. 2015. 13:39 Марија Јовић ]

Кратак опис и функционалност

Ово је бесплатан алат у којем је могуће израдити банер, чија величина и садржај нису унапред одређени. На самом почетку потребно је унети димензије банера, а кликом на дугме за почетак (Start now) отвара се страна са радном површином чију смо величину већ дефинисали. Алат омогућава уношење већ понуђених решења у облику клип арта чија галерија стоји с леве стране радне површине и организована је у неколико група, као што су: табла за поруке (Mesage board), вруће теме (Hot button), бесплатно (Free) итд. Осим тога, постоји могућност увоза фотографија с рачунара, које се затим смештају на десну страну екрана и једноставним превлачењем постављају на радну површину. Положај, величина и закривљеност фотографија може се мењати једноставним повлачењем миша. За прецизније уређивање положаја фотографије може се користити и посебан едитор опције (Options), који се отвара кликом на изабрану фотографију. Овај алат подржава и ћирилично и латинично писмо за унос текстуалног садржаја. Могу се користити искошена и задебљана слова и бирати њихова боја. За дизајнирање позадине постоје четири могућности, укључујући и посебно занимљиву могућност „без позадине“ (Blank) која омогућава да се банер добро уклопи у било који сајт. Завршен банер се може сачувати у ЈПГ-формату кликом на опцију сними (Save) која се налази у централном делу изнад радне површине.

Намена у образовању

Алат се може користити увек кад је потребно брзо, добро и ефектно организовати фотогарафије и текст, нпр. за израду албума, плаката, презентација, колажа, реклама, флајера, насловних страна за школски лист итд. Посебно је користан за израду банера који се постављају на школске сајтове.

Примери

Пример банера израђеног помоћу алата Фотор можете видети на сајту ОШ“Ђорђе Крстић“.

Произвођач беџева (Badge maker)

поставио/ла Славица Јурић 20. 2. 2015. 20:23   [ Ажурирао/ла 27. 4. 2015. 14:36 Марија Јовић ]

Кратак опис и функционалност

У питању је крајње једноставан алат. Без регистрације, без ометања рекламама на самом сервису, можете да се посветите креирању сопственог беџа помоћу понуђених алатки. Можете да бирате боју и величину текста, величину беџа, да подешавате његов облик и позадину, да додате ефекат сенке и да одредите величину ивице беџа. Алат прихвата ћирилицу, а као недостатак издваја се мали број понуђених облика за беџ. Када завршите са креирањем, кликните на преузми (download), на врху странице и појавиће вам се прозор са готовим беџом. Тако добијену слику преузмите десним кликом, па затим на опцију сачувај слику као (Save image as) и сачувајте је на рачунару. Исти сервис нуди могућност креирања дугмади за навигацију на сајтовима или блоговима и то можете учинити на следећем линку, а поступак израде дугмета је готово идентичан као код израде беџа.

Намена у образовању

Због своје једноставности, алат би могао бити лак за коришћење ученицима или наставницима који не захтевају превише када је визуелни идентитет беџа у питању, а тако креиран беџ могу да додају на своја веб места или сајт школе.

Примери

Пример беџа удружења Заједница која учи - СаЗнање, урађен је помоћу овог алата.

https://docs.google.com/a/zajednicaucenja.edu.rs/file/d/0BxwCTPRt7xcKS3hGU0hOZkJRQW8/edit?usp=drive_web

1-7 of 7