header ilmugrafis
Home Tutorials Fonts IG Store Contact
 
ilmu grafis » PHOTOSHOP ALTERNATIF

Trik Membuat Flat Long Shadow

Publish: 14 Agustus 2014 | by Johan | in Photoshop Alternatif

Pada Tutorial Photoshop kali ini kita akan belajar trik membuat efek long shadow pada sebuah teks, icon atau logo maupun gambar flat 2 dimensi. Jika anda ingin mengetahui lebih jauh apa yang dimaksud Long Shadow silahkan baca di Trend Desain Flat Long Shadow

Berikut Trik membuat Flat Long Shadow di Photoshop

1. Buka aplikasi Photoshop, Minimal gunakan Photoshop CS3 karena hanya CS3 dan versi atasnya yang bisa seleksi banyak layer dan merge layer.

Buat lembar kerja baru. (Ctrl + N). Width : 500 px dan Height : 500 px

 

2. Setelah itu buat teks, misal : Ps

 

3. Duplicate layer dengan menekan Ctrl + J, Lalu tempatkan layer yang telah di duplikat (digandakan) di bawah layer aslinya

membuat flat long shadow 1
Gambar Teks Ps yang akan di long shadow

4. Berikan Warna hitam pada layer "Ps copy", caranya klik Layer > Layer Style > Color Overlay...

membuat flat long shadow 2
Gambar Color Overlay hitam

Pilih / Ubah ke warna hitam. lalu tekan OK.

 

5. Setelah itu Tekan Ctrl + T untuk perintah Free Transform

Setelah itu klik arrow (tombol panah pada keyboard) kanan 1 kali untuk menggeser gambar ke kanan 1 pixel

kemudian arrow (tombol panah keyboard) ke bawah 1 kali untuk menggeser gambar ke bawah 1 pixel

Setelah itu tekan tombol Enter.

 

6. Ok, sekarang tekan dan tahan Ctrl + Shift + Alt lalu tekan tombol [ T ] pada keyboard secara berulang-ulang, hal ini untuk melakukan perintah pengulangan (repeat transform) sekaligus menggandakan layer.

Tekan berkali kali hingga memanjang seperti ini.

membuat flat long shadow 3
Gambar Menggandakan transform

Digambar tersebut terlihat proses penggandaan hingga 150 layer. Hal itu terserah selera anda.

Setelah itu klik Ps copy 150 lalu tekan Shift dan klik Ps copy 1, untuk menyeleksi semua layer Long Shadow.

Klik kanan pada area layer tersebut, lalu pilih Convert to Shape atau bisa juga Rasterize Layer.

Setelah itu klik kanan lagi dan pilih Merge Layer

membuat flat long shadow 4

 

7. Klik dan Turunkan Opacity hingga 20%

membuat flat long shadow 5

 

8. Buat kotak dengan Rectangle Tool, kemudian tempatkan layer Shape 1 di bawah Ps copy 150

Berikan warna biru pada shape 1, caranya dengan mengatur color overlay nya mirip seperti di atas ( lihat kembali langkah no. 4 ). Namun kali ini warnai dengan warna biru dongker.

 

9. Ok langkah terakhir adalah finishingnya. buang kelebihan bayangan dengan cara klik Rectangular Marquee Tool lalu pilih Add To Selection kemudian buat kotak (tahan klik kiri dan geser) untuk memotong bagian kanan dan memotong bagian bawah.

Setelah itu tekan tombol [Delete], selesai. Flat long shadow telah selesai dibuat.

Ulangi dan lakukan secara berulang - ulang hingga anda mahir. Setelah menguasai teknik dan trik di atas, Anda bisa me-Make over dengan mengganti background layer menjadi lebih gelap. Bahkan menambahkan efek long shadow juga pada kotak icon nya. Serta memberikan gradasi pada bayangannya dengan Tehnik Masking yang bisa anda pelajari di kategori Photoshop Dasar.

Hasilnya :

hasil photoshop long shadow
Gambar Icon Photoshop dengan efek Long Shadow

Anda bisa mempelajari lebih lanjut dengan mendownload file hasil akhir tutorial ini secara Gratis!
download psd source
Download Now

Demikian tutorial trik membuat long shadow dengan Adobe Photoshop, terima kasih dan semoga bermanfaat.

Share URL Share the URL of this Tutorial in IM, Email or post in forums

* Klik Link, copy (ctrl + c) dan paste (ctrl + v)
 
author

Info dan Kontak Penulis

Johan Felisitas
Tentang Penulis : Lahir di Surabaya 1986, Menyukai komputer grafis terutama program photoshop dan coreldraw. Saat ini bekerja sebagai designer grafis di salah satu perusahaan swasta di Surabaya.
Motto : Berikan yang terbaik, untuk mendapatkan yang terbaik!

Penulis dapat dihubungi via:
Twitter: @johanfelisitas
Google+ :
Facebook : facebook.com/tomuramaster
Email : johan.felisitas[at]gmail[dot]com


Rekomendasi ilmugrafis

PSD CE
Photoshop Complete Edition

Koleksi Lengkap Video Tutorial Photoshop dan mulai dari Efek Foto Professional hingga manipulasi foto terungkap semua disini

Photoshop Desain Grafis
Video Tutorial Photoshop CS 3 ini mengungkap penggunaan teknik-teknik photoshop yang sering digunakan para praktisi

PLG NT
Plugins Topaz dan NIK

Koleksi Plugins Photoshop yang powerfull untuk membuat Foto - Fotomu Lebih Berwarna dan Bermakna

Plugins Suite 5
Kumpulan Plugins Premium dan Plugins Suite 5 untuk meningkatkan kemampuan dan menambah fitur Photoshop anda


[adv.] Supported by
dumetschool kursus desain grafis
DumetSchool.com

PHOTOSHOP
Photoshop Dasar
Photoshop Teks Effect
Photoshop Photo Efek
Photoshop Alternatif
Photoshop Plugins

CORELDRAW
CorelDRAW Dasar
CorelDRAW Logo
CorelDRAW Bebas
CorelDRAW Tools

BLENDER 3D
Blender Dasar

FOTOGRAFI
Lightroom

VECTOR
Adobe Illustrator

ANIMASI
Flash
Swishmax

3D MODELING
3dsMAX
AutoCAD
Cinema 4D

VIDEO EDITING
Adobe Premiere
After Effect
Pinnacle

WEB DESIGN
Dreamweaver
jQuery

PUBLISHING
InDesign
Ms. Paint

FREEWARE
Gimp
Inkscape

ARTS
News
Artikel
Gallery
Jasa Desain
Donasi

FRIENDS
Photoshop Desain
Hog Pictures

Link to us


bantuan information

ilmugrafis launcher
Privacy policy
Peta Situs | Term of Use web edukasi - ilmugrafis.com Indonesia
Copyright © 2017 ilmuGrafis. All Rights Reserved. | RSS | Subscribe
Hak Cipta Dilindungi Undang - Undang & Dmca
eXTReMe Tracker