ILHAM BLOG TKJ: MULOK

Tampilkan postingan dengan label MULOK. Tampilkan semua postingan

Sabtu, 05 April 2014

Mendesain Untuk Film Sablon Kaos Manual Di CorelDRAW

Diposting oleh Unknown di 9:56:00 AM Label: MULOK

Meskipun jaman sekarang eranya mendesain dengan proses digital tapi desain manual sampai sekarang masih menjadi favorit para pengusaha kaos distro, tapi meskipun begitu kita tidak perlu repot-repot untuk membuat film dengan cara manual seperti dulu, kita cukup membuat sketsa-nya saja, adapun langkahnya sebagai berikut;

1. Buat sketsa desain yang akan kita jadikan film sablon, kemudian scan sketsa yang sudah kita buat di CorelDRAW, dalam hal ini kita hurus mempunyai perangkat keras tambahan berupa mesin scanner, cara nyeken bisa lihat disini..! misal hasil scan seperti gambar dibawah ini;

2. Untuk mempertajam gambar hasil scan kita atur dengan tekan Ctrl+B, sehingga muncul kotak dialog Brightness/Contrast/Intersity atur dengan menggeser slider atau dengan cara mengetikkan angka -100, 100, 100 seperti gambar dibawah ini;

3. Sehingga gambar akan hitam pekat, nah gambar seperti ini akan memudahkan kita untuk proses Trace Bitmap;

Baca selengkapnya »

Membuat Efek Tulisan Metal Di CorelDraw

Diposting oleh Unknown di 9:54:00 AM Label: MULOK

Membuat Tulisan Effek Metal di CorelDRAW sebenarnya sangat sederhana, disini aku hanya memanfaatkan Metal texture yang ada di mbah google, yang akan kita buat seperti gambar dibawah ini masBro....

Buat Background kotak gradasi hitam dengan Interactive Fill tool Toolbox, dan ketik text apasaja boleh, pakai Text tool juga di Toolbox, kalau yang dibawah ini nama font TRANSFORMER;

Selanjutnya cari gambar metal di Mbah Google dengan kata kunci "Metal Texture" kalau kurang panjang gandakan kesamping dengan menu Transformations letaknya di Arrange > Transformation > pilih Position, kemudian seleksi semua objek metal dan Convert To Bitmap... 72 dpi;

Baca selengkapnya »

Membuat Efek Kertas Sobek Di CorelDraw

Diposting oleh Unknown di 9:50:00 AM Label: MULOK

Ada kalanya kita membutuhkan efek kertas sobek untuk pemanis desain yang sudah kita buat, hanya untuk membuat kesan 3D sehingga desain kita kelihatan tampak hidup, tutorial ini terinspirasi dari logo CorelDRAW X3 (bunglon menubruk kertas), dan untuk membuat dengan CorelDRAW langkah-langkahnya sangat sederhana;

Contoh Sederhananya Seperti Gambar Dibawah

Langkah - langkah membuatnya sebagai berikut;

1. Buat objek kotak menggunakan Rengtangle Tool ( F6 )

Baca selengkapnya »

Membuat Desain Logo Android Di CorelDraw

Diposting oleh Unknown di 9:48:00 AM Label: MULOK

Tutorial kali ini saya akan membuat logo Android dengan Coreldraw, setelah sekian lama tidak mengoprasikan software coreldraw rasanya semua jemariku terasa kaku...mari kita buat tutorialnya.

1. Buka program Coreldraw.

2. Klik New pada jendela welcome screen.

3. Setelah itu aktifkan Rectangle Tool

dan buatlah sebuah kotak seperti pada gambar di bawah.

4. Aktifkan Shape Tool, lalu tarik salah satu sudut dari kotak tersebut hingga seperti pada gambar dibawah.

Baca selengkapnya »

Membuat Desain Kartu Nama Di CorelDraw

Diposting oleh Unknown di 9:46:00 AM Label: MULOK

Selamat pagi semua.. jumpa lagi dengan saya, dalam tutorial kali ini kita coba membuat sebuah kartu nama yang sederhana dengan menggunakan CorelDRAW X4, yah intinya.. dari tutorial ini bisa dikembangkan lagi untuk membuat kartu nama yang lebih menarik, langsung saja kita mulai.

Hasil Akhir

Cara Membuat Desain Kartu Nama Dengan CorelDraw X4

Berikut langkah-langkahnya;

Langkah 1

Siapkan canvas dengan ukuran 9 x 5 cm.

Baca selengkapnya »

Sabtu, 29 Maret 2014

Membuat Profil, Album Galery, Dan Artikel Di Website

Diposting oleh Unknown di 11:22:00 AM Label: MULOK

3. Membuat data pribadi atau profil, buka notepad++, kemudian ketikan atau copy saja code dibawah ini:

<html>

<head>

<title>Profilku</title>

</head>

<body>

<tr>

</td>

</tr>

<p><ul><ul><left><BLINK><b><font color="#00CCFF" size="5"><img src='gambar/halo.gif' border='0' width='40' height='40'>~ Selamat datang di website pertama saya ~ <img src='gambar/halo.gif' border='0' width='40' height='40'></font></BLINK></b></ul></ul></p></left>

<td><tr><td colspan="2" align="center"><font face="Bauhaus 93" size="8" color="#0066FF"><b>PROFILKU</b></td></tr>

<td><font size="5"color="#00FFFF">: Rian Hidayat</p></td></tr>

<td align="right"><font size="5" color="#00FFFF"><b><p align='left'>ALAMAT</p></b></td>

<td><font size="4"color="#00FFFF">: Weru, Sukoharjo</td></tr>

<td><font size="5"color="#00FFFF">: Sukoharjo, 09-November-1993</td></tr>

<td align="right"><font size="5" color="#00FFFF"><b><p align='left'>PEKERJAAN</p></b></td>

<td><font size="5"color="#00FFFF">: Mahasiswa</td></tr>

<td><font size="5"color="#00FFFF">: Tidur</td></tr>

<td align="right"><font size="5" color="#00FFFF"><b><p align='left'>NO.TELPONE</p></b></td>

<td align="right"><font size="5" color="#00FFFF"><b><p align='left'>EMAIL</p></b></td>

<td><font size="5"color="#00FFFF">: hrian89@gmail.com</td>

</tr></table>

<td><font size="5"color="#00FFFF">: Bram Putra P.</p></td></tr>

<td align="right"><font size="5" color="#00FFFF"><b><p align='left'>ALAMAT</p></b></td>

<td><font size="4"color="#00FFFF">: Laweyan, Surakarta</td></tr>

<td><font size="5"color="#00FFFF">: Surakarta, 13-April-1992</td></tr>

<td align="right"><font size="5" color="#00FFFF"><b><p align='left'>PEKERJAAN</p></b></td>

<td><font size="5"color="#00FFFF">: Mahasiswa</td></tr>

<td align="right"><font size="5" color="#00FFFF"><b><p align='left'>NO.TELPONE</p></b></td>

<td><font size="5"color="#00FFFF">: XXXXXXXXXXXXXX </td>

</tr></table></td>

</p></tr>

</table>

<b>TUTORIAL HTML</b>

<ul><li><a href="buat%20ayat%20bergerak.html" title='membuat tulisan bergerak'><font color='#0000FF' face='Times New Roman'>Cara membuat tulisan bergerak</a></font></li>

<li><a href='Menbuat%20from%20komentar.html' title='membuat from komentar'><font color='#0000FF' face='Times New Roman'>Cara membuat from komentar</a></font></li>

<li><a href='Membuat%20login.html' title='membuat halaman login'><font color='#0000FF' face='Times New Roman'>Cara membuat halaman login</a></font></li>

</ul></font></table></td></tr>

<tr height="50"><td colspan='2' background='gambar/zz.jpg'><center><b><marquee><font face="Cooper Std Black" color="#00CCFF" size="7">~ Meskipun banyak kendala dalam pembuatan desain web, tapi tetap berusaha untuk mencapai hasil yang terbaik ~</font></b></marquee></center></td>

</tr></table><div style="position: fixed; bottom: 0px; left: 10px;width:130px;height:160px;">

</div>

</div>

</body>

</html>

Langkah selanjutnya simpan dalam format HTML dan buka file dengan firefox atau sejenisnya, anda bisa menganti gambar-gambarnya sesuai yang anda inginkan, dan anda juga dapat menganti background dan animasi yang sesuai dengan anda.

Hasilnya akan seperti pada gambar 11 berikut:

Gambar 11. Membuat data pribadi

Baca selengkapnya »

Membuat Halaman Login Dan Halaman Awal Website

Diposting oleh Unknown di 11:20:00 AM Label: MULOK

1. Membuat halaman login pada website, buka notepad++, kemudin ketikan atau copy saja code dibawah ini:

<html>

<head>

<title>login web</title><link rel='icon' href='gambar/B.png'>

</head>

<body>

Silahkan mengisi data yang ada di bawah untuk masuk ke website saya :)</font>

</p>

<br>

<label><font color="#FF6600">Email Atau telepon:</label>

<br>

<input type="text" name="Email" value=""></br><label><font color="#FF6600">Alamat:</label>

<br>

<label><font color="#FF6600">Tanggal Lahir </label>

<br>

</select>

<option value="1">Januari</option>

<option value="2">Februari</option>

<option value="3">Maret</option>

<option value="4">April</option>

<option value="8">Agustus</option>

<option value="9">September</option>

<option value="10">Oktober</option>

<option value="11">Nopember</option>

<option value="12">Desember</option>

</select>

</select></br>

<label><font color="#FF6600">Jenis Kelamin </label>

<br><font color="red">Pria

<font color="#CCFF00">Wanita</br>

</td>

</table>

<p align="center"> <font size="1" color="#FF6600" ><BLINK>..... Dalam penggisiannya harus jujur yaa, jangan bo'onk :) ......

</body>

</html>

Langkah selanjutnya simpan dalam format HTML dan buka file dengan firefox atau sejenisnya, background dapat anda ganti sendiri sesuai dengan kesukaan anda.

Hasilnya seperti pada gambar 9 berikut:

Gambar 9. Halaman login

Baca selengkapnya »

Membuat HyperLink Di Website

Diposting oleh Unknown di 11:18:00 AM Label: MULOK

1. Membuat hyperlink kehalaman web lain, buka notepad++, kemudian ketikan atau copy saja code dibawah ini:

<html>

<head>

<title> Judul tab </title>

</head>

<body>

Ini hyperlink ke wordpress

<a href="http://www.wordpress.com/" title="Masuwordpress"> Wordpress </a>

<br>Klik dan masuk ke yahoo<a href="http://www.yahoo.com/" title="Masuk yahoo"> Yahoo </a>

<br>Masuk ke facebook anda

<a href="http://http://www.facebook.com/" title="Masuk ke facebook"> Facebook </a>

</body>

</html>

Langkah selanjutnya simpan dalam format HTML dan buka file dengan firefox atau sejenisnya, maka hasilnya akan seperti pada gambar 7 berikut:

Gambar 7 link halaman web lain

2. Membuat hyperlink antar bagian dalam web, buka notepad++, kemudian ketikan atau copy saja code dibawah ini:

<html>

<head>

<title> Judul tab </title>

</head>

<body>

<ahref="file:///C:/Users/COMPAQ/Documents/HTML.1/desain%20web/home.html" title="ke Rumah"><img src="file:///C:/Users/COMPAQ/Documents/HTML.1/gambar/Graphic1.jpg" border="0" width="80" height="30"/></a>

<ahref="file:///C:/Users/COMPAQ/Documents/HTML.1/desain%20web/profil.html" title="Profilku"><img src="file:///C:/Users/COMPAQ/Documents/HTML.1/gambar/profil.jpg" border="0" width="100" height="30"/></a>

<ahref="file:///C:/Users/COMPAQ/Documents/HTML.1/html_colors.html" title="Kode Warna Pada HTML"><img src="file:///C:/Users/COMPAQ/Documents/HTML.1/gambar/Kode%20Warna.jpg" border="0" width="150" height="30"/></a>

</body>

</html>

Langkah selanjutnya simpan dalam format HTML dan buka file dengan firefox atau sejenisnya, maka hasilnya akan seperti pada gambar 8 berikut:

Gambar 8. Link Antar Bagian Dalam Web

Sumber : http://riyant17.blogspot.com

Dasar Membuat Desain Web Site

Diposting oleh Unknown di 11:17:00 AM Label: MULOK

1. Membuat judul tab dalam halaman web, buka notepad++ terlebih dahulu, kemudian ketikan code dibawah ini:

<html>

<head>

<title> My First HTML Project </title>

</head>

WELCOME TO MY WEBSITE

</body>

</html>

Langkah selanjutnya simpan dalam format HTML dan buka file dengan firefox atau sejenisnya, maka hasilnya akan seperti pada gambar 1 berikut:

Gambar 1. Judul Tab Halaman

2. Mengatur paragraf texs, buka notepad++ kemudin ketikan code dibawah ini:

<html>

<head>

</head>

<body>

<p>Ini adalah paragraf pertama, yang berisi 3 baris. Baris satu, dua dan tiga. <br><br></p>

<p>Ini adalah paragraf kerdua, yang berisi garis horizontal</p>

<hr> Ini adalah garis horizontal.

</body>

</html>

Langkah selanjutnya simpan dalam format HTML dan buka file dengan firefox atau sejenisnya, maka hasilnya akan seperti pada gambar 2 berikut:

Gambar 2. Mengatur Paragraf

Baca selengkapnya »

Dasar Pembuatan Kode HTML

Diposting oleh Unknown di 11:16:00 AM Label: MULOK

Pengenalan Tag Pada HTML

Dalam HTML tag merupakan code sekaligus perintah dimana kita dapat mengatur tampilan yang kita inginkan. Tag pada HTML selalu diawali dengan <x> dan ditutup dengan </x> dimana x adalah perintah dari apa yang kita inginkan. Sumber http://riyant17.blogspot.com

· Daftar Tag Pada HTML

ELEMEN DASAR
Jenis Dokumen	<HTML></HTML>	(terdapat pada awal dan akhir dari file HTML)
Judul	<TITLE></TITLE>	(harus selalu terdapat pada mukadimah)
Mukadimah (Header)	<HEAD></HEAD>	(keterangan umum, seperti judul dsb.)
Batang Tubuh	<BODY></BODY>	(isi dari halaman HTML)

FORMAT TAMPILAN
Huruf Tebal	<B></B>	(Bold)
Huruf Miring	<I></I>	(Italic)
Garis Bawah	<U></U>	(Underline - jarang digunakan)
Rata Tengah	<CENTER></CENTER>	(Center - berlaku untuk teks maupun gambar)
Huruf Kedip	<BLINK></BLINK>	(Blinking - tag terlucu sampai kini)
Ukuran Huruf	<FONT SIZE=?></FONT>	(Font Size - boleh diisi dari 1 sampai 7)
Warna Huruf	<FONT COLOR="#$$$$$$"></FONT>
Pilih Jenis Huruf	<FONT FACE="***"></FONT>

PEMISAH
Paragraf	<P></P>	(tag penutup seringkali tak diperlukan)
Align Text	<P ALIGN=LEFT\|CENTER\|RIGHT></P>
Pndah Baris	<BR>	(pindah ke baris berikut)
Garis Datar	<HR>	(Horizontal Rule)
Penataan Letak Garis	<HR ALIGN=LEFT\|RIGHT\|CENTER>
Tebal Garis	<HR SIZE=?>	(dalam satuan pixel)
Lebar Garis	<HR WIDTH=?>	(dalam satuan pixel)
Lebar Garis Persentasi	<HR WIDTH="%">	(dalam persentasi terhadap lebar halaman)

LATAR BELAKANG DAN WARNA
Latar Belakang Gambar	<BODY BACKGROUND="URL">	(Tiled Background)
Warna Latar Belakang	<BODY BGCOLOR="#$$$$$$"	(Background Color - urutan: merah/hijau/biru)
Warna Huruf Teks	<BODY TEXT="#$$$$$$">

TABEL
Rancangan Tabel	<TABLE></TABLE>
Garis Batas Tabel	<TABLE BORDER=?></TABLE>
Lebar Tabel	<TABLE WIDTH=?>	(dalam satuan pixel)
Lebar Tabel Persentasi	<TABLE WIDTH="%">	(dalam satuan persen terhadap lebar halaman)
Baris dalam Tabel	<TR></TR>
Penataan Letak Baris	<TR ALIGN=LEFT\|RIGHT\| CENTER\|MIDDLE\|BOTTOM VALIGN=TOP\|BOTTOM\|MIDDLE>
Sel dalam Tabel	<TD></TD>	(harus ada dalam setiap baris tabel)
Penataan Letak Sel	<TD ALIGN=LEFT\|RIGHT\| CENTER\|MIDDLE\|BOTTOM VALIGN=TOP\|BOTTOM\|MIDDLE>
Kepala Tabel	<TH></TH>	(Table Header - seperti data dengan Bold dan Center)
Penataan Letak Kepala Tabel	<TH ALIGN=LEFT\|RIGHT\| CENTER\|MIDDLE\|BOTTOM VALIGN=TOP\|BOTTOM\|MIDDLE>
Warna Kepala Tabel	<TH BGCOLOR="#$$$$$$">

ILHAM BLOG TKJ

Sabtu, 05 April 2014

Mendesain Untuk Film Sablon Kaos Manual Di CorelDRAW

Membuat Efek Tulisan Metal Di CorelDraw

Membuat Efek Kertas Sobek Di CorelDraw

Membuat Desain Logo Android Di CorelDraw

Membuat Desain Kartu Nama Di CorelDraw

Sabtu, 29 Maret 2014

Membuat Profil, Album Galery, Dan Artikel Di Website

Membuat Halaman Login Dan Halaman Awal Website

Membuat HyperLink Di Website

Dasar Membuat Desain Web Site

Dasar Pembuatan Kode HTML

Sponsored

Penyusup

Labels

Blog Archive

Followers