web design – dremi.INFO https://www.dremi.info Software Development, Digital Marketing and News Thu, 02 Oct 2008 13:59:52 +0000 en-US hourly 1 https://wordpress.org/?v=6.5.2 https://www.dremi.info/wp-content/uploads/2020/12/cropped-icon-32x32.png web design – dremi.INFO https://www.dremi.info 32 32 Creating a SimCool CPU Fan Design Illustration https://www.dremi.info/tutorials/photoshop/creating-a-simcool-cpu-fan-design-illustration.html https://www.dremi.info/tutorials/photoshop/creating-a-simcool-cpu-fan-design-illustration.html#comments Thu, 02 Oct 2008 13:59:52 +0000 https://www.dremi.info/?p=84 […]]]> woke !! Dear my beloved fans, this is for you. tutorial how to make a propeller on a CPU Fan, inspired by my new CPU case :))

Art creations are increasingly lacking, I myself have been getting a lot of inspiration myself recently, one of which is from my new casing Simbadda SimCool 802. A few days before Eid, my power supply has a problem, well as I have money just changed with the casing, so that air circulation and my CPU performance is getting better …

as usual, I don’t buy new clothes / clothes every time of Eid, finally I just add memory to my beloved PC, true friends when it’s hard and happy. …

Alhamdulillah, the post-Eid project is not bad, both from the office and from the stand alone corner Dr.emi creative design (mypsd2cms.com) himself, fortune comes in turns, this month’s adsense has increased drastically … I estimate, maybe because of My new blog is at psdremi.co.cc, which has entered the good-tutorials.com directory and some of my new blogs that speak English are different. Cheer up !!!

woke !! Dear my beloved fans, this is for you. tutorial how to make a propeller on a CPU Fan, inspired by my new CPU case :))

Hot tea or coffee, Star Mild cigarette suction makes me have fun this afternoon …

This is the final result

make a new document size 600 x 600 pixels …

take the rectangle marquee tool selection, make a selection with a fixed size of 100 x 80 px

From there, you can drag a guide line … around the selection rectangle that you form

press [CTRL + D] and prepare your shape tool.

Use the rectangle tool, make it the size of the guide line …

rename layerna to fan. prepare the direct selection tool

Click on the fan shape, so a path point will appear.

Switch to the add anchor point tool, click once on the top edge of the rectangle shape, and drag it over the point that appears na

this is the result

pay attention to the bottom left and right right square path points, drag inwards, let the perspective form

Next, use the convert point tool, drag it to the side to bend the diagonal end of the fan

do the same on the other end

use guide line to help the direction of the proportional curve point

I guess if at normal size, it will be like this:

select menu layer> layer style> gradient overlay to fill the gradient overlay fan

duplicate fan layer by pressing [CTRL + J]. Then press [CTRL + T] again to transform the duplicate fan layer object

Drag the center of the transform, about 30 px below the fan copy object, so that the transform will be centered at the bottom of the fan object.

transform angle na becomes 72 degrees to the right … If you’ve hit the [ENTER] button 2x

Repeat the steps above to create another fan until 5 fans are created

Note: I got the angle of 72 degrees from 360 degrees divided by 5 fans = 72 degrees

take the ellipse tool to create a new ellipse shape, right in the middle of the fan object

put the mouse pointer in the middle of the fan object, tros while pressing [ALT + SHIFT] drag it out to create an ellipse shape, name the layer dynamo

change its layer style

prepare a pencil tool, black, measuring 4px

draw the first straight line to the right …

Give the layer name, dynamo-line

duplicate to the left with the aligned position

You can block both layers (dynamo-fan and dynamo-fan copy) or merge them both with [CTRL + E]
after that you duplicate both of them and transform together 90 degrees to the right

Continue to the frame for the fan, take the rounded rectangle tool, with a radius of 20px. Under the rectangular object that is centered in the middle of the dynamo object, it covers all other objects as well

prepare the ellipse tool to cut the fan frame shape. Dlu change the na shape settings to subtract and make the ellipse field right in the middle of na too

Add the same gradient overlay as the fan layer, just add a 4px stroke

For a shadow effect, add a blurred object around the circle of the fan frame, using the elliptical maquee tool

Change the forground color to black, select Edit> Stroke, give a stroke value of 10px or enough

Deselect the selection area by pressing [CTRL + D], rename the layer to dark-shadow

Select menu Filter> Blur> Gaussian Blur, give a radius of 10px

now we make a screw na, under the new ellipse shape in the right corner under the fan frame. rename the layer na screw

give the style to this:

Also make a plus (+) cross for the na screw, enlarge the screw object, take the rectangle marquee tool. make a vertical rectangle in the middle of the screw. and give white, as well as the horizontal rectangle na

Merge both rectangles, and style them a bit:

group screw and cross layer plus na into layer group set “screw” and duplicate the na group. place the duplicate na on the upper left of the fan frame.

block the second layer set, and transform it to the right 90 degrees

make SimCool text, in the center of the dynamo object

for the fan and the frame it’s finished, but the size of the fan is not suitable, finally I got bigger with free transformation on all fan and dynamo objects

now the hidden background layer na, press [CTRL + A] and select Edit menu> Copy Merge. when we create na reflection effect

paste it in a new layer, transform it vertically, and slide it down!

You can show the background layer again, and reduce the result of the object that you pasted, here I delete the more naughty part and reduce the opacity of the reflection layer to 12%, so it looks better the reflection effect na

]]>
https://www.dremi.info/tutorials/photoshop/creating-a-simcool-cpu-fan-design-illustration.html/feed 13
Teknik Seleksi Gambar Dengan Pen Tool Basic https://www.dremi.info/tutorials/photoshop/teknik-seleksi-gambar-dengan-pen-tool-basic.html https://www.dremi.info/tutorials/photoshop/teknik-seleksi-gambar-dengan-pen-tool-basic.html#comments Thu, 04 Sep 2008 04:17:20 +0000 https://www.dremi.info/?p=82 […]]]> Seleksi menggunakan Magnetic Tool, Eliptical atao Rectangle Marquee Tool, adalah teknik dasar dalam belajar photoshop, nah kali ini gw kasi sedikit surprize bwat newbie. Bagaimana membuat seleksi menggunakan pen tool ? lalu bagaimana memanfaatkan nya ?

Seleksi menggunakan Magnetic Tool, Eliptical atao Rectangle Marquee Tool, adalah teknik dasar dalam belajar photoshop, nah kali ini gw kasi sedikit surprize bwat newbie. Bagaimana membuat seleksi menggunakan pen tool ? lalu bagaimana memanfaatkan nya dalam editing gambar ?

sebelumna lihat Keterangan tool ada pada Adobe Photoshop Tool Guide

simak tutorial singkat ini.

Pertama search dolo di google, cari gambar mobil dan jalanan kosong (keword na: “cars” ama “on the road”)

pesen gw, jangan pernah make gambar yang dari flickr.com / sejenisnya, karena mereka tidak mengizinkan penggunaan gambar untuk tujuan komersil.

siapkan pen tool lu, dengan mode: path, sedangkan settingan yang lainna default aja

Buka gambar mobil na, klik di banyak tempat menggunakan pen tool, pada sekeliling body mobil. pembuatan titik berakhir pada ujung titik pertama kali dibuat.

sekarang gunakan direct selection tool, untuk mempreview path area yang udah lu bikin make titik titik pen tool tadi.

dengan add anchor point tool, klik pada bagian kap mobil, untuk nambahin titik baru.

trus klik dan drag titik yang lu bikin ke arag atas, ni bwat nglengkungin dan nyesuaiin bidang kap mobil na

lakukan hal yang sama untuk beberapa titik laiinya yang lu anggap perlu menggunakan titik lengkung path

untuk menggeser titik ke posisi yang berbeda (jika pengeditan diperlukan) gunakan direct selection tool, dan untuk titik lengkungan lu bisa coba convert point tool juga. dengan klik dan drag saja sudah cukup untuk menciptakan titik lengkung :))

sekarang kalo udah smua titik lu edit sesuai objek body mobil, lu klik kanan pada path na, dan pilih option Make Selection

seleksi body mobil bakalan kebentuk

pilih menu Edit > Copy atow pencet di kibod lu [CTRL+C] :))

nah saat na lu buka dokumen objek jalanan kosong na, lalu pilih menu Edit > paste atow [CTRL+V] di sana

woke, sekarng pilih menu Edit > Trasnform atow [CTRL+T]

kecilin dengan klik dan drag sambil mencet [SHIFT] pada salah satu ujung objek transform mobil ke dalem

hukih !!! dikit lagi, sekarang bikin layer dibawah layer objek mobil, ni bwat objek bayangan na. kasi nama layer na “shadow”.

bikin satu seleksi menggunakan eliptical marquee tool, lalu pilih menu Select > Transform Selection, miringin dengan cara klik dan drag ke arah kiri atas.

teken [ENTER], nanti hasil seleksi na ke gini

wabis ntu pilih teken [D] bwat mereset panel color menjadi hitam putih.

lalu pilih menu Edit > Fill bwat ngewarnain bidang seleksi, hasil na akan terbentuk bidang oval berwarna hitam

pencet [CTRL+D] bwat ngilangin seleksi na

sekilas tampak kurang bermakna bayangan na, nah kasiin blur dengan memilih menu Filter > Blur > Gaussian Blur

isikan nilai radius na = 3 pixels

tros kurangi opacity layerna menjadi 13 %

selesei sudah :))

]]>
https://www.dremi.info/tutorials/photoshop/teknik-seleksi-gambar-dengan-pen-tool-basic.html/feed 15
Trik Membuat Lipatan Kertas https://www.dremi.info/tutorials/photoshop/trik-membuat-lipatan-kertas.html https://www.dremi.info/tutorials/photoshop/trik-membuat-lipatan-kertas.html#comments Sat, 30 Aug 2008 10:46:26 +0000 https://www.dremi.info/?p=81 […]]]> Kali ini kita bakalan belajar cara membuat lipatan kertas. Sebenernye ada banyak trik / teknik dalam membwat lipatan kertas, tergantung style dan tujuan kreasina. Ada yang make seleksi, trasform warp, atau, dari seleksi di konvert ke path. untuk sesi ini.

Kali ini kita bakalan belajar cara membuat lipatan kertas. Sebenernye ada banyak trik / teknik dalam membwat lipatan kertas, tergantung style dan tujuan kreasina. Ada yang make seleksi, trasform warp, atau, dari seleksi di konvert ke path.

untuk sesi ini gw ambil contoh nyang paling sederhana, Trik Membuat Lipatan Kertas menggunakan seleksi. Keterangan tool ada pada Adobe Photoshop Tool Guide

Buka dokumen gambar lu, [CTRL+All] dan paste di area canvas photoshop yang kosong

Gunakan poligon lasso tool, untuk membentuk seleksi segi tiga di pojok kanan atas pada layer gambar

Tekan [DELETE] untuk menghilangkan bagian gambar yang diseleksi. Tekan [CTRL+D] atao pilih menu Select > Deselect

Bwat satu seleksi yang sama, tapi kali ini arah segitiga na berbeda.

Bikin layer baru, dan ambil tool gradasi. Atur gradasina dengan mengklik panel gradasi di bawah bar menu

klik dan drag gradasi na dalam seleksi area, dengan arah dari kanan atas ke kiri bawah

jangan lepas Men-deselect seleksi dlu, langsung pilih, Eliptical Marquee tool, dengan setting Substract From Selection (-) atao Pilih Eliptical Marquee tool lalu pencet [ALT] sambil klik dan drag untuk memotong seleksi (-)

ulangi langkah diatas sekali lagi untuk sisi kiri seleksi na

Masih pada seleksi, selanjotna, tken [CTRL+SHIFT+I] atow pilih menu Select > Inverse untuk membalik seleksi

Kalo uda, teken [DELETE], ni bwat ngilangin bagian yang kita ambil seleksi na tadi

Wukih, sekarang kasiin layer style drop shadow, Pilih menu Layer > Layer Style.

Kalo udah lu bisa kasiin warna abu bwat background layer gambar na

dan ini hasil penambahan layer style stroke untuk gambarna

]]>
https://www.dremi.info/tutorials/photoshop/trik-membuat-lipatan-kertas.html/feed 37
Kreasi Bulu Unik dengan Pen Tool https://www.dremi.info/tutorials/photoshop/kreasi-bulu-unik-dengan-pen-tool.html https://www.dremi.info/tutorials/photoshop/kreasi-bulu-unik-dengan-pen-tool.html#comments Fri, 29 Aug 2008 16:32:46 +0000 https://www.dremi.info/?p=80 […]]]> Tutorial membuat kreasi bulu unik dengan Photosop. bwat doku baru seukuran medium aja ambil shapping tool, bwat bidang elipse ke gini.

Tutorial membuat kreasi bulu unik dengan Photosop

bwat doku baru seukuran medium aja

ambil shapping tool, bwat bidang elipse ke gini

dengan direct selection tool, ubah bentuk beberapa titik, menyerupai bulu. ni bwat dasarna, ganti nama layer na menjadi “base”

lu miringin ke kiri

gunakan pen tool, dengan setting ke pada gambar, bwat bikin sela2 bulu na

kasiin gradient overlay bwat layer style na

kembali gunakan pen tool bwat bikin objek sisi kanan, tapi kali ini gunakan mode normal untuk shapping na

kasi gradient overlay juga

dan duplikat untuk sisi kirina

Selanjotna, duplikat layer shapping base, letakkan di paling atas, dan kecilin

lu bisa kreasiin warna gradasina, tros bikin satu objek lagi make pen tool juga, latih ketelitian lu dalam menggunakan pen tool

kasi gradasi ke layer base, tros dplikat juga untuk sebelah kiri na

terakhir lu bikinin batang bulu na, make pen tool, gunakan beberapa titik saja, sisana, lu bisa modif make add anchor pint tool / convert point tool

disini gw pakein brush item rada kabur pada layer baru, untuk membwat bayangan pada sela2 bulu na, tros gw kasiin gaussian blur 3px

tanda merah, adalah lokasi tempat ngasiin brush na

tros lu bisa modifikasi objek na dengan menduplikat ke beberapa objek, tros lu atur menjadi ke gini

wabis ntu gw bisa kreasiin dengan model2 yg laen

]]>
https://www.dremi.info/tutorials/photoshop/kreasi-bulu-unik-dengan-pen-tool.html/feed 5
Illustrasi Segelas Orange Jus https://www.dremi.info/tutorials/photoshop/illustrasi-segelas-orange-jus.html https://www.dremi.info/tutorials/photoshop/illustrasi-segelas-orange-jus.html#comments Wed, 27 Aug 2008 18:20:58 +0000 https://www.dremi.info/?p=79 […]]]> Teknik pada tutorial ini sangat berguna bwat netter, jimane mbikin gelas dengan objek aer jus bergelembung di dalem na. Check this one !

Bwat dokumen, berukuran 800 X 1100 pixel, dengan dpi = 300 300 pixels/inch, bikin guide untuk mistar pembantu dalam membuat objek selanjurna, pilih tool path, dengan settingan path ke pada gambar. lu bisa atur bentuk na menyerupai setengah gelas

Bwat layer baru, klik kanan pada area path, pilih Fill Path. Kasi warna #ccd9dd

Work path lu bakalan kebentuk di panel path, lalu duplikat layer na, tros trasnform horizontal. Kalo udah kebentuk gelas satu sisi dengan lainna, pencet [CTRL+E] untuk menyatukan na (merge layer)

kalo kira kira belum ngepas ama selera bentuk gelas na, lu bisa edit masing masing path na

beri nama layer glas ini sebagai “outer glass”, tros kasi layer style Gradient Overlay

duplikat layer “outer glass” menjadi “outer glass copy”, ubah namana menjadi “inner glass”, dan transform ukuranna, dengan W=95% dan H=94%

Kasi layer style gradient overlay, lu bisa klik dan drag arah gradasi na saat layer style aktif

Enter kalo udah beres !!!

lanjot ke pencet [CTRL+Click] pada Layer Inner Glass, untuk membentuk seleksi, tros transform rotate 180 derajat

geser seleksi na ke atas, ngepas di bagian mulut gelas

TAHAAANN !!! :)) masih pada seleksi, sekarang sambil pencet [CTRL+SHIFT+ALT+Click] pada layer Inner Glass, jadi lu bakalan dapet seleksi terakhir ke gini

Bikin layer baru, dan kasiin warna #99b2bb, kasi nama layer “opening”

Lanjot ke pengambilan seleksi marquee tool, bikin seleksi menyeluruh di luar smua objek, lalu bikin layer baru namana “reflection”

ambil tool gradasi, gunakan gradasi Steel Bar yang udah ada dalam gradient preset default photoshop

Pencet [CTRL+M] bwat ngatur Curves na

Ubah Opacity layer refrelction menjadi 50%. tros transform warp objek na (Edit > Transform > Warp) atow, pencet [CTRL+T] tros kanan pada objek layer refrelction tros pilih Warp

ubah bentuk na jadi ke gini:

inget, gradasi pada layer reflection musti ngelebihin sluruh objek di belakangna.

pencet [CTRL+D] bwat ngilangin seleksi

lanjot ke [CTRL+Click] pada layer Outer Glass bwat bikin seleksi baru

Pilih menu Select > Invers atow [CTRL+SHIFT+I] tros pencet [DELETE]

Ubah blending layer menjadi Screen, dan opacity menjadi 70 %

masih pada layer reflection, kasi layer mask, dengan klik pada icon add layer mask

ambil gradient tool bwat ngasi gradasi mask dari atas ampe bawah, dengan settingan transparent ke gini

bwat path baru, bentuk na ke gini, ni nanti na bwat bikin aer jus na

klik kanan pada path na, pilih make selection

Pencet [CTRL+SHIFT+ALT+Click] pada layer Inner Glass

tinggal lu kasiin warna #ffb411 pada layer baru

kasi layer style

hasil na ke gini:

duplikat aer jus na menjadi jus copy, transform horizontal yak !

lu tinggal ubah Hue and Saturation na untuk layer jus pertama (dibawah layer jus copy)

merge dengan pencet [CTRL+E] bwat gabungin layer jus ama jus copy

bikin eliptical marquee tool pada layer baru, dan kasi gradasi (#fff200 ke # f7941d) dengan settingan ke gini

ubah nama layer na “Refraction”, transform jadi menipis ke gini:

dan kasi Filter > Blur > Gaussian Blur 3px

Oukeh, ampe sini cukup melelahkan bikin tutorial na :))

sekarang kita bikin brush preset na bwat glmbung aer jus, namana bubble

bikin dokument baru.

bikin bidang make eliptical tool

kasi layer style gradient overlay

dan inner glow, dengan mode screen, opacity 100 %, dan size 30 px

lanjot ke klik kanan pada tulisan effect pada layer buble, pilih Create Layer

layerna bakalan jadi tiga biji, dan merge ketiga2 na

ubah settingan curves na

klik ok kalo udah

dan pilih menu Image > Adjustments > Invert atow [CTRL+I]

Jangan lepas seleksi na, pilih menu Edit > Define Brush, kasi nama brush na, klik OK

woke, simpen aja dokumen bubble lu, sapa tau diperlukan bwat bikin brush baru lagi.

Beralih ke dokumen semula, klik pada tab brush untuk mengatur setting brush na

woke, ambil tool brush lu, pake ukuran 8px

bikin layer baru namana bubble, tros klik dan drug di area aer jus, lu kreasiin sndiri, kire2 glembung aer ke jimane.

lom slese broder ! lu bisa group atow merge smua layer objek segelas minuman jus lu, tros duplikat vertikal bwat bikin bayangan na

atur posisi layer duplikat na di bawah gelas utama

kasiin gaussian blur

ubah opacity na, dan hapus make eraser tool, pada bagian yang klebihan

lanjot ke pembwatan bayangan bwat bawah gelas na

bikin layer baru, gunakan eliptical marquee tool

kasiin gaussian blur juga

ubah opacity na menjadi 33 %

ni hasil na

kreasiin dengan model nyang laen…

]]>
https://www.dremi.info/tutorials/photoshop/illustrasi-segelas-orange-jus.html/feed 17
Impressive Price Tag Photoshop Tutorial https://www.dremi.info/tutorials/photoshop/impressive-price-tag-photoshop-tutorial.html https://www.dremi.info/tutorials/photoshop/impressive-price-tag-photoshop-tutorial.html#comments Tue, 26 Aug 2008 03:31:09 +0000 https://www.dremi.info/?p=78 […]]]> Tutorial ini merupakan tingkatan basic tutorial photoshop, mudah2an ini berguna….. Pernah liat badges untuk harga2 barang di Web2 E-Commerce kan ? nah kadang lu nmu yang kaya bakalan kita bwat sekarang. Cobain aja….

Tutorial ini merupakan tingkatan basic tutorial photoshop

Pernah liat badges untuk harga2 barang di Web2 E-Commerce kan ? nah kadang lu nmu yang kaya bakalan kita bwat sekarang.

Cobain aja….

Bwat doku standar default photoshop, siapkan tool shapping

ambil shapping untuk poligon tool, dengan sides = 20

dan klik pada drop down menu panah di sebelah kirina, tentukan Indent Sides By = 20% dan centang pada option Star

Klik dan drag pada kanvas, tentukan sendiri ukuran badges na

wabis ntu lu kasiin layer style, pilih menu layer > layer style > gradient overlay

kasi settingan ke gini

jadi ke gini hasilna

sekarang pencet [CTRL+Click] pada layer shapping na, untuk membentuk seleksi

kalo seleksi na dah kbntuk, pilih menu Select > Modify > Contract, pada jendela nyang muncol kasiin nilai na 2px

tujuan na bwat ngecilin bidang seleksi menjadi 2px ke dalem

woke, diemin dlu seleksi na, ambil tool Eliptical Marquee Tool [M], sambil mencel [ALT+SHIFT] klik dan drag pada seleksi tadi, ni bwat ngambil seleksi yang diinginkan saja

jadi bakalan kebentuk seleksi ke gini

sekarang bwat layer baru, pilih menu Layer > New > Layer. Ambil tool gradient, gunakan gradient transparent berwarna putih. Lihat pada gambar

dan tarik gradasi na dari atas ke bawah, pada area seleksi

gradasi dengan cara diatas namana efek glossy, nah jangan lupa kassin teks bwat harga na

bwat memperbanyak objek, lu duplikat aja semua layer badges na, atow bisa lu gabungin ksmuana ke dalam layer group, klik pada ikon layer group, lalu klik semua layer dan drag ke dalam layer group, nah lu kan tinggal duplikat layer group na, untuk membwat badges lainna, selamat mencoba :))

hasil akhir na ke gini

Gedein Aja !

]]>
https://www.dremi.info/tutorials/photoshop/impressive-price-tag-photoshop-tutorial.html/feed 4
Nature Grey Shadow Blue Web 2.0 Header https://www.dremi.info/tutorials/photoshop/nature-grey-shadow-blue-web-20-header.html https://www.dremi.info/tutorials/photoshop/nature-grey-shadow-blue-web-20-header.html#comments Sun, 24 Aug 2008 13:26:18 +0000 https://www.dremi.info/?p=77 […]]]> Membuat layout bertema grey shadow blue.

Membuat layout bertema grey shadow blue.

Gedein na disinih !

buka doku 760 px di photoshop lu

ambil tool bwat bikin shapping (radisu 10px), bikin ke gini, kasi style gradasi

tros pakein dua shapping lagi dengan radius 6 px, tapi ini kurangin opacityna masing masing 35 % dan 15 %

wuki wuki, ambil tool shapping lagi, kali ini radius na masih sama (6px) bikin satu bidang dlu bwat menu na

objek diatas ntu bwat dasar menu na

nah ini bwat satu lagi objek diatas na, kasi gradasi ke gini

good job brother, jangan nyerah dlu ! :))

kali ini kita bikin hiasan di bagian atas menu na… ambil pen tool, tros pilih substract mode

bikin titik2 segitiga

gedein bila perlu, gunakan guide untuk menentukan lokasi titik tengah objek menu

langsong kasi text menu Home

lanjot ke grouping layer2 menu tadi, wabis ntu lu bisa duplikat menjadi beberapa menu

ke nyan gw janjiin tadi, kite bakalan bikin kesan nature. kali ini dengan menambahkan logo green nature berupa dedaunan ama dikit rangke nye

ambil shapping elipse

dengan menggunakan pen tool selection, ubah beberapa titik untuk menentukan bentukna

bwat satu bidang lagi make pen tool untuk helai sebelahna, tapi nempatin na masih diatas objek daun pertama

konvert make convert point tool

lu atur atur aja make mouse centil lu :)) biar keliatan lengkungan na tapih

kasiin gradasi yang sama, cuman lu balik arah gradasi na kali ini

untuk tulang daunna, gw pake pen tool tapi kali ini gunakan path

ambil tool brush, atur dulu pixelna menjadi 2px, tros pindah lagi ke tool path, klik kanan pada objek path, pilih stroke path.

sekarang kasiin bwat efek cahayana, ni gw kasi in make pen tool juga

konvert titik na make konvert point tool biar lengkung an na mengikuti helai daun warna ijo

tros kasi juga gradasi yg hampir sama

bikinin batang tangke na juga :))

wabis ntu lu bisa group objek2 daun dan tange na, nah lu diplikat ajah

lu kreasiin posisi na, biar menyerupai taneman :))

tros kasi juga beberapa efek brush, di bagian akarna, itu certianye tanah na :))

hihi ni gw kasiin brush biru lagi, dengan blending option overlay

nah dah jadi kan, tinggal lu tambahin asesories lainna

kire kire kalo digedein ke gini hasilna

Gedein na disinih !

]]>
https://www.dremi.info/tutorials/photoshop/nature-grey-shadow-blue-web-20-header.html/feed 2
Dynamic Energy Saver From Gigabyte https://www.dremi.info/tutorials/photoshop/dynamic-energy-saver-from-gigabyte.html https://www.dremi.info/tutorials/photoshop/dynamic-energy-saver-from-gigabyte.html#comments Sat, 09 Aug 2008 22:32:05 +0000 https://www.dremi.info/?p=76 […]]]> Lma ga jumpa dlam tutorial photoshop, I miss you brother 🙂 Sebage makanan pembuka, let us see my new photoshop tutorial … Baru baru ini ada pameran computer di Braga Bandung, dapet brosur

Lma ga jumpa dlam tutorial photoshop, I miss you brother 🙂

Sebage makanan pembuka, let’s see my new photoshop tutorial …

Baru baru ini ada pameran computer di Braga Bandung, dapet brosur, tros.. liat ada model interface GUI untuk beberapa merk Hardware.. salah satuna Gigabyte …

Teknologi dari Gigabyte “Dynamic Energy Saver” yang mampu menciptakan efisiensi power bwat PC lu..

Nyok kita bikin logona…

Ambil elipse tool, bikin bidang shapping ke gini:

Transform dikit, miringin ke kiri….

huki….. kasi base style na:

bikin satu elipse lagi lebih kecil dari sebelonna (sekitar 97%), bisa duplikat dari yang sblonna, tapi setelah duplikat klik kanan pada layer na, pilih Clear Style

Ambil pen tool, tentukan setting substract from shape area (-)

bikin titik2 na, pada posisi sesuai gambar:

dengan menggunakan add anchor point tool (liat tutorial2 sebelumna), kasi titik pada tanda merah, lalu lengkungin ke luar, biar menyesuaikan bidang lengkung elipse berwarna putihna

lakukan hal yang sama untuk sisi sebelah kanan

Hasil sementara, let’s see…..

woke… lanjot ke tahap berikutna

[CTRL+Click] pada layer shape putih, transform seleksi na 97 % (Select > Transform Selection), bwat layer baru

Ambil tool brush, untuk melatih gerakan brush lu, bubuhkan disekitar seleksi, dengan ukuran brush: soft round 35 px berwarna abu2 (#dedede)

lu bisa simpen seleksi na, Select > Save Selection sewaktu 2 bisa lu ulangi langkah ini, lu masih bisa make seleksi na

bikin satu elipse lagi di tengah untuk border na.. dengan sdikit style dowank

good job brother, bikin lagi elipse bwat base objek di tengah na

kali ini cukup dengan style gradasi downk

masih lom ckup brother…

bikin satu shape elipse lagi …

kasi style na

tros kasiin efek gradasi dengan gradasi transparent pada layer baru, untuk shadow di atas na

smpurnakan dengan smudge tool, untuk meratakan bagian gradasi

kasi shapping rounded di sebelah kanan

dengan sedikit style untuk rounded di tengahna

kasi text GIGABYTE

well, almost done brother…. !!

dan ini hasil akhirna, mahap kalo intensitas wara hasil capture na kurang.. gw lupa ngubah setting capture na ke PNG

]]>
https://www.dremi.info/tutorials/photoshop/dynamic-energy-saver-from-gigabyte.html/feed 1
Web 2.0 Layout With CSS Part-4 https://www.dremi.info/tutorials/css/web-20-layout-with-css-part-4.html https://www.dremi.info/tutorials/css/web-20-layout-with-css-part-4.html#comments Wed, 27 Feb 2008 00:01:01 +0000 https://www.dremi.info/?p=66 […]]]> Dengan Software Macromedia Dreamweaver, kita bakalan coba cara bikin halaman layout web 2.0 sesuai rancangan design kita di sotoshop sebelumna. Jadi CSS na pun kita bikin disini bro…

Part – 4 Layout Modify in Dreamweaver
Dengan Software Macromedia Dreamweaver, kita bakalan coba cara bikin halaman layout web 2.0 sesuai rancangan design kita di sotoshop sebelumna. Jadi CSS na pun kita bikin disini bro…

Buka dreamweaver lu, pilih menu File > New (jenis halaman CSS), dan simpan dengan nama file style.css
klik pada icon New CSS New CSS di panel CSS sebelah kanan
pada jendela yang muncul, gw mau nge-modif tag body:

klik ok, akan muncul jendela berikutna:
have fun aja, tentuin segala bentuk jenis huruf, besar na, dan margin padding:


kalo dah selesei, klik OK ….
style body telah di modif:

body {
font-family: “Trebuchet MS”;
font-size: 11px;
color: #000000;
text-decoration: none;
margin: 0px;
padding: 0px;
}

Attach link Style Sheet na, dengan klik ikon Attach Style Sheet Attach CSS
tentukan lokasi penyimpanan file CSS

klik OK…
bikin lagi untuk style mainPan dan topHeader

/*MAIN PANEL*/
#mainPan{
width:760px;
position:relative;
margin:0 auto;
}
/*TOP HEADER PANEL*/
#topHeader {
width:760px;
height:89px;
position:relative;
margin:0 auto;
background-attachment: fixed;
background-image: url(images/bg-topheader.png);
background-repeat: repeat-x;
background-position: left top;
}

naaah coba sekarang ambil tool Insert DIV Tag Insert DIV Tag bwat bikin div tag di area body na:
pilih style top Header:

pad Code Preview atur baris div tag na ke gini, jadi div tag topHeader berada dalam div tag mainPan

sekarang preview tampilanna pada Design View

lu tinggal masukin gambar icon area di sebelah kiri na (masih dalam div tag topHeader), gunakan tool Insert Image

sampe sini, apakah TAG TABLE diperlukan ? hahahaaa tentu saja tidak sama sekali, webmaster modern kudu make cara ini biar ga ketinggalan jaman….hehehehe…
lanjot bro, bikin style ID untuk bodyTopPan dan menuPan masing-masing untuk style ID BODY TOP dan MENU PANEL

/*—BODY TOP PANEL—*/
#bodyTopPan{
width:760px;
height:106px;
}
/*—MENU PANEL—*/
#menuPan{
width:760px;
height:28px;
margin: 0px;
padding-top: 5px;
padding-bottom: 5px;
position:relative;
}
#menuPan li {float:left; list-style-type:none;}
#menuPan li span.spacekosong {
width:195px;
height:23px;
display:block;
background-color: #f1f1f1;
font-family: “Trebuchet MS”;
font-size: 11px;
font-weight: bold;
color: #000000;
text-decoration: none;
padding-top: 5px;
text-align: center;
}
#menuPan li a{
width:108px;
height:23px;
display:block;
background-color: #f1f1f1;
font-family: “Trebuchet MS”;
font-size: 11px;
font-weight: bold;
color: #7b7b7b;
text-decoration: none;
cursor: hand;
margin-right: 5px;
padding-top: 5px;
text-align: center;
}
#menuPan li a:hover{
background-color: #CEE9FF;
color: #0066CC;
}
#menuPan li.current a{
background-color: #CEE9FF;
color: #0066CC;
}

dimana style menuPan gw ga pake tag ul , karena biar menu na ga menjorok ke dalem…jadi langsong li aja men …! 😀
code HTML na:

<body>
<!–MAIN PANEL–>
<div id=”mainPan”>
<!–TOP HEADER PANEL–>
<div id=”topHeader”><img src=”images/master_01.png” width=”135″ height=”89″ /></div>
<!–END TOP HEADER PANEL–>
<!–MENU PANEL–>
<div id=”bodyTopPan”>
<div id=”menuPan”>
<li class=”current”><a href=”index.html”>Home</a></li>
<li><a href=”contact.html”>Contact Us</a></li>
<li><a href=”services.html”>Services</a></li>
<li><a href=”news.html”>News</a></li>
<li><a href=”support.html”>Support</a></li>
<li><span class=”spacekosong”>Sat, 23-Feb-08</span></li>
</div><img src=”images/master_05.png” />
</div>
<!–END TOP BODY PANEL–>
</div>
<!–END MAIN PANEL–>
</body>

langsong insert gambar top body utama na di bawah menu:
Gedein
MAPPING
Untuk membuat link, kita bisa juga menggunakan teknik mapping pada gambar, sehingga bagian link dapat ditentukan sendiri pada area gambar.
klik pada area gambar yang akan dikasi mapping link,

aktifkan tool mapping klik dan drag pada area gambar yang dikehendaki sebagai area mapping link :

Copy mapping na (Klik kanan pada mapping, pilih Copy)

untuk memasang atribut na bisa dilakukan di panel properti mapping:

FORM
Dalam layout kita punya field form untuk login password, nah sekarang kita bikin style untuk form, input, dan submit na:

/*FORM PANEL*/
#formTop {
position:absolute;
margin:0;
padding-right:15px;
padding-top: 30px;
padding-left: 200px;
width: 405px;
}
form { margin:0; padding:0; }
.input {
font-family: Arial, Helvetica, sans-serif;
font-size: 11px;
color: #000000;
background-color: #ffffff;
border: 1px solid #b0c3d2;
}
.submit {
font-family: Arial, Helvetica, sans-serif;
font-size: 11px;
color: #FFFFFF;
cursor:hand;
background-color: #0099CC;
border: 1px solid #999999;
}

Gedein
Nah sekarang tugas lu bwat latihan, bikin style untuk footer na, dengan cara yang sama dengan membuat top header. Jangan lupa, simpan ulang file eksternal CSS lu dan file index.html (master html na). Untuk preview di browser, pencet [F12].
diKulik-kulik aja, biar nanti hasil akhirna ke gini, kakakkakwww… 😀
gedein
Part-1 | Part-2 | Part-3 | Part-4

]]>
https://www.dremi.info/tutorials/css/web-20-layout-with-css-part-4.html/feed 16
WordPress Glassy Three – Blog Theme https://www.dremi.info/tutorials/photoshop/wordpress-glassy-three-blog-theme.html https://www.dremi.info/tutorials/photoshop/wordpress-glassy-three-blog-theme.html#comments Sun, 24 Jun 2007 12:48:54 +0000 https://www.dremi.info/?p=37 WordPress Glassy Three – Blog Theme

]]>
https://www.dremi.info/tutorials/photoshop/wordpress-glassy-three-blog-theme.html/feed 13