Anda di halaman 1dari 58

MENDESAIN MICROBLOG DENGAN

POWERPOINT
BAGI PERANCANG GRAFIS

Materi 3

Walidatush Sholihah
Sofiyanti Indriasari

Sekolah Vokasi IPB 2021


Walidatush Sholihah
Slide Designer | Lecturer

Dosen di Program Studi Teknik Komputer Sekolah Vokasi IPB, berpengalaman


selama lebih dari 12 tahun. Mata kuliah yang diampu adalah Matematika, Teknik
Multimedia dan Aljabar Linear. Bergabung dalam komunitas Powerpoint
Bengkelslide dan Melukis Slide Dengan Hati (MSDH) dan aktif dalam membuat
konten dengan menggunakan Powerpoint.

Owner instagram @mathslide Microsoft Office Certified

Owner channel walidah sh Kontak:


ig : @mathslide
CCNA Certified Phone : 0856 9500 8146
Email : walidah@apps.ipb.ac.id

Mendesain Microblog dengan Powerpoint Bagi Perancang Grafis


MATERI 3

DESAIN EFEK DI

POWERPOINT
Walidatush Sholihah

Mendesain Microblog dengan Powerpoint Bagi Perancang Grafis | Sekolah Vokasi IPB 2021
EFEK GRADIENT

Mendesain Microblog dengan Powerpoint Bagi Perancang Grafis | Sekolah Vokasi IPB 2021
Efek Gradien

Gradient shape ini merupakan efek


warna gradient (gradasi) yang
diberikan pada suatu shape. Dalam
contoh kali ini, tujuannya adalah
untuk membuat ruang kosong pada
gambar agar bisa diberikan tulisan
atau objek lainnya. Misalkan akan
dibuat gambar seperti berikut.

Mendesain Microblog dengan Powerpoint Bagi Perancang Grafis


Langkah-langkah membuat efek Gradient
1
Siapkan gambarnya. Tarik/perbesar sampai memenuhi slide. Insert shape
berbentuk kotak (rectangle). Hapus garis tepi shape tersebut (outline).

Mendesain Microblog dengan Powerpoint Bagi Perancang Grafis


Langkah-langkah membuat efek Gradient
3
Klik kanan di shape, pilih format shape.
Kemudian pilih Fill & Line (icon seperti ember
cat tumpah), pilih Fill, lalu Gradient Fill. Di
bagian type, pilih Linear, direction pilih Linear
Right atau Linear Left. Atur letak gradient stop
seperti pada gambar (di samping dan di
tengah). Pilih warna yang sama (pada contoh
ini dipilih warna hitam, boleh warna lain).
Caranya, klik icon gradient stop lalu klik icon
color. Setelah itu atur transparency dari setiap
gradient stop. Selesai.

Mendesain Microblog dengan Powerpoint Bagi Perancang Grafis


EFEK
PIXEL STRETCH

Mendesain Microblog dengan Powerpoint Bagi Perancang Grafis | Sekolah Vokasi IPB 2021
Efek Pixel Stretch
Pixel stretch effect merupakan efek
yang membuat gambar seolah-olah
bergerak dalam kecepatan yang
sangat cepat, seperti ditarik atau
diregang (stretch). Teknik ini
tentunya mudah dibuat di aplikasi
desain seperti adobe photoshop.
Namun, ternyata dengan aplikasi
Powerpoint pun bisa kita buat. Pada
contoh kali ini, akan kita buat
gambar berikut.

Mendesain Microblog dengan Powerpoint Bagi Perancang Grafis


Langkah-langkah membuat efek Pixel Stretch

1
Siapkan gambar yang akan dibuat stretch effect lalu lakukan remove background.

Gambar asli Setelah remove background


Mendesain Microblog dengan Powerpoint Bagi Perancang Grafis
Langkah-langkah membuat efek Pixel Stretch

2
Tambahkan shape lingkaran. Letakkan di bawah gambarnya.

Mendesain Microblog dengan Powerpoint Bagi Perancang Grafis


Langkah-langkah membuat efek Pixel Stretch

3
Berikan warna gradasi pada lingkaran
dengan cara klik kanan pada shape
lingkaran lalu pilih Format shape, pilih
Fill & Line lalu pilih Gradient Fill. Pilih
type: Path. Tambahkan Gradient Stop
sampai maksimal (10 buah) dengan klik
icon yang diberi panah kuning.

Mendesain Microblog dengan Powerpoint Bagi Perancang Grafis


Langkah-langkah membuat efek Pixel Stretch
4
Edit warna pada Gradient Stops sesuai dengan warna pada gambar. Gunakan
eyedropper untuk mengambil warna pada gambar. Caranya, klik salah satu gradient
stop lalu klik icon Color, kemudian klik icon Eyedropper. Lalu klik warna pada
gambar. Karena ada 10 gradient stops, kita ambil 10 warna dari gambar (sesuaikan
dengan lintasan).
1 2 3 4 5 6 7 8 9 10

Mendesain Microblog dengan Powerpoint Bagi Perancang Grafis


Langkah-langkah membuat efek Pixel Stretch
5
Hasilnya seperti berikut. Setelah selesai, klik kanan shape lingkaran lalu paste as
picture. Hasil paste tadi adalah picture/gambar lingkaran (bukan shape).

Mendesain Microblog dengan Powerpoint Bagi Perancang Grafis


Langkah-langkah membuat efek Pixel Stretch
6
Atur gambar lingkaran seperti shape lingkaran tadi. Hapus shape lingkaran.
Kemudian insert shape untuk menutupi bagian yang akan dihilangkan dengan
Freeform.

Mendesain Microblog dengan Powerpoint Bagi Perancang Grafis


Langkah-langkah membuat efek Pixel Stretch
7
Potong gambar lingkaran dengan
shape freeform tadi dengan cara klik
gambar lingkaran, tekan tombol shift
lalu klik shape freeform, sehingga
keduanya terseleksi. Kemudian pilih
menu shape format (di menu bar),
klik merge shapes, lalu klik subtract.
Hasilnya sebagai berikut. Selesai.

Mendesain Microblog dengan Powerpoint Bagi Perancang Grafis


INSERT GAMBAR
KE DALAM TEKS

Mendesain Microblog dengan Powerpoint Bagi Perancang Grafis | Sekolah Vokasi IPB 2021
Insert Gambar ke dalam Teks
Seringkali kita melihat teks yang berisi gambar. Hal tersebut dapat dilakukan pada
Powerpoint dengan memanfaatkan fitur intersect. Fitur atau tool intersect ini akan aktif jika
ada minimal dua buah shape terseleksi. Dengan demikian, teks tadi perlu diubah menjadi
shape terlebih dahulu. Misalkan akan dibuat gambar seperti berikut.

Mendesain Microblog dengan Powerpoint Bagi Perancang Grafis


Langkah-langkah menyisipkan gambar ke dalam teks
1 Siapkan gambar dan teksnya.

Mendesain Microblog dengan Powerpoint Bagi Perancang Grafis


Langkah-langkah menyisipkan gambar ke dalam teks
2 Kemudian, teks “KOTA” akan diubah menjadi shape dengan cara sisipkan shape
berbentuk kotak di atas teks KOTA. Shape kotak harus menutupi seluruh teks.
Seleksi (blok) teks dan shape kotak. Lalu klik shape format, klik merge shape
kemudian klik Fragment.

Mendesain Microblog dengan Powerpoint Bagi Perancang Grafis


Langkah-langkah menyisipkan gambar ke dalam teks
3 Hasilnya, teks KOTA dan kotak tadi akan terpisah setiap irisannya. Hapus bagian
yang tidak perlu.

Mendesain Microblog dengan Powerpoint Bagi Perancang Grafis


Langkah-langkah menyisipkan gambar ke dalam teks
4 Seleksi (blok) semua huruf K, O, T dan A. Lalu klik shape format, kemudian merge
shape dan pilih Union. Sekarang huruf K, O, T dan A sudah menjadi satu objek.

Mendesain Microblog dengan Powerpoint Bagi Perancang Grafis


Langkah-langkah menyisipkan gambar ke dalam teks
5 Letakkan gambar di belakang objek KOTA.

Mendesain Microblog dengan Powerpoint Bagi Perancang Grafis


Langkah-langkah menyisipkan gambar ke dalam teks
6 Kemudian seleksi gambar dan KOTA. Klik shape format, merge shapes lalu
intersect.

Mendesain Microblog dengan Powerpoint Bagi Perancang Grafis


Langkah-langkah menyisipkan gambar ke dalam teks
7 Hasilnya sebagai berikut.

Mendesain Microblog dengan Powerpoint Bagi Perancang Grafis


Langkah-langkah menyisipkan gambar ke dalam teks
8 Bisa diberikan Picture effect atau efek lain. Selesai.

Mendesain Microblog dengan Powerpoint Bagi Perancang Grafis


DOUBLE
EXPOSURE
Mendesain Microblog dengan Powerpoint Bagi Perancang Grafis | Sekolah Vokasi IPB 2021
Double Exposure
Double exposure merupakan teknik menggabungkan gambar
(biasanya gambar manusia) dengan gambar lainnya (seperti
pemandangan) sehingga gambar pertama seolah-olah berada di
dalam gambar kedua. Teknik ini tentunya mudah dilakukan
menggunakan aplikasi desain seperti Photoshop dan lainnya.
Teknik ini pun dapat dibuat dengan menggunakan Powerpoint.
Untuk memasukkan gambar kedua ke gambar pertama, kita
manfaatkan fitur intersect. Namun sebelumnya, gambar pertama
perlu harus dibuat shape terlebih dahulu. Membuat shape seperti
gambar pertama dapat dilakukan dengan berbagai cara. Misalkan
akan dibuat gambar berikut.

Mendesain Microblog dengan Powerpoint Bagi Perancang Grafis


Langkah-langkah membuat efek Double Exposure
1
Siapkan gambar berupa foto yang sudah di remove background. Duplikat gambar
tersebut.

Mendesain Microblog dengan Powerpoint Bagi Perancang Grafis


Langkah-langkah membuat efek Double Exposure
2
Kita akan buat shape dari gambar. Klik salah satu gambar. Recolor menjadi Black
and White 75%. Caranya, klik pada gambar, lalu klik Picture Format, klik Color pilih
Black and White 75%.

Mendesain Microblog dengan Powerpoint Bagi Perancang Grafis


Langkah-langkah membuat efek Double Exposure
3
Masih di menu yang sama (Picture Format), pilih Corrections lalu pilih Brightness -
40% Contrast -40%. Gambar menjadi hitam legam.

Mendesain Microblog dengan Powerpoint Bagi Perancang Grafis


Langkah-langkah membuat efek Double Exposure
4
Klik kanan pada gambar yang hitam,
pilih save as picture. Beri nama
gambar1.png lalu simpan di desktop
(agar mudah mencarinya). Hapus
gambar hitam yang ada di slide
powerpoint Anda.

Mendesain Microblog dengan Powerpoint Bagi Perancang Grafis


Langkah-langkah membuat efek Double Exposure
5
Proses berikutnya adalah mengubah gambar1.png menjadi SVG. gambar1.png
akan kita konversi menjadi svg dengan aplikasi picsvg.com. buka browser pada
komputer masing-masing, lalu ketikkan picsvg.com.

Mendesain Microblog dengan Powerpoint Bagi Perancang Grafis


Langkah-langkah membuat efek Double Exposure
6
Proses berikutnya adalah mengubah gambar1.png menjadi SVG. gambar1.png akan
kita konversi menjadi svg dengan aplikasi picsvg.com. buka browser pada komputer
masing-masing, lalu ketikkan picsvg.com. klik tombol upload picture, masukkan
gambar1.png. Ubah filter menjadi Ready #3. Kemudian klik tombol Download SVG.

Mendesain Microblog dengan Powerpoint Bagi Perancang Grafis


Langkah-langkah membuat efek Double Exposure
hasil download berupa file dengan ekstensi .svg. Biasanya nama filenya berupa kode
seperti berikut. Ganti nama filenya menjadi gambar1.svg. Jika Powerpoint yang digunakan
versi office 365, maka gambar1.svg dapat langsung disisipkan ke slide powerpoint. Jika versi
powerpoint yang digunakan office 2013, 2016 atau 2019, maka konversi lagi gambar1.svg
tadi ke emf.

Mendesain Microblog dengan Powerpoint Bagi Perancang Grafis


Khusus untuk Pengguna Powerpoint 2013, 2016 atau 2019
Buka browser, ketik cloudconvert.com. web ini merupakan aplikasi untuk konversi
gambar. Masukkan gambar1.svg lalu konversi ke format EMF. Kemudian klik tombol
Convert. Setelah itu klik tombol download.

Mendesain Microblog dengan Powerpoint Bagi Perancang Grafis


Langkah-langkah membuat efek Double Exposure
7
kembali lagi ke Powerpoint. Sisipkan gambar1.svg ke slide (untuk powerpoint 365)
atau gambar1.emf (untuk powerpoint 2013, 2016 atau 2019).

Mendesain Microblog dengan Powerpoint Bagi Perancang Grafis


Langkah-langkah membuat efek Double Exposure
8
Ternyata ukuran gambar1.svg (atau gambar1.emf) tadi tidak sama dengan gambar
orang pertama. Samakan dulu ukuran gambar. Klik gambar orang pertama, lalu klik
Picture Format. Setelah terlihat ukuran gambar asli, klik gambar svg atau emf lalu
samakan ukurannya dengan gambar asli.

Mendesain Microblog dengan Powerpoint Bagi Perancang Grafis


Langkah-langkah membuat efek Double Exposure
9
Ubah gambar svg atau gambar emf menjadi shape dengan cara klik gambarnya lalu
Klik Graphics Format, lalu klik Convert to Shape. Gambar svg atau emf tadi sudah
berubah menjadi shape.

Mendesain Microblog dengan Powerpoint Bagi Perancang Grafis


Langkah-langkah membuat efek Double Exposure
10
Untuk memudahkan, ubah nama gambar sebagai berikut. Gambar yang hitam kita
ubah namanya menjadi shape. Lalu gambar asli kita beri nama gambar asli.
Kemudian tumpuk shape diatas gambar asli. Duplikat shape (beri nama shape
kuning), lalu posisikan persis dengan gambar asli. Hasil duplikat ini dinonaktifkan
(klik icon mata di selection pane).

Mendesain Microblog dengan Powerpoint Bagi Perancang Grafis


Langkah-langkah membuat efek Double Exposure
11
Sisipkan gambar kota ke dalam slide. Taruh di bawah shape.

Mendesain Microblog dengan Powerpoint Bagi Perancang Grafis


Langkah-langkah membuat efek Double Exposure
12
Klik gambar kota, tekan dan tahan tombol
shift di keyboard lalu klik shape.
Kemudian klik menu shape format, pilih
merge shapes, klik intersect. Gambar
kota tadi sudah masuk ke dalam shape
berbentuk orang.

Mendesain Microblog dengan Powerpoint Bagi Perancang Grafis


Langkah-langkah membuat efek Double Exposure
13
Sisipkan shape berbentuk kotak
menutupi hasil intersect tadi. Taruh di
belakangnya.

Mendesain Microblog dengan Powerpoint Bagi Perancang Grafis


Langkah-langkah membuat efek Double Exposure
14
Seleksi shape kotak dan hasil
intersect, lalu klik kanan dan pilih
Group (atau tekan Ctrl + G).

Mendesain Microblog dengan Powerpoint Bagi Perancang Grafis


Langkah-langkah membuat efek Double Exposure
15
Klik hasil Group, lalu copy (tekan Ctrl
+ C) kemudian klik kanan dan pilih
Paste as Picture.

Mendesain Microblog dengan Powerpoint Bagi Perancang Grafis


Langkah-langkah membuat efek Double Exposure
16
Samakan ukuran gambar hasil
paste dengan gambar hasil
Group tadi. Kemudian letakkan
persis diatas gambar hasil
group. Gambar hasil group
boleh dihapus atau
dinonaktifkan.

Mendesain Microblog dengan Powerpoint Bagi Perancang Grafis


Langkah-langkah membuat efek Double Exposure
17
Buka Selection pane. Aktifkan
gambar asli, letakkan di bawah
gambar hasil paste.

Mendesain Microblog dengan Powerpoint Bagi Perancang Grafis


Langkah-langkah membuat efek Double Exposure
18
Buat shape sembarang dengan Freeform diatas Hasil paste. Klik menu insert, lalu klik
Shapes kemudian pilih Freeform. Buat bentuk bebas, tidak perlu besar.

Mendesain Microblog dengan Powerpoint Bagi Perancang Grafis


Langkah-langkah membuat efek Double Exposure
19
Seleksi hasil paste dan shape freeform kemudian Subtract (klik shape – merge
shapes – subtract).

Mendesain Microblog dengan Powerpoint Bagi Perancang Grafis


Langkah-langkah membuat efek Double Exposure
20
Klik kanan pada gambar, lalu pilih Format Picture. Atur soft edges dan Transparency
sesuai kebutuhan.

Mendesain Microblog dengan Powerpoint Bagi Perancang Grafis


Langkah-langkah membuat efek Double Exposure
21
Hasilnya sebagai berikut.

Mendesain Microblog dengan Powerpoint Bagi Perancang Grafis


Langkah-langkah membuat efek Double Exposure
22
Seleksi hasil gambar tadi, kemudian paste as picture (Picture 25). Samakan
ukurannya dan letakkan persis di atas gambar group. Nonaktifkan gambar yg di
Group.

Mendesain Microblog dengan Powerpoint Bagi Perancang Grafis


Langkah-langkah membuat efek Double Exposure
23 Aktifkan gambar shape kuning. Letakkan di layer paling atas.

Mendesain Microblog dengan Powerpoint Bagi Perancang Grafis


Langkah-langkah membuat efek Double Exposure
24 Seleksi shape kuning dan gambar tadi (Picture 25). Kemudian intersect (klik Shape
Format – Merge shapes – intersect).

Mendesain Microblog dengan Powerpoint Bagi Perancang Grafis


Langkah-langkah membuat efek Double Exposure
25 Hasilnya sebagai berikut.

Mendesain Microblog dengan Powerpoint Bagi Perancang Grafis


Langkah-langkah membuat efek Double Exposure
26 Dengan cara yang sama, bisa
ditambahkan gambar ketiga
seperti berikut.

Mendesain Microblog dengan Powerpoint Bagi Perancang Grafis


Sumber Gambar
pixabay.com
freepik.com
pexels.com

Mendesain Microblog dengan Powerpoint Bagi Perancang Grafis | Sekolah Vokasi IPB 2021
Kebanggaan kita yang
terbesar adalah bukan
tidak pernah gagal,
tetapi bangkit kembali
setiap kita jatuh.

Terima kasih

Mendesain Microblog dengan Powerpoint Bagi Perancang Grafis | Sekolah Vokasi IPB 2021

Anda mungkin juga menyukai