A ‘Photoshop’ kategória arhívuma

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 »

É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 »

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 »

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 »

Klassz szöveg effekt

Írta: | 2007. szeptember 16. | kategóriák: Photoshop, Szöveg effekt | 12 megjegyzés

Klassz szövegRég volt már, amikor legelső Photoshoppos szövegeffektemet készítettem. Most az eredeti képeket szeretném megosztani veletek, természetesen leírom azt is, hogyan jutottam a semmitől a megadott képig.

Az első lépés egy új dokumentum készítése, én egy 300 x 100 képpontost (pixel) használtam, fehér háttérszínnel. Ezt követően, a Type tool segítségével, írsz egy szövegetOuter glow a #ffaa00 kodú színt használva. Amiután készen van a szöveg, elkezdheted az effektelést, a formalist. Válaszd a Layer/Layer Style/Stroke opciót. Használj egy 3 képpont vastag körvonalat, amelynek a áttetszősége legyen maximális (vagyis teljesen átlátszó, hogy a háttérszín látszodjon). Azért van erre szükség, hogyha nem egyszínű hátteret használsz, látszoljon át a mintázat is. Majd az Outer Glownál (ugyancsak a Layer/Layer Style menüben találod) használd a képen látható paramétereket.

Elolvasom a teljes bejegyzést »