A október, 2007 havi arhívum

A webdesignerek hét bűne

Írta: | 2007. október 06. | kategóriák: Alapok, Blogolok, Design, Web | 37 megjegyzés

Figyelem!Azért született ez a bejegyzés, mint a webdesignerek hét bűne, mert rengeteg idegesítő weboldalt lát az ember nap, mint nap. Ezen lehet segíteni, mindössze oda kell egy kicsit figyelni, hogy mik az esztétikum határai. Nem akarok most minden apró hibát felsorolni, éppen ezért összegeztem a, szerintem, legnagyobb bakikat.
.1. A leggyakoribb hiba a rossz színek választása. A nem jól összeválasztott szín paletta, főleg az éles színek, ?szétverik? a weboldal kinézetét, sértővé vállnak a szem számára és olvashatatlan oldalt eredményeznek. Persze a hasonló oldalakon nem is időznek sokáig a látogatók.
.2. A második leggyakoribb hiba a fontok nem megfelelő összeválasztása. Maradjunk meg az alap betűtípusoknál, vagy legalább a legeltrejettebeknél. Ha nem ezt tesszük, akkor a látogató egy csúnya oldalt fog látni, annak ellenére, hogy a mi gépünkön gyönyörű. Mi erre a magyarázat? Az, hogy mi nem az alap fontot méretezzük, hanem a sajátunkat. Más és más fontok, más és másként méreteződnek, ezért szétnyomhatja az oldalt, vagy éppen olvashatatlanul picik lesznek a betűk. Ha a Photoshoppos tervezésre gondolunk, ott ne használjunk anti-alias effektet, mivel valóságban nem azt fogjuk kapni, amikor lekódoljuk az oldalt.

Elolvasom a teljes bejegyzést »

Retró árnyék

Írta: | 2007. október 05. | kategóriák: Photoshop, Speciális effektek | 2 megjegyzés

Retró árnyékÉrdekes problémát vet fel az árnyékolás gondja. Van eset, hogy realisztikus hatást kell keltsen, van amikor megfelel egy fekete alak is. A következőkben arra mutatok példát, miként lehet ízléses és megfelelő retro árnyékokat készíteni. Miben is áll ez a szemlélőnek? Abban, hogy az árnyék egy egyszínű, nem valósághűségre törekvő és éles körvonalú árnyék legyen.
Alap kép - el kell valahol kezdeni Kezdjünk egy 300×300 képpontos, fehér hátterű képpel. Ezt követően készíts egy új réteget. Amikor elkészültél, akkor válaszd a Pen eszközt, majd készíts egy olyan alakot, mint egy pódium?. Ha megvan, jobb klikk az alakzaton és válaszd a Make Selection menüpontot. A beállítások legyenek a következők: Feather radius: 0px, Anti-aliased kipipálva, Operation: New Selection. Így létrehozol egy, az alakzattal megegyező, kijelölést. Válassz két enyhén szürke színt, majd töltsd ki a gradient eszköz segítségével.

Elolvasom a teljes bejegyzést »

Webes doboz, avagy software csomagolás

Írta: | 2007. október 03. | kategóriák: Photoshop, Speciális effektek | 13 megjegyzés

TexturaSoftware dobozok a kirakat üvegén vagy a plakáton. Valódi dobozok lefényképezve? Netán 3ds programokkal készítették? Mindkettő meglehet, bár mindez Photoshoppal is kivitelezhető. A következő bejegyzés erről szól: hogyan készítsük el saját webes dobozunkat Photoshop segítségével.
Első lépésként szükségünk van a képre, amiből a dobozt fogjuk összehajtogatni? A leírás erejéig egy egyszerű képet választottam, hogy jobban látszódjanak a dolgok.
Ha kiválasztottad a képet, amiből a doboz készül majd, akkor tedd a következőket. Vágd vertikálisan kettőbe a képet, így elválasztva a doboz élén lévő képet a doboz elején elhelyezkedő képtől. A kapott eredmény nem más, minthogy a két képrészlet külön rétegeken lesz (kinézetileg nincs változás). Jelenleg három rétegünk van, az alsó az alap réteg, fölötte a doboz elejének és oldalának rétege.

Retegek

Elolvasom a teljes bejegyzést »