"Tech" border

Tutoriaalit, joissa perusteellisesti opetetaan jonkin Photoshopin työkalun käyttö
Avatar
Aktiivi
Viestit: 328
Liittynyt: 05.07.2005 15:04
Paikkakunta: Espoo
ViestiLähetetty: 09.07.2005 01:12
Kuva - Heinäkuu 2005


Versio: Photoshop 7 ja siitä ylöspäin
Taso: Normaali
Aika: Noin 20min riippuen ymmärrettävyydestä, nettisi nopeudesta, tarkuudestasi..

-----------------------------------------------------
Elikkäs tässä tämä Flameron pyytämä tutoriaali minun "Tech" borderista joita olen käyttänyt jonkun verran paikassa jos toisessa. Pieni ensi maku malli minun avatarissani. Pahoittelen jo tässä vaiheessa typoja.
-----------------------------------------------------

1. Avaa jonkinmoinen taustakuva/valmis kuva jota käytät. Itse käytän tätä jonka tein jonkin aikaa sitten. Icon on minun toinen nikkini jota käytän nettipeleissä sitten..
Kuva

2. Tee uusi layer (shift+ctrl+n) ja nimeä se vaikka nimellä "Borderi".
Kuva

3. Ota maalipurkki työkalu (G) ja maalaa "Borderi" -layer mustalla. Suosittelen laskemaan opacitya 50% jotta näet mustasta läpi, hyödyllinen etenkin jos teet kaksi borderia päällekkäin/vierekkäin. Laitan tästä esimerkin loppuun.
Kuva

4. Seuraavaksi tuleekin sitten tutoriaalin toiseksi hauskin osio, "Borderin" muodastaminen Eli otat Polygonal Lasso toolin ja sillä muotoilet itsellesi borderin muodon. Muista hyödynt
ää "Shift" nappia kulmien tekemiseen. Katso esimerkki.
[img]here[/img]
Sitten painetaan "Delete" -nappulaa tai leikataan sisukset ulos (ctrl+x) ja laitetaan layeriin "Borderi" opacityksi 100%.
Kuva

5.Layeriin "Borderi" tehdään seuraavaksi eloon ehostaminen. Eli ota esille Blending Options (Löytyy Layer Paletin (Siis siitä missä on Layeris) vasemmasta laidasta musta pallukkaa jonka sisällä on kirjain "F")) ja klikkaat ihan mitä niistä vain.
Tässä asetukset:

Drop Shadow:
Kuva

Inner Shadow:
Kuva

Outer Glow:
Kuva

Inner Shadow:
Kuva

Bevel and Emboss:
Kuva

Satin:
Kuva

Color Overlay:
Kuva

Stroke:
Kuva

Sitten vain OK ja tuloksen täytyis näyttää tältä.
Kuva

------- Vapaavalintainen osio----------

7. Tämä osio on hauskin (mielestäni) eli borderin leikkaaminen. Leikkaminen siks että se tekee borderistä vähän elektronisemman näköisen. Kaiken moisia leikkaus työkaluja voi käyttää: Lasso ja Polygonal Lasso Toolit ovat hyviä, myös Marquee Tooleja tulee yleensä käytettyä.
Otat jonkin noist työkaluista ja "border" layer valittuna piirrät "Borderin" päälle kuvion jonka haluat siitä leikata. Leikkaus tapahtuu samalla tavalla kuin tläpuolella eli "Delete" -nappulaa painamalla tai leikkaamalla se pois (Ctrl+X).
Kuva
-------------------------------------------

8. Ja lopputulos näyttää tältä.

Ilman leikkauksia:
Kuva

Leikkauksilla:
Kuva

------------------------------------------------------------------------
Borderin värejä saa vaihdeltua helposti. Vaihtaa vaan Blending Optionsseista "Color Overlay" osioo. Tässä muutama esimerkki:

Kuva

Kuva

Kuva

Kuva
------------------------------------------------------------------------
Ja niille jotka odottavat kaksikerroista borderia niin tässä kuva:

Kuva
Parempiakin kaksikerroksisia "Bordereita" saa tehtyä. Tein jotain nopeasti ;/

Siinä sitten mun IHAN ensimmäinen tutoriaali IKINÄ sitten on Kertokaa mielipiteitä ja arvostelkaa.
Tää tutoriaali on ownattu Flamerolle koska se o niin raXu. <3 Teen sulle myöhemmin sitten sen taustakuva tutoriaalin ku jaksan wink
Viimeksi muokannut Mandariini päivämäärä 09.07.2005 02:38, muokattu yhteensä 1 kerran
Flamero o ihQ <3
Kuva
Avatar
Ylläpitäjä
Viestit: 1883
Liittynyt: 28.06.2005 03:09
ViestiLähetetty: 09.07.2005 01:56
Kyllä, ei muuta kuin usvaa putkeen jos tutojen teko on noin hyvin hanskassa. Selkeä, paljon kuvia välivaiheista ja kaikin puolin hyvä suoritus.

Selvästi asenteella tehty tuto eikä mikään "sinne päin"..

Kiitos.
Kuva
Avatar
Aloittelija
Viestit: 86
Liittynyt: 28.06.2005 03:20
Paikkakunta: Siilinjärvi-city
ViestiLähetetty: 09.07.2005 02:08
Vau ohmy
Tosimiehillä ei ole sigua.
Avatar
Aktiivi
Viestit: 328
Liittynyt: 05.07.2005 15:04
Paikkakunta: Espoo
ViestiLähetetty: 09.07.2005 02:38
Kiitos Kiitos. Ei muuta ku koittamaan ja näytelkää tuloksia sitten wink
Flamero o ihQ <3
Kuva
Avatar
Ylläpitäjä
Viestit: 1883
Liittynyt: 28.06.2005 03:09
ViestiLähetetty: 09.07.2005 03:49
Kuva
Eka viritelmä.. hiukan isohko animaatio tuli mut menkööt..
Kuva

VIP
Viestit: 438
Liittynyt: 06.07.2005 15:13
Paikkakunta: Espoo / Rovaniemi
ViestiLähetetty: 09.07.2005 11:26
Hyvä tuto. Oikeen selkeä. Itellä on yleensä tapana tehä vielä sillee että laittaa kaks samanlaista borderia päällekkäin. Eli kopioi sen borderin. Ja sitten leikkaa siitä ylemmästä pois jotain osia, niin että siihen tulee sellasta kohokuviointia.
voitte nähä tuosta modauksen headeristä mitä tarkotan. Siinä yläreinassa vasemmalla ja oikeassa yläkulmassa.

Mutta ite en ookkaan aikasemmin käyttäny tota tapaa että laittaa erilaisia päällekkäin. Hienoja jälkeä tulee
MacBook Pro 13" (Mid 2009, 2,25GHz/2GB/160GB, Leopard, Bootcamp: Win XP Home)
BenQ G2400W (24")
Canon EOS 500D + Sigma 10-20mm f/4-5.6 + Sigma 18-200mm f/3.5-6.3 OS
iPhone 3G (16GB Black)
Avatar
Aktiivi
Viestit: 328
Liittynyt: 05.07.2005 15:04
Paikkakunta: Espoo
ViestiLähetetty: 09.07.2005 11:46
Vähä makee toi Header:n tausta :shock: Tommone kiva "Planeetan" räjähdys. Jos muistat miten toi tehtiin ni voisitko tehä siitä tutoriaalin wink
Flamero o ihQ <3
Kuva

VIP
Viestit: 438
Liittynyt: 06.07.2005 15:13
Paikkakunta: Espoo / Rovaniemi
ViestiLähetetty: 09.07.2005 11:51
Mandariini kirjoitti:Vähä makee toi Header:n tausta :shock: Tommone kiva "Planeetan" räjähdys. Jos muistat miten toi tehtiin ni voisitko tehä siitä tutoriaalin wink


No tein tuon kyllä aika kauan sitten. Muistaakseni saatto joku plug-iniki olla :mrgreen: mutta voisinhan mä tota yrittää tutkia. Saattaa löytyä alkuperäinen psd-muotonen versioki koneelta viellä.
MacBook Pro 13" (Mid 2009, 2,25GHz/2GB/160GB, Leopard, Bootcamp: Win XP Home)
BenQ G2400W (24")
Canon EOS 500D + Sigma 10-20mm f/4-5.6 + Sigma 18-200mm f/3.5-6.3 OS
iPhone 3G (16GB Black)
Avatar
Aloittelija
Viestit: 67
Liittynyt: 06.07.2005 14:29
Paikkakunta: Joensuu
ViestiLähetetty: 09.07.2005 13:13
Kiva tuto, kokeilen tänään

EDIT: tälläisen sain aikaan.

Kuva
Avatar
Rivijäsen
Viestit: 186
Liittynyt: 05.07.2005 21:51
Paikkakunta: Turun lähialue
ViestiLähetetty: 09.07.2005 22:50
Oli kyllä helppo juttu tämä, vaikka lopputulos onkin huikea.
Kiitos tutoriaalista nyt on komea signaturekuva.
Kuva
Seuraava

Paluu Työkalut

Paikallaolijat

Käyttäjiä lukemassa tätä aluetta: Ei rekisteröityneitä käyttäjiä ja 1 vierailijaa

cron