Internetinės (web) aplikacijos paveiksliukų redagavimui

Kartais prisireikia paredaguot nuotrauką, tačiau po ranka neturite jokios redagavimo programos — jums gali pagelbėti web pagrindu sukurtos vaizdų redagavimo programos.

Apžvelgsiu 7 redaktorius, iš kurių 6 aplikacijos veikia flash technologijomis, todėl mums prireiks Adobe Flash Player palaikymo.

Pixlr

Nuoroda: http://www.pixlr.com/app/.



Šis flash pagrindu veikiantis redaktorius savo įrankiais/įrankių išdėstymu primena Adobe Photoshop programą, todėl visiems besinaudojantiems Adobe Photoshop vartotojams bus lengva perprasti programos veikimą. Redagavimo programa turi pagrindines funkcijas: paveiksliuko dydžio keitimas, bei pasukimas, spalvų ir kontrasto derinimas, sluoksnių (layers) sistemą, kirpimas, teptukų funkcijos (brush), „raudonų akių“ pašalinimas. Taip pat turi ir įvairių filtrų, tokių kaip: Blur, Sharpen, Noise, Water swirl ir kt.
Be viso šito yra ir įvairių kalbų palaikymas: vokiečių, rusų, lenkų, prancūzų ir kt.

Sumo Paint

Nuoroda: http://www.sumopaint.com/app/.



Į vektorinę grafiką orientuota flash pagrindu sukurta piešimo programa. Programa turi įvairių vektorinei grafikai pritaikytų įrankių: įvairių figūrų šablonai, filtrai, teptukai, objektų modifikavimas — palengvinančius piešimo darbus. Sumo Paint taip pat siūlo publikuoti savo nupieštus darbus.

Splashup

Nuoroda: http://www.splashup.com/splashup/.



Flash pagrindu kurta programa pasižymi savo „lengvumu“. Programa turi tik elementarius redagavimo įrankius: kirpimas, pasukimas, sluoksnių sistema, filtrai, spalvų balansavimas, kontrasto keitimas ir kitos elementarios funkcijos.
Vienintelis išskirtinumas šios programos, tai kad galima atidaryti ir išsaugoti/atidaryti paveiksliukus ne tik iš/į savo kompiuterio bet ir facebook, flickr, picasa portalų.

Phoenix

Nuoroda: http://a.viary.com/tools/phoenix.



Norint pasinaudoti šiuo redaktoriumi — teks užsiregistruoti svetainėje. Registracija truks kelias akimirkas. Pirmiausia jums reikės įkelti paveiksliuką per web formą, o tik vėliau pasirinkus įkeltą savo paveiksliuką redaguoti per Phoenix programą.
Programos funkcionalumas nelabai kuo skiriasi nuo ankstesnių aptartų programų: kirpimas, pasukimas, filtrai ir t.t. Taip pat siūloma peržiūrėti vertas dėmesio pamokas: http://a.viary.com/blog/posts/sixteen-awesome-aviary-photoshop-tutorials.

Pixer

Nuoroda: http://pixer.us/.



Javascript paremta vaizdų redagavimo programa, turinti tik kelias redagavimo funkcijas: kirpimas, pasukimas, dydžio keitimas, bei keletą filtrų.
Paveiksliuką leidžia išsaugoti įvairiais formatais: JPEG, GIF, PNG, BMP.

FotoFlexer

Nuoroda: http://fotoflexer.com/.



Iškart galima pastebėti šios programos skirtumą nuo kitų programų — įrankių išdėstymas. Visi įrankiai suskirstyti į kategorijas: nėra išorinių įrankių, norint pasiekti vieną ar kitą įranki — teks pereiti į kitą kategoriją. Pastebėtina, kad ši programa pasižymi filtrų ir efektų gausa, tačiau sluoksnių sistema nėra tobula. Manyčiau, kad ši programa puikiai tiktų vartotojams, kurie nėra susidūrę su profesionaliomis grafikos programomis. Galite peržiūrėti demo pavyzdžius: http://fotoflexer.com/demos.php.
FotoFlexer turi galimybę įkelti paveiksliukus iš flickr, facebook, picasa, photobucket ir kitų portalų.

Picnik

Nuoroda: http://www.picnik.com/.



Programa lengvai suprantama ir paprasta. Veiksmai atliekami žingsnis po žingsnio. Pasirenkame funkciją Resize, išmetamas langas su parametrais, bei paaiškinimu. Nustatome dydį ir spaudžiame OK. Vėl grįžtame į pradinį langą. Tai ypač patogi programa tiems vartotojams, kuriems nėra tekę dirbti su grafikos programomis. Greita paprasta ir patogu.

Apibendrinimas

Šia programas galėčiau suskirstyti į tokias kategorijas:

Vartotojams, kuriems reikia atlikti elementarias funkcijas: Splashup, pixer.us, picnik.
Vartotojams, kuriems nėra tekę anksčiau dirbėti su grafikos programomis: picnik, FotoFlexer.
Vartotojams, kurie yra dirbę su grafikos programomis ir nori atlikti sudėtingesnius redagavimus, ar tiesiog sukurt kažką įdomaus: Pixlr, Sumo Paint, Phoenix.

Imago	2008-11-04 23:30:03
	Nors siu programu turbut neteks panaudot, bet pasizmonet visad neprosal.

dvneo	2009-05-22 15:54:43
	Kai turi photoshop'a tai tikrai neprireiks , tačiau gal kada ir teks išmėginti

rokosius	2010-05-30 10:38:30
	Dar manau uzsimirsai Su Gimp, zinuma jis ne flash bet nera jau toks blogas irankis

infactor	2010-06-28 21:48:51
	Atkreipk dėmesį, kad čia web-based grafikos redagavimo programos, todėl gimp į šiuos rėmus netelpa. Iš čia paminėtų tikrai neprilygsta gimp ar photoshop programai, nes paminėtos programos labai primityvios.

• Visi straipsniai
• Apžvalgos (1)
• Cascading Style Sheets (CSS) (11)
• HTML (2)
• Kita (1)
• Svetainių kūrimas (3)
• Tinklalapių dizainas (4)

Spalvos dizaine

Nekyla nė abejonės, kad spalvos tiek spaudos, tiek tinklalapio dizaine yra vienas iš svarbiausių rodiklių, lemiančių gražų dizainą. Atrodo, jog spalvas galima rinktis pagal nuožiūrą, tačiau, deja, tai ne visada pasiteisina. Pastaruoju metu pastebėjau, kokias klaidas daro pradedantieji savamoksliai dizaineriai, todėl galiausiai nusprendžiau aprašyti tas klaidas ir paaiškinti, kaip jų išvengti.

Esminė problema yra ta, kad kai kurie žmonės sugeba sukurti patrauklius dizaino elementus, juos tvarkingai išdėstyti, tačiau neteisingų spalvų pasirinkimas sugadina, sudarko vaizdą, o tai nulemia galutinį sukurto dizaino rezultatą.

Todėl pasistengsiu kuo detaliau išnarplioti dažnai pasitaikančias spalvų derinimo klaidas, šiek tiek apžvelgsiu bendrąją spalvos teoriją ir, žinoma, pateiksiu tiek tinkamų, tiek netinkamų spalvų derinių pavyzdžių.

---

Tinklalapių kūrimas: pirmieji žingsniai

Žmonės, kurie domisi interneto naujovėmis, lankomais tinklalapiais, portalais, anksčiau ar vėliau iškelia sau klausimą — kaip sukurti tinklalapį? Klausimas iš pirmo živlgsnio atrodo visiškai „nekaltas“ ir gana paprastas: be išvedžijimų, nesuprantamų žodžių ar mokslinių terminų. Tačiau asmenims, kuriems šis klausimas užduodamas (čia, manau, nereikia nė minėti, kad žmogus, kurio klausiama, išmano tinklalapių kūrimo subtilybes), visiškai nesuprantama, kaip galima užduoti tokį naivų klausimą?

Stebitės, kodėl tai naivus klausimas? Jeigu taip, tada pamąstykite, iš ko susideda tinklalapio kūrimo procesas. Deja, nemanykite, kad solidų, gerą tinklalapį galima sukurti per kelias valandas ar dienas. Reikia turėti aiškią internetinės svetainės plėtros viziją, patirties, įgūdžių, daug laiko, kolegų (partnerių) ar draugų, kurie padėtų kurti tinklalapį, motyvacijos ir, be abejo, reikia turėti tikslą.

Išvardijau nemažai reikalavimų (raktažodžių), pagal kuriuos turėtumėte orientuotis kurdami tinklalapį, tačiau vien mano tuščiažodžiavimas nepadės jums sužinoti apie interneto svetainių kūrimo aspektus, todėl šiame straipsnyje aptarsiu kiekvieną sritį atskirai, pasidalinsiu savo patirtimi ir nukreipsiu jus teisinga linkme.

---

Technikos apvalintų kampų elementams kurti

Naršydami įvairiuose tinklalapiuose tikriausiai pastebėjote, kad vis dažniau yra naudojami užapvalinti kampai (angl. rounded corners): juos galima pamatyti tinklalapio komentarų blokuose, viršutinėse/apatinėse (header/footer), turinio (content) blokuose bei kitose struktūros dalyse.

Apvalintų kampų elementus sukurti galima ne vienu, o keletu būdų. Elementų kampams apvalinti kartais naudojama JavaScript kalba, tačiau rimčiausia priežastis, kodėl šis būdas nelabai populiarus, — išjungtas JavaScript palaikymas kai kurių lankytojų naršyklėje. Taip pat galime sukurti apvalintus elementus panaudoję pakopinių stilių (CSS) savybes ir paveikslėlius. Dar kitas būdas — kuris yra ateities sprendimas — CSS3. Tai nauja pakopinių stilių specifikacija, kuri dar nėra užbaigta, tačiau kai kurios naršyklės jau palaiko keletą naujosios specifikacijos savybių.

Taigi, panagrinėsime dažniausiai taikomus sprendimus elementų kampų apvalinimui: pavyzdžius, pliusus ir minusus; palyginsime aptariamus sprendimus.

---

Martyna

http://img294.imageshack.us/i/kodel.png/

va man taip nesusiligiuoja, ka daryti?

krienas

"Antrinės spalvos gaunamos sumaišius dvi pirmines spalvas, o tretinės — sumaišius dvi antrines." Šiaip jau, pagal schemą, tretinė spalva gaunama sumaišius ne dvi antrines, o pirminę su antrine: yellow(primary)+green(secondary)=yellow-green(tertiary).

O šiaip geras, išsamus lietuviškas straipsnis, ačiū autoriui; kam sunkiau su anglų kalba, yra Alvydo Jonaičio knyga "Spalvotyra".

adijux

Daugumai žmonių atvirkščiai: jie nenori, kad nuorodos atsidarytų naujame lange. Manau, kad jeigu žmogus nori, kad nuoroda atsidarytų naujame lange, jis paspaus dešinįjį pelės mygtuką ir pasirinks „Open link in a new window“ arba „Open link in a new tab“.

Christine

šeip aš dirbu su paprastomis programomis kaip notepad++ ir keletu kitų. norėčiau sužinot gal yra kitokių programuų su kuriom taip pat nesunku dirbti, bet turi daugiau galimybių ir nemokamai galima parsisiųsti? ar tai tik svajuko dramblionė?

Christine

straipsnis geras tikrai, tik man užkliuvo vienas dalykas. Kai įdedate nuorodas, norėtųsi, kad jos atsidarytų kitame puslapyje, nes paskui sunku rasti kelią atgal, užima laiko arba nesinori giliau naršyti to puslapio į kurį davėte nuorodas.