Maret 2011 ~ Backup

Senin, 28 Maret 2011

Tutorial Photoshop - Membuat Efek Cahaya pada Foto

08:10 Ilmu Tutorial 5 comments

Tutorial Komputer kali ini akan berbagi tips dan trik tentang Tutorial Photoshop lengkap dengan gambar screenshot. Tutorial Photoshop kali ini akan membahas tentang bagaimana membuat efek cahaya yang bersinar pada foto. Efek cahaya ini akan membuat foto terlihat dikelilingi oleh cahaya bersinar. Ok, langsung saja pada pembahasan berikut ini.

Hasil Akhir

Langkah-langkahnya adalah sebagai berikut:

1. Langkah pertama buka foto yang akan diberi efek dengan program Photoshop. Dapat dilakukan dengan klik kanan pada foto kemudian pilih Open with, kemudian pilih Adobe Photoshop. Atau buka program Adobe Photoshop terlebih dahulu kemudian klik menu File > Open.

2. Kemudian buat sebuah layer baru dengan cara klik menu Layer > New > Layer... atau dengan menekan shortcut Shift+Ctrl+N, beri nama Layer 1.

3. Pilih Pen Tool (P) kemudian buat sebuah garis sedemikian rupa sehingga membentuk jalur yang akan digunakan sebagai cahaya. Untuk membuat, klik pada area kerja kemudian klik lagi pada titik lain sambil ditahan kemudian diseret untuk membentuk lengkungan.

4. Pilih Brush Tool (B).

5. Pilih Preset Basic Brushes dan atur ukuran sesuai keinginan Anda, misal Size: 19 px. Lihat gambar berikut.

6. Pilih Pen Tool (P). Kemudian klik kanan pada garis pilih Stroke Path. Tool: Brush. Klik OK.

7. Klik kanan pada Layer 1, pilih Blending Options.

8. Pilih Outer Glow. Pilih warna sesuai keinginan. Atur Spread: 100%. Klik OK.

9. Klik kanan pada garis pilih Delete Path.

10. Agar terlihat lebih realistik, kita ingin membuat beberapa bagian cahaya seolah-olah berasal dari belakang. Pilih Eraser Tool (E). Atur size misal 21 px.

11. Hapus beberapa bagian garis sesuai keinginan. Dan hasil akhirnya adalah

Semoga bermanfaat. Selamat berkarya!

Request Tutorial atau Software?

11:34 Ilmu Tutorial No comments

Buat sobat blogger yang ingin request tutorial atau ingin Tutorial Komputer membahas tutorial software tertentu, silakan request disini lewat komentar. Atau ingin request software? Tutorial Komputer akan berusaha membantu sobat semua. Salam Sukses!

Link Download Sudah Dihapus?

11:28 Ilmu Tutorial 11 comments

Link download sudah dihapus? Silakan laporkan disini lewat komentar. Kami akan berusaha memperbaikinya. Salam Sukses!

Tutorial Javascript – StatusBar Muncul Bersama-Sama dengan Lambat

06:01 Ilmu Tutorial No comments

Anda pasti sudah tahu status bar kan? Status bar adalah barisan yang menampilkan status pada web browser, letaknya ada di bagian pojok bawah sebelah kiri. Skrip ini akan membuat sejumlah teks yang akan muncul secara bersama-sama dengan lambat. Anda dapat menampilkan pesan-pesan tertentu kepada pengunjung website Anda. Cara pemasangannya adalah paste skrip berikut diantara tag <body> dan </body> pada source code website Anda. Ganti pesan yang ada pada skrip dengan pesan Anda sendiri.

Skrip:

<SCRIPT LANGUAGE="JavaScript">

<!--// Copyright 1996 - Tomer and Yehuda Shiran

// This example will appear in our forthcoming book on JavaScript.

// Feel free to "steal" this code provided that you leave this notice as is.

// Additional examples from the book can be found at http://www.geocities.com/SiliconValley/9000/

// For more information contact Tomer or Yehuda Shiran <yshiran@iil.intel.com>

// set speed of banner (pause in milliseconds between addition of new character)

var speed = 10

// decrease value to increase speed (must be positive)

// set pause between completion of message and beginning of following message

var pause = 1500

// increase value to increase pause

// set initial values

var timerID = null

var bannerRunning = false

// create array

var ar = new Array()

// assign the strings to the array's elements

ar[0] = "Tutorial Komputer – http://www.dije.web.id"

ar[1] = "Kumpulan tutorial tentang komputer"

ar[2] = "Kunjungi via mobile di http://m.dije.web.id"

ar[3] = "Download tutorial, tips dan trik gratis"

// assign index of current message

var message = 0

// empty string initialization

var state = ""

// no value is currently being displayed

clearState()

// stop the banner if it is currently running

function stopBanner() {

 // if banner is currently running

 if (bannerRunning)

 // stop the banner

 clearTimeout(timerID)

 // timer is now stopped

 timerRunning = false

// start the banner

function startBanner() {

 // make sure the banner is stopped

 stopBanner()

 // start the banner from the current position

 showBanner()

// assign state a string of "0" characters of the length of the current message

function clearState() {

 // initialize to empty string

 state = ""

 // create string of same length containing 0 digits

 for (var i = 0; i < ar[message].length; ++i) {

         state += "0"

// display the current message

function showBanner() {

 // if the current message is done

 if (getString()) {

         // increment message

         message++

         // if new message is out of range wrap around to first message

 if (ar.length <= message)

         message = 0

         // new message is first displayed as empty string

         clearState()

         // display next character after pause milliseconds

         timerID = setTimeout("showBanner()", pause)

 else {

         // initialize to empty string

         var str = ""

         // built string to be displayed (only character selected thus far are displayed)

 for (var j = 0; j < state.length; ++j) {

         str += (state.charAt(j) == "1") ? ar[message].charAt(j) : "     "

 // partial string is placed in status bar

 window.status = str

 // add another character after speed milliseconds

 timerID = setTimeout("showBanner()", speed)

function getString() {

 // set variable to true (it will stay true unless proven otherwise)

 var full = true

 // set variable to false if a free space is found in string (a not-displayed char)

 for (var j = 0; j < state.length; ++j) {

         // if character at index j of current message has not been placed in displayed string

         if (state.charAt(j) == 0)

         full = false

 // return true immediately if no space found (avoid infinitive loop later)

 if (full) return true

 // search for random until free space found (braoken up via break statement)

 while (1) {

         // a random number (between 0 and state.length - 1 == message.length - 1)

         var num = getRandom(ar[message].length)

         // if free space found break infinitive loop

 if (state.charAt(num) == "0")

         break

 // replace the 0 character with 1 character at place found

 state = state.substring(0, num) + "1" + state.substring(num + 1, state.length)

 // return false because the string was not full (free space was found)

 return false

function getRandom(max) {

 // create instance of current date

 var now = new Date()

 // create a random number (good generator)

 var num = now.getTime() * now.getSeconds() * Math.random()

 // cut random number to value between 0 and max - 1, inclusive

 return num % max

startBanner()

// -->

</SCRIPT>

Untuk mengganti pesan dengan pesan Anda sendiri, temukan kode berikut:

ar[0] = "Tutorial Komputer – http://www.dije.web.id"

ar[1] = "Kumpulan tutorial tentang komputer"

ar[2] = "Kunjungi via mobile di http://m.dije.web.id"

ar[3] = "Download tutorial, tips dan trik gratis"

ganti pesan yang tertulis dengan warna biru di dalam tanda petik dua diatas, dengan pesan Anda sendiri. Perhatikan tanda petik dua harus tetap ada.

Tutorial Javascript – Multicolor Gradient Background

06:01 Ilmu Tutorial No comments

Skrip yang satu ini adalah salah satu skrip yang digemari. Skrip javascript ini akan membuat background atau latar belakang website Anda mempunyai warna yang berganti-ganti secara otomatis dengan gradasi yang fullcolor. Website Anda akan terlihat lebih menarik dan interaktif. Cara menerapkannya sangat mudah, caranya adalah paste skrip berikut diantara tag <head> dan </head> pada source code website Anda.

Skrip:

// CREDITS:

// Gradient Background Fader, Multicolor

// By Peter Gehrig

// Permission given to use the script provided that this notice remains as is.

// Additional scripts can be found at http://www.24fun.com

// info@24fun.com

// 11/27/2003

// IMPORTANT:

// If you add this script to a script-library or script-archive

// you have to add a highly visible link to

// http://www.24fun.com on the webpage

// where this script will be featured

///////////////////////////////////////////////////////////////////////////

// CONFIGURATION STARTS HERE

///////////////////////////////////////////////////////////////////////////

// Select the colors (hexadecimal triplet value required)

// Please note that at least 3 colors are required!

var colors=new Array("#FFFF00","#00FFFF","#5fc700","#854b00","#76e07c","#FFAC00","#FFFF66","#ff0000","#FFFFFF","#850044","#B56AFF","#56B1FF")

// Set pause between colors (seconds)

var pausebetweencolors=2

// What type of gradient should be applied Internet Explorer 5x or higher?

// Set "none" or "horizontal" or "vertical"

var gradient_effect="horizontal"

// Set speed (higher=slower)

var speed=20

// How many times shall the effect be repeated?

// Add a value between 1 and 9999999

var i_loopmax=1000

///////////////////////////////////////////////////////////////////////////

// CONFIGURATION ENDS HERE

///////////////////////////////////////////////////////////////////////////

// do not edit code below this line

var pausesteps=40

var hexc = new Array('0','1','2','3','4','5','6','7','8','9','A','B','C','D','E','F')

var redcol_1

var redcol_2

var redcol_1_b

var redcol_2_b

var greencol_1

var greencol_2

var greencol_1_b

var greencol_2_b

var bluecol_1

var bluecol_2

var bluecol_1_b

var bluecol_2_b

var rgbredfrom

var rgbgreenfrom

var rgbbluefrom

var rgbredto

var rgbgreento

var rgbblueto

var rgbrednow

var rgbgreennow

var rgbbluenow

var rgbredfrom_b

var rgbgreenfrom_b

var rgbbluefrom_b

var rgbredto_b

var rgbgreento_b

var rgbblueto_b

var rgbrednow_b

var rgbgreennow_b

var rgbbluenow_b

var colorhexafrom

var colorhexato

var i_step=1

var i_loop=0

var i_colorsA=0

var i_colorsB=1

var i_colorsC=1

var i_colorsD=2

pausebetweencolors*=1000

var browserinfos=navigator.userAgent

var ie4=document.all&&!document.getElementById

var ie5=document.all&&document.getElementById&&!browserinfos.match(/Opera/)

var ns4=document.layers

var ns6=document.getElementById&&!document.all

var opera=browserinfos.match(/Opera/)

var browserok=ie4||ie5||ns4||ns6||opera

function translateintorgb() {

var hexa=colors[i_colorsA]

var hexared=hexa.substring(1,3)

var hexagreen=hexa.substring(3,5)

var hexablue=hexa.substring(5,7)

rgbredfrom=parseInt("0x"+hexared)

rgbgreenfrom=parseInt("0x"+hexagreen)

rgbbluefrom=parseInt("0x"+hexablue)

rgbrednow=rgbredfrom

rgbgreennow=rgbgreenfrom

rgbbluenow=rgbbluefrom

var hexa=colors[i_colorsB]

var hexared=hexa.substring(1,3)

var hexagreen=hexa.substring(3,5)

var hexablue=hexa.substring(5,7)

rgbredto=parseInt("0x"+hexared)

rgbgreento=parseInt("0x"+hexagreen)

rgbblueto=parseInt("0x"+hexablue)

var hexa=colors[i_colorsC]

var hexared=hexa.substring(1,3)

var hexagreen=hexa.substring(3,5)

var hexablue=hexa.substring(5,7)

rgbredfrom_b=parseInt("0x"+hexared)

rgbgreenfrom_b=parseInt("0x"+hexagreen)

rgbbluefrom_b=parseInt("0x"+hexablue)

rgbrednow_b=rgbredfrom_b

rgbgreennow_b=rgbgreenfrom_b

rgbbluenow_b=rgbbluefrom_b

var hexa=colors[i_colorsD]

var hexared=hexa.substring(1,3)

var hexagreen=hexa.substring(3,5)

var hexablue=hexa.substring(5,7)

rgbredto_b=parseInt("0x"+hexared)

rgbgreento_b=parseInt("0x"+hexagreen)

rgbblueto_b=parseInt("0x"+hexablue)

i_colorsA++

i_colorsB++

i_colorsC++

i_colorsD++

if (i_colorsA>=colors.length) {i_colorsA=0}

if (i_colorsB>=colors.length) {i_colorsB=0}

if (i_colorsC>=colors.length) {i_colorsC=0}

if (i_colorsD>=colors.length) {i_colorsD=0}

changefromto()

}

function changefromto() {

rgbrednow=rgbrednow-((rgbredfrom-rgbredto)/speed)

rgbgreennow=rgbgreennow-((rgbgreenfrom-rgbgreento)/speed)

rgbbluenow=rgbbluenow-((rgbbluefrom-rgbblueto)/speed)

rgbrednow_b=rgbrednow_b-((rgbredfrom_b-rgbredto_b)/speed)

rgbgreennow_b=rgbgreennow_b-((rgbgreenfrom_b-rgbgreento_b)/speed)

rgbbluenow_b=rgbbluenow_b-((rgbbluefrom_b-rgbblueto_b)/speed)

if (rgbrednow>255) {rgbrednow=255}

if (rgbrednow<0) {rgbrednow=0}

if (rgbgreennow>255) {rgbgreennow=255}

if (rgbgreennow<0) {rgbgreennow=0}

if (rgbbluenow>255) {rgbbluenow=255}

if (rgbbluenow<0) {rgbbluenow=0}

if (rgbrednow_b>255) {rgbrednow_b=255}

if (rgbrednow_b<0) {rgbrednow_b=0}

if (rgbgreennow_b>255) {rgbgreennow_b=255}

if (rgbgreennow_b<0) {rgbgreennow_b=0}

if (rgbbluenow_b>255) {rgbbluenow_b=255}

if (rgbbluenow_b<0) {rgbbluenow_b=0}

if (i_step<=speed) {

redcol_1 = hexc[Math.floor(rgbrednow/16)];

redcol_2 = hexc[Math.floor(rgbrednow)%16];

greencol_1 = hexc[Math.floor(rgbgreennow/16)];

greencol_2 = hexc[Math.floor(rgbgreennow)%16];

bluecol_1 = hexc[Math.floor(rgbbluenow/16)];

bluecol_2 = hexc[Math.floor(rgbbluenow)%16];

redcol_1_b = hexc[Math.floor(rgbrednow_b/16)];

redcol_2_b = hexc[Math.floor(rgbrednow_b)%16];

greencol_1_b = hexc[Math.floor(rgbgreennow_b/16)];

greencol_2_b = hexc[Math.floor(rgbgreennow_b)%16];

bluecol_1_b = hexc[Math.floor(rgbbluenow_b/16)];

bluecol_2_b = hexc[Math.floor(rgbbluenow_b)%16];

var backcolor="#"+redcol_1+redcol_2+greencol_1+greencol_2+bluecol_1+bluecol_2

var backcolor_b="#"+redcol_1_b+redcol_2_b+greencol_1_b+greencol_2_b+bluecol_1_b+bluecol_2_b

if (ie5 && gradient_effect!="none") {

if (gradient_effect=="horizontal") {var gr_effect=1}

if (gradient_effect=="vertical") {var gr_effect=0}

document.body.style.filter=

"progid:DXImageTransform.Microsoft.Gradient(startColorstr="+backcolor+", endColorstr="+backcolor_b+", GradientType="+gr_effect+")"

}

else {

document.bgColor=backcolor

}

i_step++

var timer=setTimeout("changefromto()",pausesteps);

}

else {

clearTimeout(timer)

i_step=1

i_loop++

if (i_loop<i_loopmax) {var timer=setTimeout("translateintorgb()",pausebetweencolors);}

}

if (browserok) {

window.onload=translateintorgb

}

</script>

Backup

Kotak Pesan

Senin, 28 Maret 2011

Tutorial Photoshop - Membuat Efek Cahaya pada Foto

Kamis, 24 Maret 2011

Request Tutorial atau Software?

Link Download Sudah Dihapus?

Senin, 21 Maret 2011

Tutorial Javascript – StatusBar Muncul Bersama-Sama dengan Lambat

Minggu, 20 Maret 2011

Tutorial Javascript – Multicolor Gradient Background

Label

Arsip Blog

Categories