Materi ajar Desain Grafis Desain Grafis Prodi Komunikasi Penyiaran Islam.

Presentasi berjudul: "Materi ajar Desain Grafis Desain Grafis Prodi Komunikasi Penyiaran Islam."— Transcript presentasi:

1 Materi ajar Desain Grafis Desain Grafis Prodi Komunikasi Penyiaran Islam

2 Yang akan kita bahas hari ini Apa Itu Desain Grafis Elemen Visual Desain Grafis Prinsip Desain Grafis Apa Itu Resolusi, Format, Mode Warna Software Desain Grafis

3 Apa Itu Desain Grafis? Desainer grafis bekerja dengan menggambar, melukis, memotret, atau gambar yang dihasilkan dari computer akan tetapi mereka juga membentuk berbagi tipografi yang dapat kita jumpai di film, buku, majalah bahkan di layar smartphone. Desainer membuat, memilih, dan mengatur elemen- elemen seperti tipografi, gambar, dan apa yang disebut "ruang putih“ untuk mengkomunikasikan pesan.

4 Garis, Elemen Visual Desain Grafis Satu dari sekian banyak elemen desain adalah garis, dan elemen ini tidak boleh diremehkan. Garis meskipun sederhana dapat menjadi elemen krusial pada desain. Garis dapat kita gunakan untuk menambahkan struktur komposisi frame informasi, hirarki, mendekorasi serta mengarahkan pandangan mata ke tujuan spesifik. Selain itu juga bias kita gunakan untuk merepresentasikan infografis. Bentuk garis beragam, mulai garis lurus, lengkung, tebal, tipis, solid dan dashed.

5 Contoh Garis Sederhana

6 Lines as borders.Lines stressing a word.Line in structure. Dividing lines.Line in structure.Lines as decoration. Nemo enim ipsam voluptatem quia voluptas sit aspernatur aut odit aut fugit, sed quia consequuntur magni do- lores eos qui ratione voluptatem sequi nesciunt. Neque porro quisquam est, qui dolorem ipsum quia dolor sit amet, consectetur, adipisci velit, sed quia non numquam eius modi tempora incidunt ut labore et dolore magnam aliquam quaerat voluptatem. Ut enim ad minima veniam, quis nostrum exercitationem ullam corporis suscipit laboriosam, nisi ut aliquid ex ea commodi consequatur? Quis autem vel eum iure reprehenderit qui in ea voluptate velit Article byJake Jonson Arts journalist Sed ut perspiciatis unde Sed ut perspiciatis unde omnis iste Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusan- natus error sit voluptatem accusan- tium doloremque laudantium, totam tium doloremque laudantium, totam rem aperiam, eaque ipsa quae ab illo rem aperiam, eaque ipsa quae ab illo inventore veritatis et quasi architecto inventore veritatis et quasi architecto beatae vitae dicta suntbeatae vitae dicta suntexplicabo. Nemo enim ipsam voluptatem quia voluptas sit aspernatur aut odit aut fugit, sed quia consequuntur magni dolores eos qui ratione voluptatem sequi nesciunt. Neque porro quisquam “Sed ut est, qui dolorem ipsum quia dolor sit perspiciatis unde amet, consectetur, adipisci velit, sed quia non numquam eius modi tempora omnis iste natus.” incidunt ut labore et dolore magnam aliquam quaerat voluptatem. Ut enim ad minima veniam, quis nostrum exercitationem ullam corporis suscipit laboriosam, nisi ut aliquid ex ea commodi consequatur? Quis autem vel eum iure reprehenderit qui in ea voluptate velit 34 Sed ut perspiciatis unde omnis iste natus error iste Sed ut perspici atis unde omnis esse quam ni hil molestiae con- iste natus error sit volupt atem sequatur, vel illum qui dolorem accusantium doloremque lau- eum fugiat quo volupt as nulla dantium, totam rem aperiam, pariatur? eaque ipsa quae ab illo inven- At vero eos et accusamus et tore veritatis et quasi archi- iusto odio dignissimos duci- Nemo enim ipsam voluptatem rupti quos dolores et quas mo- quia volupt as sit asper natur lestias excepturi sint occaecati aut odit aut fugit, sed quia cupidit ate non provident, sim- consequuntur magni dolores ilique sunt in culpa qui officia eos qui ratione voluptatem deserunt mollitia animi, id est sequi nesciunt. Neque porro laborum et dolorum fuga. Et P i ctu re t itle - P ro file i nforma tion a nd d escri ptio n d etails. quisquam est, qui dolorem harum quidem rerum facilis est ipsum quia dolor sit amet, et expedita distinctio. rerum hic tenetur a sapiente quia non numquam eius modiluptatibus maiores alias conse- tempora incidunt ut labore et soluta nobis est eligendi optio quatur aut perferendis dolori- “Sed ut perspiciatis que nihil impedit quo minus d qu ol ae or r e at vol m up a t g at na em m. aliquam c n u u m s qu i e d n q i u h o i d l im m p a e x d im it e quo pla m ce i- at bus asperiores repellat. Ut enim ad minima veniam, luptas assumenda est, omnis nis iste natus error sit volup- quis nostrum exercitationem dolor repellendus. Temporibus tatem accusantium dolorem- iste natus.” riosam, nisi ut aliquid ex ea debitis aut rerum necessitatibus aperiam, eaque ipsa quae ab et aut officiis debitis aut rerum P aper t itle / Date Media P aper t itle / Date Sed ut unde omnis iste P ape n umb er Sed ut unde omnis iste denta P ape n umb er 43 facere possimus, omnis vo- Sed ut perspiciatis unde om- unde omnis tecto beatae vitae dicta sunt explicabo. mus qui blanditiis praesentium voluptatum deleniti atque cor- consectetur, adipisci velit, sed Nam libero tempore, cum delectus, ut aut reiciendis vo- veniam, quis ilique sunt in culpa qui officia corporis suscipit laboriosam, laborum et dolorum fuga. Et eum iure reprehenderit qui in Itaque earum rerum hic tenetur Nemo enim ipsam voluptatem aevoluptate velit esse quam ni- a sapiente delectus, ut aut reici- quia voluptas sit aspernatur aut hil molestiae consequatur, vel endis voluptatibus maiores ali- odit aut fugit, sed quia conse- illum qui dolorem eum fugiat as consequatur aut perferendis quuntur magni dolores eos qui quo voluptas nulla pariatur? doloribus asperiores repellat. ratione voluptatem sequi nesci- unt. Neque porro quisquam est, At vero eos et accusamus et Lorem ipsum dolor sit amet, qui dolorem ipsum quia dolor iusto odio dignissimos duci- consectetur adipiscing elit, sed sit amet, consectetur, adipisci mus qui blanditiis praesentium do eiusmod tempor incididunt velit, sed quia non numquam volupt atum deleniti atque cor- ut l abore et dolore magna al- eius modi tempora incidunt ut rupti quos dolores et quas mo- iqua. Ut enim ad minim ve- labore et dolore magnam ali- lestias excepturi sint occaecati niam, quis nostrud exercit ation quam quaer at volupt atem. Ut cupidit ate non provident, sim- ullamco l aboris nisi ut aliquip enim ad minima nostrum exercitationem ullam deserunt mollitia animi, id est Atic l e end >>> harum quidem rerum facilis est et expedita distinctio. Nam libero tempore, cum soluta nobis est eligendi optio cum- id quod maxime placeat facere possimus, omnis voluptas assu- menda ullam corporis suscipit labo- autem quibusdam et aut officiis que laudantium, totam rem.emporibus autem quibusdam commodi consequatur? Quis saepe eveniet ut et voluptates illo inventore veritatis et quasi necessitatibus saepe eveniet ut autem vel eum iure reprehen- repudiandae sint et molestiae architecto beatae vitae dicta nisi ut aliquid ex ea commodi et voluptates repudiandae sint derit qui in ea voluptate velit non recusandae. Itaque earum sunt explicabo.consequatur? Quis autem vel et molestiae non recusandae. P oint title P oint title P oi nt title

7 Warna, Elemen Visual Desain Grafis Warna bisa berarti pantulan tertentu dari cahaya yang dipengaruhi oleh pigmen yang terdapat di permukaan benda. Misalnya pencampuran pigmen magenta dan cyan dengan proporsi tepat dan disinari cahaya putih sempurna akan menghasilkan sensasi mirip warna merah. Di dalam ilmu warna, hitam dianggap sebagai ketidakhadiran seluruh jenis gelombang warna. Sementara putih dianggap sebagai representasi kehadiran seluruh gelombang warna dengan proporsi seimbang. Secara ilmiah, keduanya bukanlah warna, meskipun bisa dihadirkan dalam bentuk pigmen.

8 Color Wheel 12 colour / Red, Yellow, Blue Color Spectrum

9 Monokromatik Monokromatik pada dasarnya adalah gelap terang sebuh warna atau tint dan shade warna. Dapat dicapai dengan mencampur warna putih atau hitam Warna Primer Warna Primer merupakan dasar roda warna. Yakni Merah, Kuning dan Biru Warna Sekunder Warna yang berasal dari campuran warna primer. Misal merah dan kuning menjadi orange. Warna Tersier Warm & cool colours Warna Hangat ada di Sebelah Kanan. Warna Dingin ada di Sebelah Kiri. Analogus Warna yang terlihat sama dan mirip tetapi sebenarnya memiliki perbedaan. Atau mudahnya adalah 3 warna yang berdekatan dalam posisi roda warna Complimentary Warna-warna yang saling berseberangan antara satu dengan yang lainnya, sehingga warna-warna ini akan sangat kontras. Triadic Kombinasi warna dengan bentuk segitiga di dalam roda warnanya. Warna yang berasal dari campuran warna primer dan sekunder. Misal merah dengan hijau menjadi cokelat.

10

11 Shape, Elemen Visual Desain Grafis Dalam desain, Shapes mempunyai dua dimensi dan ukuran. Yakni Tinggi dan Lebar.

12 Bentuk dengan Garis Bentuk dengan Warna Bentuk dengan Ruang Negatif Height Bentuk ditentukan oleh batas-batas, seperti garis atau warna dan juga dapat dibuat dengan ruang negatif. WidthWidth

13 Bentuk GeometriBentuk Organik

14

15 Form, Elemen Visual Desain Grafis Dalam desain, Form mempunyai tiga dimensi dan ukuran. Yakni Tinggi, Lebar dan Kedalaman. WidthWidthDepthDepth Height

16 Organic formsGeometric forms

17 Tipografi, Elemen Visual Desain Grafis Dalam desain, Form mempunyai tiga dimensi dan ukuran. Yakni Tinggi, Lebar dan Kedalaman. R

18 ScriftScriftBlackletterDecorativeAbstractAbstract SerifSlab SerifRounded Sans Serif R

19 FunctionalDecorative / Creative

20 Contrast, Sebagai Prinsip Desain Grafis Kontras terjadi ketika dua atau lebih elemen visual dalam suatu komposisi berbeda.

21 Lorem ipsum Proin purus metus Lo rem i psum dolor si t a met, consectetur a dip isci ng e lit. Fu sc e id l uctu s quam. In d i am metus, phare tra si t am et p ulvin ar i n, i nterdum et magna. Etia m ve lit m etu s, vesti bul um bi bendum sapien b la ndi t, t i nci du n t fau ci bus j usto. Vesti bulum so dales tu rpis nec venenatis el ementum. “Etiam velit metus, vestibulum bibendum sapien blandit, tincidunt faucibus justo.” Lorem ipsum Proin purus metus Lo rem i psum dolor si t a met, b la ndi t, t i nci du n t fauci bus consectetur a di pisci ng elit. j ust o. Vesti bulum so dales tu rpis Fu sc e id l uctu s quam. In nec venen atis el em entum. diam me tus, pha ret ra si t Integer vel mi vitae sapi en amet pulvinar in, i nterdum condi m entum cu rsus. A liq uam et ma gna. Et i am ve li t m etus, vi tae u rna odio. vesti bulum bibendum sapien Eti a m ve l it m etu s, vesti bul um bibendum sa pien bl andit, t incidunt fau ci bus j usto. Vesti bul um so dales turpi s nec venena tis el ementum. Intege r vel mi vitae sapi en condi m entum cursu s. A l iqu am vitae u rna od io. A enean scelerisq ue qu is erat non ru tru m. M auris vi tae lo rem at m e tus i m p erd i et co n di men tum. S uspe ndisse p ote nti. Nunc c o m m odo ri su s si t ame t vestibulum dapibus. Contrast in shapeContrast in colourContrast in scale Contrast in layout Contrast in typeContrast in colourContrast in type & alignmentContrast in colour & typeContrast in shapes & colour

22 Repetition, Sebagai Prinsip Desain Grafis Pengulangan elemen yang sama secara bertautan atau saling mempunyai hubungan atau kesamaan

23

24

25 Alignment, Sebagai Prinsip Desain Grafis Penjajaran yang baik dalam sebuah desain yaitu dimana setiap elemen saling terhubung secara visual dengan elemen lainnya. Penjajaran memberikan kesan saling terkait.

26 Alignment to a gridApproaches of alignment in design

27 Proximity, Sebagai Prinsip Desain Grafis Kedekatan memberikan kesatuan visual dalam sebuah desain. Jika ada dua elemen yang saling berhubungan, seharusnya diletakkan berdekatan. Minimalisir kesemrawutan visual, pengorganisasian yang tegas dan tingkatkan pemahaman orang yang melihat desain.

28 Layout example 1Layout example 2Layout example 3Layout example 4 Hubungan yang memadai ditetapkan dalam tata letak ini. Elemen berada di dekat dalam urutan yang komprehensif. Hubungan yang jelas ditetapkan dalam tata letak ini. Elemen berada di dekat dalam urutan yang jelas. di dekattetapitetapi Elemen berada tidakdalam membuattata urutantertentu letakacakdan membingungkan. Elemen tersebar dalam tata ruang yang sporadis. Tidak ada hubungan yang jelas antara elemen dalam tata letak ini.

29

30 Memahami Resolusi, Format dan Mode Warna Sebagai seorang desainer grafis, kita perlu memahami 3 konsep ini.

31 Apa itu Resolusi? Resolusi merupakan jumlah piksel yang terkandung dalam sebuah gambar. Resolusi diukur dalam DPI (dots per inch) atau PPI (pixels per inch). Ini secara harfiah adalah jumlah titik atau piksel yang dapat ditempatkan berdampingan dalam satu garis sepanjang satu inci. Semakin banyak titik atau piksel, semakin baik kejelasannya - semakin tinggi resolusinya - dari gambar.

32 The image on the right shows you the actual DOTS that are used to print a photograph on a printing press.

33 Resolution: Why is it so I mportant for Printing? high resolutionlow resolution

34 Memahami Format Gambar Raster images (TIFF, JPEG, GIF, PNG, PICT, BMP): Format gambar yang bergantung pada banyaknya pixel atau resolusi Vector images (EPS): Format gambar yang tidak bergantung pada pixel atau resolusi.

35 Lalu Bagaimana Solusinya? Kamera Digital : selalu setting pengaturan ke resolusi tertinggi. Slide atau Foto : Gunakan 300dpi ketika melakukan scanning foto atau dokumen. Downloadable high resolution images : Selalu ingat beberapa gambar mengandung hak cipta, selalu cek sebelum menggunakan untuk keperluan komersil.

36 Memahami Mode Warna Model warna CMYK dan warna RGB

37 Mode Warna CMYK Model warna CMYK adalah singkatan dari Cyan, Magenta, Yellow dan BlacK. Ketika sebuah foto berwarna dicetak, secara harfiah dipisahkan menjadi empat warna dan warna tercetak ini. Keempat warna ini kemudian digabungkan untuk memberi Anda gambar penuh warna. Foto-foto ini harus dikonversi ke format CMYK sebelum reproduksi untuk memastikan akurasi warna.

38 Mode Warna RGB Model warna RGB berarti Merah, Hijau, dan Biru. File dalam format RGB dimaksudkan untuk digunakan pada sistem elektronik seperti TV, layar ponsel dan monitor komputer. Anda seharusnya memperhatikan warna foto pada perangkat elektronik yang berbeda sering terlihat berbeda - karena setiap perangkat membaca perincian warna secara berbeda. Anda tidak ingin jenis inkonsistensi ini dicetak.

39 Software Desain Grafis Banyak sekali software desain grafis yang beredar. Jika kita bahas satu persatu mungkin sampai besok tidak akan selesai. Namun pada intinya dari semua software mempunyai fungsi, kelebihan serta kekurangan masing-masing. Pemilihan berdasarkan desain apa yang kita buat akan mempermudah kita dalam menguasai software tersebut.

40 Terima Kasih Semoga Bermanfaaat