Behavazás Photoshoppal

Írta: | 2007. december 01. | kategóriák: Blogolok, Design, Speciális effektek | 2 megjegyzés

Ahogyan azt a fórumban beígértem, téli témába vágó leírások következnek. Kezdésnek egy behavazott effektet mutatok be, amit sokfelé újrahasznosíthatsz: weboldalad téli designra váltásánál, behavazott fejlécnek, képeslapnak, stb. Szükséged lesz néhány grunge stílusú ecsetre is, rengeteg van az interneten. Ha nem találsz, az sem gond, alap ecsetekkel is el lehet készíteni. Jó szórakozást!
Fehérre színezett felső részAz első lépés, mint máskor is, az új dokumentum létrehozása, bár ez esteben nem számít a háttérszín. Válassz két világoskék színt előtér és háttérszínnek (foreground, background), majd egy vertikális színátmenettel töltsd ki az alap réteget. Ha készen vagy, válaszd a fehért, mint előtérszín és keress egy puha ecsetet. Hozz létre egy új réteget és színezd ki a képed felső részét. Ezt követően válassz egy szétzúzott ecsetet és egy új rétegen próbáld felrojtozni a havat.

Ezt követően hasonló, tört, ecsetekkel próbáld neked megfelelőre formázni a hó lelógó részeit. Ha befejezted a fehérítést, akkor egy új rétegen, készíts egy szétszórt fekete mintát, ugyancsak egy karcos ecsettel. A fekete réteg áttetszőségét állítsd egy alacsony értékre, hogy csak egy kevés árnyékot/piszkosságot adjon a hónak.

Elolvasom a teljes bejegyzést »

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

Technoszöveg készítés Photoshopban

Írta: | 2007. november 11. | kategóriák: Photoshop, Szöveg effekt | 3 megjegyzés

A leírás egy szövegeffektet mutat be: technoszöveg készítése. A nehézségi foka eléggé egyszerű, de mégis szép kinézetet nyújt. Kezdjük is az elején: hozz létre egy új dokumentumot, ami elég nagy a szövegednek, pl. Egy 500×100 képpontos vászon éppen elég lesz. Válaszd ki a betűtípust, amivel írni fogsz (lehetőleg valami kövér betű legyen), majd írj egy szót. Nem árt, ha jól választod meg a színt, mert a későbbiekben nehezebb lesz már változtantni, miután raszteressé tesszük a vektorszöveget (megérik az effektek).
Miután kész vagy a gépeléssel és színezéssel, készítsd el a szöveged kijelölését. Több módon is megteheted, én csak a két legegyszerűbb módszert írom le. Az egyik, hogy a Ctrl billentyűt lenyomva tartod és rákattintassz a szöveg nézőképére (az a kis kép, a réteg neve mellett). A másik módszer: jobbklikk a nézőképen, majd kiválasztod a Select layer transparency menüpontot.

Alap szöveg kijelölés

Elolvasom a teljes bejegyzést »

WordPress SEO: permalink változtatás

Írta: | 2007. november 04. | kategóriák: Biztonság, CMS, PHP, SEO | 4 megjegyzés

Beszéltem arról, hogy mi a megfelelő permalink struktúra, de azt nem írtam le, hogyan változtathatod meg az állandó linkek szerkezetét úgy, hogy az ne rontson az oldaladon. Nos, erre vannak pluginek, amelyekkel gond nélkül megteheted a változtatást.
Egy megoldást a Permalinks migration tool for WordPress biztosít. A nagy előnye a kiegészítőnek az, hogy az oldalad továbbra is elérhető lesz a régi linken, mi több, a Google PageRankodat sem rontja. A működési elv nagyon egyszerű és hasznos. A kért oldalon egy 301es újrairányítást talál a keresőrobot, ami annyit tesz, hogy permanent redirect (vagyis végleges átirányítás) és így a bot automatikusan kicseréli a linkedet az indexben. Ezáltal a PRed sem romlik és a SEO optimalizálást is véghez viszed.

Elolvasom a teljes bejegyzést »

Éles szembogár készítése Photoshoppal

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

Készíts egy 100×100 képpontos, fehér hátterű dokumentumot. Válaszd ki a neked megfelelő két színt, amelyet a szem elkészítésére fogsz használni, majd a világosabbat állítsd be az előtér színének, a sötétebbet a háttér színnek (foreground és background színek).
Az első széleffekt utánA Rectangular Marquee Toolt használva, jelöld ki a dokumentumod kb. egynegyedét (a bal oldalát), majd töltsd ki a sötétebb színnel (Edit / Fill). Következő lépésként fordítsd meg a kép színeit, Image / Adjustments / Invert vagy üss Ctrl-I kombinációt. Erre a szélhatás tulajdonsága miatt van szükség, hogy a sötétebb színre fújja a világosabb színt. Most, hogy megvagy a színfordítással, add hozza a széleffektet: Filter / Stylize / Wind. Ezt ismételd meg kb. 3szor, amíg hasonló képet nem kapsz. Az ismétlést a Ctrl+F gomb leütésével is elérheted, mivel az mindig a legutolsó effektet fogja újból elvégezni.

Elolvasom a teljes bejegyzést »

Vektor hatású felhő

Írta: | 2007. október 28. | kategóriák: Blogolok, Design, Speciális effektek | Nincs megjegyzés

Vektor hatásu felhőA minap láttam egy érdekes weboldalt a neten böngészve és megtetszett rajta egy felhős design. A lényeg, hogy most eszembe jutott és leírom, hogyan lehet olyan kis aranyos felhőket készíteni Photoshoppal. Első lépésként hozz létre egy új dokumentumot, fehér háttérrel. Második lépésként válaszd az Elliptical Marquee Tool-t. Magyar változatban valami hasonló lehet: ovális kijelölési eszköz. Válaszd azt a lehetőséget, hogy a kijelöléshez adja hozza az újabb kijelölést, majd készíts egy nagy ovális kijelölést, amihez hozzáadod a kis kijelöléseket, így kapva egy felhőt. Természetesen ez még egyszínű, de már csak egy lépésre vagy a valóságtól.

Elolvasom a teljes bejegyzést »

WordPress kondicionális függvények

Írta: | 2007. október 27. | kategóriák: CMS, PHP, Programozás, Web | 2 megjegyzés

A feltételes tagokat arra használhatod, hogy eldöntsd, melyik oldalon mit jelenítsél meg, a látogató kérésének megfelelően. Egy egyszerű példa: bizonyára sokan látták, hogy van egy plugin, ami az admin felületen megjelenít különféle idézeteket Louise Armstrong / Hello Dolly című zeneművéből. Hogyan tudja a plugin, hogy az adminfelületről van szó? Megmondja neki az is_admin() függvény. Az is_függvények True vagy False értéket térítenek vissza, attól függően, hogy éppen teljesül a feltétel vagy sem. Az alábbiakban találsz egy listát, hogy mikor, mi térít True-t vissza, vagyis mikor igaz a feltétel.

Elolvasom a teljes bejegyzést »

Speciális WordPress sablon fájlok

Írta: | 2007. október 24. | kategóriák: CMS, Design, Programozás, Web | Nincs megjegyzés

Ebben a bejegyzésben egy listát találsz azokkal a fájlokkal, amelyeknek speciális értékük van a WordPress számára. Miért fontos ez? Azért, mert ha egy jó sablont akarsz készíteni, akkor pontosan tudnod kell, melyik fájlt, milyen esetben használd a legmegfelelőbb eredmény elérése érdekében.
A legfontosabb fájl a style.css. Ezt kötelező módon tartalmaznia kell a sablonnak a megfelelő fejléccel, mivel ez az a fájl, amely a sablon definícióját végzi. Ha nem tartalmazza a fejlécet, akkor is működik, de van eset, hogy egyéb történik, mint amit elvárunk (pl. egyes esetekben a Default sablont hozza be, ha nincs fejléc).

Elolvasom a teljes bejegyzést »

WordPress sablon készítése (második rész)

Írta: | 2007. október 21. | kategóriák: (X)HTML, CMS, CSS, Design, PHP | 11 megjegyzés

Ebben a leírásban a sablon fájlok kerülnek nagyító alá. A sablon kód fájljai egy vagy több PHP fájlból állnak. Akárhogyan is extrém eset az, ha csupán az index.php állomány áll rendelkezésre. A WordPress a hivatkozásból próbálja eldönteni, hogy melyik sablon a legrelevánsabb és hívódik meg, mint afféle parser a kérésre. Első lépésként azt nézi, hogy milyen kategóriájú a kérés: pl. Keresés, Arhívum, Bejegyzés, stb. Ha megvan a típus, akkor megpróbálja meghívni a kellő sablont, viszont, ha az nem létezik, akkor lejjebb ugrik a hierarchiában, így eljutva az index.php oldalig, ha nincs más létező állomány.

Elolvasom a teljes bejegyzést »

WordPress sablon készítése (első rész)

Írta: | 2007. október 19. | kategóriák: (X)HTML, CMS, CSS, Design, PHP | 11 megjegyzés

Janoszen weboldalán találtam rá egy érdekes leírásra, ami ötletet adott a leíráshoz. A téma: WordPress sablon készítése. Ahhoz, hogy egy sablon tudjál készíteni, kell tudjál HTML-t, CSS-t és PHP-t is. Ajánlott olvasmány a WP dokumentációja és a WordPress codex is.
A WordPress sablonok két fő részből állnak: a programozási része, PHP fájlok, és a design része, CSS fájl(ok) és a hozza tartozó képek. A sablon a wp-content/themes/ mappaban kell legyen. Pontosabban a megadott mappában kell létrehozd a sablon nevével annak mappáját. A sablon mappájában két fájl a kötelező: style.css és index.php. A többi rád van bízva, hogy mit is csinálsz és hogyan csinálod. Ha plusz függvényeket is szeretnél használni, amiket te definiálsz, akkor használnod kell a functions.php állományt is. Az említett fájlban kell definiáld a függvényeket és szükség szerint megírd azokat.

Elolvasom a teljes bejegyzést »