A ‘Interface’ kategória arhívuma

Referencia Weblap Photoshopban – Videó Tutoriál

Írta: | 2011. június 28. | kategóriák: Interface, Photoshop | Nincs megjegyzés

Ime, egy videó tutoriál amiben megpróbálom bemutatni, hogyan kell elkészíteni egy weblap tervet az első lépéstől az utolsóig.

Photoshop tutoriál - Referencia weboldal

Elolvasom a teljes bejegyzést »

WebDevelog design

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

WebDevelog frontpage design

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: | 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: | 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.

Windows Live stílusú menü
Kezdésnek hozzunk létre egy új, fehér hátterű dokumentumot, lehetőleg téglalap alakút (500x60px). 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. 480x40px, 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: | 2007. október 07. | kategóriák: Design, Interface, Speciális effektek | 2 megjegyzés

Aero Vista gomb alapA 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.

Elolvasom a teljes bejegyzést »