Ha weboldalt tervezünk, rengeteg anyagra van szükség. Felesleges mindent nekünk elkészíteni, a neten sok ingyenes forrást találhatunk.

Az itt található betűtipusok legtöbbje nem tartalmaz ékezetes karaktereket, főleg ő, ű, ú, és í betűt. Igazából ez nem nagy gond, mivel ezeket úgyis grafikákban használjuk, könnyedén pótolhatjuk az ékezeteket a betűtipusban található egyéb karakterekből (pl.: .. ,, ").

A legtöbb vektor adobe illustratorhoz készült. Az SVG fájlokat átkonvertálhatjuk képpé ezen az oldalon: www.fileformat.info/convert/image/svg2raster.htm

Tedd ezt a cikket a kedvenceid közé!

Biztosan feltűnt már nektek a cikkeim tetején látható “Tedd ezt a cikket a kedvenceid közé!” felirat. Hogy ez mire való?  A segítségével felvehetitek a cikket egy közösségi könyvjelző szolgáltatásba. Szeretném bemutatni mi is ez, azon belül is részletesen a del.icio.us működését.

A közösségi könyvjelzők több célt szolgálnak. Első és legfontosabb szerepük kedvenc oldalaink címének megörzése, ugyanúgy ahogy ezt a böngészőnk teszi. Viszont van egy nagy különbség: a címeket nem a gépünkön tárolják, hanem az interneten. Milyen előnye van ennek? Például nem kell többé elmentegetni a címeinket oprendszer újratelepítéskor, könnyen rendszerezhetjük őket és megoszthatjuk másokkal.

Pont itt jön egy másik fontos tulajdonság: a másokkal való megosztás. Amint egy oldalt felvettünk, a többi felhasználó is láthatja, persze csak ha akarjuk, priváttá is tehetünk címeket. A többiek ezután úgy találhatnak rá, ha az ún. címkék (tag) közt keresnek. Például ha ennek a blognak a címét veszitek fel a del.icio.us-ra, akkor meg kell adnotok az oldal témáját, jelen esetben lehetne PHOTOSHOP és TUTORIAL. Ha ezután valaki beírja a delicious keresőjébe hogy photoshop vagy tutorial, esetleg mindkettőt, rátalál az oldalra.

Ezzel a két tulajdonsággal kapunk egy jól rendszerezhető könyvjelző és oldal megosztó szolgáltatást.

Mint az oldalon lévő “Tedd ezt a cikket a kedvenceid közé!” feliratnál láthatjátok, rengeteg ilyen témájú oldal létezik, de ezek közül soknak csak az érdekes oldalak megosztása a célja, pl. a Digg és Stumbleupon. Ezért én inkább most a del.icio.us-t szeretném részletesen bemutatni.

Az oldalon való regisztrálás nagyon egyszerű és gyors, egy név, egy felhasználó név, egy jelszó és email cím kell hozzá.




 















A könnyű használat érdekében telepítsük is rögtön a következő firefox kiegészítőt: del.icio.us Bookmarks
Ez az oldalsávon jeleníti meg a címeinket, és kapunk két gombot is firefoxba, amivel gyorsan felvehetjük és megnézhetjük az oldalakat. Mint látjátok így ugyanúgy kezelhetitek a könyvjelzőket mintha a számítógépen lenne.






















Kezdjük azzal, hogyan vehetünk fel egy oldalt a kedvenceinkbe!

A példa kedvéért vegyük fel ezt az oldalt! Ehhez csak meg kell nyomni az előbbi képen látható hozzáadás gombot, ekkor az alábbi párbeszéd ablak ugrik elő:












Az oldal neve és címe bent is van, csak fel kell címkézni. Próbáljunk olyan címkéket használni amiket megtudunk jegyezni és egyértelműek, így mások és mi is könnyebben megtaláljuk őket.

Pár szó a címkézéssel kapcsolatban: próbáljuk meg elfelejteni az eddig használt könyvtárszerkezetet, a címkék sokkal könnyebbé teszik a könyvjelzők kezelését. Nyugodtan adjunk sok címkét neki, bármelyikre is keresünk később, könnyedén leszűkíthetjük a találati listát. Ha például arra keresünk hogy photoshop, kiad minden ps témájú oldalt. Viszont ha mellé írjuk hogy tutorial, már csak a ps tutorialokat adja eredményül.

Most hogy felvettük az oldalt a listánkra, nézzük meg hogyan érhetjük el újra! Ha megnyomjuk a fenti képen látható oldalsáv gombot, megjelenik az oldalsávon a delicious ablaka. Ha üres lenne, klikkeljetek alul a login szövegre, és írjátok be a felhasználó nevet és kódot.

Ha mindent jól csináltunk, a következőképp kell kinéznie:

A felső részen a címkéket, alul a bennük lévő oldalakat láthatjuk. Mikor nincs kiválasztva címke, az összes oldalt mutatja, viszont ha rányomunk egyre, csak a hozzá kapcsolódókat. Ha a címkétől balra lévő kis nyilra nyomunk, megmutatja azokat a címkéket amik valahogyan kapcsolódnak a témához. Nézzünk egy példát erre.
A saját cikkeimet a BLOGOM, CIKKEIM, PHOTOSHOP és TUTORIALOK címkével szoktam ellátni. Viszont vannak olyan tutorialjaim is amiket mások készítettek, ezek szintén TUTORIALOK címkével szerepelnek. Ha szeretném megtalálni az egyik cikkem a TUTORIALOK címkén keresztül, bizony nagy bajban lennék, mivel ott körülbelül 200 leírás található. Szerencsére segít a delicious: elég a BLOGOM melletti nyílra nyomnom, azon belül a TUTORIALOKRA, és már láthatom is azokat amik tartalmazzák a BLOGOM címkét is!

Az alábbi képen láthtó a működése.










Hogyan lehetne még jobbá tenni a könyvjelző keresést? A sorba redezés módjával. Ezzel nem csak abc sorrendbe (alpha A-Z) rendezhetjük a linkjeinket, hanem a legtöbbször megnyitott (most visited), legutoljára hozzáadott (last added), és utoljára látogatott (last visited) oldalak szerint is. Érdemes a linkeket leggyakoribb látogatottság szerint rendezni, így a legfontosabb oldalaink mindig a lista tetején lesznek!


Úgy gondolom ennyi elég is ahhoz hogy aki nem ismeri még a del.icio.us-t, kedvet kapjon hozzá. Ha esetleg lesz rá igény, folytatom a delicious részletesebb bemutatását.

Tedd ezt a cikket a kedvencekbe!

Rengeteg időt töltöttem az utóbbi időkben azzal, hogy megoldást találjak az induló vállalkozásom rendszerezésére. Sajnos a sok feladat közt könnyű elveszni, de a webkettő idejében erre is találunk megoldásokat.

Ezen a héten 4 csoportba osztottam a linkeket:

• Online iroda:

Google
Calendar: naptár
Documents: táblázat kezelés, szöveg szerkesztés, prezentáció
Notebook: jegyzetek
Gmail: levelező

Talán a google nyújtja a legtöbb lehetőséget. A legnagyobb előnye az, hogy magyar nyelvű és hogy egy gmail regisztráció elegendő az összes szolgáltatás igénybevételéhez.  A különböző oldalak kapcsolódnak egymáshoz. Pl. ha levelet kapunk amihez xls táblázatot csatoltak, rögtön megnézhetjük a documents oldalon, vagy akár ki is menthetjük.
A gmail könnyen átalakítható feladat kezelővé is, ha magunknak küldünk leveleket. Ezek rendszerezése nagyon egyszerű a címkéző rendszer használatával.
A notebookba könnyedén jegyzetelhetünk, akár weboldalak szövegét is, a böngészőkbe épülő modul (firefoxhoz és explorerhez) pedig még könnyebbé teszi a használatát.
A Documents oldal teljesen kiváltja az office használatát. Az online tárolásnak köszönhetően nem kell félnünk hogy a gépünkön esetleg megsérülnek vagy elvesznek fájljaink. A dokumentumainkat pedig megoszthetjuk bárkivel, anélkül hogy a fájlt elmozdítanánk az oldalról.

Zoho

A google-éhoz hasonló szolgáltatások, néhány prémium (fizetős) szolgáltatással kiegészítve. Ez az oldal is kitűnően helyettesíti az office-t: szöveg szerkesztés, táblázatkezelés, adatbázis kezelő, prezentációk, jegyzetek, feladatkezelés.

• Feladatok:

Remember the milk

Magyar nyelvű feladat menedzselő. Remek tulajdonsága hogy a teendőkhöz neveket és helyeket kapcsolhatunk, ezáltal már már projekt kezelő tulajdonságokkal rendelkezik.

















Stikkit

A stikkit érdekes megközelítésben kezeli feladatainkat. Cetliket készíthetünk a teendőkről, és a különböző cetliket egymáshoz kapcsolhatjuk. Például egy teendőt összekepcsolva egy névvel és megjegyzésekkel, könnyen áttekinthető rendszert kapunk.

Stixy

Szintén érdekes rendszer: egy íróasztalt kapunk, amire tetszés szerint pakolhatunk fotókat, feljegyzéseket, dokumentumokat és emlékeztetőket. Aztán mindezt megoszthatjuk bárkivel.

• Project menedzselés:

CreativePro office

Talán a legjobb módja a projektjeink kezelésének. Minden projekthez személyes adatokat, teendőket és emlékeztetőket kapcsolhatunk. Így minden project könnyedén áttekinthető. A különböző modulokat egy kezdő oldalon rendszerezhetjük (kép). Egyetlen dolog hiányzik még a teljességhez: email kezelés. Egyébként nemsokára pótolják a fejlesztők ezt a hiányosságot.



















ProjectOffice

Az előzőhöz nagyon hasonló rendszer, sajnos instabilabb működéssel.













Todoist

Inkább feladatkezelők közé kellene tenni, ám a könnyű kezelhetősége és a gmail integrációja a projekt menedzselők közé emeli.

• Pénz kezelés:

Moneytrackin'

Könnyedén nyomon követhetjük kiadásainkat és bevételeinket ezen az oldalon. Csak annyi a dolgunk hogy megadjuk az aktuális és ismétlődő bejövő és kimenő összegeket. Különböző célokat állíthatunk be magunknak, például egy kiadás csökkentése, és ennek eredményességéről folyamatosan informál minket az oldal. Sajnos még nem magyar nyelvű az oldal, de a felhasználók segítenek a fordításában. Akár te is beszállhatsz.


























Budgetpulse

Talán ez az oldal lehet a moneytrackin ellenfele. Szolgáltatásai majdnem megegyeznek vele, ám kezelhetőségben még nem tud versenyezni.

Az itt bemutatott oldalak 100%-ban ingyenesek, kivéve a zoho néhány szolgáltatása. Mint látjátok minden kategóriában próbáltam alternatívákat is bemutatni, de mindig első helyre tettem a favoritomat. Természetesen messze nem teljes a lista, kismillió hasonló oldal létezik, ám a legtöbben előfordulnak szépséghibák, például az ingyenesség kérdése. Mindenhol azt próbálják elhitetni hogy ingyenes szolgáltatások, ám a regisztráció után kiderülnek a turpisságok.  Tudom, mivel szinte mindet kipróbáltam (volt egy kis szabadidőm, valamivel elkellett ütnöm).

Tedd ezt a cikket a kedvencekbe!

Jöjjön hát az első kívánság, a mellékelt tájképre fogunk villámot szórni!

Készítsünk egy 500 pixel széles és 2000 pixel magas dokumentumot. Váltsunk a színátmenet eszközre (gradient tool), és körülbelül a kép harmadában húzzunk egy fekete-fehér átmenetet (kép).


A szűrő/renderelés/negatív felhő effektet (filter/render/difference clouds) engedjük rá a képre, így egy cikk-cakkban futó vonalat kapunk. Azért volt szükség ilyen nagy képre hogy elég részletes villámot kapjunk.




A kép/korrekciók menüből használjuk az invertálást (image/adjustments/invert), majd nyissuk meg ugyanitt a szintek menüt (levels). Állítsuk a képen látható állásra a csúszkákat. Ezzel eltüntettük a sötét részeket, a villám viszont megmaradt. Ha maradt néhány világos maszat, tüntessük el fekete ecsettel.


Tegyük a villámot a képre! Ehhez a villámot ki kell jelölnünk a kijelölé/színtartomány kijelölés paranccsal (select/color range). A beállításokban vigyük a csúszkát 200-ra, és bökjünk a villám közepébe, a legvilágosabb pontjára. Az így kapott kijelölést másoljuk át a tájképre.

Ha kell kicsit kisebbítsük le a villámot: szerkesztés/alakítás/méretezés (edit/transform/scale). A villám tetejét illesszük egy felhő aljához, mintha belőle jönne a villám (később még finomítjuk). Szükség lesz mégegy villámra, ám ezúttal egy vékonyabbra. Ismételjük meg a villámkészítés lépéseit, de most a színátmenetet csak a kép ötödén húzzuk át, így vékonyabb villámot kapunk. Tegyük ezt is a képre. Jól kicsinyítsük le, kb a nagy villámnál 3-4x vékonyabb legyen. Azért kell több villám, mert mint ezen a képen is látható, a villámoknak mindig vannak pici testvérei.






Csípjünk le egy darabot a vékony villámból (kijelöljük, kivágjuk, beillesztjük), forgassuk el egy picit, és ragasszuk a vastag villámhoz. A megmaradt másik villám darabot is csatoljuk rá valahova (kép).







Váltsunk a maszatolóra (smudge tool), állítsuk 1 pixel méretűre, az erő 100 legyen. Tetszőleges helyekre húzzunk pici mellék villámokat (kép). A radírral vékonyítsuk el a villám végeket, a fő villámot kihagyva.

Kapcsoljuk össze a 3 villám réteget, úgy hogy kijelöljük őket (shift és katt rajtuk), és összevonjuk: jobb gomb/rétegek összeolvasztása (merge layers).

Adjunk színt a villámnak. Kép/korrekciók/színezet és telítettség (edit/adjustments/hue-saturation) parancs. Kapcsoljuk be a kifestés egyszínűre (colorize) kapcsolót, majd a színezet csúszkát addig állítgassuk, míg a villám hideg, kékes lilás árnyalatú nem lesz (kép).

A villám nagyon fényes, ezért megvilágítja a környezetét. Ezt a hatás úgy érjük el, hogy a rétegnek külső ragyogást (outer glow)  adunk. A képen látható értékeket használjátok. A szín kékes lila legyen, a keverési mód pedig átfedés (overlay). Így a ragyogás színe hasonlít a háttérkép színeire. Ezt még tovább fokozandó, állítsuk az egész réteg keverés módját lineáris fakításra (linear dodge), a réteg eszköztáron. Ez szép ragyogást is ad a villámnak.



Jöhet az utolsó lépés. Váltsunk a fakítás eszközre (dodge tool), állítsuk a festő módot középtónusokra, az erejét pedig 50-re. Ezzel az eszközzel világosítani kell a hátterünket azon a helyen ahonnan a villám indul. A villám indulásánál egészen fehérre világosítsuk, távolodva tőle gyengítsük a hatást.  A talaj és a felhők közti területen is világosítsunk picit (kép).






Ezzel meg is volnánk. Ha még cikk-cakkosabb villámot akartok készíteni, akkor a leírás  elején használt technikával, szélesebb színátmenetet kell használni.

Arra gondoltam mivel már megjött a Mikulás és Jézuska is betoppan nemsoká, én is megpróbálok kedveskedni nektek.

Szóval bárkinek bármilyen gondja van PS-el, vagy csak érdekelné egy technika leírása, ne habozzon. Mostantól egészen 26.-ig jöhetnek a kérések emailben, vagy akár ide a kommentekbe. Megpróbálok minden kérést teljesíteni. Pénzt nem küldök!

fajtbros

Tedd ezt a cikket a kedvencekbe!

Egy kérést próbálok teljesíteni ezzel a leírással, remélem segít majd Píítnek!

Készítsünk egy 500x500 pixeles képet, fehér háttérrel. Állítsuk a festőszínt feketére, a háttérszínt pedig fehérre.

Használjuk a szűrők/renderelés/felhők parancsot (filter/render/clouds). Ez véletlenszerű mintát hoz létre a beállított színek használatával (példánkban fekete-fehér).

Jöjjön a következő effekt: szűrők/renderelés/negatív felhők (filter/render/difference clouds). Ez is felhőmintát hoz létre az előtér és a háttér színeiből, de bevonja a képünk tartalmát is,  többszöri alkalmazásával bordás és erezett minta jön létre. Kb. 5-8x ismételjük meg az effektet, válasszuk a leginkább tetszőt, a képen látható mintához hasonlót.


Váltsunk jó puha ecsetre, és fessük feketére a felső részt, a képen látható módon. Azért van szükség puha ecsetre, hogy elkerüljük az éles peremeket.








A maszatoló eszközzel (smudge tool) húzzunk a peremekből kis lángcsóvákat (kép lent). 60-70 közötti erősséggel használjuk az eszközt, kb. 10-es átmérővel, így kicsi puha lángnyelveket kapunk.





Következzen a tűz színének beállítása. Ehhez a kép/korrekciók/színátmenettérkép parancsot (image/adjustments/gradient map) használjuk. Ez az effekt a szürkeárnyalatos képünkhöz rendel egy megadott színátmenetet, a kép világos és sötét részeit használva referenciának. Annyi a dolgunk hogy a képen látható színátmenetet létrehozzuk.
Színei balról jobbra: 000000, e17701, fcfe00, ffffff.

Végezetül élesítsünk a képen, hogy szemcsésebb eredményt kapjunk: szűrő/élesítés/további élesítés parancs (filter/sharpen/sharpen more).

Ha szép tüzet szeretnétek, részletesen dolgozzátok ki a lángnyelveket,
ne 2 percet foglalkozzatok vele mint én :o) (bocsi)
















 

RoundedCornr - A lekerekített sarkok jól mutatnak az oldalunkon. Ezzel a generátorral pillanatok alatt elkészíthetjük kerek dobozainkat. HTML és CSS ismeret szükséges hozzá. Generálás után kapunk 2 kódot, ezeket betesszük a HTML és CSS kódunkba, a képeket pedig mentsük a fájlok mellé.

Mára ennyi, jövő héten folytatjuk.