from:dremi.info

October 8th, 2008 by dr.emi

hei kawand kawandh !!! kopi malam ini serasa enak banged, ni ada tutorial basic bwat newbie photoshop cara menggunakan pencil tool bwat bikin detail button. gw tepati janji gw bwat perbanyak tutorial photoshop bwat newbie juga.

hei kawand kawandh !!! kopi malam ini serasa enak banged, ni ada tutorial basic bwat newbie photoshop cara menggunakan pencil tool bwat bikin detail button. gw tepati janji gw bwat perbanyak tutorial photoshop bwat newbie juga.

huoke ! bikin canvas kecil aja, ukuran sekitar 200 x 100 pixel, backgorund na putih

kalo udah HAJAR tombol OK na !! )

sekarang siapin rectangle tool (U)

wabis ntu lu tarik dah bidang na di canvas kosong lu

ubah nama layer nya “dasar”, dengan double klik di text shape pada layer

pilih menu Layer > Layer Style > Color Overlay

kasi warna biru / sesuka lu

Dengan Zooming tool, gedein objek area lu

tros pencet KIBOR lu [CTRL+Click] pada Layer, nah ini bwat mbikin seleksi di sekitar bidang shapping lu

wabis ntu lu aktifin tool Eliptical Marquee na:

tros atur setting na menjadi intersect with selection

nah lu klik dan drag aja dah di sebagian area seleksi persegi yg terbentuk sebelum na

jadi lu bakalan dapet seleksi kayak gini mbro )

sekarang bikin layer baru lewat menu : Layer > New Layer, kasi nama layer “shadow”

tros lu aktipin tool gradient na, set menjadi transparent putih, dan klik + drag gradasi na mengikuti arah panah pada area seleksi

kurangin opacity layer na menjadi 75 %. woke, jadi dah efek shadow na )

sekarang ambil tool brush, ukuran nya: 3 px aja dan bikin layer baru namanya “botline” tarik dari kanan ke kiri pada area button

tros kasi filter blur, pilih menu Filter > Blur > Gaussian Blur, dan kasi radius 1.5 px

hapus ujung kiri na make eraser tool

ubah opacity layer na menjadi 62 % dan blending layer Overlay

sekarang ambil pencil tool, berukuran 4 px dan warna putih, bikin 3 buah titik pada layer baru bernama “dot sign”

nah lo, wabis ntu kasiin aja layer style, drop shadow ama color overlay

tros kasi teks na, gw make ini ni: ACKNOWTT.TTF bwat font na. klik aja bwat donlot

wabis ntu lu kasiin dah style drop shadow dikiiiiiiiiiiiiiiiiiiiiiiiit aja bwat teks na

terakhir ambil lagi pencil tool lu, pake size 1 px dan warna item dah, bikin layer baru nama na detail stroke, tros lu klik dan drag mengelilingi pinggiran button lu

jadi ke gini dah

nah untuk merubah warna lu bisa ganti layer style untuk color overlay na pada layer dasar na

from:dremi.info

November 26th, 2008 by dr.emi

Welcome back friend ! tutorial ini menjelaskan bagaimana membuat sebuah layout yang interaktif. Penggabungan dari designing web layout menggunakan photoshop dan Editing dengan HTML+CSS. Kemudian mengimplementasikannya menggunakan jQuery Ajax saat meload PHP Content

Yang lu perlukan adalah:

-Photoshop
-HTML+CSS
-jQuery Ajax
-PHP

Part I Designing Website Layout

Buka Photoshop lu, bikin ukuran kanvas kaya gini:

Pilih Rectangle Marquee Tool, bikin objek header ke gini:

Apply beberapa layer style :

Liat dlu hasilna

Sekarang bikin garis berwarna putih make single row marquee tool, antara gradien dan drop shadow. fill line make warna putih

Gunakan rounded rectangle tool bwat mbikin navigation button, gunakan radius sesuai keinginan lu

apply layer style

Semua gradien ada dalam paket download tutorial na

Pencet [CTRL+Click] pada layer navigation button, bwat mbikin seleksi sekitar button.

Pilih seleksi Eliptical Marquee Tool dengan option option : Intersect with selection. Truzzz buat seleksi oval diatas seleksi sebelumna

Lu bakalan dapet hasil seleksi ke gini

Pencet [CTRL+D] bwat Deselect

Tros transform objek na vertikal, dengan mencet [CTRL+T] -> Flip Vertical

Pilih menu Filter > Blur > Gaussian Blur. Kasiin 2 px radius.

dan ubah blending layerna menjadi Overlay

Kasi text button na juga

Lu bisa group ksmua layer navigasi ke dalam satu group, dan duplikat gorup na mnjadi beberapa group

Hampir selesai layoutna, kasiin objek icon dan text sebagai title web na

Terakhir bikinin footer dengan cara sederhana kaya mbikin header

Review dlo hasil akhir layout na

Part II Slicing Images

Bagian ini kita bakalan ambil gambar tertentu saja, ambil bagian na dengan slicing tool yang nantina bakalan diperlukan bwat bikin code CSS na

Pertama adlah slice navigasi

Pilih File > Save for Web and Device

Inget ye: pilihna nyang Selected Slice dowank

Selanjutna terusin ke slice berikutna, kaya bg-header, bg-footer dan logo

Jadi lu bakalan dapet beberapa images yang dibutuhkan dalam coding CSS na

Part III Make HTML+CSS Code

Bwat mbikin web lu knceng di load saat dibuka di browser, Less Table adaalh salah satu cra terbaik

Gw paling suka bagian ini, buka Dreamweaver lu, bikin file CSS

Nah ini code CSS na:

save dan kasi nama style.css

sekarang kite bakalan mbikin index.html

dan ini code ma:

Gw rasa cuma sgitu code na, gw yakin lu bakalan familiar kok

Part IV Adding jQuery Ajax Scripts to Load Contents

Lu pada tau jQuery kan ? kalo belom, baca pengenalan tentang jQuery dlo yak di web na

Pada bagian ini kita butuh jQuery script library, sedangkan plugin ga diperlukan.

Cuma kasi baris ini di HTML na, bwat ngeload jQuery Javascript Library na

dan kasi code javascripts bwat mbikin fungsi untuk meload external content pada contentPan Div

Simple line:

dan code berikut ini diperlukan bwat memanngil data content

php-loader.php adalah file PHP yang bertugas memberikan value dalam bentuk HTML, value ini akan direquest oleh jQuery Ajax untuk di load ke contentPan Div

Kalo lu liat pada akhir variable GET na berupa variable cPub, maka kita bakalan bikin file PHP yang menggunakan kondisi pemilihan variable GET, ni code na:

Gw pake sleep(2) bwat mensimulasikan loading content yang cukup lama

Kayakna smua udah lengkap, tinggal lu upload ke webserver biar PHP na bekerja. ni screen shoot na

Tutorial ini gw input juga dalam bahasa inggris di PSDREMI.CO.CC dan Good-tutorials.Com

Best Regard, dr.emi

from: dremi.info

July 3rd, 2009 by dr.emi

Hi brother ! this tutorial will explain about how to create an illustration for my new Samsung Monitor, SyncMaster 933SN series. Follow my steps, and enjoy my tutorial.

First is create your new Photoshop document. The size is up to you brother !

Step 1

Use shapping tool to grab a rectangle as your base screen of monitor. Take look my setting:

and I use #1a1a1a as base color. Give name for your shapping as “base”

Step 2

Select base path using Direct Selection Tool, and activate Add Anchor Point Tool. We will modify the bottom side of base shapping.

Now click one at the center of bottom side of base path. Move it to down side, approximately 30px.

Step 3

Repeat Step 2 for top side of base path. But on this step, move new anchor to up side, approximately 10px – 15px. The result showed on this screen shoot:

Step 4

Now press [CTRL+Click] at base path layer and activate Selection Tool with Intersect With Selection option. Select about 50px of your current selection area. You will get new selection.

Then chose menu Select > Modify > Contract : 2px, fill selection area with color #5e5e5e. Create new layer then change layer name as “top-shadow”.

Go to Menu Filter > Blur > Gaussian Blur. Give it about 2px.

Let’s change blending option of top-shadow layer to Screen.

Step 5

Press [CTRL+Click] again on base path to make a selection area, create new layer called as “top-line”. Chose menu Select > Modify > Contract : 2px. Fill selection area with color #ffffff.

Still on selection area, now move selection area to down side, it’s about 2px. Then hit [DELETE] button. You will see a line at top side of base path. Give it Gaussian Blur about 2px.

Step 6

Now duplicate your base path as screen layer, don’t forget to change screen shapping color to #ffffff.

Activate Direct Selection Tool. We wil make screen path smaller than base path.

Use Direct Selection Tool to select all anchor point at the bottom side if screen path. Then move it to top side. Like showed on this screenshoot:

Select another anchor point and move it to inside.

Step 7

Ouke, now delete two anchor point that located on top side and bottom side of screen path. Use Delete Anchor Point Tool to delete it.

Step 8

Repeat Step 4 to create bottom-shadow of base path

Step 9

Now press [CTRL+Click] again on base path, then chose Selection > Contract 2px. Fill selection area with color #ffffff.

Chose Selection > Contract again, and give 1px. Hit [DELETE] button. You will see stroke line inside of base path.

Chose Filter > Blur > Gaussian Blur 2px. Change blending option of layer as screen.

Untill this step, let’s review your design. Hmm…. not so bad but to make better screen, add some layer style for screen layer.

Nice !

Then add a glossy effect for screen using transparent gradient.

Step 10

Ouke! let’s illustrate a transparent glasses at the bottom of base and screen layer.

You may duplicate base path, and make it looks likely this screenshoot:

I give name of this path as “bottom-glasses”. Now duplicate bottom-glasses and move it to top about 5px

Step 11

I use gaussian blur to create blue light at the bottom of base path

Step 12

Create a text for “SyncMaster 933SN” then add stroke layer style for 1px with color #000000.

To make a little bit of shiny effect. I create a star using 1px vertical and horizontal selection or you may use brush tool.

Step 13

Add a text for “S MSUNG”. Note: I use “V” text and transform vertical it to get the real SAMSUNG text

Take look this screen shoot.

Step 14

We will create elipse to complete our monitor

Use Elipse Tool then grab it with color #1a1a1a

Change layer name as “bottom-elipse”

Repeat Step 4 to create shadow

Step 15

Duplicate bottom-elipse, move it to down side about 15px

Look at left and right side of elipse, looks likely not perfect. So, use poligon lasso tool, to make it perfect.

Good ! looks likely perfect!

Step 16

Create once again for elipse at center of bottom-elipse. Then add rounded rectangle between bottom-elipse and bottom-glasses.

Good job ! now you has finished to illustrate Samsung Monitor – SyncMaster 933SN Series.

You may add you desktop screenshoot into screen. Take look this one!

And add reflection effect to make it cool illustration

Is that a sexy girl ??? hahahahahahahahaa…..

Just for have fun friends, thank for read my tutorial.

from:dremi.info

November 1st, 2008 by dr.emi

Gw sering merindukan saat saat metal dan techy design style masih berjaya beberapa taon silam, tapi kini cuma tinggal kenangan, beberapa master dunia untuk spesialis techy style pun udah mulai mengundurkan diri dan ada yang beralih ke Style Web 2.0

Yah! Web 2.0 tidak lebih dari hanyalah sebuah kombinasi gradasi, “No More Than Just Gradient”

Selain lebih sederhana dan indah dipandang mata, design Web 2.0 terkesan elegan dan karena less table serta fast access lah yang mbikin era nya mampu meruntuhkan era design metal dan techy yang menurut amatiran sangat berat diakses dan sering memakan bandwidth. Tapi lain lagi bagi designer sejati, metal dan techy dianggap sebagai idealisme dan prinsip hidup dalam berkreasi.

Woke, sudahlah sekarang gw mau ngasi tutorial baru, dan thanks bwat member sejati dremi.info. Mudah2an bisa bwat inspirasi.

Bwat sebidang canvas area, ukuran 300 x 300 px. Bikin shapping make elipse tool

kasiin style pada layer na

bikin satu shapping lagi, di pojok kiri atas

kasi style juga

Bwat satu shapping lagi, tapi kali ini shapping na lu edit lagi sesuai titik pada tanda lingkaran, gw pake direct selection tool bwat ngedit titik2 shapping na

wabis ntu kassin style na

tepat diatas objek objek sebelom na, lu kasiin bidang berwarna putih make eliptical marquee tool

kurangi opacity na jadi 25%

bikin satu lagi tapi kali ini kasiin gradasi transparent putih dari atas ke bawah

kurangi opacity na menjadi 77%

jadi dah, kassin text na “dreTechnology”

nah ni nyang make sedikit sentuhan filter lightning effect

Posted by Boy Pamulang in Belajar Photoshop, Photoshop Dasar

Software : adobe Photoshop CS3 – CS4 .. CS2 blom cek udah ada fasilitas animasinya ato belom yaa.. mungkin masih pake Image Ready.
Saya bikin Tutorial ini karena banyak yang request.
Saya coba buat dasar-dasar nya aja.. atau gimana sih cara buat suatu gambar itu jadi gerak.. belom masuk ke berubah bentuk ya.. cuman gerak aja..
Download.doc

DUOTONE
Mungkin anda akan membuat foto yang lain dari biasanya, atau bosan dengan yang berwarna. Disini saya bahas bagaimana membuat foto berwarna menjadi dua warna saja. Anda bisa membuat warna apa saja, tidak hanya hitam putih. Dan sangat mudah tentunya. Read More>

Lebih langsing dengan Free Transform
Ini adalah teknik yang sangat populer karena secara konsisten bekerja dengan baik, dan karena hampir semua orang akan suka terlihat sekitar 10-15 kilogram lebih kurus.  Terutama Cewek. Read More>

Merubah Warna dengan Hue and Saturation
Merubah warna tertentu, misalnya merubah warna bunga mawar, warna mobil, warna baju selain dengan Replace Color, Color Replacement Tool. Sekarang saya akan mencoba dengan Hue/Saturation. Cara ini sangat mudah sekali. Read More>

Soft Focus Lens Effect
Cara ini adalah untuk memperoleh Focus yang halus seperti kalau anda menggunakan Soft Focus Lens. Lensa itu sangat mahal, cobalah dengan menggunakan Photoshop. Carilah foto yang tajam, ubahlah menjadi halus. Read More>

Menghilangkan Noise Foto dari Majalah
Yang suka Clipping, foto dari majalah kalau anda perbesar akan terlihat bintik2 Raster dari hasil mesin cetak. Hari gini ndak musim Clipping pakai gunting-gunting koran, trus ditempel dibuku pakai lem. Semua sekarang lebih praktis dengan adanya.. Read More>

Merubah cemberut menjadi tersenyum
Ini adalah teknik Editing yang disukai, karena umumnya tidak ada orang yang mau difoto dalam keadaan cemberut, maunya tersenyum, terlihat cantik terutama cewek. Teknik ini sebetulnya sama dengan yang pernah saya kemukakan yaitu…Read More>

Menghilangkan Noda pada Wajah
Untuk menghilang noda seperti jerawat, noda lain, keriput pada wajah. Tetapi usahakan agar tidak merubah wajah aslinya. Untuk edit foto seperti ini ada tiga cara yang bisa dilakukan. Read More>

Mastery of Adobe Photoshop CS4 requires a solid foundation in the fundamental tools and techniques used by the pros to create eye-popping effects, achieve stunning visuals. Total Training for Adobe Photoshop CS4 Extended: Essentials is intended for the beginner to intermediate user as a guide through comprehensive tutorials on color correction, layout techniques, spesial effects and image touch up. The series will give you the confidence and know-how to achieve fantastic results using Photoshop CS4 new interface and enhanced tools.

The updates to Photoshop CS4 include the adjustments and Masks panel, the 3D commands, annotations and an improved interface. In addition you will learn image compression for use on the web and how to create and apply special effects.

Highlights
1. Learn how to non-destructively adjust image color
2. Discover how to use layers to organize and lay out a poster
3. Set how to create and apply special effects
4. Discover how to create and save intricate selections
5. Learn how to set file format and image compression for use on the web.

Harga : Rp. 25.000 (1DVD) + bonus Photoshop CS4 Portable

Alhamdulillah..akhirnya bisa posting. Pernah dengar istilah ‘mask’ klo diartikan bisa artinya topeng, atau sesuatu yang menutupi bagian lain. Nah,dalam photoshop juga ada istilah mask. Berikut penjelasannya:

Dalam ‘help’ yang ada diphotoshop (PS) definisinya begini:

Mask adalah fasilitas yang menutupi atau melindungi bagian yang anda inginkan agar tidak terkena effect,filter, atau proses editing yang anda lakukan. Letak mask biasanya ada di bagian kanan dengan ikon kotak dan bulatan di tengahnya.

Questo è il mio primo tutorial.

E non so se è fatto bene o meno. Credo di essere stata il più chiara possibile riguardo i vari passaggi, ma se avete delle incertezze o non capite cosa voglio dire in un determinato passaggio chiedete pure!

Questo è il risultato alla fine!

COSA OCCORRE:

Un’immagine che preferite io userò questa:

Questa immagine usata come Pattern:

Pennelli con scritte giapponesi: http://bleeding-dragon.deviantart.com/art/Japanese-brushes-19287096

Pennelli a forma di fumo e li trovate qui: http://photoshoptutorials.ws/photoshop-downloads/photoshop-brushes/real-smoke-photoshop-brushes.html

Un’immagine a forma di farfalla:

PROCEDIMENTO:

Allora, per prima cosa cerare un nuovo documento di 500×500 pixel!

Con il tasto destro andate a cliccare sul pulsante secchiello e selezionate Gradient Tool (io ho photoshop in inglese).

Scegliete i colori che volete!

Io ho usato:

Rosa: ea1cfd

Arancione: ff8e50

Riempite il livello sfondo come più vi piace.

Creare un nuovo livello sopra lo sfondo e riempirlo con questo pattern.

Per riempirlo basta utilizzare lo strumento secchiello e selezionare il pattern.

Visto che con il pattern viene completamente selizionate “scolora” nella palette dei livelli e portate l’opacità al 48 – 50%.

Prendete l’immagine che avete scelto, scontornatela se necessario nel modo che vi piace di più, selezionatela, poi edit (modifica), copia e su un nuovo livello incollatela e posizionatela come più i piace, e portate l’opacità a 62%.

Duplicatelo e ingrandite l’immagine e rendetela opposta così:

Posizionatela più in alto rispetto all’immagine iniziale.

Se l’immagine, come la mia, ha il bordo inferiore tagliato, mascherate il livello e con un pennello abbastanza grande e con Hardness a 0% smussate piano gli angoli.

Per dare un vago senso di illusione ho passato il pennello sul contorno di tutta la forma.

Torniamo a selezionare il livello dell’immagine iniziale e fate Filtro>Galleria dei Filtri e selezionate  nella categoria Brush Stokes l’effetto Sprayed Strokes.

Creare un nuovo livello e posizionatelo proprio sotto l’immagine più grande, e con un pennello fumo  di dimensione 458px

di questo colore e04e8c, fate uno “sbuffo” di fumo proprio sopra la seconda immagine.

Creare un altro livello e posizionatelo tra il pattern e la prima immagine

e selezionate un pennello con la scrittura in giapponese dimensione 862

selezionate il colore ae2fb3 e poi portate l’opacità a 54%.

Per la scritta ho usato un carattere Palace Script MT di 72 pt, colore sempre sul viola.

Tasto destro sul livello della scritta.

e impostatelo in questa maniera

made in adobe photoshop cs3

-clicca sopra l’immagine per vederla ingrandita

photographer: link

Olá leitores, após pesquisar muito e passar muitos dias fuçando em blogs e sites de vendas e reviews de computadores eu decidi adquirir o meu Pc atual, e é este do qual eu vos falo. Se trata de um Asus EEE PC 1008HA, um netbook lançado em junho de 2009 que alem de ser bastante útil é também muito bonito.

As configurações da maquina são modestas comparadas ao meu antigo notebook, mas o 1008HA me surpreendeu na sua capacidade de processamento. Ele tem 1GB de memória ram, 160GB de HDD 5400rpm, Wifi nos padrões B, G, e N, Windows XP home SP3 e um touchpad que aceita multiplios toques (pré programados).

A primeira coisa a fazer após liga-lo foi instalar os programas básicos que eu utilizava no meu antigo notebook, eles são : Skype, Safari, Chrome, Firefox, Babylon, Windows live messenger, iTunes 9, Notebook Hardware Control, BrOffice e alguns outros programas técnicos para o gerenciamento de redes WI-FI.

A instalação de todos estes programas levou pouco mais de quarenta minutos, e o consumo de memoria Ram do sistema em repouso ficou entre 400 e 420 Mb. Logo depois disso foi a vez dele, do essencial, do maravilhoso, do extremamente útil Photoshop!.

Photoshop CS3

Eu testei duas versões do PSCS3, uma portátil e a versão original do cd de instalação. Após instaladas as duas versões, a que mais apresentou estabilidade e se manteve sem travar foi a versão completa. Mas tanto esta quanto a portátil se mostraram lentas. mesmo em edição de imagens pequenas, como um wallpaper de resolução 1024×768, o programa se mostrou irritantemente lento. Não recomendo a não ser que você tenha muito tempo, e paciencia, livres.

Photoshop CS2

Logo que eu desintalei a versão CS3 do Photoshop foi hora de partir para a sua versão anterior. A instalação foi rápida e tranquila, sem problemas. O programa iniciou rapidamente, em aproximadamente 14 segundos e após menos de 10 minutos, o tempo levado na instalação e inicialização do programa, eu já estava editando imagens. O PSCS2 editou imagens de até 3000×3000px sem apresentar muita lentidão nos processos. Vale apontar aqui que em todos os testes realizados nas versões dos programas, só o photoshop estava aberto. Apesar de mostra um bom desempenho, o Photoshop travou em diversos momentos de uso. Não travou por problemas de desempenho da maquina, mas sim por bugs do próprio programa. Provavelmente este foi um defeito de integração Photoshop/Sistema operacional ja que o PSCS3 não travou, mesmo em tarefas pesadas. Recomendo que você teste por si mesmo, ja que aparentemente o problema é com o meu Windows.

Photoshop CS

Depois de me decepcionar com o Photoshop CS3 e encontrar bugs no CS2, foi a vez de partir para a minha ultima esperança : O Photoshop CS. Assim como foi com o PSCS2, a instalação foi rapida e sem problemas. O boot do programa se deu em apenas 9 segundos, um ótimo desempenho, mesmo para um netbook. A edição de imagens transcorreu sem problemas e eu consegui até editar um poster de 33×27 cm em 300dpi. Não tive problemas com nenhum aspecto do programa, inclusive ele me permitiu usar o Firefox 3.5 com 21 tabs abertas e escutar musicas no iTunes sem problemas de travamento ou demora sem-fim. Versão totalmente recomendada!.

Espero que este mini-guia tenha sido util, provavelmente as recomendações dadas aqui sirvam para modelos com com configuração similar.

Links Interessantes

Site Oficial do Asus EEE PC 1008HA

Pagina do Mercado Livre onde eu comprei o 1008HA. (recomendo o vendedor, muito honesto)

Imagens do Asus 1008HA No google images

Video do Photoshop CS4 rodando em um EEE PC

Vida Longa e Próspera!

Langkah 1
Bukalah program Photoshop, kemudian buatlah sebuah file baru. Ukuran file bisa terserah Anda. Pada contoh tutorial kali ini, saya buat sebuah file yang berukuran 200 x 300 pixel; resolusi 72 dpi.