26-Repeat.pdf

Embed Size (px)

Citation preview

  • 7/25/2019 26-Repeat.pdf

    1/10

    HendiHendratman ST Penerbit Informatika

    251

    t i p s n t r i x rahc design!computer

    Bab 26 : Repeat

    1. REPEAT DASAR

    Membuat pengulangan master gambarCD secara otomatis dengan menggunakanAdobe Photoshop. Teknik ini seringdigunakan untuk dunia tekstil pada motif

    baju, kertas kado, tekstur ubin padaarsitektur, tekstur pada game,repeat background website,wallpaper desktop windows dll.

    Cara pembuatan

    1. Panggil Adobe Photoshop (penulis memakai Adobe

    Photoshop versi 7)2. Klik menu File Open, pilih CD.JPGdi folder

    Repeat. Gambar kita sebut gambar master.

    3. Untuk mengetahui lebar & tinggigambar dalam ukuran pixel, klikmenu Image Image Size. Andaakan tahu bahwa gambar tersebutberukuran 200 x 200 pixel.

    4. Buat seleksi seluruh gambar, klik menu SelectAll, sehingga ada bintik - bintik seleksi berkedip.

  • 7/25/2019 26-Repeat.pdf

    2/10

    HendiHendratman ST Penerbit Informatika

    252

    t i p s n t r i x rahc design!computer

    5. Definisikan gambar yang terseleksi sehingga pola tekstur/pattern.Klik menu Edit Define Pattern. Maka tekstur pattern CD sudahada di memory komputer anda.

    6. Untuk mencoba / mengujipenerapan pattern tersebut padabidang kosong, buat file baru. klikmenu File New, buat denganukuran misal 1000 x 1000 pixel,

    background putih, mode RGB colorsebagai berikut:

    7. Kini saatnya mencoba pattern yangsudah anda definisikan denganperintah define pattern. Klik menuEdit Fill. Akan tampil kotak

    dialog sebagai berikut, pilih UsePattern dengan gambar CD.

    8. Hasilnya tampak sebagai berikut,beres! mudah bukan? Belum! Inibaru pendahuluan, masalah

    berikutnya akan membuat otakanda akan berpikir keras. Ready?

  • 7/25/2019 26-Repeat.pdf

    3/10

    HendiHendratman ST Penerbit Informatika

    253

    t i p s n t r i x rahc design!computer

    2. REPEAT ZIGZAG

    Membuat master gambar CD untuk repeat / pengulangan zigzag,sehingga tidak monoton seperti repeat standar seperti sebelumnya

    Persiapan bidang kerja1. Klik menu File Open, pilih CD.JPGyang berukuran

    200 x 200 pixel di folder Repeat. Gambar ini kitasebut gambar master.

    1. Pastikan background bidang kerja anda berwarna putih.Klik icon hitam putihkecil pada Tools.

    2. Perbesar bidang kerja CD.JPG agarlebih tinggi 200 % ke kanan, klik menu

    Image Canvas Sizeseperti gambarberikut, sehingga ada bidang kosong disebelah kanan gambar.

  • 7/25/2019 26-Repeat.pdf

    4/10

    HendiHendratman ST Penerbit Informatika

    254

    t i p s n t r i x rahc design!computer

    Grid dan pengaturannya1. Agar rmudah mengatur posisi gambar

    CD, gunakan grid. Klik menu View

    Show Grid. Akan tampil grid / kotak -kotak abu.

    2. Namun ukurannya tidak tepat pada gambar. Untuk mengaturnyaklik menu Edit Preferences Guides, Grid & Slices.,aturGridline & Subdivision seperti gambar berikut. OK, Kini gridsudah tepat ukurannya pada gambar. Dengan demikian andadapat mengatur posisi gambar lebih presisi.

    Menggeser gambar dengan filter Offset1. Buat seleksi dengan Rectangular

    Marquee Tool seperti gambarberikut:

    2. Copy ke atas dengan Move toolsebagai berikut: (gunakan tombolAlt di

    Keyboard untuk meng-copy seleksi dantombol Shift untuk membatasi gerakan kearah horisontal / vertikal)

    3. Buat Seleksi untuk CD sebelah kanan

    dengan Rectangular Marquee Tool .

    4. Ini rahasianya, klik menu Filter Other Offset. Akan tampilankotak dialog sebagai berikut. Kita tahu image CD.jpg berukuran

  • 7/25/2019 26-Repeat.pdf

    5/10

    HendiHendratman ST Penerbit Informatika

    255

    t i p s n t r i x rahc design!computer

    200 x 200 pixel. Agar gambar bergesersetengahnya, atur nilai vertikalnyasetengah dari ukuran gambar, yaitu 100pixel.

    5. Setelah grid dimatikan, Hasilnya akantampil sebagai berikut. Ini adalahgambar master yang siap di-repeat.

    6. Untuk me-repeatnya, sama seperti bab sebelumnya. Buat seleksiseluruh gambar, klik menu Select All.

    7. Definisikan gambar yang terseleksi sehingga pola tekstur/pattern.Klik menu Edit Define Pattern.

    8. Ujicobakan penerapan patterntersebut pada bidang kosong, buatfile baru. klik menu File New,buat dengan ukuran misal 1000 x1000 pixel, background putih, modeRGB color sebagai berikut:

    9. Coba pattern tersebut, Klik menuEdit Fill. pilih Use Patterndengan gambar CD yang baru.

  • 7/25/2019 26-Repeat.pdf

    6/10

    HendiHendratman ST Penerbit Informatika

    256

    t i p s n t r i x rahc design!computer

    10. hasilnya tampil gambar CD secara zig-zag sebagai berikut, sederhana bukan?

    11. Tapi bagaimana jika ingin polazigzagnya seperti gambar di sampingini? Anda tentu bisa membuatnya

    sendiri masternya bukan?

    Tips: Jika anda ingin menggunakan gambarmaster tersebut untuk wallpaper DesktopWindows dengan Position Tile

    3. REPEAT SEAMLESS

    Membuat pengulangan gambar CD secara otomatis denganmenggunakan Adobe Photoshop. Teknik ini sering digunakan untukdunia tekstil pada motif baju, kertas kado, tekstur ubin pada arsitektur,tekstur pada game dll.

    gambar master Setelah direpeat

  • 7/25/2019 26-Repeat.pdf

    7/10

    HendiHendratman ST Penerbit Informatika

    257

    t i p s n t r i x rahc design!computer

    Pembuatan dengan filter offset2. Panggil Adobe Photoshop (penulis memakai

    versi 7). Klik menu File Open, pilih awan.jpgdi folder Repeat. Gambar ini kita sebut gambar

    master.

    3. Untuk me-repeatnya, sama seperti babsebelumnya. Klik menu Select All.

    4. Definisikan sebagai pola pattern, Klik menu Edit Define Pattern.5. Pada bidang kosong (600x600

    pixel), Klik menu Edit Filldengan gambar awan.Tampak ada garis semu yangmembentuk seperti ubin. Iniadalah masalahnya. Kita akanmemodifikasi gambar master

    awan agar tidak ada garis semutersebut.

    6. Aktifkan gambar master awan. Klik menu Filter OthersOffset. Karena awan.jpg berukuran 200 x 200 pixel, maka atur nilaioffset setengahnya yaitu 100. Tampak ada garis semu pada

    gambar awan, dengan demikian kIta dapat memperbaikinya.

    master master setelah di-offset

  • 7/25/2019 26-Repeat.pdf

    8/10

    HendiHendratman ST Penerbit Informatika

    258

    t i p s n t r i x rahc design!computer

    7. Sebelum memperbaiki gambar, yang harusdiperhatikan adalah jangan sampai kitamerubah batas gambar. Yang kita harusperbaiki adalah daerah sekitar garis semu /

    daerah (+) tersebut.

    8. Untuk memperbaikinya, anda dapatmengcopy secara manual, tapi lebih mudah menggunakan Stamp

    tool . Ini adalah bagian terpenting dan harus extra hati-hati.

    TekanAlt dan Klik mouse, untuk menentukan daerah sumber.Drag di daerah (+) untuk menutupi garis semu tersebut. Ulangiterus sampai garis semu hilang.

    Alt+klik

    Drag didaerah (+)

    Atur ukuranbrush dengan [

    atau ]

    Catatan: untuk merubah ukuran brush dengan tombol [ dan ] diKeyboard.

    9. Ulangi repeat tersebut, Untuk me-repeatnya, seperti sebelumnya.

    Klik menu Select All.Definisikan sebagai pola pattern,Klik menu Edit Define Pattern.Pada bidang kosong (600x600pixel), Klik menu Edit Filldengan gambar awan. Kini tidakada garis semu sepertisebelumnya. Beres!

    Daerah (+)

    Batas Gambar

  • 7/25/2019 26-Repeat.pdf

    9/10

    HendiHendratman ST Penerbit Informatika

    259

    t i p s n t r i x rahc design!computer

    4. PATTERN MAKER

    Jika menurut anda cara - cara repeat sebelumnya kurang mudah,

    dapat gunakan cara instan dengan Pattern Maker1. Klik menu File Open, pilih sky.jpg di folder Repeat.2. Klik menu Filter Pattern Maker, Buat seleksi terlebih dahulu,

    lalu tekan tombol Generate berkali-kali untuk melihat kemungkinanpola / patternnya.

    Seleksi 200 x 200

    3. Setelah anda mendapatkan pola/pattern yang diinginkan, pattern

    tersebut dapat di simpan /save dengan tombol Save PresetPattern.

    Save Preset Pattern

    ***** Selamat Bekreasi *****

  • 7/25/2019 26-Repeat.pdf

    10/10

    HendiHendratman ST Penerbit Informatika

    260

    t i p s n t r i x rahc design!computer