Ukuran Foto Lengkap

Tutorial Belajar Photoshop - Ukuran Foto di aplikasi Adobe photoshop sebenarnya secara default telah ada.Untuk ukuran foto standar antara laboratorium foto yang satu dengan lainnya adalah berbeda-beda. Mereka mempunyai ukuran standar foto sendiri sendiri.

Sudah lama rasanya tidak posting untuk ini saya akan berbagi informasi seputar Photoshop yang sebelum ada beberapa teman yang bertanya masalah ukuran foto sebelum melakukan cetak. sebelum saya sendiri bingung bertanya  Berapa sih panjang dan lebarnya ukuran foto 2x3 dalam cm?  3x4, 4x6, 2r, 3r, 4r, 5r, 6r, 10r, 11r, 12r, 16r, 22w, 24r, 30r,?

Berikut ini adalah patokan ukuran cetak foto yang saya dapat dan kemudian saya buatkan skemanya. Mungkin saja ada pembaca yang membutuhkan dan mendapatkan manfaatnya. - See more at: http://www.ekowahyu.com/?p=180#sthash.NHXmNQeC.dpuf

Berikut ini adalah patokan ukuran cetak foto yang saya dapat dan kemudian saya buatkan skemanya. Mungkin saja ada pembaca yang membutuhkan dan mendapatkan manfaatnya. 

Ukuran 2x3	Lab foto tertentu	2,2  x   3,0 cm
Ukuran 2x3	Ukuran foto KTP	2   x   2,7 cm
Ukuran 3x4	Ukuran foto Ijazah	2,8   x   3,8 cm
Ukuran 4x6	Ukuran foto SKCK	3,8    x    5,6 cm
Ukuran 2R	2     x   3,5  inci	5,6  x  8,9 cm
Ukuran 3R	3,5     x    5   inci	8,9  x  12,7 cm
Ukuran 4R	4      x    6   inci	10,2  x  15,2 cm
Ukuran 5R	5      x    7  inci	12,7   x   17,8 cm
Ukuran 6R	6      x     8  inci	15,2   x   20,3 cm
Ukuran 8R	8      x   10  inci	20,3   x   25,4 cm
Ukuran 8R Jbo	8     x    12  inci	20,3   x   30,5 cm
Ukuran 11R	11    x    14  inci	28     x   35 cm
Ukuran 12R	12    x    15 inci	30     x   40 cm
Ukuran 12R Jbo	12    x    18 inci	30     x   45 cm
Ukuran 16R	16    x     20 inci	40    x    50 cm
Ukuran 20R	20    x    24 inci	50    x    60 cm
Ukuran 22R	20    x    29,5 inci	50    x    75 cm
Ukuran 24R	24    x    31,5 inci	60    x    90 cm
Ukuran 30R	30    x     40  inci	75    x  100 cm
Ukuran A4	8,268    x    11,693  inci	21    x  29,7 cm
Ukuran A3	11,693    x    16,535  inci	29,7  x   42 cm
Ukuran B5	6.929   x   9.843 inci	17.6  x  25 cm
Ukuran B4	9.843   x   13.898 inci	25   x   35,3 cm
Ukuran B3	13.898  x   19.685 inci	35,3  x   50 cm

• Ukuran 2R = ukuran 6x9
• Ukuran 3R = Ukuran kartu pos/postcard
• Ukuran 8R = 10R (Bahasa sehari-hari)
• Ukuran dompet = 7.5 x 5,6 cm
• Jbo adalah Jumbo

Angka-angka dalam satuan cm adalah angka konversi dari inchi dan merupakan angka pembulatan.  Jadi yang lebih tepat adalah angka yang memakai satuan inchi. 

Demikian informasi seputar photoshop tentang ukuran foto Silahkan di setting di program yang kita pakai. Saya biasanya memakai Adobe photoshop. Yang mau mengoreksi atau menambahkan silakan saja ya!!!

Referensi  pakdenanto

Posted By: Unknown on Kamis, 31 Oktober 2013

0

Read More

Cara Membuat Efek Puzzle Pada Foto

Tutorial Belajar Photoshop - Cara Membuat Efek Puzzle Pada Foto ,Pada Kesempatan ini saya admin ( Mas Oktri ) berbagi cara untuk membuat efek sederhana namun sangat menarik. Ini terlihat seperti kaca mosaik berwarna atau puzzle.

 
Langkah 1.
Pilih gambar yang ingin diterapkan efek ini. Terapkan Filter - Tekstur> -> Mozaic Tiles dengan pengaturan sebagai berikut: Tile Size->62, Grouth Width->1, Lighten Grout->1.

Langkah 2.
Buat layer baru dan terapkan Filter> Render> Clouds dengan latar biru muda (# 82c6ed) dan latar belakang putih. Atur blending mode untuk layer sebagai "Difference". Apply Fill->25%. Dan itu saja.

Demikian Tutorial photoshop dari saya semoga bermanfaat.

Posted By: Unknown on Minggu, 15 September 2013

0

Read More

Cara Mengecilkan Ukuran gambar atau Foto dengan Photoshop

Tutorial Belajar Photoshop - Sekedar berbagi informasi tentang photoshop , Pada sebelumnya saya telah berbagi tutorial Cara Membuat Foto Menjadi Hitam Putih di Photoshop Pada Tutorial ini menjelaskan tentang bagaimana Cara Mengecilkan Ukuran gambar atau Foto dengan Photoshop. Yaitu menggunakan tool "Save for Web Devices". Umumnya, tool bawaan photoshop ini digunakan untuk mengkompres file image agar loading foto/gambar menjadi ringan di web/blog,

Langkah-Langkah

1. Buka file image/gambar yang akan di komores kedalam photoshop.
2. Klik menu File > Save for Web & Devices.

Contoh Tampilan Save For Web & Devices

Keterangan gambar :

• Kotak 1: Panel untuk membandingkan kompresi.
• Kotak 2: Preview ukuran kompresi serta kecepatan ketika loading file image/gambar tersebut di web/blog.
• Kotak 3: Settingan (pengaturan) format (GIF, JPEG, PNG-8, PNG-24, WBMP) dan kualitas (low, medium, high, very high, maximum untuk format JPEG). Semakin rendah (low) kualitasnya, semakin kecil ukuran file image/gambar tersebut.

Tips Kompres

1. GIF, gunakan format GIF untuk keperluan web grafis dengan gambar transparansi.
2. JPEG, gunakan format JPEG untuk file image / gambar fotografis dengan campuran banyak warna dan gradien.
3. PNG, gunakan format PNG untuk file image desain grafis seperti gambar logo atau image yang hanya memiliki 2-256 warna.

Sebetulnya "Save for Web Devices" pada Photoshop kurang cocok untuk kompres gambar fotografis dengan format JPEG, karena foto yang terkompres akan menghilangkan detail gambar dan menjadi buram/blur. Tool Save for Web & Devices pada Photoshop lebih cocok untuk mengkompres gambar desain grafis seperti poster, stiker, logo, banner, template web/blog. Selain dengan Photoshop, sobat juga bisa pakai cara lain untuk kompres foto. 

Demikian Sekilas Info tentang  photoshoop yaitu Cara Mengecilkan Ukuran gambar atau Foto dengan Photoshop

Referensi : tipsohtrik , ilmukomputer

Posted By: Unknown on Sabtu, 14 September 2013

0

Read More

Cara Membuat Related Post Dengan Gambar

Cara Membuat Related Post Dengan Gambar - Untuk Postingan ini merupakan postingan lanjutan dari Cara Membuat Related Post Dengan Gambar Mini Di Blog tidak berbeda jauh tampilan dari tutorial sebelumnya. tutorial ini merupakan jawaban dari  request teman blogger yang sudah menyempatkan berkomentar yang menginginkan related post dengan gambar pada blog saya ini 

Sekilas Tentang Related Post adalah satu Teknik Blog dimana Related Post Akan Menampilkan Article-Article Yang Saling Berhubungan. Berhubungan disini Yang bermaksud adalah Setiap Artikel Yang Memiliki Kesamaan Label, Keyword Maka dengan Otomatis Artikel-artikel yang merupakan tautan yang terhubung atas kesamaan label atau keyword tersebut akan dimunculkan pada halaman di mana anda menempatkan related Post ini.

Tutorial Blog ini cukup simple dan ringan. Jadi tidak perlu takut jika blog kamu loading nya lambat, berikut dibawah ini merupakan tampilan dari related post ( Postingan Terkait) Pada Blog Ini :

Contoh Tampilan Related Post dengan Gambar

Tujuan dari Related Post ini Adalah salah satu teknik yang menguntungkan bagi pembaca atau yang sedang mencari-cari sesuatu artikel, maka setiap artikel yang saling berhubungan akan terlihat oleh sipembaca dan akan kembali membuka tautan yang berada pada Related post tersebut, dengan secara otomatis trafik atau view halaman pada Blog kita akan semakin banyak karena setiap halaman artikel memiliki tautan yang akan selalu dibuka oleh pembaca, pembaca akan berlama-lama di blog kita karena tautan akan menghubungkan artikel yang satu dengan artikel lainya yang dihubungkan oleh label.

 

Berikut ini Cara Membuat Related Post dengan Gambar :

1. Login ke Blogger
2. Buka menu Template > Edit HTML > Centang "Expand Template Widget.
3. Cari kode </head>, lalu masukkan kode berikut diatasnya.

<style type='text/css'>
/*RelatedPost Mas Oktri*/
#related_posts h4 {color: rgb(230, 230, 230);font-size: 11px;font-weight: bold;margin: 0px;padding: 2px 5px 1px 5px;text-shadow: 1px 1px rgb(0, 0, 0);text-transform: uppercase;border-bottom: 1px solid rgb(70, 0, 0);box-shadow: 0px 1px 0px rgb(150, 0, 0);}
#related_posts{font-size:12px;}
#relpost_img_sum {margin: 0;padding: 4px;line-height: 16px;}
#relpost_img_sum:hover {background: none;}
#relpost_img_sum ul {list-style-type: none;margin: 0;padding: 0;}
#relpost_img_sum li {margin: 0px;padding: 5px;height: 35px;list-style: none outside none;border-bottom: 1px solid rgb(20, 20, 20);box-shadow: 0px 1px 0px rgb(51, 51, 51);-webkit-transition: all .2s linear;-moz-transition: all .2s linear;-o-transition: all .2s linear;transition: all .2s linear;}
#relpost_img_sum li:hover {background-color: rgb(51, 51, 51);}
#relpost_img_sum a, #relpost_img_sum a:visited{color:rgb(230, 230, 230);text-shadow: 0 1px 1px rgba(0, 0, 0, 0.3);-webkit-transition: all .2s linear;-moz-transition: all .2s linear;-o-transition: all .2s linear;transition: all .2s linear;}
#relpost_img_sum a:hover{color:#ff0000;text-shadow: 0 1px 1px rgba(0, 0, 0, 0.3);}
#relpost_img_sum .news-title {display: block;font-family:&quot;Segoe UI&quot;,Calibri,&quot;Myriad Pro&quot;,Myriad,&quot;Trebuchet MS&quot;,Helvetica,Arial,sans-serif;margin-bottom: 2px;}
#relpost_img_sum .news-text {display: block;text-align: justify;font-weight: normal;text-transform: none;font-size:10px;}
#relpost_img_sum img {float: left;margin-right:5px;margin-top:0px;padding:0px!important;width: 30px;height: 30px;}</style>

4. Lalu cari kode <data:post.body/> atau <div class='post-footer-line post-footer-line-3'>
<!-- Untuk kode artikel terkait -->
</div>.

5. Ganti kode <!-- Untuk kode artikel terkait --> dengan kode dibawah ini.

<b:if cond='data:blog.pageType == &quot;item&quot;'>
<div id='related_posts'>
<h4>Related Posts - <data:blog.pageName/></h4>
<b:loop values='data:post.labels' var='label'>
<script expr:src='&quot;/feeds/posts/default/-/&quot; + data:label.name + &quot;?alt=json-in-script&amp;callback=relpostimgcuplik&amp;max-results=50&quot;' type='text/javascript'/>
</b:loop>
<a href='http://tutorialbelajarblogger.blogspot.com/' style='display:none;'>Related Posts with thumbnails and summary post for blogger</a>
<ul id='relpost_img_sum'>
<script type='text/javascript'>artikelterkait();</script>
</ul>
</div>
</b:if>  

6. Jika kamu menggunakan kode <data:post.body/>, taruh kode no. 5 dibawahnya.

7. Simpan dan lihat hasilnya. (Ingat sebelum mengutak-atik template, backup template untuk menghindari kesalahan)

Sekian dari saya tentang Cara Membuat Related Post Dengan Gambar, semoga dapat bermanfaat. TERIMAKASIH

Posted By: Unknown on Sabtu, 31 Agustus 2013

0

Read More

Cara Membuat Foto Menjadi Hitam Putih di Photoshop

Cara Membuat Foto Menjadi Hitam Putih di Photoshop - Pada  tutorial kali ini saya ( Mas Oktri ) akan berbagi informasi beberapa cara yang dapat digunakan untuk merubah foto menjadi hitam putih dengan menggunakan Adobe Photoshop.

Ada Beberapa kutipan dari teman dengan profesi fotographer :

"Untuk dapat merubah foto berwarna menjadi foto hitam putih yang baik, kita harus terlebih dahulu memahami karakter warna yang ada pada foto tersebut. Baru kemudian kita dapat menterjemahkan karakter dari warna-warna tersebut menjadi karakter tone hitam putih yang sesuai. Untuk dapat menghasilkan tone hitam putih pada foto yang sesuai dengan karakter warna awal dari foto maka kita harus dapat melakukan pengaturan tone pada masing-masing warna. "

Tutorial ini membahas tentang membuat foto / gambar menjadi hitam putih Semoga mudah dipahami bagi shobat yang baru belajar adobe photoshop cs. Bagi para master tolong dikoreksi apabila ada kekurangan dan kesalahan.

Saya ambil contoh sebuah pas foto saya sendiri berwarna Foto ini mempunyai background warna Biru dan akan kita ubah menjadi sebuah pas foto hitam putih dengan photoshop.

Cara pertama
Ini adalah cara yang paling singkat dan paling cepat  untuk mengubah foto warna menjadi black and white. Cara membuat foto hitam putih di photoshop paling simple sebagai berikut:

1. Buka photoshop
2. Buka foto warna : Klik File > Open

           Pilih salah satu : 

• Tekan Control + Shift + U.
• Tekan Alt > I > A >  D
• Klik  Image > Adjustment > Desaturation   

•  Liat Hasil nya di bawah ini

Cara kedua

1. Buka photoshop
2. Buka foto berwarna : klik File > Open > pilih foto
3. Klik Image > Mode > Gray Scale > klik Oke pada kotak dialog seperti di bawah ini.

Kedua Cara Di atas Bila tingkat gelap terang foto belum pas maka perlu kita lakukan sentuhan akhir untuk mendapatkan gelap terang yang diinginkan. Berikut  langkah-langkahnya :

A. Memakai brightness/Contras

• Caranya tekan Alt > I > A > C  atau klik Image > Adjutment > Brightness/Contras.
• Lakukan pengatutan gelap terang dengan menggeser slider sesuai ke kanan dan kekiri sesuai kondisi foto anda.
• Klik Oke

B. Memakai Curves

• Tekan Alt > I > V atau tekan Control + M atau klik Image > Adjustment > Curves
• Drag Curves kekanan kiri atas atau bawah sesuai dengan kondisi foto kita.
• Dapat juga dengan mengisi isian pada Output dan Input Ini sebenarnya tidak penting abaikan saja... Kecuali untuk mengedit foto-foto atau gambar yang sama komposisi warnanya sehinga bisa dipakai untuk settingan default.
• Klik Oke.

C. Memakai Level

• Tekan Alt > I > A > L atau tekan Control + L atau klik Image > Adjustment > Level
• Geser slider yang ada ke kanan dan ke kiri (panah biru) 
• Atau isilah angka pada kotak isian seperti yang dittunjuk oleh anak panah (merah, kuning, hijau) pada gambar di bawah ini. Sama abaikan saja ini...
• Klik Oke.

Menurut saya cara mengatur gelap terang pada foto di atas yang paling baik adalah dengan Level. Dengan level kita bisa lebih leluasa mengatur gelap terang foto sehingga menghasilkan foto yang kaya nada, baik hitam, abu-abu,maupun warna putih.

Contohnya kita bisa mengatur tingkat gelap terang background pas foto di atas tanpa banyak mempengaruhi tingkat gelap terang pada muka misalnya. Hal ini akan mudah dilakukan hanya dengan banyak latihan. 

Cara Ketiga

Cara ini banyak dipakai oleh para master,  karena cara mencetak foto hitam putih  di photoshop ini adalah cara yang paling menghasilkan foto hitam putih yang lebih variatif dalam hal  warna black and whitenya. warna hitam abu-abu atau kelabu dan warna putih lebih banyak kemungkinannya bisa diperoleh. Artinya banyak keinginan kita yang bisa diwujudkan.  Lihat contoh di bawah.

1. Buka Photoshop
2. Buka foto yang akan kita ubah menjadi hitam putih : Klik File > Open
3. Klik Image > Adjustment > Chanel Mixer > Centang/ Contreng/Chek isian Monochrome di kiri bawah pada kotak dialog Chanel Mixer. Lihat anak panah pada gambar di bawah ini. 

 

Silahkan giliran anda mencoba Cara Membuat Foto Menjadi Hitam Putih di Photoshop, semoga ulasan ini bermanfaat.

Referensi : pakdenanto, oktri darmadi

Posted By: Unknown on Jumat, 30 Agustus 2013

0

Read More

Dirgahayu Kemerdekaan Republik Indonesia Ke-68

Dirgahayu Kemerdekaan Republik Indonesia Ke-68 Tepat hari ini, 17 Agustus 2013,  68 tahun yang lalu tepat nya 17 Agustus 1945, kemerdekaan Indonesia diproklamirkan oleh dua founding father negeri ini, Soekarno dan Mohammad Hatta, di Jalan Pegangsaan Timur No 56, Jakarta. Tanggal ini kemudian dirayakan sebagai Hari Kemerdekaan Indonesia tiap tahun.

Saya selaku admin dari Tutorial Belajar Blog, Mengucapkan Dirgahayu Kemerdekaan Republik Indonesia Ke-68.

Semoga Indonesia Makmur dan Berjaya dari tahun sebelumnya..
Semoga indonesia bisa menjadi negara yang bebas koruptor..!!!
INDONESIA Raya Merdeka Merdeka..
Tanah ku negriku yang ku cinta ..
INDONESIA raya merdeka - merdeka..
Hiduplah Indonesia Raya.. :D

#MERDEKA
walau bagaimanapun
kau tetap INDONESIAKU =)) =))

Untuk memperingati Hari Kemerdekaan Indonesia pada tahun ini Google mengganti logonya yang biasa disebut Google Doodle dengan nuansa kemerdekaan Indonesia. Mbah google atau Om Google yang sering disapa oleh banyak orang pun merayakan Hari Kemerdekaan Indonesia ke-68. Berikut ini gambar google dengan nuansa merah putih yang tidak lepas juga garuda pancasila yang ada pada logo tersebut.

Dirgahayu Republik Indonesia

Sekali Merdeka Tetap MERDEKA!

Posted By: Unknown on Sabtu, 17 Agustus 2013

0

Read More

Cara Membuat Posting Dua Kolom Di Homepage Blog

Tutorial Belajar Blog - Cara Membuat Posting Dua Kolom Di Homepage Blog adalah judul posting yang akan kita bahas kali ini, Tutorial ini sebelumnya inspirasi dari template mas sugeng dan template yang saya gunakan ini.

Sesuai dengan judul postingan Cara Membuat Posting Dua Kolom Di Homepage Blog kenapa banyak blogger ingin mempunyai tampilan sesimple mungkin ataupun semenarik, banyak juga yang membuat tampilan homepage ( Halaman Utama ) Blog yang biasanya satu kolom di homepage menjadi dua ( 2 ) kolom .

Berikut gambar dari  hasil cara membuat posting dua kolom homepage blogspot yang telah saya buat di blog uji coba pada template yang akan saya share setelah postingan ini.

Before ( Sebelum )

After ( Sesudah )

Berikut Cara Membuat Posting Dua Kolom Di Homepage Blog

1. Masuk ke akun blogger anda
2. Klik menu Template >> Edit Html >> tekan Ctrl+F pada keyboard anda
3. Cari Kode ]]></b:skin>
4. Letakkan kode berikut dibawah kode ]]></b:skin>
   

   <b:if cond='data:blog.pageType != &quot;item&quot;'>
   <style>
   .post {width:250px;height:200px;margin:0 20px 5px 0;overflow:hidden;float:left;}
   </style>
   </b:if>

   
   Catatan 1 :
   
   • Jika anda ingin menambahkan background cukup memasang kodenya saja seperti berikut ini
     

     .post {background:#00000;width:250px;height:200px;margin:0 20px 5px 0;overflow:hidden;float:left;}

   • Atur lebar dan tinggi postingan
     

     width:250px;height:200px;

   • Atur jarak antar postingan
     

     margin:0 20px 5px 0;

   
   Catatan 2 :
   Jika di blog anda terdapat Readmore, atur juga jumlah kata, lebar dan tinggi gambar yang terdapat didalam kode Readmore tersebut
   Contoh:
   

   <script type='text/javascript'>
   var thumbnail_mode = "float" ;
   summary_noimg = 250; ← perkecil angka ini
   summary_img = 250; ← perkecil angka ini
   img_thumb_height = 200; ← perkecil angka ini
   img_thumb_width = 200; ← perkecil angka ini
   </script>
   <script type='text/javascript'>
   .............
   </script>

5. Selanjutnya cari kode .post {
   Pasang auto diantara kode jarak dalam .post {
   Sebelum
   

   .post {margin:0.5em 0 1.5em;}

   Sesudah
   

   .post {margin:0.5em auto 0 1.5em;}

   
   
   Penambahan auto ini sebenarnya hanya tambahan saja agar jarak antar artikel sesuai. Bisa anda tambahkan, bisa juga tidak, namun untuk mengetahuinya apakah perlu menambahkan auto, silahkan preview blog terlebih dahulu dan bandingankan hasilnya antara ada dan tidak adanya auto
   
   
6. Setelah selesai. Preview blog anda terlebih dahulu dan lihat hasilnya. Jika hasilnya seperti gambar berikut ini, dimana link Posting Lama terlihat seperti gambar berikut ini
   
   
   
   Pada gambar diatas, link Posting Lama atau sejenisnya berada sejajar dengan artikel blog dan untuk mengembalikan ke posisi sebenarnya yaitu berada di bawah kanan, silahkan cari kode <b:include name='nextprev'/> dan tambahkan kode <div style='clear: both;'/> tepat diatas <b:include name='nextprev'/>
   Hasilnya:
   <div style='clear: both;'/>
   <b:include name='nextprev'/>
7. Preview lagi blog anda
8. Selamat! Halaman depan atau homepage blog anda sudah berubah menjadi dua kolom posting

Demikian Tutorial Tentang Bagaimana membuat dua kolom post di halaman utama blog ini, Semoga Dapat membantu teman - teman blogger semua 

Referensi  : Mbah Google , PanduanTemplateblog , Oktri Darmadi

Posted By: Unknown on Rabu, 14 Agustus 2013

0

Read More