Home  /  Belajar Photoshop  / Cara membuat poster dengan photoshop

Cara membuat poster dengan photoshop


Cara membuat poster dengan photoshop

Tutorial photoshop kali ini, kita akan mencoba membuat poster sederhana dengan photoshop, poster minimalist sederhana untuk kualitas digital.

Tutorial photoshop cs3 membuat poster kali ini, kita akan membuat poster dengan gabungan texture dan brush. Lihat juga tutorial mendesain foto keren ala psdesain pada tutorial sebelumnya.

Preview Desain

Seperti biasanya, preview desain saya perlihatkan terlebih dahulu sebelum melangkah kebawah pada bagian tutorial

Membuat poster dengan photoshop

Detail tutorial

  • Tingkat Kesulitan : Pemula
  • Program yang dipakai : Adobe Photoshop (Disini menggunakan Photoshop CS3)
  • Materi yang dipelajari : Penggabungan brush dan texture pada layer
  • Lama Pembuatan : 25 Menit

Resource yang dibutuhkan

Tutorial

Langkah 1 : membuat lembar kerja baru

buat lembar kerja baru (file > new) disini saya membuat dengan ukuran 500 x 700 pixels dengan dengan color RGB dan 72 Resolution.

membuat lembar kerja baru

Jika anda membuat file dengan kualitas cetak, pilih standar cetak dengan mode warna CMYK dengan 300 Resolution dengan ukuran yang sesuai pastinya.

Langkah 2 : memberi layer style pada background

Unlock layer background dengan cara double klik pada layer background, beri layer style seperti gambar dibawah.

Layer style Gradient overlay

style gradient overlay pada photoshop

Layer style Inner Shadow

style inner shadow pada photoshop

langkah 3 : menambah teksture

Masukkan teksture kertas yang bisa anda download di deviant art saya dan masukkan ke dokumen kerja anda, ubah layer mode menjadi Multiply dengan 60% opacity.

membuat layer baru dengan multiply

Untuk memudahkan desain, tekan lock position untuk layer kertas agar saat pengeditan layer kertas tersebut tidak terselect dan tergeser.

langkah 4 : Menambah brush

Buat layer baru dan tempatkan dibawah layer kertas, brush dengan star brush pada layer tersebut, lihat contoh gambarnya dibawah ini.

menambah brush pada photoshop

Pada bagian ini, anda tidak harus sama untuk penggunaan brush, anda bisa lebih kreatif dengan memasang sesuai selera anda :D.

Uban blending mode star brush menjadi Soft light dengan opacity sebesar 45%.

langkah 5 : Menambah typografi

Tambahkan text untuk poster anda, tambahkan pula beberapa garis untuk memperindah poster yang kita desain.

menambahkan text pada desain

Pastikan layer text dan garis berada pada posisi dibawah layer kertas. Untuk mempermudah desain, grup layer bagian atas dengan cara ctrl klik pada setiap title layer, dan grup (Ctrl + G), Ubah nama group contohnya HEAD.

group layer pada photoshop

Langkah 6 : Menambah lingkaran dan symbol

Tambah sebuah lingkaran dengan Ellipse tool tepat berada di bawah title poster.

membuat lingkaran pada photoshop

Isikan layer style Drop shadow seperti berikut

menambah layer style pada photoshop

Tambah juga sedikit text atau symbol pada lingkaran tersebut

menambah symbol pada photoshop

langkah 7 : menambah symbol

Buat juga beberapa lingkaran lagi seperti gambar berikut

menambah symbol pada photoshop

Jangan lupa untuk menggroup layer-layer symbol tersebut agar mempermudah saat desain dengan photoshop.

langkah 8 : Menambah isi

tambahkan lagi beberapa text untuk menambah info poster anda. Jika tadi bagian title atau headernya, sekarang bagian isi atau infonya.

menambah teks pada desain

Disini saya menggunakan font favorit saya, “Rockwell”  dengan warna putih (#ffffff). Jangan lupa juga untuk menggroup layer-layer tersebut.

Langkah 9 : tambahkan beberapa text

Tambahkan pula produk atau situs web yang bisa anda rekomendasikan untuk menarik perhatian pengunjung.

menambah situs web

Langkah 10 : menambah sedikit brush

Tambahkan pula brush multi function yang bisa anda download gratis di website psd desain ini. Brush sedikit saja pada lembar kerja brosur kita.

menambah brush pada photoshop

Hasil akhir

Membuat poster dengan photoshop

https://lh6.googleusercontent.com/-9AfvjArAJHg/TejlaxaaDsI/AAAAAAAACMs/i6WfjovTOl8/s800/langkah%25252010.jpg

Download file psd : Cara membuat poster dengan photoshop

Untuk hasil yang maksimal coba lakukan secara detail, silahkan berikan saranmu dikotak komentar dan klik tombol share jika anda rasa tutorial ini menarik dan berguna ;-)

Share to unlock the video
Bagikan untuk memainkan video ini

Punya Android hanya untuk chatting ? yuk cari uang juga lewat Android dengan cara mudah dan telah terbukti, lihat tutorialnya pada postingan cara mendapatkan uang dengan Android

Related Post


Membuat Icon Bertekstur dengan Photoshop
Membuat Icon Bertekstur dengan Photoshop

  Setelah pada postingan sebelumnya membuat poster dengan photoshop, sekarang…

Mengedit Jepretan Foto Dengan Photoshop
Mengedit Jepretan Foto Dengan Photoshop

Tutorial photoshop kali ini, kita akan mencoba mengedit sebuah gambar…

Menampilkan filter yang hilang pada Adobe Photoshop CS6
Menampilkan filter yang hilang pada Adobe Photoshop CS6

Adobe Photoshop CS6 hadir dengan tampilan yang berbeda dari pada…

Pertanyaan Umum seputar Photoshop #3
Pertanyaan Umum seputar Photoshop #3

Seperti sebelumnya, kali ini pada postingan ke tiga (3) pertanyaan-pertanyaan…



  • http://loadingxloading.blogspot.com Fakta Menarik

    Wah..mas Jaka memang mahir dalam photoshop..Harus lebih sering lihat tutor dari psdesain.net lagi..thanks yah..

    • http://psdesain.net/ Jaka Zulham

      Silahkan anda simak beberapa lagi artikel terbaru dari blog Pembelajaran Photoshop ini :)

  • empas m ontong

    bro… mantap ! nch tutorial cepat dimengerti … iseng2 nyoba tinggal berinspirasi sendiri. trims

    • http://psdesain.net/ Jaka Zulham

      Silahkan kembangkan imaginasi anda :D

  • http://cooldieaja.blogspot.com yudi

    ii dia yang aku cari..ternyata ada brushnya tog…kirain bikin sendiri…btw aku ingin buat photo poster yang ada susana pasar malamnya di tambah efek lampu dan cahaya. pokoknya yang meriah deh..ada tutorialnya nga?

    • http://psdesain.net/ Jaka Zulham

      Waduh, saya sendiri nggak mengerti yang anda maksud :D
      hhehe,,

      Itu hanya penambahan gambar aja mas. Ayo dicoba dan berkreatifitas lagi.. :)

  • yunda

    thank’s,… buad ilmu nya…. salam sukses se alu

    • http://psdesain.net/ Jaka Zulham

      Amin..
      Terimakasih kunjungannya :)

  • Nor Aini

    thanks….tutorial nie byk membantu……

    • http://psdesain.net/ Jaka Zulham

      Selamat menikmati :)

  • paskalis

    keren bos… makasih yah…
    eh lupa….
    cetaknya gimana mas ? pake kertas ukuran A4. settingnya dari printer atau dari apa yah ??
    makasih sekali lagi…

    • http://psdesain.net/ Jaka

      Saya biasa menggunakan perantara lain untuk mencetak gambar…
      tapi jika anda ingin langsung memprintnya dari photoshop anda bisa membuka window print (ctrl+p) selanjutnya pilih page setup.

      • paskalis

        gini loh…
        saya mau cetak ukuran gede. 80 x 100. (biasanya saya print pake kertas ukuran A4 sehingga ada beberapa potongan gambar yang nanti akan direkatkan dan akan membentuk satu gambar. biasanya 16 potongan gambar / lembar kertas)
        yang menjadi masalah disini ukurannya tidak akurat.
        mohon bantuannya yah…
        hehehe maaf merepotkan.
        (aku pemula loh) :)

        • http://psdesain.net/ Jaka

          Waduhh… Jujur hal tersebut belum pernah saya coba…
          Mohon maaf, saya tidak bisa menjawab pertanyaan anda. :(
          :)

  • numi

    cara masukin tekstur kertas ke dokumen kerjanya gmna ?mohon sangat bantuannya .

    • http://psdesain.net/ Jaka

      Caranya..
      1. Buka teksture dan gambar yang ingin anda masukkan.
      2. Klik move tool pada photoshop.
      3. Pada teksture, klik dan drag (klik tanpa melepaskan mouse) ke dokumen yang ingin anda masukkan/taruhkan..

      • numi

        terimakasih banyak ka :D

        • http://psdesain.net/ Jaka

          Semoga bermanfaat. :)

  • Arya Bharata

    Salam kenal bung Jaka
    Sekalian ijin numpang belajar & download file
    Rencana mau bikin blog tapi mesti banyak belajar desain dari sini
    Thank’s sebelumnya

    • http://psdesain.net/ Jaka

      Silahkan bung Arya..
      Semoga ilmu yang saya share disini bisa lebih bermanfaat. :D

  • Arya Bharata

    Bagaimana cara menggunakan font arab di Photoshop ? udah tak coba berkali2 belum bisa, paragraf tetap dari kiri ke kanan.
    Mohon jawaban

    • http://psdesain.net/ Jaka

      Jujur untuk teks arabic belum pernah saya coba di photoshop…
      Coba anda tulis dulu di mic. word dan paste di photoshop..
      *coba dulu :D

  • Arya Bharata

    Udah pernah tak coba tapi ga’ bisa. Klo di CorelDraw langsung diketik bisa. Photoshop yang tak pake CS3. Tapi saya pernah baca di posting lain katanya bisa cuman lupa di CS berapa.
    Oh ya… ilmunya sangat bermanfaat sekali & mudah dipahami. Trus berkarya… semoga banyak pahala… Amiiin.

    • http://psdesain.net/ Jaka

      Ia, maaf, saya pun tak tau dengan masalah ini…
      Mungkin maksud anda CS5 atau CS6 yang terbaru sekarang ini..

  • Arya Bharata

    Bisa juga di CS5 bisa. Sayang belum punya CS5.
    Sementara ini saya tidak cuma mampir disini tapi nongkrong terus, baca & download karena mau tambah ilmu dari Bung Jaka yang Ok2 banget. Makasih Bung !

    • http://psdesain.net/ Jaka

      Semoga bermanfaat :D

  • supuri

    sy bingung tuh yang menggunakan movetool, dokumen kerja itu apa sih?

    • http://psdesain.net/ Jaka

      Pada photoshop movetool berguna untuk memindahkan objek di suatu layer, cara penggunaannya dengan menekan “V” pada keyboard atau tekan move tool di toolbox photohsop.
      Sedangkan dokument kerja adalah lembaran kerja, bisa saja dibuat dengan membuat lembar kerja baru (File > New) atau dengan membuka file di (File > Open)

  • http://zidhian.blogspot.com Zidhian

    trimz infonya….brmanfaat banget

    • http://psdesain.net/ Jaka

      Semoga bermanfaat mas zidhian.. :)

  • riezan

    Bro,
    Terima kasih di atas tutorial ini. Ianya sangat-sangat membantu saya memahami lebih mendalam cara membuat layer dengan lebih mudah..Thanks and Good Sharing Bro…

    • http://psdesain.net/ Jaka

      Senang jika bisa bermanfaat. :)

  • subhan

    mas cara membuat tutorial seperti di situs ini gmna..?

    • http://psdesain.net/ Jaka

      Cara buat tutorial???
      Baru anda yang pertama menanyakannya :D
      hhehe,,

      caranya ya ketik teks sendiri, + capture gambar dengan program capture atau dengan tombol Prt Sc SysRq..

  • Fadlin

    Terima Kasih Mas :)

  • jimmy

    gan mau tanya, cara pake star brush itu gimana ya? kan udah download star brush.abr
    cara pakenya gimana ya? kok ga ngefek apa2 di layernya..?

    trus klo misalnya mau pindahin titik centralnya ( dicontoh gambar ataskan mulai dari pojok kiri bawah ke atas) dari kanan bawah ke atas gimana ga?
    mohon bantuan

    • http://psdesain.net/ Jaka

      Cara pakai brush bisa anda lihat di Cara menambahkan brush ke photohsop

      Maksud anda transform ya??
      klik layer terus coba tekan Ctrl + T pada keyboard.

  • jimmy

    cakep gan.. makasih yaa..
    sering2 share ilmu gan.. biar agan makin pinter..

    Gbu

    • http://psdesain.net/ Jaka

      Jangan lupa di subscribe untuk tutorial photoshop hebat selanjutnya :D

  • agan-agan

    file psd nya eexpired ya?
    bang..gimana caranya buat lingkaran itu?
    kok saya coba brulang kali,ga nemu2 yah hasilnya gitu
    bulet,beda warna sm backgroundnya tp texture kertas ny msih keliatan

    • http://psdesain.net/ Jaka

      Link downloadnya masih bisa diakses mas, coba di skip>> dulu baru di download.
      Oh iy, layer modenya di ganti dulu mas. Ganti menjadi overlay. :)

  • Miftah

    thanks for share bro, tutorialnya mudah di mengerti, mancap :D

    • http://psdesain.net/ Jaka

      Trims sudah berkunjung. :)

  • antya

    admin psdesain, di blog ini >> http://angi-medion.blogspot.com/2012/04/cara-membuat-poster-dengan-photoshop.html ada tulisan yg persis sama kayak artikel ini. itu blog admin juga apa bukan yah??

    kan sayang kalo ada yg copas :/

    • http://psdesain.net/ Jaka

      Copas ya..
      Yasudah nggak apa apa.. :)
      berarti ilmu saya bisa dibaca juga oleh admin angi-medion itu.
      :)

  • http://muslimpoliticians.blogspot.com/ saddam

    makasih, tak coba dulu ya.. :)

    • http://psdesain.net/ Jaka

      Terimakasih telah berkunjung :)

  • cacad

    cacad .. web gembel .. Tololnih admin nya..

    • http://psdesain.net/ Jaka

      Terimakasih komentarnya, lain kali Insya Allah saya nggak tolol kok. :)

  • http://airindevanty.tumblr.com Airin Devanty

    untuk texture kertasnya kalau mau di apply ke lembar kerja ukuran A3, kan jadi kecil, atau tidak pas, solusinya bagaimana? terima kasih sebelumnya :)

    • http://psdesain.net/ Jaka

      Tekan ctrl + t (Transform) pada keyboard dan atur sesuai lembar kerja.
      Jika hasilnya teksture tersebut menjadi buram, perkecil saja lembar kerja A3nya di image>image size.

  • Dimas

    gan , cara masukin kertas desainnya gimana ya ?
    kalo masukin pake CTRL + O , jadinya ngopen yang baru

    mohon pencerahannya ya gan

    • http://psdesain.net/ Jaka

      Setelah teropen yang baru, klik move tool di toolbox photoshop, dan klik dan drag teksture kertasnya ke lembar kerja utama.
      Atau bisa juga di menu file > place.

      • Dimas

        ok ty gan

  • Dimas

    gan , ane kok ga ada folder photoshop di Program files ya ? kalo kya gitu gimana masang Brushnya gan ?

    • http://psdesain.net/ Jaka

      Jadi instalan photoshop anda dimana?
      Cara mudahnya coba klik kanan icon photoshop > Properties > find target.

  • Dimas

    maaf nih gan kalo banyak nanya

    ntu Font rockwell kyaknya blom diinstall dah di PS ku ? cara nyari/bikin garisnya dan nyari simbol dimana ? dan untuk apa digroup gan ?

    thx gan ^^

    • http://psdesain.net/ Jaka

      Font Rockwell coba download disini : http://ufonts.com/fonts/rockwell.html sillahkan diinstal sendiri.

      Cara buat garisnya coba lihat di toolbox photoshop biasa di sebelah kiri mas dimas pilih rectangle tool.
      Sedangkan symbol di bagian menubar (diatas) setelah anda pilih custom shape tool.
      Group berguna untuk memudahkan dalam desain saja. :)

  • Dimas

    oh gitu ya , hehe makasih ya gan

  • http://g-land.asia g-land

    keren banget disainnya….. oia saya mau tanya mohon dong kirimin link ke email saya terutama cara edit photo seperti yang kebanyakan orang photografi lakukan… atau yang sedang bumming dengan photo grafi…. trimakasi,,,,

  • Mr. X

    bagus sekali………..

  • http://www.facebook.com/cemsed.gremory Muhammad

    Desain poster yang udah menengah dong gan :D

    sama minta file PSDnya juga buat referensi ^_^

    • http://psdesain.net/ Jaka

      Postingan ini sudah cukup lama dan link downloadnya sudah broken hingga saya hapus. Untuk melihat tutorial baru silahkan jalan jalan ke halaman utama kami Mas :)

  • zainal Abidin

    hasilnya kok pecah, knp ya?

    • http://psdesain.net/ Jaka

      Coba periksa kembali ukuran file saat membuat file pertama dilangkah 1

  • kemal

    ini bisa di pake di cs 5 ?

    • http://psdesain.net/ Jaka

      Bisa mas Kemal.
      Tutorial ini saya pakai Adobe Photoshop CS5 untuk membuatnya

  • A’an Jn

    kalau di cs 3 bisa gak???

    • http://psdesain.net/ Jaka

      Bisa

  • anonym

    kok ngga bisa drag gambar buat tekstur ya? apa kalo di cs6 emang ga bisa?

    • http://psdesain.net/ Jaka

      Bisa kok, semua versi photoshopbisa melakukan drag teksture (kecuali versi dibawah tahun 1998).
      Pastikan pilih move tool dulu, lalu beralih di window tekstur, klik lembar kerja tektur lalu tarik ke lembar kerja yang utama.

  • Pingback: Cara Membuat Brosur Dengan Photoshop | Caramanfaat.net

  • http://aldy-reloverzs.blogspot.com Aldy Zal

    Kalo mau Download Font”nya yang Gratis dimana yah…?

  • Eko Thoha