Saturday, 9 September 2017

Tutorial Merubah Satuan Ukuran Unit Milimeter Pada Adobe Photoshop

Saturday, September 09, 2017 0
Ristofa.com - Tutorial Merubah Satuan Ukuran Unit Milimeter Pada Adobe Photoshop,. Stelan standar atau default pada adobe Photoshop adalah pixel.

 Mungkin ada yang pernah mengalami, ingin membuat sebuat kotak dengan ukuran yang spesifik, 20 x 15 cm contohnya. Namun jika menggunakan stelan default satuannya adalah pixel. 

 Untuk lebih jelas cara Merubah Satuan Ukuran Unit Milimeter, silakan tonton video Youtube berikut ini..

Tags # Photoshop # tutorial # Video Photoshop Continue Reading
By di No comments:
Label: , ,

Friday, 4 August 2017

Tips Panduan Membuat Logo Yang Menarik

Friday, August 04, 2017 2
Favicon ristofa.com
Tidak seperti karya desain grafis lainnya, dalam membuat logo ada serangkaian prinsip tersendiri. Logo adalah simbol dari sesuatu yang diinterprestasikan hanya dengan sekali lihat seseorang bisa membayangkan makna Apa dibalik sebuah logo. Ketika kita melihat logo tertentu Kita akan ingat mulai dari perusahaan apa produk apa dan lain sebagainya.

Logo dianggap berhasil ketika logo tersebut mudah diingat baik bentuk, warna, tulisan, dan produknya. Prinsip dasar dalam menciptakan logo adalah eye catching (menarik perhatian), original, mudah diingat, dan bermakna.

Setiap logo dibuat artistik, mempunyai makna tersembunyi dibalik bentuk dan warnanya. Desain logo tidak dibuat asal-asalan karena ada kaidah tertentu tentang bentuk dan warna logo, atau apa yang boleh dan tidak boleh digunakan dalam sebuah logo. Misalnya, kenapa bentuk bola tidak dianjurkan untuk logo perusahaan konstruksi dan seterusnya. Hal itu yang membuat proses mendesain logo tidak semudah yang dikira orang.

Dalam kehidupan kita sehari-hari, logo hampir setiap hari kita temui. Seperti halnya pakaian, logo memiliki banyak rupa dan gaya, baik dari segi bentuk warna tipografi maupun desainnya secara keseluruhan. Seperti pakaian pula logo memiliki trend atau gaya yang cenderung berubah dalam periode tertentu.

Berikut ini trik atau panduan dalam membuat logo yang menarik :

1. Analisa kebutuhan

Dalam analisa kebutuhan Seperti apa saja yang akan mempengaruhi hasil logo tersebut . Misalnya kita dapat membuat logo dari PT. X, maka kaji dulu profil dari perusahaan tersebut. Bila ada keharusan atau prasyarat yang harus dipenuhi, maka itu dulu yang harus didahulukan. Contoh harus ada warna merah harus mengandung makna perusahaan dan sebagainya.

Hal yang harus dan akan mempengaruhi hasil logo adalah:

A. Budaya mempengaruhi aspek kehidupan
B. Politik mempengaruhi aspek kehidupan
C. Ekonomi mempengaruhi aspek kehidupan
D. Sosial mempengaruhi aspek kehidupan
E. Demografi mempengaruhi analisa SWOT dan Aida
F. Jenis perusahaan dan produknya mempengaruhi aspek personal perusahaan

2. Tentukan teknik atau cara pembuatan

Dalam membuat sesuatu tentunya kita mempunyai cara atau teknik masing-masing. Hal ini berkaitan pada saat hasil logo ini akan ditampilkan. Sebagai contoh printed multimedia website produk dan lain sebagainya. Tentunya ukuran jenis font untuk logo warna media akan mempengaruhi, semisal dalam produk kardus jarang sekali menggunakan warna yang banyak dan bila ada maka ukurannya kecil. Hal ini merupakan imbas dari dana untuk print warna yang cenderung lebih mahal. 

3. Trial and error

Trial and error merupakan cara manjur dalam melakukan sesuatu. hasil dari logo akan maksimal ketika trail and error ini dilakukan melalui sketsa, atau desain langsung menggunakan software desain boleh-boleh saja dilakukan.

4. Lihat karya logo sejenis

Banyak website yang membuat logo-logo fenomenal seperti logo Windows. Cari buku untuk perusahaan atau produk sejenis dengan yang ingin anda buat. Lihat dan pelajari ciri-cirinya, selain menambah wawasan tentang logo juga dapat menginspirasi anda.

Sekian Bahasan tentang panduan membuat logo yang menarik Terima kasih semoga bermanfaat.
Tags # Belajar Desain Grafis # Photoshop # Tipografi Continue Reading
By di 2 comments:
Label: , ,

Wednesday, 24 May 2017

Tutorial Cara Paling Mudah Mengganti Warna Background Foto (Photoshop)

Wednesday, May 24, 2017 0
Tutorial Cara Paling Mudah Mengganti Warna Background Foto (Photoshop) - Cara paling mudah, paling praktis mengganti background foto dengan photoshop..

Paling pas digunakan untuk pembuatan pass foto...

Silakan praktekkan tutorial video berikut..



Tags # Photoshop # tutorial # Video Photoshop Continue Reading
By di No comments:
Label: , ,

Sunday, 21 May 2017

Tutorial Mengatur Jenis, Warna, Ukuran Huruf Font Pada Photoshop Untuk P...

Sunday, May 21, 2017 1
Tutorial Mengatur Jenis, Warna, Ukuran Huruf Font Pada Photoshop Untuk Pemula...




Tags # Photoshop # tutorial # Video Photoshop Continue Reading
By di 1 comment:
Label: , ,

Saturday, 20 May 2017

Tutorial Merubah dan Mengatur Ukuran Kanvas Lembar Kerja Pada Photoshop ...

Saturday, May 20, 2017 0
Tutorial Merubah dan Mengatur Ukuran Kanvas Lembar Kerja Pada Photoshop - Video Tutorial. Untuk memudahkan dalam memahami cara Mengatur Lembar kerja (Kanvas) pada Photoshop. Kali ini kami membuatkan video tutorialnya. 


Selamat Belajar

Tags # Photoshop # tutorial # Video Photoshop Continue Reading
By di No comments:
Label: , ,

Tuesday, 21 March 2017

Kategori Umum dan Jenis Huruf Dalam Tipografi | ristofa.com

Tuesday, March 21, 2017 0
Kategori Umum dan Jenis Huruf Dalam Tipografi | ristofa.com


Tipografi sangat penting dalam dunia desain grafis.Tipografi dalam desain grafis merupakan satu elemen yang sangat krusial dan juga merupakan elemen yang paling sering dipakai untuk melengkapi suatu desain. Jika perhatikan desain di sekeliling kita, desain poster, desain suatu produk, desain iklan, semua mengandung unsur tipografi. Dan kali ini saya akan membahas tentang klasifikasi huruf dalam tipografi.

Seperti yang kita tahu, desain grafis merupakan suatu bentuk komunikasi visual. Sehingga unsur yang ada di dalamnya juga harus memancarkan informasi yang ingin disampaikan. Hal ini berlaku untuk tipografi. Pemilihan tipografi yang benar akan membantu menyampaikan informasi yang ingin disampaikan secara tepat.

Seni tipografi adalah sebutan bagi tipografi dalam desain grafis. Seni tipografi menitik beratkan pada pengaturan huruf sebagai elemen utama dalam desain yang ingin dibuat.

Umumnya tipografi ada beberapa kategori, antara lain :

Roman atau Serif | ristofa.com
Contoh huruf tipografi - Roman


1. Roman atau Serif


Huruf di keluarga Roman memiliki ciri khas tersendiri yang muda dikenali. Huruf Roman memiliki ketebalan dan ketipisan pada setiap garis di huruf – hurufnya. Semua huruf yang ada di bawah naungan kategori Roman memiliki ciri khas klasik, anggun, tegas, lemah gemulai dan feminim. Font ini sangat populer dikalangan masyarakat karena jenis font Serif biasa digunakan untuk Hardcopy atau hasil cetak media offline, seperti buku, majalah, koran, dan sebagainya.

Keluarga huruf Roman sudah ada sekitar abad 11 atau 12. Karena itu, huruf Roman merupakan salah satu kategori huruf yang paling tua. 

Jenis font yang ada di kategori huruf Roman antara lain Bodoni, Georgia, dan Times New Roman.

Kesan yang ditimbulkan oleh kategori huruf ini adalah Feminim, Klasik, Lemah Gemulai.

Egyptian atau Slab-Serif | ristofa.com
Contoh huruf tipografi - Egyptian


2. Egyptian atau Slab-Serif


Huruf yang berada termasuk dalam kategori keluarga Egyptian memiliki ciri huruf seperti papan. Berbeda dengan kategori Roman yang memiliki tebal tipis di hurufnya, Egyptian memiliki ketebalan yang hampir sama di setiap hurufnya. 

Jenis font ini merupakan bagian dari jenis font Serif, hanya saja siripnya lebih tegas dan lurus menyerupai tongkat. Mungkin font ini cocok digunakan untuk produk yang berhubungan dengan lelaki. 

Jenis font yang ada di kategori Egyptian adalah Rockwell dan Typo Slab – Serif.

Kesan yang ditimbulkan oleh kategori huruf ini adlah kokoh, kuat, kekar, dan stabil.

Sans Serif | ristofa.com
Contoh huruf tipografi - Sans Serif


3. Sans Serif


Huruf yang meruakan kategori keluarga Sans Serif hampir mirip dengan huruf dengan kategori keluarga Roman, hanya saja jenis huruf ini tidak memiliki sirip di ujung. Ketebalan hurufnya pun tidak tebal tipis, melainkan solid. Bisa dibilang huruf di kategori Sans Serif merupakan versi modern dari Roman. 

Jenis font yang ada di kategori Sans Serif adalah Arial, Century Gothic, Futura, Helvetica, Lucida Grande, Trebuchet MS, dan Verdana.

Kesan yang ditimbulkan jenis huruf ini adalah modern, kontemporer, dan efisien. 

Script | ristofa.com
Contoh huruf tipografi - Script


4. Script


Sama seperti namanya, huruf yang berada di bawah kategori ini memiliki rupa layaknya tulisan tangan Handwriting karena bentuknya yang menyerupai goresan tangan yang dikerjakan dengan pena, kuas, atau pensil tajam. Font ini banyak digunakan dalam tipografi tulisan tangan.

Biasanya huruf di bawah kategori ini memiliki ciri khas miring ke kanan. Biasanya font jenis ini digunakan untuk desain yang berhubungan dengan kemewahan, misalkan undangan pernikahan atau ucapan selamat untuk perusahaan baru dengan hiasan bunga.

Jenis font yang ada di kategori ini adalah Freestyle Script dan French Script.

Kesan yang ditimbulkan oleh kategori huruf ini adalah pribadi dan akrab. 

Miscellaneous atau Cursive | ristofa.com
Contoh huruf tipografi - Cursive


5. Miscellaneous atau Cursive


Keluarga font Miscellaneous atau Cursive biasa dikenal dengan nama fantasy font. Huruf yang berada di kategori ini tidak memiliki ciri khas atau rupa yang spesifik seperti kategori lainnya. Huruf yang berada di bawah kategori ini biasanya merupakan  pengembangan dari bentuk – bentuk yang sudah ada, hanya ditambahkan hiasan, ornament atau garis – garis dekoratif.

Font ini biasa digunakan untuk desain yang berhubungan dengan imajinasi seperti teks pada komik, produk anak anak untuk menarik pehatian mereka dengan bentuknya yang cute dan unique, dan lain-lain. 

Jenis font yang ada di bawah kategori ini sangat banyak, antara lain Comic Sans MS, Joker, dan Magneto.

Kesan yang ditimbulkan oleh kategori huruf ini adalah Dekoratif dan Ornamental.

Character Proportion | ristofa.com
Contoh huruf tipografi - Character Proportion


6. Character Proportion


Keluarga font Character Proportion memiliki ciri yang relatif mudah dikenali, yaitu memiliki lebar yang sama tidak peduli itu ‘R’ ataupun ‘J’ semuanya sama. Font jenis ini biasanya digunakan untuk pemrograman atau penyajian kode-kode HTML karena memiliki lebar huruf yang sama dan mudah dihitung spasinya. 

Contoh font Courier New.

Kesan : Canggih, Digitalis

baca juga sejarah tipografi.

Tags # Belajar Desain Grafis # desain web # Photoshop Continue Reading
By di No comments:
Label: , , ,

Monday, 20 March 2017

Cara Membuat Tombol Share Sosmed di Blogspot | ristofa.com

Monday, March 20, 2017 0
Cara Membuat Tombol Share Sosmed di Blogspot | ristofa.com

 Cara Membuat Tombol Share Sosmed di Blogspot - Bagi para blogger atau pun peselancar dunia maya pasti tidak asing dengan Sosmed. Dan untuk para blogger, pasti ingin mengenalkan atau pun mempopulerkan situs web nya ke semua orang. Salah satunya ya dengan membagikan situs nya di Sosmed.

Namun kadang di template blogger bawaan tidak ada tombol berbagi (share) ke sosmed. Untuk kalian yang mungkin ingin memasang tombol share sosmed atau pun mengganti tombol share yang sudah ada. Kali ini saya akan membuat tutorial Cara Membuat Tombol Share Sosmed pada blogspot. 

Karena share button berguna untuk memudahkan pengunjung yang ingin berbagi artikel yang bermanfaat ke jaringan sosial media mereka. Seperti Facebook, Twitter, Google plus, dan Linkedin.

Yuk langsung saja...

Buka edit template pada blogger dan cari kode berikut... 

<data:post.body/>


 Kode diatas biasanya ada 2,,, untuk mobile dan untuk dekstop. Carilah kode yang kedua, yaitu yang ada di bawah  <b:includable id='post' var='post'>.

Setelah ketemu kode <data:post.body/> yang kedua, copy kode HTML berikut ini. Lalu pastekan di bawah kode <data:post.body/>..

<b:if cond='data:blog.pageType == &quot;item&quot;'>
<div class='share-ristofa'>
<div class='share-ristofa-fb'>
<a class='share-ristofa1-fb' expr:href='&quot;http://www.facebook.com/sharer.php?u=&quot; + data:post.url + &quot;&amp;title=&quot; + data:post.title' rel='nofollow' target='_blank'/>
<a class='share-ristofa1-fb-label' expr:href='&quot;http://www.facebook.com/sharer.php?u=&quot; + data:post.url + &quot;&amp;title=&quot; + data:post.title' rel='nofollow' target='_blank'> </a>
</div>
<div class='share-ristofa-twitter'>
<a class='share-ristofa1-tw' expr:data-text='data:post.title' expr:data-url='data:post.url' href='http://twitter.com/share' rel='nofollow' target='_blank'/>
<a class='share-ristofa1-twitter-label' expr:data-text='data:post.title' expr:data-url='data:post.url' href='http://twitter.com/share' rel='nofollow' target='_blank'></a>
</div>
<div class='share-ristofa1'>
<a class='share-ristofa1-gp' expr:href='&quot;https://plus.google.com/share?url=&quot; + data:post.url' rel='nofollow' target='_blank'/>
<a class='share-ristofa1-gp-label' expr:href='&quot;https://plus.google.com/share?url=&quot; + data:post.url' rel='nofollow' target='_blank'></a>
</div>
<div class='share-ristofa1'>
<a class='share-ristofa1-lin' expr:href='&quot;http://www.linkedin.com/shareArticle?mini=true&amp;amp;url=&quot; + data:post.url + &quot;&amp;amp;title=&quot; + data:post.title + &quot;&amp;amp;summary=&quot; + data:post.snippets' rel='nofollow' target='_blank'/>
<a class='share-ristofa1-lin-label' expr:href='&quot;http://www.linkedin.com/shareArticle?mini=true&amp;amp;url=&quot; + data:post.url + &quot;&amp;amp;title=&quot; + data:post.title + &quot;&amp;amp;summary=&quot; + data:post.snippets' rel='nofollow' target='_blank'></a>
</div>
</div>
</b:if>


Lalu copy kode CSS berikut dan pastekan sebelum kode ]]></b:skin>.


/* Share Sosmed Ristofa */

.share-ristofa{display:block;position:relative;height:43px;line-height:43px;padding:10px;border-top:1px solid #dadada;border-bottom:1px solid #dadada;margin:auto}
.share-ristofa-fb,.tombol-berbagi{float:left;width:21%;height:inherit}
.share-ristofa-twitter,.share-ristofa1,.share-ristofa1-lk{float:left;width:21%;height:inherit;border-left:solid 1px #dadada}
.share-ristofa1-fb,.share-ristofa1-twitter,.share-ristofa1-gp,.share-ristofa1-lin,.share-ristofa1-pi{float:left;display:block;background:url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhQRVoqUczYXEqpjMrFGeW1yVrJ_QvU3ljmSfYmAIwQ7dfPIkoHU1-1T9DXxEOUpQO3TNWDUOUMrLFerNE8n43bjev0ZAV6xFdpNKtafCG5xlItrg6KprzoliYnh71qsXTVYhiZ5iShNLKz/s1600/share.png') no-repeat;width:42px;height:41px;margin-right:3px}
.share-ristofa1-fb-label{color:#2d609b}
.share-ristofa1-fb-label,.share-ristofa1-twitter-label,.share-ristofa1-gp-label,.share-ristofa1-lin-label{float:left;width:58px;height:inherit;font-size:12px;font-family:'Open Sans Bold',Arial,sans-serif;line-height:14px;margin:5px 0 0 4px}
.share-ristofa1-twitter{background-position:0 -43px}
.share-ristofa1-twitter-label{color:#00c3f3}
.share-ristofa1-gp{background-position:0 -86px}
.share-ristofa1-gp-label{color:#f00}
.share-ristofa1-lin{background-position:0 -129px}
.share-ristofa a{color:#999;transition:all .3s;}
.share-ristofa a:hover{color:#7cb0ed}

@media only screen and (max-width:640px){
.share-ristofa1,.share-ristofa-fb{display:inline-block;float:none;width:48%;padding:0;height:inherit}
.share-ristofa1,.share-ristofa-tw,.share-ristofa1-lk{float:left;width:48%;padding:0;border-left:0}}


Selesai. Simpan template. Lalu coba cek di salah satu postingan apakah tombol share sosmed sudah muncul di postingan Anda. Mudah bukan, Cara Membuat Tombol Share Sosmed di Blogspot.

Jika berhasil silakan share postingan ini ke sosmed Anda. Terima Kasih.

 Praktekan juga cara membuat menu navigasi dropdown ala ristofa.com. 

Tags # desain web # template # tutorial Continue Reading
By di No comments:
Label: , ,