Kérlek támogasd egy szavazattal a WebPillangót!

Ha úgy érzed, hogy segítségre találtál a WebPillangón vagy a fórumon, vagy ha csak segíteni szeretnél, minden nap támogathatsz egy szavazattal (amíg a verseny tart).

Szólhatsz ismerőseidnek, szavazhatsz az iskolából, egyetemről, munkahelyről és otthonról is. Minden nap tudsz szavazni annyiszor, ahány internethozzaférésed van.

Új, minőségi leírásokkal hálálom a szavazatokat!

Rég nem írtam minőségi leírásokat, mivel nagyon kevés az időm. Viszont azt megígérhetem, hogy minden 100 szavazatot egy új leírással fogok meghálálni!. A barátaidnak se felejts el szólni :)

Nagyon szépen köszönöm!

A ‘Interface’ kategória arhívuma

WebDevelog design

Írta: Tupacko | 2008. szeptember 27. | kategóriák: Blogolok, Design, Interface, Web | 15 megjegyzés

Ismét a véleményetek kérem. Ezúttal a jövőbeli angol blogom designjáról van szó. Pár szóban leírom, mi miért van úgy, ahogy. A kép a kezdőlapot ábrázolja, a cikk megjelenítés, a kommentárok, az oldalak másként lesznek felosztva. Az oldal 1024×768 képpontos felbontásra van optimalizálva. Amikor megnyitod az oldal, akkor a fejléc a menü és a felső zöld doboz látszik egy hasonló felbontású képernyőn. A zöld doboz tartalmazza az utolsó három írást, szigorúan képek nélkül! Ezt követi a három további navigálás szolgáló elem, majd a lábléc. Az oldalt próbáltam nem túlzsúfolni, de eléggé betölteni ahoz, hogy minden fontos helyre elérjen a főoldalra visszatérő látogató.

Photoshop videó tutorial

Írta: Tupacko | 2007. november 13. | kategóriák: Blogolok, Hírek, Interface | 7 megjegyzés

Elkészűlt az első videó tutorial is. Sajnos nem olyanra sikerült, amilyennek elképzeltem, de leszámítva az érdekes beszédem (nem tudom mi történt, lesz ez majd jobb is) és a rossz minőséget, használható. Ha követed az utasításokat biztos vagyok benne, hogy hasznodra lesz!

No lássuk is, miről van szó:

Windows Live stílusú menü

Írta: Tupacko | 2007. október 18. | kategóriák: Design, Interface, Photoshop, Speciális effektek | 16 megjegyzés

A web 2.0 világában élünk és sok szép, úgynevezett glossy effektes dolog létezik, minden csillog villog. Valamelyest ebben jelentkezik, grafikai szinten a web 2.0. A következő leírásban egy, a Windows Live navigációs menüjéról mintázott, üveges hatású menü elkészítését fogod elsajátítani.

Kezdésnek hozzunk létre egy új, fehér hátterű dokumentumot, lehetőleg téglalap alakút (500×60px). Hozz létre egy új réteget a menü alapjának elkészítésére. Válaszd a Rectangular Marquee eszközt és készíts egy kijelölést, amekkorára a menüt akarod készíteni, pl. 480×40px, majd színezd ki a következő színnel: #005b95. A kellő effektelés érdekében végezd a következőket: Layer / Layer Style / Gradient Overlay a következő színekkel (balról jobbra, vagyis a világosabb szín legyen felűl): #2473a5, #005b95, #3585b9, #7eb1d2. Egy Stroke effekt is kell, a következő paraméterekkel: 1px széles, outside, opacity (láthatóság) 100%, a szín pedig #003150.

Windows Live stílusú menü

Elolvasom a teljes bejegyzést »

Aero vista gomb készítése

Írta: Tupacko | 2007. október 07. | kategóriák: Design, Interface, Speciális effektek | 2 megjegyzés

A leírásban Aero Vista stílusú gombokat fogunk elkészíteni. Több okból is érdemes elsajátítani ezt a fajta stílust: aránylag egyszerű az elkészítése és a weben is jól néz ki, afféle web2.0 stílusnak is megfelel. Vágjunk is bele, hozz létre egy új dokumentumot, majd válaszd a Rounded Rectangle eszközt. A radius paramétert állítsd 5 képpontra, majd rajzolj egy ehez hasonló méretű lekerekített sarkú téglalapot.
Ha készen vagy, akkor kezdődhet a nagy átalakítás. Néhány effektet használva, hamarosan befejezed a képet és megtanulod a Photoshop néhány, leggyakrabban használt, effektét is. Kattints duplán a rétegen és válaszd a Stroke egységet, vagy Layer/Layer style/Stroke. Állítsd be a következő értékeket: size 1, position outside, blend mode normal, opacity 100%, fill type color, color fekete.