Design & Photoshop Resources

Fire Text Tutorial on Photoshop CS2

2008-01-05T05:14:00.001-08:00

1. Open New Document (I have 640 x 480), background color is black.

2. Write the "Words/Text" you want to edit by click the "T" (Type Tool) on the left. (I chose "Laguboti") with Frakturika Spamless Font you can get this font free by searching it on
google.com.

3. Duplicate the Text Layer by click Layer --> Duplicate Layer.. or you just click Ctrl + J on your key board.
So you have now 2 layer Text.

4. Now, we will work with the first Text Layer.

5. Click Edit --> Transform --> Rotate 90 CW.

6. Then click Filter --> Stylize ---> Wind, do it twice or more.

7. Once again, click Filter --> Stylize ---> Wind but change the "Direction" "From the Right" to "From the Left".

8. Now you have to rotate the text layer as the early position by Click Edit --> Transform --> Rotate 90 CCW.

9. Now do again step no. 6 and no. 7 (Filter --> Stylize ---> Wind)

10. We move now to the second Text Layer by right click the the second Layer and click
Blending Options, then click "Stroke" and set "Fill Type" with "Gradient" and choose the color.

11. Click Image --> Mode --> Grayscale and click "Flatten"
12. Again, click Click Image --> Mode --> Indexed Color
13. Click Image --> Mode --> Color Table and change the "Grayscale" with "Blackbody"

Here we are !!!

Christmas comment on Friendster

2007-12-25T08:33:00.000-08:00

I hope God would like to editing my life and put more color on it
"my christmas wish"

Distorted Text Tutorial

2007-12-24T08:15:00.000-08:00

Tool : Photshop CS2 and some Photshop Brushes

2007-09-26T15:57:00.000-07:00

Batu Marpingkir

2007-09-26T15:52:00.000-07:00

hmmmm... still have no title

Flourish Photoshop CS2 Brushes

2007-09-22T03:41:00.000-07:00

Please click to download
Flourish Brushes I

--------------------------------------------------------------------------------

Please click to download
Flourish Brushes II

--------------------------------------------------------------------------------

Please click to download
Flourish Brushes III

--------------------------------------------------------------------------------

Please click to download
Flourish Decoration

Photoshop Brushes

2007-09-21T05:45:00.000-07:00

Please click to download
3D Flower Brushes

--------------------------------------------------------------------------------

Please click to download
Flourish Brushes

--------------------------------------------------------------------------------

Please click to download
Misc Brushes

--------------------------------------------------------------------------------

Please click to download
Splash Brushes

--------------------------------------------------------------------------------

Please click to download
Wings Brushes

Cara Membuat Gambar pada Comment di Friendster dengan menggunakan Photoshop

2007-08-24T04:23:00.000-07:00

Tahap I

Membuat gambar dengan menggunakan Photoshop CS2.

1. Buka halaman baru dengan ukuran 500 x 500 pixels.

2. Ganti warna background menjadi warna hitam atau (#000000)
cara menggantinya pertama pastikan warna di tools berwarna hitam dan putih
atau klik huruf "d" selanjutnya klik secara bersamaan "Alt + Delete" tampilannya
akan seperti gambar samping ini.

3. Ketiklah huruf yang anda inginkan dan warna sesuai dengan selera anda (saya memilih kata "Laguboti" dengan warna "orange" atau "#ffae00".

4. Selanjutnya buatlah Layer baru dengan cara klik secara bersamaan "Ctrl + Shift + N" atau klik Layer --> New --> New Layer seperti gambar samping ini.

5. Kemudian klik Filter --> Render --> Clouds setelah itu klik Filter --> Sketch --> Chrome (dengan ukuran "Detail = 4 dan Smoothness = 6).

6. Rubahlah Layer Blending dari Chrome Layer dari Normal menjadi Dodge Color, setelah itu klik Layer --> Raterize --> Layer.

7. Selanjutnya duplicate layer huruf tersebut dengan cara klik secara bersamaan "Ctrl + J" sebanyak 3 kali, akan terlihat Layer Huruf tersebut menjadi 4 Layer.

8. Kemudian klik Layer Huruf kedua dari atas, setelah itu klik Filter --> Blur --> Motion Blur dengan ukuran "Angel = 0 dan Distance = 100" selanjutnya lakukan lagi pada Layer Huruf dibawahnya dengan ukuran "Angel = 45 dan Distance = 100" dan ukuran gamberikut nya "Angel = -45 dan Distance = 100"

9. Kemudian klik Layer Huruf paling atas atau klik kanan Layer Huruf tersebut klik Blending Options dan klik Stroke dengan ukuran seperti di gambar.

10. Hasil akhir dari gambar.

Tahap II

Pada tahap ini saya akan menjelaskan bagaimana caranya membuat gambar yang tadi menjadi gambar pada saat anda mengisi Commen atau Testimonial di Friendster teman anda.

1. Meng-upload atau memasukkan gambar ke Hosting gratisan yang banyak tersedia.

2. Setelah selesai di upload anda akan mendapatkan URL dari gambar yang anda upload tersebut degan cara meng-klik gambar yang anda upload tersebut.

3. Kemudian anda akan dapat mengisi comment atau testimonial friendster teman anda dengan meng-copy paste CSS code dibawah ini.

4. Selanjutnya anda tinggal mengganti URL yang ada pada CSS Code seperti yang di bawah ini

Flower Friendster Layout

2007-08-23T20:40:00.000-07:00

1. Preview

2. CSS Code

/* {--designbylaguboti.blogspot.com css code start--} */

/* designbylaguboti.blogspot.com */
/* Flower white bg Laguboti */

/* PAGE BACKGROUND */
body {
background-image: url(http://designbylaguboti.googlepages.com/flowerbg1.jpg);
background-attachment: fixed;
background-position: bottom right;
background-repeat: no-repeat;
background-color: #000000;
}
/* GLOBAL FONTS */
.usercontent {
font-family: Georgia, Times New Roman, Times, serif;
color: #cc3300;
text-transform: lowercase;
}
/* GLOBAL LINKS */
.usercontent a, .usercontent a:link, .usercontent a:visited, .usercontent a:hover, .usercontent a:active {
text-decoration: overline;
color: #cc3300;
}
.usercontent a:hover {
color: #000000;
}
/* MASTER BOXES */
.commonbox {
background-color: transparent;
}
.commonbox .evenrow {
background-color: transparent;
}
/* MASTER HEADERS */
.commonbox h1, .commonbox h2 {
color: #cc3300;
background-color: #000000;
}
/* CONTROL PANEL: BOX */
.controlpanel {
background-color: transparent;
}
/* CONTROL PANEL: USER PHOTO */
.controlpanel .imgblock200 {
border-color: #cc3300;
border-style: groove;
}
/* CONTROL PANEL: DATA */
.controlpanel .q {
color: #cc3300;
}
.controlpanel .data {
color: #cc3300;
}
.data a {
color: #cc3300;
}
/* CONTROL PANEL: MORE ABOUT ME LINK */
a.more {
color: #cc3300;
text-transform: lowercase;
text-decoration: overline;
}
/* CONTROL PANEL: BUTTONS */
#controlPanelButtons a, #controlPanelButtons a:link, #controlPanelButtons a:visited {
color: #cc3300;
border-color: transparent;
border-style: groove;
background-color: #000000;
text-decoration: overline;
}
#controlPanelButtons a:hover {
color: transparent;
border-color: transparent;
background-color: #000000;
text-decoration: underline;
}
/* MISC: TESTIMONIALS/REVIEWS TEXT */
.data {
color: #cc3300;
text-transform: lowercase;
}
/* MISC: VIEW ALL LINKS */
.commonbox .viewall {
color: #cc3300;
text-transform: lowercase;
}
/* MISC: SMALL PHOTOS */
.commonbox .imgblock75, .ir {
background-color: #000000;
}
/* MISC: SMALL PHOTO NAMES */
.commonbox .dr {
color: #cc3300;
text-transform: lowercase;
background-color: transparent;
}

/* {--designbylaguboti.blogspot.com css code end--} */

Man-Utd Friendster Layout

2007-08-23T20:10:00.000-07:00

1. Preview

2. CSS Code

/* {--designbylaguboti.blogspot.com css code start--} */

/* designbylaguboti.blogspot.com */
/* Manutd by Laguboti */

/* PAGE BACKGROUND */
body {
background-image: url(http://lagubotisatu.googlepages.com/manutd.jpg);
background-attachment: fixed;
background-position: bottom right;
background-repeat: no-repeat;
background-color: #ffffff;
cursor: crosshair;
}
/* GLOBAL FONTS */
.usercontent {
color: #000000;
}
/* GLOBAL LINKS */
.usercontent a, .usercontent a:link, .usercontent a:visited, .usercontent a:hover, .usercontent a:active {
color: #000000;
}
.usercontent a:hover {
text-decoration: none;
color: #e5e5e5;
}
/* MASTER BOXES */
.commonbox {
border-width: 3px;
border-color: #ffffff;
border-style: ridge;
background-color: transparent;
}
.commonbox .evenrow {
background-color: transparent;
}
/* MASTER HEADERS */
.commonbox h1, .commonbox h2 {
color: #ffffff;
background-color: transparent;
}
/* CONTROL PANEL: BOX */
.controlpanel {
border-width: 3px;
border-color: #ffffff;
border-style: ridge;
background-color: transparent;
}
/* CONTROL PANEL: USER PHOTO */
.controlpanel .imgblock200 {
border-color: #ffffff;
border-style: ridge;
}
/* CONTROL PANEL: DATA */
.controlpanel .q {
color: #ffffff;
}
.controlpanel .data {
color: #ffffff;
}
.data a {
color: #ffffff;
}
/* CONTROL PANEL: MORE ABOUT ME LINK */
a.more {
color: #ffffff;
}
/* CONTROL PANEL: BUTTONS */
#controlPanelButtons a, #controlPanelButtons a:link, #controlPanelButtons a:visited {
color: #ffffff;
border-color: #ffffff;
border-style: ridge;
background-color: transparent;
}
#controlPanelButtons a:hover {
color: #e5e5e5;
border-color: #ffffff;
background-color: transparent;
text-decoration: line-through;
}
/* BOX: MORE ABOUT ME */
.moreabout {
border-width: 3px;
border-color: #ffffff;
border-style: ridge;
background-color: transparent;
}
/* BOX: MY PHOTO GALLERY */
.photos {
border-width: 3px;
border-color: #ffffff;
border-style: ridge;
background-color: transparent;
}
/* BOX: MY FRIENDS */
.friends {
border-width: 3px;
border-color: #ffffff;
border-style: ridge;
background-color: transparent;
}
/* BOX: MY VIDEOS */
.videos {
border-width: 3px;
border-color: #ffffff;
border-style: ridge;
background-color: transparent;
}
/* BOX: MY GROUPS */
.groups {
border-width: 3px;
border-color: #ffffff;
border-style: ridge;
background-color: transparent;
}
/* BOX: MY TESTIMONIALS */
.testimonials {
border-width: 3px;
border-color: #ffffff;
border-style: ridge;
background-color: transparent;
}
/* TESTIMONIAL COMMENTS */
.testimonialscomments {
border-width: 3px;
border-color: #ffffff;
border-style: ridge;
background-color: transparent;
}
/* BOX: MY SCRAPBOOK */
.scrapbook {
border-width: 3px;
border-color: #ffffff;
border-style: ridge;
background-color: transparent;
}
/* BOX: FAN OF */
.fanof {
border-width: 3px;
border-color: #ffffff;
border-style: ridge;
background-color: transparent;
}
/* BOX: MY FANS */
.myfans {
border-width: 3px;
border-color: #ffffff;
border-style: ridge;
background-color: transparent;
}
/* BOX: MY REVIEWS */
.reviews {
border-width: 3px;
border-color: #ffffff;
border-style: ridge;
background-color: transparent;
}
/* BOX: MY BLOGS */
.blogs {
border-width: 3px;
border-color: #ffffff;
border-style: ridge;
background-color: transparent;
}
/* BOX: MY BLOG REVIEWS */
.blogsreviews {
border-width: 3px;
border-color: #ffffff;
border-style: ridge;
background-color: transparent;
}
/* MISC: TESTIMONIALS/REVIEWS TEXT */
.data {
color: #ffffff;
}
/* MISC: VIEW ALL LINKS */
.commonbox .viewall {
color: #ffffff;
}
/* MISC: SMALL PHOTOS */
.commonbox .imgblock75, .ir {
border-width: 3px;
border-color: #ffffff;
border-style: ridge;
background-color: transparent;
}
/* MISC: SMALL PHOTO NAMES */
.commonbox .dr {
color: #ffffff;
background-color: transparent;
}

/* {--designbylaguboti.blogspot.com css code end--} */

Staring Friendster Layout

2007-08-23T19:42:00.000-07:00

1. Preview

2. CSS Code

/* {--designbylaguboti.blogspot.com css code start--} */

/* designbylaguboti.blogspot.com */
/* Female by Laguboti */

/* PAGE BACKGROUND */
body {
background-image: url(http://designbylaguboti.googlepages.com/femalebg.jpg);
background-attachment: fixed;
background-position: bottom right;
background-repeat: no-repeat;
background-color: #000000;
cursor: crosshair;
}
/* GLOBAL FONTS */
.usercontent {
color: #ffffff;
}
/* GLOBAL LINKS */
.usercontent a, .usercontent a:link, .usercontent a:visited, .usercontent a:hover, .usercontent a:active {
color: #ffffff;
}
.usercontent a:hover {
text-decoration: none;
color: #e5e5e5;
}
/* MASTER BOXES */
.commonbox {
border-width: 3px;
border-color: #ffffff;
border-style: ridge;
background-color: transparent;
}
.commonbox .evenrow {
background-color: transparent;
}
/* MASTER HEADERS */
.commonbox h1, .commonbox h2 {
color: #ffffff;
background-color: transparent;
}
/* CONTROL PANEL: BOX */
.controlpanel {
border-width: 3px;
border-color: #ffffff;
border-style: ridge;
background-color: transparent;
}
/* CONTROL PANEL: USER PHOTO */
.controlpanel .imgblock200 {
border-color: #ffffff;
border-style: ridge;
}
/* CONTROL PANEL: DATA */
.controlpanel .q {
color: #ffffff;
}
.controlpanel .data {
color: #ffffff;
}
.data a {
color: #ffffff;
}
/* CONTROL PANEL: MORE ABOUT ME LINK */
a.more {
color: #ffffff;
}
/* CONTROL PANEL: BUTTONS */
#controlPanelButtons a, #controlPanelButtons a:link, #controlPanelButtons a:visited {
color: #ffffff;
border-color: #ffffff;
border-style: ridge;
background-color: transparent;
}
#controlPanelButtons a:hover {
color: #e5e5e5;
border-color: #ffffff;
background-color: transparent;
text-decoration: line-through;
}
/* BOX: MORE ABOUT ME */
.moreabout {
border-width: 3px;
border-color: #ffffff;
border-style: ridge;
background-color: transparent;
}
/* BOX: MY PHOTO GALLERY */
.photos {
border-width: 3px;
border-color: #ffffff;
border-style: ridge;
background-color: transparent;
}
/* BOX: MY FRIENDS */
.friends {
border-width: 3px;
border-color: #ffffff;
border-style: ridge;
background-color: transparent;
}
/* BOX: MY VIDEOS */
.videos {
border-width: 3px;
border-color: #ffffff;
border-style: ridge;
background-color: transparent;
}
/* BOX: MY GROUPS */
.groups {
border-width: 3px;
border-color: #ffffff;
border-style: ridge;
background-color: transparent;
}
/* BOX: MY TESTIMONIALS */
.testimonials {
border-width: 3px;
border-color: #ffffff;
border-style: ridge;
background-color: transparent;
}
/* TESTIMONIAL COMMENTS */
.testimonialscomments {
border-width: 3px;
border-color: #ffffff;
border-style: ridge;
background-color: transparent;
}
/* BOX: MY SCRAPBOOK */
.scrapbook {
border-width: 3px;
border-color: #ffffff;
border-style: ridge;
background-color: transparent;
}
/* BOX: FAN OF */
.fanof {
border-width: 3px;
border-color: #ffffff;
border-style: ridge;
background-color: transparent;
}
/* BOX: MY FANS */
.myfans {
border-width: 3px;
border-color: #ffffff;
border-style: ridge;
background-color: transparent;
}
/* BOX: MY REVIEWS */
.reviews {
border-width: 3px;
border-color: #ffffff;
border-style: ridge;
background-color: transparent;
}
/* BOX: MY BLOGS */
.blogs {
border-width: 3px;
border-color: #ffffff;
border-style: ridge;
background-color: transparent;
}
/* BOX: MY BLOG REVIEWS */
.blogsreviews {
border-width: 3px;
border-color: #ffffff;
border-style: ridge;
background-color: transparent;
}
/* MISC: TESTIMONIALS/REVIEWS TEXT */
.data {
color: #ffffff;
}
/* MISC: VIEW ALL LINKS */
.commonbox .viewall {
color: #ffffff;
}
/* MISC: SMALL PHOTOS */
.commonbox .imgblock75, .ir {
border-width: 3px;
border-color: #ffffff;
border-style: ridge;
background-color: transparent;
}
/* MISC: SMALL PHOTO NAMES */
.commonbox .dr {
color: #ffffff;
background-color: transparent;
}

/* {--designbylaguboti.blogspot.com css code end--} */

.: Thanks :.

Butterfly Friendster Layout

2007-08-23T08:19:00.000-07:00

1. Preview

2. CSS Code

/* {--designbylagubotiblogspot.com css code start--} */

/* designbylagubotiblogspot.com */
/* butterfly by Laguboti */

/* PAGE BACKGROUND */
body {
background-image: url(http://laguboti.googlepages.com/butterfly.jpg);
background-attachment: fixed;
background-position: center center;
background-repeat: no-repeat;
background-color: #000000;
cursor: ;
}
/* GLOBAL FONTS */
.usercontent {
color: #cccc00;
}
/* GLOBAL LINKS */
.usercontent a, .usercontent a:link, .usercontent a:visited, .usercontent a:hover, .usercontent a:active {
color: #999900;
}
.usercontent a:hover {
color: #999900;
}
/* MASTER BOXES */
.commonbox {
background-color: transparent;
}
.commonbox .evenrow {
background-color: transparent;
}
/* MASTER HEADERS */
.commonbox h1, .commonbox h2 {
color: #666600;
background-color: #ff9900;
}
/* CONTROL PANEL: BOX */
.controlpanel {
background-color: transparent;
}
/* CONTROL PANEL: USER PHOTO */
.controlpanel .imgblock200 {
border-color: #ff9900;
}
/* CONTROL PANEL: DATA */
.controlpanel .q {
color: #999900;
}
.controlpanel .data {
color: #999900;
}
.data a {
color: #999900;
text-decoration: ;
}
/* CONTROL PANEL: MORE ABOUT ME LINK */
a.more {
color: #999900;
text-decoration: ;
}
/* CONTROL PANEL: BUTTONS */
#controlPanelButtons a, #controlPanelButtons a:link, #controlPanelButtons a:visited {
font-family: Arial, Sans-serif;
color: #cccc00;
border-color: transparent;
background-color: transparent;
text-decoration: ;
}
#controlPanelButtons a:hover {
font-family: Arial, Sans-serif;
color: transparent;
border-color: transparent;
background-color: transparent;
text-decoration: ;
}
/* MISC: TESTIMONIALS/REVIEWS TEXT */
.data {
font-family: Arial, Sans-serif;
color: #;
text-transform: ;
}
/* MISC: VIEW ALL LINKS */
.commonbox .viewall {
color: #cccc00;
}
/* MISC: SMALL PHOTOS */
.commonbox .imgblock75, .ir {
background-color: #999900;
}
/* MISC: SMALL PHOTO NAMES */
.commonbox .dr {
color: #cccc00;
background-color: transparent;
}

/* {--designbylagubotiblogspot.com css code end--} */

Deftones Friendster Layout

2007-08-22T15:06:00.000-07:00

1. Preview

2. CSS Code

/* {--designbylaguboti.blogspot.com css code start--} */

/* designbylaguboti.blogspot.com */
/* deftones by Laguboti */

/* PAGE BACKGROUND */
body {
background-image: url(http://menyimpan.googlepages.com/deftonesbg.jpg);
background-attachment: fixed;
background-position: bottom right;
background-repeat: no-repeat;
background-color: #000000;
cursor: ;
}
/* GLOBAL FONTS */
.usercontent {
color: #cc3300;
}
/* GLOBAL LINKS */
.usercontent a, .usercontent a:link, .usercontent a:visited, .usercontent a:hover, .usercontent a:active {
color: #cc3300;
}
.usercontent a:hover {
color: #cc3300;
}
/* MASTER BOXES */
.commonbox {
background-color: transparent;
}
.commonbox .evenrow {
background-color: transparent;
}
/* MASTER HEADERS */
.commonbox h1, .commonbox h2 {
color: #cc3300;
background-color: transparent;
}
/* CONTROL PANEL: BOX */
.controlpanel {
background-color: transparent;
}
/* CONTROL PANEL: USER PHOTO */
.controlpanel .imgblock200 {
border-color: #cc3300;
}
/* CONTROL PANEL: DATA */
.controlpanel .q {
color: #cc3300;
}
.controlpanel .data {
color: #cc3300;
}
.data a {
color: #cc3300;
text-decoration: ;
}
/* CONTROL PANEL: MORE ABOUT ME LINK */
a.more {
color: #cc3300;
text-decoration: ;
}
/* CONTROL PANEL: BUTTONS */
#controlPanelButtons a, #controlPanelButtons a:link, #controlPanelButtons a:visited {
font-family: Arial, Sans-serif;
color: #cc3300;
border-color: transparent;
background-color: transparent;
text-decoration: ;
}
#controlPanelButtons a:hover {
font-family: Arial, Sans-serif;
color: #cc3300;
border-color: transparent;
background-color: transparent;
text-decoration: ;
}
/* MISC: TESTIMONIALS/REVIEWS TEXT */
.data {
font-family: Arial, Sans-serif;
color: #;
text-transform: ;
}
/* MISC: VIEW ALL LINKS */
.commonbox .viewall {
color: #cc3300;
}
/* MISC: SMALL PHOTOS */
.commonbox .imgblock75, .ir {
background-color: #ffffff;
}
/* MISC: SMALL PHOTO NAMES */
.commonbox .dr {
color: #cc3300;
background-color: transparent;
}

/* {--designbylaguboti.blogspot.com css code end--} */

.: Terima kasih :.

Cara mengubah tampilan Friendster

2007-08-22T14:20:00.000-07:00

1. Login ke Friendster anda.

2. Kemudian klik Edit Profile

3. Selanjutnya klik Costumize

4. Pada tahap ini anda akan mengganti CSS Code pada Friendster anda.
jika anda meng-scroll down (mengalihkan tampilan friendster anda kebawah)
akan tampil seperti di bawah ini

4.1. Anda bisa mendapatkan CSS Code dengan cara searching di www.google.com
atau silahkan kunjungi website ini :
- Friendster-Layouts.com
- www.friendsterlayouts.org
- www.spider-layouts.com
- www.satanspace.com
- dll...
atau anda bisa me-requestnya ke saya dengan cara mengisi comment postingan ini
saya akan membuatkannya.

5. Saya akan memuat beberapa Friendster Layout pada postingan saya berikut nya.

Terimakasih.