Ugrás a főoldalra!

Felhasználónév:

Jelszó:

 :: ".$_ASWC_['NAME']." ".$_ASWC_['VERSION']." ".$_ASWC_['STATUS'];?> - [Látogatók: ]  
Freelance Jobs

Témaköreink

 


On-line

Dev, Admin: 0
Lektorok, írók: 1
  ÷Magus|BOT
Felhasználók: 0
Vendégek: 1
Tegnap: 0
E havi:
 

Statisztika

Oktatóanyagok száma
 Publikus: 128

Legolvasottabb írónk
 outesticide 362846

Legszorgalmasabb írók
1. balymo 24
2. outesticide 20
3. tipli 19
4. adrob 18
5. akciolap 15

Legolvasottabb címek
1. CSS
Egyszerü vízszintes menü és vízszintes menü legördülő almenükkel [55298]
2. CSS
Bevezetés a CSS alapjaiba [30797]
3. CSS
A pozícionálás, és a z-index [30282]
4. CSS
A felhasználói felület - első rész [24624]
5. CSS
Függőleges menü, legördülő almenüvel [24495]
 

 

Photoshop -> Legömbölyített sarkok [példa_01]

Író: adrob ( adrob@netoktato.hu )
  http://adrob.netoktato.hu
Készült: 2004-09-28 11:04:07
Lektorálta: ZaraThrustra
Lektorálva:
2004-10-31 20:34:02 [5869]

1. Lépés

Aki szorgalmasan és sorrendben olvas minket, annak e leckében semi újdonságot nem ígérhetek, hiszen az eddig ismertetett tehnikákat fogom felhasználni, és főként az előző oktatóanyagra alapozok (nem véletlenül egyeznek a címek).

Csapjunk a lovak közé :) Ctrl+N és mindent állítsunk tetszőlegesen, de ha szabad javasolnom, akkor használjuk az RGB Color Mode-ot, és fehér háttérrel kezdjünk.

2. Lépés

2 2 Halvány, piszkos kék színt fogok használni (#AEBDC8).
A Rounded Rectangle Tool-al téglalapot rajzolok (függőlegest), és a következő stílus/beállításokkal tûzdelem meg:
[Layer -> Layer Style -> Drop Shadow]
(az értékek a fenti ábrán láthatók).

3. Lépés

[Layer -> Layer Style -> Inner Glow]

Blend Mode: Screen Opacity: 25% Technique: Softer Source: Edge Choke: 0% Size: 5px Range: 50% Jitter: 0%

[Layer -> Layer Style -> Gradient Overlay]

Blend Mode: Normal
Opacity: 5%
Gradient: Feketéről fehérre (Black, White)
Style: Linear
Angle: 90%
Scale: 100%

[Layer -> Layer Style -> Stroke]

Size: 2 px
Position: Outside
Blend Mode: Normal
Opacity: 100%
Fill Type: Color
Color: #8F9294

4. Lépés

3

A rajzolt alakzat (balról), és az előző lépésben beállítottak után (jobbról).

5. Lépés

4 Alakulunk, viszont a blokknak nem ártana egy fejléc.
Nézzük hány rétegünk van eddig. 1 a hatter + 1 az alakzat = 2 összesen. Válasszuk ki a hátteret ábrázoló réteget.
Ha megvagyunk kattintsunk az alakzatunkat ábrázoló rétegre miközben lenyomva tartjuk a Ctrl billentyűt. Ezzel körvonalaztuk az alakzatot.

6. Lépés

5

Szükségünk van a Rectangular Marquee Tool-ra ahhoz, hogy a körvonalazott rész alját eltávolítsuk.
FONTOS, hogy a fent ábrázolt harmadik képet válasszuk, azzal tudunk ugyanis kivonni a körvonalból (az első kép új körvonalazást rajzol, a második hozzáad a meglévőhöz).

Alulról fogunk felfelé vágni, úgy, hogy felül csak kb. 1 cm vastag csík maradjon. Ez lesz a fejléc. (Szemléltetve a következő képen baloldalt.)

7. Lépés

6

Az új körvonalt felhasználjuk egy új réteg létrehozására [Layer -> New -> Layer via Copy]. Az újonnan létrehozott rétegünk már csak arra vár, hogy életet leheljünk bele:

[Layer -> Layer Style -> Drop Shadow]

Blend Mode: Multiply
Opacity: 40%
Use Global Light: KIKAPCSOLNI
Angle: 90
Distance: 2 px
Spread: 0%
Size: 5 px

[Layer -> Layer Style -> Bevel and Emboss]

Style: Inner Bevel
Technique: Smooth
Depth: 100%
Direction: Up
Size: 5 px
Soften: 0px
Shading: 120
Altitude: 30
Highlight Mode: Screen
Opacity: 50%
Shadow Mode: Multiply
Opacity: 10%

[Layer -> Layer Style -> Gradient Overlay]

Blend Mode: Normal
Opacity: 10%
Gradient: Feketről fehérre (Black, White)
Style: Linear
Angle: 95%
Scale: 100%

8. Lépés

7 [Layer -> Layer Style -> Pattern Overlay]

Blend Mode: Normal
Opacity: 10%
Pattern: Itt baloldalt ni :)
Scale: 90%

Megjegyzés: A felhasznált Pattern elkészítéséhez segítséget nyújt a Háló effektus című oktatóanyag.

A végeredmény már az előző lépésnél mellékelt képen látható volt jobboldalt.

Ha sikerült végigcsinálnod akkor gratulálok neked és magamnak is :)
* Minden további kérdéseddel fordulj az anyag írójához.

 

Hello Vendég

Az oktatóanyagok olvasásához be kell jelentkezned.

Szeretnék regisztrálni.

Elfelejtettem a jelszavam!
Kiküldöm magamnak!