Photoshop Tutorial

purbez · Post time 29-10-2007 01:37 AM

sori sekali lagi posting , dekat menu cs2 niihh tak nampak plak POLYGONAL SELECTION TOOL nihhh....

minta tunjuk ajo

0001 · Post time 29-10-2007 08:46 AM

Ko tengok post #270 (tengok screenshot tu) untuk tahun mana POLYGONAL SELECTION TOOL - Kalau yang ko punya icon tool bukan yang itu, tekan icon yang dalam kotak tu lama sket - akan keluar option untuk pilih tool tu.

purbez · Post time 29-10-2007 12:37 PM

thanx dah berjaya dah

tapi ada sikit2 lagi background sebelah jari tuu tak bleh nak padam coz Eraser besar dari celah2 jari tuu, camnaa ekkk

ada any idea tak. ada eraser kecik lagi tak

by the way thanx a lot

0001 · Post time 29-10-2007 02:21 PM

Yup... masa ko pilih eraser tool tu, kat atas (betul2 bawah menu - file, edit etc) ada eraser tools menu option. Tukar brush size ke yg kecik lagi... sekecik radius 1 pixel pun ada - cara tukar sama ngan tukar2 paint brush size.

Robab · Post time 3-11-2007 12:19 PM

nak tanye kt yg pakar sat, warp tool xdeke lam ps7?

0001 · Post time 4-11-2007 06:23 PM

Alamak... dah bertahun aku tak pakai PS7 lah... so tak ingat ada atau tidak tool tu kat PS7.

purbez · Post time 5-11-2007 12:58 PM

thanx mod , kena install cs3 lah macam tu

JAY-Z · Post time 9-11-2007 03:30 PM

korang penah nampak tak dvd training top secret adobe photoshop........?

ada 4 dvd sumer nya...dah la mahal rm10 satu

kat mana yer nak dapat freee

macam best sangat lah

JAY-Z · Post time 9-11-2007 03:33 PM

sakit hati nya tengok top secret nie...jeles siottttttttttt

0001 · Post time 9-11-2007 04:03 PM

Laahai... rm10 satu tu kirakan murah lah (cepat jer dah dapat)... ko sanggup ke berjam2 nak download berGIG2 dari Rapidshare? Pastu burn satu2 ke DVDs. Kalau sanggup, PM aku.

JAY-Z · Post time 9-11-2007 06:56 PM

Originally posted by 0001 at 9-11-2007 04:03 PM
Laahai... rm10 satu tu kirakan murah lah (cepat jer dah dapat)... ko sanggup ke berjam2 nak download berGIG2 dari Rapidshare? Pastu burn satu2 ke DVDs. Kalau sanggup, PM aku.

xsanggup la...unless kalo ko tlg burnkan utk aku nyer then pos kan untuk aku...yang tu sanggup la

masih rasa menyesal tak beli dvd tu tadi...

btw,0001 ni nak tanya,dvd top secret tu cukup bagus ke?

manala tau kot2 bila aku beli nanti satu habuk pun xleh guna

0001 · Post time 10-11-2007 01:22 PM

DVD tu best... jgn risau. Berbaloi beli. Aku dah tengok dah hari tu.

0001 · Post time 10-11-2007 01:37 PM

Level Beginner

Sila click sini untuk download Photoshop tutorial files yang digunakan untuk tutorial ini.

Tujuan tutorial ini adalah untuk membuat animated image ini:

Software yang akan digunakan adalah Adobe Photoshop CS2 dan ImageReady CS2

Tip:
(Tip 1): Untuk membuat new layer, click icon NEW LAYER di LAYERS PALLETTE (PS & IR).
(Tip 2): Untuk COPY LAYER, click dan drag layer yang ingin diCOPY ke icon NEW LAYER (PS & IR).
(Tip 3): Untuk menukar nama layer, right-click layer tersebut dan pilih LAYER PROPERTIES. Tukar nama layer itu di dalam textbox NAME (PS & IR).
(Tip 4): Untuk membuat new animation frame, click icon NEW FRAME di ANIMATION PALLETTE (IR).

Dalam tutorial ini, ada 3 langkah2 utama yang perlu dilakukan:

1. Membuat individual tiles (dengan huruf-huruf masing-masing) - Photoshop
2. Membuat image dengan menggunakan tiles tersebut untuk setiap 'frame' animated GIF - Photoshop
3. Membuat animasi tersebut - ImageReady

Langkah 1 - Membuat individual tiles (PHOTOSHOP)

1. Buka NEW FILE (CTRL+N). Dimensi image tersebut adalah:
WIDTH: 13 pixels
HEIGHT: 22 pixels

2. Lukis image tile yang dikehendaki. Dalam tutorial ini, saya memilih warna biru (yang jelas berlainan dari warna-warna pink) sebagai warna background supaya senang memilih warna tersebut untuk dibuat warna transparent pada animasi tersebut.
3. Setiap huruf juga dilukis menggunakan PENCIL TOOL and semuanya diletakkan di layer masing-masing (See Tip 1).

4. Savekan file tersebut sebagai TILES.PSD
5. Drag window TILES.PSD itu ke tepi.

Langkah 2 - Membuat image untuk frame animasi (PHOTOSHOP)

1. Buka new file (CTRL+N). Namakan seperti berikut:

NAME: FRAMES
WIDTH: Setiap tile adalah 13 pixel lebar dan 4 tiles (huruf a - d) akan digunakan: 13 x 4 = 52 pixels
HEIGHT: setiap tile adalah 22 pixels. Kita ingin membuat dia gerak 5 pixels ke bawah: 22 + 5 = 27 pixels
BACKGROUND: warna yang sama dengan warna background yang di pilih di Langkah 1.

2. Kembali ke image TILES.PSD - click saja di titlebarnya (yang dibuat di Langkah 1).
3. COPY tile huruf 'a'. Caranya: SELECT ALL (CTRL+A). Di LAYERS PALLETTE, pastikan icon 'mata' kelihatan HANYA pada layer 'tile' dan 'a' sahaja. Click atas huruf 'a' tersebut untuk meng'hilight'nya dan COPY ALL (CTRL+SHIFT+C).
4. Kembali ke window FRAMES, buat NEW LAYER dan namakannya LAYER 2 dan PASTE (CTRL+V) tile huruf 'a'. Gunakan MOVE TOOL untuk gerakkannya ke tempat yang sesuai.

5. Ulangi steps 2-4 untuk setiap huruf seterusnya sehingga jadi begini:

6. Sekarang buat image tiles sahaja (tanpa ada image 'heart' tu). Dengan semua icon mata tertunjuk, guna RECTANGULAR SELECTION TOOL dan SELECT hanya tiles. Kemudian COPY ALL (CTRL+SHIFT+C).
7. Click layer BACKGROUND dan PASTE (CTRL+V). Namakan layer baru itu TILES ONLY.

8. SAVEkan image tersebut dengan nama FRAMES.PSD.
9. SELECT ALL (CTRL+A), biar icon mata kelihatan pada layers BACKGROUND, TILES ONLY dan LAYER 2 sahaja. COPY ALL (CTRL+SHIFT+C).

Langkah 3 - Membuat animasi (IMAGEREADY)

1. Buka Adobe ImageReady
2. Buka NEW FILE. Dimensinya akan secara automatic mengikut dimensi image yang baru lepas diCOPY di Photoshop tadi (52 x 27 pixels).
3. PASTEkan image yang diCOPY tadi (CTRL+V). [ Tile A, B, C, D di posisi biasa ]
4. Di LAYERS PALLETTE, tukarkan nama layer baru itu ke FRAME 1.

5. Kembali ke image FRAMES.PSD di Photoshop, Click untuk highlight LAYER 2, pilih MOVE TOOL dan guna key ARROW DOWN (di keyboard anda) dan gerakkan LAYER 2 5 pixels ke bawah.

6. SELECT ALL dan COPY ALL (SEMUA layers kelihatan - ada icon mata).
7. Kembali semula ke ImageReady dan terus PASTE. Dengan automatic image yang baru diCOPY akan diletakkan di layer atas layer FRAME 1. Namakan frame baru itu FRAME 2. [ Tile A posisi bawah, B, C, D posisi biasa ]

8. Click layer FRAME 1 dan Drag ke NEW LAYER icon. Dengan automatic, layer tersebut akan dinamakan FRAME 1 COPY.

9. Click layer tersebut dan Drag ke atas layer FRAME 2. Namakan layer itu FRAME 3. [ Tile A naik semula ke posisi biasa, B, C, D posisi biasa ]

10. Repeat steps atas untuk huruf seterusnya (posisi biasa dan bawah) dan namakan setiap layer itu mengikut angka seterusnya (4-12). Pada penghujungnya sepatutnya ada 12 frames (layers).

11. Click semua icon mata untuk menghilangkannya untuk setiap layer kecuali layer FRAME 1.
12. Tengok ANIMATION PALLETTE. Buat masa ini, hanya ada satu frame sahaja (layer FRAME 1). Click icon FRAME TIMING OPTIONS dan pilih masa frame tersebut akan ditunjuk - untuk tutorial ini 0.1 sec telah dipilih.

13. Click icon CREATE NEW FRAME. Buat masa ni, imagenya adalah layer FRAME 1. Kembali ke LAYERS PALLETTE dan click icon mata layer FRAME 2. Kembali ke ANIMATION PALLETTE dan kita boleh melihat bahawa animation kita dah ada 2 frames yang menunjukkan FRAME 1 dan FRAME 2. Cuba tekan icon PLAY untuk melihat animasi tersebut. Tekan icon STOP untuk berhentikan animasi tersebut. Click semula ke atas frame kedua untuk highlight.

14. Repeat step 13 sehingga siap.

15. Sekarang kita akan buatkan warna biru itu tidak kelihatan. Sekiranya belum berbuat demikian, click tab OPTIMIZED. Lihat di COLOR TABLE PALLETTE.
16. Click atas petak berwarna biru dan kemudian click di atas icon TRANSPARENT.

17. Gambar bawah ni menunjukkan keadaan selepas click icon TRANSPARENT TU - background warna biru telah hilang.

18. Setelah puas, di main menu, FILE > SAVE OPTIMISED AS dan letaklah nama yang sesuai. Secara automatic, ImageReady akan SAVEkan file tersebut sebagai sebuah animated gif.

Selamat mencuba!

Nanti kalau aku ada masa, aku akan buat tutorial ni in PDF.

purbez · Post time 13-11-2007 10:23 AM

yang nii dah lama haku belajo tapi dah ingat2 lupa dah by the way thanx a lot mamood

missy_ina · Post time 19-11-2007 01:26 PM

kte nk tnye..
Adobe Photoshop CS3 tu same xfunction ngn Adobe Photoshop CS2?
coz skang ni, kte pakai Adobe Photoshop CS3...kte carik yg nk buat butterfly..xjmpe la...dl ader.pas gne Adobe Photoshop CS3...dah xde..atau kte xtaw nk carik kat mne.tah la..

0001 · Post time 19-11-2007 02:09 PM

Untuk CS3, bila part nak buat animation tu dah takyah guna ImageReady... terus jer kat dalam PS tu ko pilih kat menu... WINDOW > ANIMATION. Sambung LANGKAH 3 tu dari dalam PS jer.

Selamat mencuba.

0001 · Post time 19-11-2007 02:11 PM

Ok... ni tutorial untuk buat shadow. Aku assume korang dah ada satuimage shape yang nak buat shadow. Cuba tengok screenshot bawah ni:

1. Mula2 setkan foreground color jadi HITAM (tengok atas #1). Nanti kita nak guna ni as shadow color.
2. Pilih GRADIENT TOOL (tengok atas #2)
3. Click kat gradient tool drop-down menu option (tengok atas #3).
4. Pilih FOREGROUND TO TRANSPARENT FILL (tengok bawah)

5. Sekarang kita nak select shape Bart tu - tekan CTRL key and click kat thumbnail kat layer 'bart' (tengok bawah)

6. Now click icon mata dilayer 'bart' to hide layer tersebut, and clickkat perkataan 'shadow' (bawah perkataan 'bart' tu) untuk activekanlayer tersebut (layer tersebut akan di hilited).
7. Sekarang kita nak click and drag untuk gradient fill. Click katlutut gambar bart tu and drag sampai ke mulut dia. Gradient fill tuakan rupa seperti gambar bawah ni:

8. Deselect layer tu ( Tekan CTRL + D ).
9. Kat menu, pilih EDIT > TRANSFORM > SKEW. Sekarang akan rupa macam gambar bawah ni:

10. Sekarang kita akan click and drag image placeholders tu. Click and drag kotak2 yang seperti di bawah ni:

11. Sampai jadi macam di bawah ni:

12. Double-click kat memaner part shadow tu untuk setkan tranformation tadi.
13. Now click kat semua icon mata kat layers palette tu and akan jadi seperti di bawah:

14. Dah pun siap. Save as apa2 korang suka.

Selamat mengshadow!

missy_ina · Post time 19-11-2007 02:34 PM

eh..eh...kte bkn tnye psl animation tuh...
adeiii
kte skang ni nk edit pict jeq..
ader 1 cam stamp butterfly gitu....
kte cari xjmpe..

0001 · Post time 19-11-2007 02:55 PM

Oops... sorry... aku tersilap bas.

Maksud ko brushes kot... aku takde CS3 installed kat ofis aku ni so tak pasti kalau dia ada pre-installed brushes yg shape macam butterfly... tapi kalau ko nak download butterfly brushes tu, boleh gi tengok kat link bawah ni:

http://search.deviantart.com/?se ... q=brushes+butterfly

Unzip and copy masuk .ABR tu dalam brushes nyer folder dalam PS. Pastu pilih PAINTBRUSH TOOL and add brushes tu. Boleh pilih dari situ.