Menjadi Master Desain

Graphic Design Using Color

noreply@blogger.com (Elips Computer) — Sat, 7 Jan 2012 13:07:00 -0800

Color is everywhere and conveys a message even if we don't realize it. While this message can vary by culture it pays to know what colors "say" in your own corner of the universe, and even what color means to your target market.
If you don't think that color speaks just complete this sentence, "red means ---- and green means ?" even a child will know what red means stop and green means go. If such simple ideas work for all of a given culture or market what could it mean to the graphic design of your website, brochure, or product if you know some of this information.
First let's start with the basics. The color wheel. We've all seen it. The color wheel shows the basic colors, each wheel is different in how many shades of each color is shown, but they are essentially the same.
Color harmony, colors that go together well. These will be colors that are next door to each other on the color wheel. Such as blue and green. In reference to clothes these colors match each other. Instinctively most of us know which colors go together when we dress ourselves every morning.
Color complements, colors that set each other off, they complement each other. These are colors that are opposite on the color wheel. Such as blue and orange.
Color depth, colors can recede or jump forward. Remember that some colors seem to fall back such as blue, black, dark green, and brown. Other colors will seem to step forward such as white, yellow, red, and orange. This is why if you have a bright orange background it may seem to fight with any text or images that you place on it. The orange will always seem to move forward.
Now you have the basics so let's go further. Just because to colors go together or complement each other doesn't mean that yo necessarily want to use them on your project. I opened this article with the meaning of colors now here is an example, keep in mind this is one example from western culture.
Color Survey: what respondents said colors mean to them.

Happy = Yellow
Inexpensive = Brown
Pure = White
Powerful = Red (tomato)
Good Luck = Green
Dependable = Blue
Good tasting = Red (tomato)
High Quality = Black
Dignity = Purple
Nausea = Green
Technology = Silver
Deity = White
Sexiness = Red (tomato)
Bad Luck = Black
Mourning = Black
Favorite color = Blue
Expensive = Gold
Least favorite color = Orange

So in designing your project it's important to know what colors mean. You can now see why a black back ground with green type would be bad, beyond being nearly impossible to read, if your target market thinks that black represents mourning and green makes them sick. There are exceptions to every rule of course.
So you may want to include some research in what colors mean to your target market. Colors that would get the attention of a teen would probably annoy an older person and the colors that appeal to the older person wouldn't get a second look from a young person.
Color may be one of the most overlooked aspects of design.

Making of Citroen C4 Runner

noreply@blogger.com (Elips Computer) — Wed, 26 Jan 2011 10:45:00 -0800

At first I want to thank Charlie Bradbury, from TheEmbassyVfx, for his courtesy and for every image and info he sent me.
I don’t know if the new Citroen C4 Runner spot is available in all tv’s world.. so, before to start reading the post, here the link to watch this incredible Cg work!
- The Embassy official Site – The first spot on the left
- Citroen C4 Runner : Video sharing site
Following you can read some interesting informations from the email that he sent me some day ago… one more thanks to Charlie Bradbury.

Citroen C4 Runner: The concept

For the Citroen ‘Runner’ spot we had the task of updating the robot and making him functional for the motions that he would be required to perform while keeping the style and feel of the original robot intact.
We went through a series of revisions with the head and leg pieces to find the best balance between look and functionality.
Adding moving gears, joints, springs and hydraulics helped o bring the 3d model to a higher level of detail and add secondary motion.
By working with highly detailed models we find that the shots achieve a level a realism that is only possible when light reacts with complex geometry.
Using Hdri for lightning

On set a pano-head is used in conjunction with a digital SLR and a circular fish eye lens to capture a high resolution 360 deg image of the surroundings in about 10-12 stops of exposure.
The stops are later stitched and combined together into an HDR image which is used as a source for reflection and extrapolation of light intensities and color (the sun in our case).

Car Paint Shader

Real metallic car paint consists of two physical layers, a metallic base coat with a clear gloss coat layered over top.The metallic base coat consists of small metal flakes mixed in with a regular base paint.
These flakes sit on the paint at varied angles and cause light to spread as it reflects, hence the soft reflective quality of a silver car on top of a subtle but present diffuse shading effect.
A common mistake is to light this layer as if it were purely metalic.
The higher quality car paints do have a higher concentration of metallic flakes, but are not entirely composed of them.
In our case we used different shading layers:

a Soft reflection layer that reproduces metalic flakes in the base coat
a Diffuse layer which simulates the regular flat car paint in which the metallic flakes are mixed with
a Specular layer

The specular layer is used to simulate the specific action of the sun on metallic paint,soft reflection shaders do not replicate this effect very well.

Tranformation: The beginning

The robot starts as the fully cg car then transforms into a mocap driven running robot. This transforming of the robot required that we build a rig that was both used by motion capture data and FK/IK keyframe animation.
Sections of the robot had to switch from mocap to keyframe animation on demand, while other sections continued to use the mocap data. It was important that the transformation was both physically accurate as a real mechanical machine and look great to the viewer. A low resolution model was used for blocking out the initial animation.
Numerous versions of the transform were created before the final was selected. When the animation was approved for the next stage we moved to the high res version for first light and add all the secondary animation such as the hoses and hydraulics. Problems such as geometry intersecting was either fixed by tweaking the animation or painting out the error in comp.
Animation was also tweaked to reflect areas of the environment that looked best on the surface of the car.

Transformation: The End

The last shot was the only animation where an F/IK rig was utilized to animate the Transformer.The end framing, where the car was folded up, was posed approximately to match the final car, and the beginning framing was setup in a pseudo stretch pose. The final cg car was imported in as a background object.
A few days were spent first positioning the boned objects to match as closely as possible to the final car position. Then, each car panel and object were keyframed to line up to the car.
Keyframes of the panels were offset a couple frames after the bones, to settle the animation. There were several objects from the interior of the transformer that broke through the geometry.
To hide the penetration, the break-through objects had their visibility animated off. Interior objects, such as car seats were animated separately to form into final position.
Modelling updates to the Transformer were substituted into position as they were completed… and that’s all about Citroen C4 Runner!

Lightining Tutorial and Interior composition with vray render engine

noreply@blogger.com (Elips Computer) — Wed, 26 Jan 2011 10:34:00 -0800

' In this tutorial I mean explain in details the technics I learnt to create a Photorealistic scene. I don't like you reproduce my technic in the same way, but this tutorial could be a starting point to develope your method '

PART I :: Modeling, lightning and vray materials tutorial settings

Modeling

1.1 - Start creating 2 parallelepipeds, 10m x 10m, and 10cm thick, with 3m between them. These figures will be the floor and the ceiling in your scene.

1.2 - Now, instead of modeling all the apartment, you will model the walls, windows and doors separately.. Here, for example, I created a little corner with two windows and a main wall.

1.3 - Create a Vray light and put it near the window, then clone it as an "instance" of the other window.

1.4 - When you finish creating the parts, put them all in the scene and obtain the standard scene, where you can start testing your materials.

1.5 - Create a "camera-target" pointing to the center of the scene, with a 42mm focal. You will use this camera as a support for testing your materials.

1.6 - Using the "import" or "merge" function, load a piece of furniture that you have already modeled in another scene.

Tutorial Vray light, settings

1.7 - And God said : Let there be light !... So create a "direct target" light that you will call "Sol", put it in the scene and set intensity, color and active vray shadows. Then set the parameters, as you can see in the scheme below.

Rendering panelsettings: Irradiance map, color mapping

1.8 - Now start setting the vray rendering panel . The goal is to find the best configuration with an average quality, but in a very short time.

Select Fixed Rate as antialiasing

Select the Catmull-Rom filter

Activate the Indirect Illumination (selecting ON)

In my opinion, the combination Irradiance map / Light cache, is the best one, especially if you consider speed and quality

In the Color mapping section, chose "Exponential"

In the Irradiance Map section, select the "medium" preset

For now, in the Light Cache area, leave Subdivisions to 100 and activate the Pre-Filter

Activate the GI Environement, leaving the Multiplier to 1

Activate the Reflection/Refraction, and set it to 6. The goal is to increase the reflection intensity coming from the exterior.

Increase Noise Threshold to 0.05

Shader material settings

1.9 - When you have set the lights, go to material settings. I will not enter in great detail, because there are already many tutorials about this topic. Anyway, you will soon be able to see the attached scene [in the next days]

1.10 - When you have set your materials, use this scene to refine all the objects that you will include in the final composition. This step is very important, because you have to check the shader's reaction to the light in the scene.

Vray light tutorial stop here. [Coming Soon] PART II :: Scene composition. I will talk about the key elements to be considered in a composition (weight, color, shot) and I will explain how important is to know the composition rules for obtaining a good Rendering.

MENGHALUSKAN SELEKSI DI PHOTOSHOP

noreply@blogger.com (Elips Computer) — Sat, 27 Nov 2010 13:18:00 -0800

Hai... sobat semua jumpa lagi dalam tutorial saya.
Kali ini saya ingin memberikan tips tentang menghaluskan foto hasil seleksi.

Tutorial ini saya buat karena saya masih sering melihat disebuah media, baik itu poster, brosur, majalah dan lain-lain hasil seleksinya masih terlihat kasar atau kurang halus.

Di tutorial kali ini saya akan membahas tentang cara menghaluskan seleksi dengan FEATHER dan SMOOTH.

Oke… sekarang kita mulai saja.

Buka file dengan cara klik Menu : FILE > OPEN
Pilih gambar/foto untuk dijadikan cover.

Seleksi gambar/foto dengan POLYGONAL LASSO TOOL atau dengan PEN TOOL terserah menurut yang sering Anda gunakan.

Setelah terseleksi semuanya, klik Menu : SELECT > FEATHER atau CTRL+ALT+D akan tampil kotak FEATHER SELECTION.

Pada FEATHER RADIUS Isikan 1.5 PIXELS lalu klik OK.

Kemudian klik Menu : SELECT > MODIFY > SMOOTH akan tampil kotak SMOOTH SELECTION.

Pada SAMPLE RADIUS Isikan 2 PIXELS lalu klik OK.

Bila hasilnya masih kurang halus, masing-masing RADIUS masih bisa ditambahkan, tapi jangan terlalu besar nanti malah jadi kabur detail fotonya.

Sekarang lihat hasilnya... halus bukan.

Oke…sekian dulu tutorial dari saya, semoga bermanfaat bagi kita semua.

Bagi yang masih kurang jelas bisa bertanya di kolom komentar dibawah ini.

SELAMAT BERKARYA…

Desain pensil 3d

noreply@blogger.com (Elips Computer) — Fri, 26 Nov 2010 13:14:00 -0800

Cara membuatnya:

Pertama kita akan mengatur ukuran terlebih dahulu. Kita akan menggunakan standar ukuran dalam centimeter. Caranya : klik menu Customize>Units Setup.

Klik pilihan Metric dan ubah kotak kombo menjadi pilihan Centimeters.

Klik tombol System Unit Setup.

Pilih Centimeters dan klik tombol OK.

Selanjutnya kita akan mulai membuat objek dasar pensilnya. Kita akan menggunakan objek dasar berupa objek Cylinder. Klik tab Create>Geometry>Standard Primitives>Cylinder.

Buat objek di viewport Left (seperti tampak pada gambar).

Buka tab Modify.

Atur parameter seperti gambar dibawah.

Hasilnya akan tampak pada gambar berikut.

Dekatkan mouse Anda ke tulisan Perspective di viewport Perspective dan klik kanan, lalu klik opsi Edged Faces.

Anda akan mendapati objek tampak memiliki garis-garis pembentuk yang akan memudahkan kita dalam melakukan pengeditan selanjutnya.

Klik kanan tulisan Cylinder seperti petunjuk gambar dibawah dan klik pilihan Editable Poly.

Maka tulisan Cylinder akan berubah menjadi tulisan Editable Poly. Buka tanda plus disebelah tulisan Editable Poly. Klik pilihan Vertex.

Pilih Vertex-vertex seperti tampak pada gambar dibawah.

Klik tombol Collapse. Fitur ini berfungsi untuk menyatukan vertex-vertex yang kita pilih.

Lalu klik pilihan Edge seperti gambar dibawah.

Pilih edge seperti gambar dibawah.

Klik tombol Connect. Fitur ini berfungsi untuk menambahkan (connect) garis baru yang ingin kita tambahkan pada objek 3D kita.

Hasilnya kita akan punya penambahan sebuah garis baru, seperti tampak pada gambar dibawah.

Selanjutnya klik pilihan Polygon.

Lalu kita pilih bagian sisi depan, seperti gambar dibawah.

Tekan tombol M dikeyboard untuk membuka Material Editor.

Pilih warna hitam pada kotak bertuliskan Diffuse disampingnya.

Lalu tekan tombol Assign Material to Selection seperti pada gambar. Kita dapat memberikan warna untuk bagian-bagian lain dari objek pensilnya.

Hasilnya tampak seperti pada gambar.

Hasil final utak-atik pensilnya kira-kira seperti gambar dibawah ini

Pensil 3 Dimensi

Semoga Bermanfaat...

Efek Teks Dramatis dengan 3ds Max dan Photoshop

noreply@blogger.com (Elips Computer) — Fri, 26 Nov 2010 12:40:00 -0800

Di Tutorial kali ini, kita akan mencoba menggabungkan fungsi menarik dari 3ds Max dan Photoshop untuk menciptakan efek dramatis pada teks. Untuk kali ini, saya berasumsi bahwa pembaca sudah mengetahui dasar-dasar 3ds Max. Ada beberapa trik dan tehnik menarik yang akan kita pelajari kali ini. Salah satunya adalah membuat teks terpecah yang akan berguna untuk menciptakan artwork yang dramatis, unik dan juga menarik.

STEP 1

Saya lebih nyaman menggunakan tampilan 1 viewport pada 3ds Max. Ini tergantung kenyamanan masing-masing. Jika kamu lebih suka dengan tampilan 4 viewport, silahkan.. Untuk membuat tampilan 1 viewport besar pada layar, klik pada icon Maximize viewport toogle pada sudut kiri bawah layar 3ds max.

STEP 2

Pilih Create > Shapes > Text. Mulai ketikkan teks yang kamu inginkan. Pada tutorial kali ini, saya menggunakan font Arial dan memperkecil nilai pada Kerning agar jarak antar huruf lebih rapat.

STEP 3

Sekarang kita ke bagian Modify, klik kanan pada Text, lalu pilih Editable Poly. Langkah ini berguna untuk mengubah objek teks kedalam bentuk polygonal.

STEP 4

Klik pada kolom yang terdapat tulisan modifier list, lalu pilih Shell. Modifier Shell berfungsi menambah ketebalan pada objek. Pada contoh kali ini, saya memperbesar nilai pada Outer Amount menjadi 7. Gunakan tampilan Viewport perspektif (P) untuk melihat hasil sementara.

STEP 5

Ubah warna teks menjadi putih seperti pada gambar dibawah.

STEP 6

Untuk mengesankan efek dramatis pada teks, kita perlu menambahkan salah satu tool pada space warp bernama bomb. Untuk menemukannya, pilih Create > Space Warp, ganti list pada kolom menjadi Geometric/Deformable kemudian pilih Bomb. Klik untuk memunculkan tool bomb berbentuk segitiga pada area kerja.

STEP 7

Klik ikon Bind to Space Warp di bagian atas dokumen 3ds Max, kemudian klik pada objek teks lalu drag ke arah tool bomb berbentuk segitiga (lihat gambar). Langkah ini kita lakukan untuk membuat teks terkena imbas dari bomb sehingga menghasilkan pecahan-pecahan teks yang dramatis.

STEP 8

Tes dengan menggeser TimeLine ke angka 10, dan lihat! Sekarang teks terpecah karena terkena imbas dari Bomb.

STEP 9

Kita butuh satu lagi tool bomb untuk membuat pecahan teks lebih variatif. tekan dan tahan shift di keyboard, lalu drag tool Bomb kesebelahnya untuk mengcopy tool tersebut. Jangan lupa agar teks juga dikaitkan ke tool bomb yang kedua dengan menggunakan fungsi BInd to Space Warp.

STEP 10

Mulai bermain dengan posisi dari tool Bomb agar mendapat tampilan teks yang menarik.

STEP 11

Sekarang pilih teks, lalu pada bagian Modify, pilih Editable Poly dan klik pada ikon polygon berupa gambar persegi berwarna merah. Sekarang klik pada masing-masing huruf lalu rotasi untuk membuat teks tampak lebih menarik (Lihat gambar dibawah). Jika sudah, klik pada MeshBomb Binding untuk keluar dari pengeditan Poly.

STEP 12

Pilih Create > Light > Omni, klik dua kali di posisi yang berbeda pada area kerja untuk membuat dua buah lampu omni. Lampu ini berfungsi memberikan pencahayaan agar kesan 3d pada objek lebih hidup.

STEP 13

Beralih ke viewport Top dengan menekan tombol T di keyboard. Lari ke Create > Cameras, pilih kamera dengan tipe target. Klik dan drag pada area kerja seperti gambar dibawah. Pada contoh ini, saya menggunakan lensa 15mm.

STEP 14

Tekan tombol C di keyboard untuk beralih ke tampilan Camera View. Viewport camera adalah viewport yang nantinya akan kita render. Atur tampilan viewport agar tampil lebih baik dengan mengguankan fungsi Pan VIew dan Arc Rotate di sudut kiri bawah layar 3ds Max.

STEP 15

Sekarang saatnya untuk merender objek teks untuk dimasukkan ke Photoshop. Klik pada ikon Render Scene Dialog di sudut kanan atas 3ds max. Pilih tab Common dan atur nilai besar image dibagian Output Size. Besar image tergantung kepada kebutuhan artwork yang ingin kamu buat di Photoshop, usahakan ukurannya besar agar kualitas artwork nanti bisa maksimal. Selanjutnya klik pada tombol Files, pilih PNG untuk format filenya dan cari lokasi dimana kamu ingin menyimpan file tersebut. Jika sudah, klik tombol Render dibagian bawah Jendela Render Scene DIalog.

STEP 16

Masukkan file PNG hasil render di 3ds Max ke Photoshop. Sebelumnya saya telah mempersiapkan background dengan warna gradasi radial dari biru tua ke hitam. Ubah nama layer file PNG dengan nama "CADAS".

STEP 17

Pilih layer "CADAS" dan tekan Ctrl + J di keyboard untuk menduplikasinya. Posisikan layer "CADAS copy" dibawah layer "CADAS". Kemudian pilih layer "CADAS copy", lalu lari ke Filter > Blur > Motion Blur. Ubah nilai Distance pada jendela Motion Blur menjadi 88, Jika sudah klik OK.

STEP 18

Ubah Blending Mode dari layer "CADAS copy" menjadi Color Dodge, lalu duplikasi dengan menekan Ctrl + J di keyboard. Maka hasilnya akan seperti gambar dibawah ini.

STEP 19

Pilih layer paling atas (layer "CADAS") lalu klik ikon create new fill or adjustment layer dan pilih Photo Filter. Pada panel Photo Filter, ubah bagian Filter menjadi Cyan dan atur density-nya menjadi 80 (lihat gambar dibawah).

STEP 20

Pilih layer Adjustment Photo Filter, lalu tekan tombol Ctrl + Alt + G agar layer photo filter tsb masuk kedalam clipping mask sesuai bentuk layer dibawahnya yaitu layer "CADAS" (lihat gambar dibawah).

STEP 21

Download Grunge Brushes disini : 41-Grunge-Brushes-PS7. Buat layer baru, beri nama layer dengan nama "grunge brush". Letakkan beberapa brushes yang baru saja didownload seperti gambar dibawah ini. Brush disini berfungsi sebagai percikan dan pecahan dari teks agar lebih terlihat dramatis.

STEP 22

Klik ganda pada layer "grunge brush" untuk membuka jendela Layer Style, pada bagian Color Overlay, ganti warna dengan warna cyan dan atur nilai pada Opacity menjadi 50. Jika sudah, klik OK untuk keluar dari jendela Layer Style. Maka hasil sementara akan seperti gambar dibawah.

STEP 23

Buat sebuah layer lagi, beri nama dengan "cahaya". Sapukan brush berwarna putih dengan nilai Hardness 0 pada pinggiran kanvas (lihat gambar dibawah).

STEP 24

Ubah blending mode dari layer "cahaya" menjadi Overlay. Gunakan Transform tool (T) dan posisikan brush tadi seperti gambar dibawah.

STEP 25

Duplikasi layer "cahaya" menjadi beberapa layer dengan menekan tombol Ctrl + J di keyboard, kemudian posisikan hasil copian secara acak seperti gambar dibawah. Disini, kamu bisa berimprovisasi dengan memainkan ukuran dari brush dan menempatkannya di posisi yang tepat agar artwork terlihat menarik.

STEP 26

Buat layer baru lagi, beri nama layer dengan "warna". Ganti warna foreground menjadi pink (merah jambu), Pilih Brush Tool (B), atur besar brush dengan tombol [ dan ] dan sapukan brush pada kanvas seperti gambar dibawah ini.

STEP 27

Ubah blending mode dari layer "warna" menjadi Overlay dan turunkan opacitynya menjadi 50. Selanjutnya, gunakan Erase tool (E) dan hapus bagian warna yang keluar dari teks.

STEP 28

Terakhir, pilih layer paling atas, lalu klik ikon create new fill or adjustment layer dan pilih Exposure. Atur nilai-nilai yang terdapat pada panel Exposure seperti gambar dibawah ini.

Hasil Akhir

Beginilah hasil akhir yang kita capai, semoga ada trik dan tehnik baru yang bisa dipelajari dari tutorial ini.
Semoga bermanfaat dan selamat mencoba! :)

Skenario Logo Rp.50.000

noreply@blogger.com (Elips Computer) — Fri, 26 Nov 2010 12:38:00 -0800

Mungkin kamu sudah tidak asing dengan promo-promo seperti ini : "Desain LOGO MURAH, hanya Rp.50.000", atau "Jasa desain logo PROFESIONAL!!! Hanya Rp.50.000, Tanpa batas revisi!!!" Wow, Harga yang sangat murah bukan untuk sebuah desain logo!? hmm, belum tentu! Mari kita lihat skenarionya. Logo seperti apa yang bisa anda dapat dengan 50.000 rupiah saja. :D

Katakanlah kamu membutuhkan logo untuk usaha bernama "Care Coffee Shop" yang sedang kamu rintis. Penawaran-penawaran seperti diatas tentu saja menggoda kamu. Bayangkan, bisa dapat desain logo hanya dengan Rp. 50.000!? luar biasa bukan? Kamu pun langsung mengontak desainer yang memberikan penawaran tersebut. Setelah kamu dan desainer setuju, desainer mulai bekerja membuat logo untuk usaha kamu. Mari lihat, apa yang bisa dilakukan desainer dengan Rp. 50.000!

Desain logo membutuhkan sebuah riset mengenai pasar dan kompetitor dari usaha terkait. Logo haruslah original dan unik, mudah diingat, dan mampu mengkomunikasikan pesan. Hal itu tentu membutuhkan proses dari desainer, baik tenaga maupun pikiran yang tidak setimpal dengan harga Rp. 50.000.

Maka yang desainer kamu lakukan adalah mencari clipart gratis di Google yang pasaran dan telah dipakai oleh ribuan orang untuk berbagai keperluan. Hal ini mungkin setimpal dengan apa yang kamu bayar.

Desainer mulai berfikir untuk membuat ikon yang relevan dengan nama usaha kamu.
Care = Peduli > dilambangkan dengan tangan
Coffee = Kopi > dilambangkan dengan cangkir kopi

Setelah mendapatkan ikon yang sesuai untuk kopi, desainer mulai merubah kata kunci pencarian di Google untuk mencari ikon tangan. Hasil pencarian cukup banyak, ada 1 juta lebih hasil pencarian terkait dengan kata kunci "Hand Clipart". Mudah bukan!?

Selanjutnya, desainer akan melakukan trace menggunakan fungsi tracing otomatis untuk mengubah gambar tersebut menjadi gambar vector. "Tracing manual yang lebih rapi akan memakan waktu dan tidak sesuai dengan bayaran!" begitu kira-kira yang dipikirkan desainer.

Sekarang desainer mulai mengkombinasikan ikon tersebut menjadi logo. Munggunakan berbagai macam font unik untuk mengesankan kamu, dan menggunakan warna-warna cerah untuk membuat logo tampak meriah dan tidak membosankan (setidaknya menurut desainer).

dan, tarrraaaaaaaaa....selesai!

Bagaimana respon kamu?

"Wow, keren!!! Unik, eyecatching, dan profesional! mantap!!! Thanks ya logonya..keren abis!"

What!? Profesional!? Mari kita lakukan uji coba sederhana untuk melihat seberapa profesional logo kamu jika disanding dengan logo dari kompetitor usahamu! Kita tidak perlu bicarakan faktor unik, karena ribuan orang sebelumnya telah menggunakan clip art yang ada di logo kamu untuk berbagai keperluan.

apakah terlihat profesional!?

Logo yang bagus adalah logo yang tetap kokoh berdiri sebagai identitas walau hanya dalam tampilan hitam dan putih. Selain itu, logo juga mampu beradaptasi dalam berbagai warna background, baik terang maupun gelap. Lihat bagaimana tampak dari logo kamu dalam hitam dan putih dan dengan warna background hitam!

Selamat! Kamu mendapatkan apa yang kamu bayar. Moment yang patut dirayakan! Cheers... :)

Membuat Efek Kertas Robek pada Teks dengan Photoshop

noreply@blogger.com (Elips Computer) — Fri, 26 Nov 2010 12:35:00 -0800

Pada tutorial photoshop kali ini, kita akan belajar bagaimana caranya membuat efek kertas robek pada teks. Tutorial ini sederhana dan mudah untuk diikuti. Kita hanya menggunakan fungsi layer style untuk menciptakan efek tersebut. Selain itu, tehnik sederhana untuk menyimpan style untuk diterapkan pada layer lain juga cukup penting untuk diketahui guna menghemat waktu dan tenaga dalam mengerjakan sebuah karya. So, lets get started!

STEP 1
Mulai dengan menyiapkan warna background. Berikan warna gradasi radial dari abu-abu ke warna hitam pekat seperti gambar dibawah ini.

STEP 2
Persiapkan teks, dalam contoh ini saya menggunakan font Lot yang bisa kamu download disini. Pastikan setiap huruf pada teks mempunyai layer masing-masing (lihat gambar dibawah).

STEP 3
Kita mulai dengan layer 'a' untuk memberikan efek kertas robek pada huruf A. Klik ganda layer 'a' maka akan terbuka sebuah jendela bernama layer style. Pilih gradient overlay, lalu atur settingan pada opacity, gradient, style, angle, dan scale seperti pada gambar dibawah ini. Conteng pada tanda preview untuk melihat perubahannya secara langsung.

STEP 4
Masih pada layer style untuk layer 'a', kita beralih ke drop shadow untuk memberi sedikit shadow pada teks. Atur nilai-nilai yang terdapat pada drop shadow seperti gambar dibawah ini.

STEP 5
Selanjutnya, pilih style dibaris paling atas layer style, kemudian klik tombol new style. Langkah ini berarti kita akan menyimpan settingan pada layer style untuk kemudian diaplikasikan pada layer-layer lain.

Beginilah hasil dari pemberian layer style berupa gradient overlay dan drop shadow untuk layer 'a'

STEP 6
Sekarang, pilih Window > Styles untuk membuka Styles palette. Pilih layer 'r' dan layer 't' lalu klik pada ikon style yang tadi kita simpan. Maka secara otomatis, layer 'r' dan layer 't' telah memiliki style yang sama seperti layer 'a'

STEP 7
klik ganda pada Gradient Overlay pada layer 'r' di layer palette untuk melakukan sedikit pengeditan. Kita akan merubah angle efek kertas robek pada layer 'r' menjadi 180° (lihat gambar berikut).

STEP 8
Setelah merubah angle, kita juga perlu menaikkan efek pada huruf 'R' sedikit keatas. Dengan jendela layer style masih terbuka, kita hanya perlu meng-klik dan drag efek tersebut keatas untuk menyesuaikan posisinya pada teks.

STEP 9
Dengan cara yang sama, edit juga angle dari efek gradient overlay pada layer 't' menjadi 0°.

Kondisi layer palette setelah pemberian efek kertas robek pada teks selesai.

HASIL AKHIR
Beginilah hasil akhir dari pemberian efek kertas robek pada teks, sangat mudah bukan? Tutorial photoshop kali ini diharapkan bermanfaat untuk bisa diaplikasikan pada projek kreatif yang kamu kerjakan. Tetap Berkarya! :)

DESAIN TEKS ASAP DENGAN PHOTOSHOP CS5

noreply@blogger.com (Elips Computer) — Fri, 26 Nov 2010 12:14:00 -0800

Langkah 1
Buka Photoshop da buat dokumen baru, ukuran 1920×1200 px. Berikan efek gradient, pada menu pilih Layer à Layer Style à Gadient Overlay. Pilih Radial dan #07090a – #202b35 untuk warnanya.
Langkah 2
Masukkan tulisan berwarna putih kemudian pilih Filter àBlur à Motion Blur. Beri nilai 90º untuk angle, dan 40 px untuk Distance.
Langkah3
Sekarang pilih menu FilteràDistortàWave, untuk nilai Generators beri 3, 10 dan 346 untuk nilai Wavelength, dan 5 dan 35 untuk Amplitude.
Langkah 4
Pilih menu FilteràBluràGaussian Blur. Beri nilai 10 px untuk Radius. Kemudian group layer dan beri nama Folder Blend Mode diubah Color dodge. Anda akan mendapatkan efek cahaya yang bagus.

Langkah 5
Buatlah Layer baru kemudian pilih menu FilteràRenderàClouds, pastikan anda memilih hitam dan putih untuk background dan foreground, kemudian ubah Blend Mode menjadi Color dodge kemudian pilih menu LayeràLayer MaskàReveal All. Gunakan Very Soft Brush, 0 % hardness dan warna hitam Black Color, sembunyikan beberapa area pada layer awan.
Langkah 6
Buatlah Folder baru pada Layer Palette. Ubah Blend Mode menjadi Color Dodge dan tambahkan Layer baru pada folder. Gunakan smoke Brushes. Pilih Putih untuk warna dan gambarlah pada bagian tulisan. Anda bisa mengulang beberapa kali bila anda merasa brushnya tidak terlalu terang.
Langkah 7
Buatlah sebuah Layer baru di atas background Layer. Beri warna Hitam (Black) kemudian pilih menu FilteràTextureàTexturizer. Beri nilai 100% untuk Scaling dan 4 utuk Relief. Untuk Texture gunakan Canvas dan Light use top. Anda akan mendapatkan texture yang baik kemudian ubah opacity menjadi 10%.
Langkah 8
Ini dia hasilnya juragan.

Ingin tau harga sebuah blog ???

noreply@blogger.com (Elips Computer) — Wed, 24 Nov 2010 11:41:00 -0800

Pengen tahu cara mengetahui harga blog anda ?
Tinggal masukkan URL blog kamu kemudian klik submit .. Tunggu bentar kemudian akan muncul seperti gambar di bawah ini

Nah , bagi yang pengen tahu silahkan klik link di bawah ini ..
www.business-opportunities.biz/projects/how-much-is-your-blog-worth

Men-desain teks berwarna

noreply@blogger.com (Elips Computer) — Wed, 24 Nov 2010 11:38:00 -0800

Bagi yang belum tahu .. memang agak sulit untuk membuat tulisan berwarna
lagi asik2 posting , mau membuat tulisan warna , eh .. tidak tahu harus berbuat apa ,itu pasti menjengkelkan sekali ya ..
tapi tenang , ada cara mudah untuk membuat tulisan berwarna
langsung ke topik aja ya ..
misalkan kita akan membuat tulisan ini :

"disini adalah letak tulisan yang mau kita rubah warnanya"

masukkan code dibawah ini:

<font color='red' face='georgia'> disini adalah letak tulisan yang mau kita rubah warnanya </font>

maka tulisan tersebut akan berubah menjadi ;

disini adalah letak tulisan yang mau kita rubah warnanya

nah , gitu caranya .. mudahkan .. selamat mencoba ya ..

eittzzz ... lupa deh , untuk mengganti warna , tinggal tulis aja nama warna yang kamu pengen ,misalkan ; merah maka di <font color=''di tulis red !
udah tahu kan ....

Cara Memasang Google Translate pada Blog

noreply@blogger.com (Elips Computer) — Wed, 24 Nov 2010 11:08:00 -0800

Cara memasang google translate pada blog, sedikit tentang google translate : Fungsi dari gadget ini adalah untuk menterjemahkan bahasa blog kamu dengan berbagai bahasa yang ada di dunia. Karena pengunjung blog/website tidak hanya dari lokal saja tapi berasal dari berbagai negara, jika kamu memasang gadget translate di blog kamu maka akan memudahkan pengunjung dari negara lain mengerti akan isi dari blog kamu.

Berikut cara memasang google translate

Kunjungi Google Translate disini.

Pada Select the language of your webpage, ubah ke Indonesia (kalau blog kamu berbahasa
Indonesia).

Copy dan paste kode HTML yang berada didalam kotak, yang kode seperti dibawah ini.

Login pada blogger.

Klik Layout pada Dashboard.

Klik Add a Gadget, dan pilih HTML/Javascript

Masukkan kode HTML yang telah dicopy ( seperti pada langkah 4 ) dan beri judul titlenya,
misalnya Google Translate.

Simpan.

Selesai sudah pemasangan Google Translate pada blog anda

Tips trafik blog menjadi meningkat

noreply@blogger.com (Elips Computer) — Wed, 24 Nov 2010 10:28:00 -0800

Search Engine: Yeah itu membawa banyak lalu lintas ke blog Anda. Ada jutaan orang mencari di mesin pencari seperti Google, Yahoo, msn sehari-hari. Jadi, jika blog Anda memiliki begitu banyak posting yang baik dan juga diindeks oleh google, dll. Anda akan mendapatkan jumlah lalu lintas yang baik melalui mesin pencari. Ada beberapa langkah untuk melihat jika Anda ingin jumlah yang layak lalu lintas dari mesin pencari seperti "sitemap mengirimkan blog Anda ke google", yahoo untuk mengindeks halaman blog Anda sangat cepat. Dan yang penting lainnya adalah menambahkan meta tag ke blog Anda. Jika Anda ikuti dua langkah sederhana, maka Anda akan mendapatkan lalu lintas yang layak (lalu lintas besar-besaran jika konten Anda adalah baik).

Mengirimkan blog Anda ke Blog Direktori: Anda mungkin tahu ini sebelumnya, mengirimkan blog Anda ke blog direktori akan membawa Anda lalu lintas yang baik.
Berikut adalah daftar direktori yang baik dari blog (ada direktori begitu banyak, tetapi di bawah seseorang akan membawa Anda lalu lintas yang baik). Sebagian besar blog direktori meminta Anda untuk mendaftar sebelum Anda mengirimkan blog Anda. Saran saya, membuat alamat email baru semata-mata untuk tujuan ini begitu, email pribadi Anda tidak dibanjiri dengan email yang dikirim oleh administrator blog, dll

Berpartisipasi dalam forum, kelompok, etc:
Hanya pergi ke google dan memasukkan kata kunci [utama Anda + forum] atau [kata kunci + kelompok] dan pencarian. Misalnya, blog Anda adalah tentang blogging, maka pencarian 'Blogging forum'. Anda akan menemukan beberapa forum, grup terkait ke situs Anda. Daftar di forum dan posting artikel, dll dengan link kembali ke blog Anda (sebagai tanda tangan). Jawaban pertanyaan-pertanyaan, memperjelas keraguan dan menyediakan link ke blog Anda. Tapi, SPAM Dont '.

Social Bookmarking:
Social Bookmarking cara lain untuk membangun traffic yang bagus untuk website / blog anda. Jika Anda tidak tahu apa yang Bookmarking Sosial
"Social Bookmarking adalah sebuah praktek tabungan Penunjuk, penandaan tulisan dengan kata kunci dalam" situs web. Bookmark berarti menyelamatkan sebuah url situs Web tertentu (alamat) pada browser Anda bahwa Anda ingin berkunjung nanti. Ada begitu banyak situs seperti Bookmarking Sosial del.icio.us, digg, furl, technorati.
Satu hal yang baik tentang Sosial bookmark situs ini, Anda akan mendapatkan lalu lintas instan. Hanya mendaftar dengan mereka, menyimpan bookmark Anda, tag, .. dan Anda selesai, Lihat meter peledakan situs Anda dengan lalu lintas.

Kirim Artikel ke Direktori Artikel:
Mengirimkan artikel ke artikel direktori cara lain yang efektif untuk membangun lebih banyak lalu lintas. Dengan mengirimkan kepada mereka, artikel Anda mendapatkan eksposur yang besar dan mendapatkan lebih banyak lalu lintas.
Beberapa direktori artikel populer adalah goarticles.com, ezinearticles.com, articlecity.com, dll
Ada ratusan direktori artikel, hanya google.

Membiarkan Komentar pada blog lain:
Meninggalkan komentar dengan link kembali ke blog Anda adalah hal lain yang baik untuk dilakukan. Meninggalkan komentar di blog terkait lebih berguna dan juga meningkatkan PageRank Anda. Selalu meninggalkan komentar baik dan tidak Spam (dengan menempatkan like'click sini link 'seperti itu).

Satu lagi cara paling ampuh yaitu BERDOA supaya blog anda banyak dikunjungi.

Google Bagi-bagi Backlink Gratis tis....

noreply@blogger.com (Elips Computer) — Wed, 24 Nov 2010 08:14:00 -0800

Walaupun saya juga belum begitu paham dengan tehnik SEO , tapi setidaknya saya berniat untuk lebih mendalami tentang tehnik SEO dan mungkin blogger pemula seperti saya ini membutuhkan waktu yang lama untuk memahami hal tersebut .
Salah satu tehnik SEO yang dapat mendongkrak rangking di search enggine adalah backlink, dengan memperbanyak backlink maka pagerank kita juga akan naek. Kesimpulannya jika pagerank kita bagus maka kita bisa mendapat rangking bagus di search enggine.
Maka dari itu backlink adalah cara ampuh untuk meningkatkan pagerank , kita bisa mendapatkan backlink melalui beberapa hal misalnya adalah bertukar link dengan sesama blogger juga submit blog ke sosial bookmark. langkah berikut mungkin sudah tidak di perlukan lagi bagi senior seo , yang beginian ini tehnik dasar aja untuk pemula seperti saya.
Selama ini sebenarnya saya pengen dapat backlink gratis dari google tapi untuk mendapat backlink gratis dari google memang sulit , tapi neh .. ada cara yang simpel dan paling mudah mendapatkan backlink dari google dengan cara menggunakan layanan gratis google profil ! contoh seperti milik saya ini : Sinta Bella
Nah , kalau kamu pengen tau gimana caranya klik aja link di atas
Kemudian Create your own public profile kemudian isi data di kolom-kolom yang sudah di sediakan ..

APA BLOG seperti WEB ???

noreply@blogger.com (Elips Computer) — Wed, 24 Nov 2010 07:46:00 -0800

Blog adalah singkatan dari Weblog. Orang pertama yang memperkenalkan blog adalah Jorn Barger 1997 pada bulan Desember.

Blog bisa dianggap sebagai laman web pribadi. Ia bisa dijadikan sebagai catatan harian pribadi, majalah pribadi, rumah pribadi, kedai pribadi dan buku pribadi. Kita bisa menuliskan apa saja di dalam blog tersebut.

Jika anda ingin menuliskan isi hati anda dan ingin diketahui oleh umum, maka blog ini adalah salah satu jalan keluar. Anda juga bisa mengajar orang banyak dengan menggunakan blog. Jadi amatlah banyak fungsi blog ini mengikut keinginan penulisnya.

Seperti sekarang ini, saya gunakan blog ini untuk mengajar anda cara membuat blog. Dan bagusnya blog ini adalah gratis.

Anda bisa gunakan blog sebagai toko anda. Dengan itu anda bisa mengiklankan barang-barang yang ingin anda jual atau apa-apa produk yang anda pasarkan.

Karena saya juga sedang belajar dalam membuat blog ini, maka saya akan mengajar anda dasar-dasar membuat blog yang saya ketahui. Anda beruntung karena menemukan blog ini yang akan mengajar anda langkah demi langkah dari awal.

Ikutilah langkah-langkah dengan sabar dengan banyak latihan. Tentunya pada tahap permulaan anda belajar membuat blog ini, anda akan mengalami banyak kesalahan. Tetapi hal itu biasa dan jangan takut kerana setiap kesalahan dapat anda perbaiki dan edit di kemudian hari.

Setting Domain Menjadi co.cc

noreply@blogger.com (Elips Computer) — Wed, 24 Nov 2010 07:37:00 -0800

Seperti yang sudah kita ketahui, bahwa co.cc adalah top level domain yang bisa kita dapatkan secara gratis. Kita bisa mengganti nama blog kita dari "http://namadomain.blogspot.com" atau "http"//namadomain.wordpress.com" (dll) menjadi "http://namadomain.co.cc" . Dengan co.cc kita bisa mengontrol DNS Records, A, MX, dan CNAME records, sehinga domain co.cc bukan hanya sekedar "URL Forwarding".
Berikut ini akan saya coba mengungkapkan tentang cara setting domain di co.cc:

Ada 3 tipe pengaturan di co.cc. Ketiganya memiliki fungsi tersendiri. berikut ini penjelasanya:

1. Managed DNS
Ini biasanya digunakan untuk sebuah web yang memerlukan web hosting dan mengharuskan untuk mengarahkan Name Server-nya ke hosting tersebut. Misal untuk membuat web di 000webhost, atau bisa juga untuk blog wordpress yg menggunakan hosting dari luar. Metode ini tidak cocok digunakan untuk blogger/blogspot yang menggunakan hosting default dari blogger/blogspot.
Cara setting untuk metode ini yaitu dengan mengisi pada kolom "Name Server 1 dan Name Server 2 dengan name server yg sesuai dengan hosting yang digunakan. Misal, bagi yang menggunakan hosting dari 000webhost maka untuk kolom "Name Server 1" disi dengan "ns01.000webhost.com" dan kolom "Name Server 2" disi dengan "ns02.000webhost.com". Kemudian klik tombol "Setup". Selesai

2. Zone Records
Zone records cocok digunakan bagi para pengguna blogger/blogspot. berikut ini cara setting untuk Zone Records

Pada kolom "Host" isikan dengan nama domain yg sudah km daftarkan, misal "www.namadomain.co.cc" (jangan lupa dikasih "www")
Untuk option "TTL" biarkan saja, gak perlu dirubah2
Pada option "Type" pilih yang "CNAME"
Untuk kolom "Value" isikan "ghs.google.com"

Langkah selanjutnya yaitu merubah settingan di blogger/blogspot caranya begini:

Login ke blogger/blogspot kemudian masuk ke menu "Setting-->Publishing"
Kemudian pilih "Switch to: • Custom Domain
Setelah itu klik pada "Already own a domain? Switch to advanced settings"
Kemudian isikan nama domain kamu yang baru pada kolom "Your Domain".

Selanjutnya klik tombol "Save Setting"

Selesai. Kalau berhasil (Settingnya sudah benar) maka domain kamu yang baru akan aktif dalam waktu antara beberapa jam sampai 2 hari. Jadi sabar aja menunggunya. Blog kamu akan tetap bisa diakses dengan melalui domain yang lama.

3. URL Forwarding
URL forwarding bisa digunakan untuk apa aja, bisa web ato blog. Tapi URL Forwarding ini hanya memforward domain yg baru (yang di co.cc) ke domain lama. Jadi domain lama akan 100% seperti semula tanpa ada perubahan apapun, cuma kita bisa mengakses web/blog kita dengan mengetikkan nama domain baru kita di browser. Jika menggunakan URL Forwarding maka yang terindex di google atau Search engine yang lain adalah tetap Domain kita yang lama.
Untuk setting URL Forwarding sangat mudah, kita hanya mengisikan data-data yang diminta dan disesuaikan dengan web/blog kita, seperti "Redirect to:, Page Title, URL Hiding, Meta Description dan Meta Keywords". Kita tidak perlu lagi mensetting domain di web/blog kita lagi.
Note: Metode ini tidak dianjurkan jika tidak terpaksa

Jadi kesimpulannya adalah:

Jika kamu memakai layanan blogger/blogspot maka gunakanlah "Zone Records"
Jika domainnya digunakan untuk web yg memerlukan hosting atau untuk wordpress maka gunakanlah "Manage DNS"
Jangan menggunakan "URL forwarding" jika tidak terpaksa. Misal untuk untuk blog dari multiply yang tidak support custom domain.

Buat gelas 3D dengan Meshfill Tool

noreply@blogger.com (Elips Computer) — Tue, 23 Nov 2010 09:26:00 -0800

Mari langsung menuju ke inti dari pembahasan. Lagi-lagi dengan Pen Tool, buat objek kurva dengan tujuh titik, seperti ini :
Gunakan garis bantu ditengahnya menggunakan fasilitas ruller. Kemudian lekuk-lekukan dengan shape tool kurva tersebut hingga menjadi seperti ini :

Selanjutnya lakukan proses mirroring dari kurva tersebut, masuk ke menu Arrange | Transformation | Scale (Alt+F9) , seleksi kurva yang akan di mirror, kemudian pilih mirror horizontal, Apply Duplicate seperti ini :

Hingga hasilnya nanti seperti ini :

Seleksi dua kurva tersebut, kemudian klik kanan, lalu combine :

Lakukan zoom semaksimal mungkin, terlihat di sana ada garis yang putus

seleksi kedua titiknya, kemudian klik kanan lalu pilih join, seperti ini :

lakukan di bagian ujung satunya lagi, setelah selesai, jadikan warna hitam, seperti ini :

untuk membantu pewarnaan, buat background seperti ini, dan taruh di belakangnya objek tadi.

kemudian dengan meshfill tool,

buat pola yang nantinya dengan cara mendouble klik garis-garis ujung yang akan dijadikan area pewarnaan gelap terang, di awali seperti ini,

dan pola hasil akhirnya seperti ini :

blok semuanya, kemudian beri warna putih, lakukan pewarnaan diarea-area tertentu hingga memberikan kesan gelap terang, di awali seperti ini :

hingga …

dengan transparency dan type transparencynya linear, lakukan transparansi sehingga menjadi seperti ini

kemudian buat salinan dengan copy paste objek gelasnya, menjadi 3, seperti ini …

lalu pilih salah satu, dan jadikan dia bitmap (dengan menu bitmap | convert bitmap )

lalu berikan effect blur pada bitmap tersebut (dengan menu bitmap | blur | gaussian blur ) dengan radiusnya 5.0 pixels

kemudian lakukan mirror vertically, letakkan di bawah objek gelas yang satunya, menjadi seperti ini …

convert to bitmap, berikan efek blur, dan lakukan transparency, hingga hasilnya seperti ini …

pilih objek yang satunya, kemudian dengan mesh fill tool,

lakukan clear mesh fill

lalu beri warna hitam seperti ini, dan hilangkan transparencynya

buat 3 buah elipse di atasnya menjadi seperti ini …

kemudian selanjutnya buat dua buah kotak seperti ini dengan rectangle tool,

kemudian beri warna seperti ini

dan lakukan convert to curve, lalu lekuk lekukan dengan shape tool hingga menjadi seperti ini …

kemudian perhalus dengan shape tool, dan beri meshfill sehingga hasilnya menjadi seperti ini …

letakkan di bawah hingga menjadi seperti ini

kemudian dengan memanfaatkan shadow tool, buat cahaya dengan shadow berwarna putih hingga hasilnya seperti ni …

berikan variasi dengan memanfaatkan star tool

hingga hasil akhirnya seperti ini …

oke, selesai, dan sudah terlihat seperti gelas, meskipun tidak maksimal.
selamat mencoba, file tutorial ini bisa didownload di sini …
gelas-coreldrawx4.cdr

download template master 11 kartu nama

noreply@blogger.com (Elips Computer) — Tue, 23 Nov 2010 08:34:00 -0800

Pada artikel 5 Websites untuk Membuat Kartu Nama Sendiri, Computer 1001 sudah menyajikan 2 website untuk membuat kartu nama dan 3 website untuk download template kartu nama.
Dan kali ini dari Vandelay Design juga memberikan 11 sumber untuk download template kartu nama yang gratis tetapi menawan dalam bentuk vector dan Photoshop.
Selamat mengoleksi.

Download Template PowerPoint untuk Master Matematika

noreply@blogger.com (Elips Computer) — Tue, 23 Nov 2010 08:25:00 -0800

About.com memiliki kumpulan template PowerPoint gratis, yang dapat digunakan untuk mengajar matematika, seperti penjumlahan, pengurangan, dan perkalian.
Template didesain dengan gambar dan animasi yang menawan yang dapat menarik perhatian murid-murid kecil Anda.

Kunjungi Galeri untuk Download Template PowerPoint

8 Situs Master Tutorial Illustrator

noreply@blogger.com (Elips Computer) — Tue, 23 Nov 2010 08:22:00 -0800

Vectortuts+ - memiliki tutorial untuk Illustrator yang sangat berlimpah dan berkualitas tinggi. Jangan lupa dapatkan juga freebies vector dan template untuk Illustrator.
Layers
Verlee's Blog
N.Design Studio
Jacorre Design Studio
Bittbox – memiliki banyak kumpulan tip untuk menggunakan tools di Illustrator.
Voidix
IllustrationClass.com – menyediakan kumpulan tutorial dalam file yang dapat di-download. Juga tersedia tutorial dalam bentuk video.

Horror Desain Master

noreply@blogger.com (Elips Computer) — Tue, 23 Nov 2010 06:10:00 -0800

Di tutorial kali ini, kita akan belajar menerapkan beberapa fungsi dasar yang wajib dipahami di Photoshop. Fungsi-fungsi tersebut meliputi penggunaan layer mask untuk masking, penerapan Adjustment layer yang efektif, fungsi tool-tool pada photoshop seperti Clone Stamp Tool, Brush Tool, Lasso Tool, dan lain-lain. Kesemua fungsi tersebut akan kita pelajari melalui praktek tutorial langsung berupa manipulasi gambar seorang wanita menjadi sebuah karakter horor yang sering kita lihat di poster-poster film horor.

Sebelumnya, perlu saya beritahukan kalau saya menggunakan beberapa gambar dan brushes untuk keperluan tutorial ini. sourcenya bisa anda temukan melalui link-link dibawah ini :

1) gambar wanita
2) gambar darah
3) gambar luka jahitan
4) smoke brushes

Ok, tanpa banyak basa-basi, langsung kita mulai tutorialnya:

STEP 1
Mulai dengan dokumen baru, masukkan gambar wanita yang akan kita manipulasi menjadi karakter horor di tutorial kali ini.

STEP 2
Kita akan mulai dengan menghapus bagian bola mata. Caranya, gunakan Clone Stamp Tool (S) di ToolBox. Prinsipnya sederhana, Clone Stamp Tool akan merekam gambar di suatu bagian untuk kemudian ditempelkan dibagian gambar yang lain. Untuk merekam/mengambil sampel gambar, tekan dan tahan tombol Alt di keyboard lalu klik bagian gambar yang ingin dijadikan sampel. langkah selanjutnya, klik pada bagian yang ingin ditimpa oleh sampel gambar. Dalam hal ini, sampel gambar adalah bagian putih mata yang ditimpakan ke bagian bola mata. Gunakan tahap ini perlahan dan perhatikan detail.

STEP 3
Berikutnya, masukkan gambar darah ke document photoshop.

STEP 4
Kita hanya membutuhkan sebagian kecil gambar darah dari gambar darah yang baru saja dimasukkan. Jadi, sisanya harus dihapus. Gunakan Magic Wand Tool(W) kemudian seleksi bagian berwarna putih pada layer darah. Kemudian pilih select > Similiar agar seluruh bagian berwarna putih ikut terseleksi. Jika sudah, tekan tombol Delete di keyboard untuk menghapusnya.

STEP 5
Posisikan bagian darah di pinggir bibir si wanita untuk mengesankan seolah-olah darah keluar dari mulut si wanita tersebut. Kemudian hapus bagian lain darah yang tidak dibutuhkan dengan Erase Tool (E). Selanjutnya, ubah blending mode layer darah menjadi Multiply.

STEP 6
Masukkan gambar jahitan pada wajah ke document photoshop. Gunakan Lasso Tool (L) lalu gambar sebuah bentuk mengelilingi luka jahitan, setelah terseleksi, tekan Ctrl + Shift + I pada keyboard untuk mengaktifkan funsi Inverse. Fungsi Inverse digunakan untuk membalik seleksi dari seleksi awal. Dalam hal ini, seleksi awal adalah luka jahitan, dan setelah dibalik maka yang terseleksi adalah bagian diluar luka jahitan. Jika sudah, tekan tombol Delete di keyboard karena kita tidak membutuhkan bagian selain luka pada gambar.

STEP 7
Pilih layer Luka jahitan, kemudian, klik pada ikon Add Layer Mask dibagian bawah layer palette. Aktifkan Brush Tool (B), kemudian pilih layer mask pada layer Luka Jahitan (layer mask adalah kotak putih disamping layer luka jahitan). Pastikan warna forground document photoshop adalah warna hitam. Kemudian mulai lah sapukan brush dengan brush tool di sekitar gambar luka jahitan yang tersisa, lakukan dengan perlahan dan perhatikan detail hingga yang tersisa hanya luka jahitannya saja.

Jika sudah, posisikan bagian luka pada posisi membelah bagian mata kiri si wanita, kemudian pilih lagi Layer mask, dan sapukan brush pada bagian mata untuk menghilangkan luka jahitan pada bagian mata.

STEP 8
Pilih layer luka jahitan, lalu pada Menu Bar, pilih Edit > Transform > Warp. Maka akan muncul sebuah jaring pada luka jahitan. Geser bagian-bagian pada jaring untuk membentuk luka jahitan agar membentuk kontur bentuk wajah si wanita.

STEP 9
Langkah selanjutnya, pada bagian bawah palette layer, Tekan dan tahan tombol Alt lalu klik icon Create New Fill or Adjustment Layer dan pilih Curve (jangan lepas dulu tombol alt dan klik cursor sampai anda menekan tombol curve), conteng chekc list pada jendela New Layer yang muncul. fungsi tombol Alt disini adalah agar Adjustment layer hanya diaplikasikan kepada layer yang dipilih dan tidak mempengaruhi layer-layer lainnya. jika sudah, atur nilai pada tab curve seperti pada gambar dibawah.

STEP 10
Aplikasikan juga Curve pada layer darah, langkah-langkah nya sama dengan yang terdapat pada STEP 9.

STEP 11
Sekarang kita masuk kepada tahap pewarnaan/pencahayaan. Pilih layer paling atas, kemudian klik pada icon Create New Fill or Adjustment Layer (kali ini tanpa tombol Alt, karena kita akan mengaplikasikannya pada semua layer). Kemudian pilih Exposure. Atur nilai Exposure seperti pada Gambar dibawah.

Setelah itu, lanjutkan dengan Hue/Saturation dan Color Balance (masih melalui Create New Fill or Adjustment Layer). Atur nilai masing-masing seperti gambar dibawah. untuk Color balance, ganti semua nilai pada Midtones, Shadow dan Highlight dengan menggeser kursor ke arah yang condong kepada Cyan dan Blue.

STEP 12
Pilih semua objek kecuali background (anda bisa menggunakan fungsi Shift di keyboard), kemudian di Menu Bar, pilih Layer > Merge Layer (Ctrl + E) untuk menggabungkan layer-layer tersebut menjadi satu layer.

STEP 13
Terapkan fungsi layer mask yang telah kita bahas pada STEP 9 kepada Layer baru hasil penggabungan dari beberapa layer tadi. Dengan menggunakan layer mask dan brush (B) hilangkan bagian berwarna putih pada gambar. Kemudian ganti background document dengan warna hitam.

STEP 14
Buat layer baru, aktifkan Brush Tool (B) dan masukkan salah satu brush asap (smoke brush) seperti pada gambar dibawah ini.

STEP 15
Gunakan fungsi layer mask untuk menghapus bagian bagian tertentu dari smoke brush.

STEP 16
Selanjutnya, klik icon Create New Fill or Adjustment Layer sambil tekan dan tahan tombol ALt di keyboard, lalu pilih photo filter, klik warna pada tab photo filter dan ganti dengan warna biru. Ini adalah salah satu alternatif untuk menyamakan tema warna dari smoke brush dengan layer-layer yang lain.

HASIL AKHIR:

Master Tipografi Wajah

noreply@blogger.com (Elips Computer) — Tue, 23 Nov 2010 05:56:00 -0800

Beberapa waktu yang lalu, saya sempat posting sebuah artwork sederhana berupa tipografi wajah di Desain Studio. Ternyata banyak yang request agar karya tersebut dibikinkan tutorialnya. Dan Kali ini, saya berkesempatan untuk membuat tutorial tersebut. Sebuah tutorial photoshop yang sangat sederhana yang diharapkan dapat memberi penjelasan secara rinci mengenai proses pembuatan karya tipografi wajah. Mudah-mudahan dari tutorial ini, pembaca bisa berimprovisasi menciptakan artwork yang fantastis sesuai dengan fantasi dan imajinasi kreatif masing-masing. Check it out! :)

Sebelum memulai, berikut link download gambar dan brush yang akan kita gunakan pada tutorial kali ini :
¤ Foto wajah Megan Fox
¤ Brushes Scrambled Letters

STEP 1
Persiapkan gambar yang ingin dibuat tipografi wajah. Buka gambar tersebut di photoshop, dan secara otomatis, layer gambar tersebut menjadi layer 'background'. klik ganda pada layer 'background' untuk mengubahnya menjadi layer biasa, dan ubah nama layer tersebut menjadi 'face'.

STEP 2
Pada tutorial kali ini, kita hanya membutuhkan bagian wajah. Jadi crop gambar wajah menggunakan Pen tool (P). Untuk cara cropping gambar menggunakan Pen tool, lihat tutorial ini : Menghapus background di Photoshop.

STEP 3
Buat layer baru dan beri nama dengan 'background'. Kemudian, posisikan layer 'background' diposisi paling bawah. Tekan tombol Ctrl + D di keyboard untuk mengembalikan warna foreground-background menjadi hitam putih. Jika sudah, gunakan Paint Bucket tool untuk mengisi layer background menggunakan warna hitam.

STEP 4
Buatlah sebuah layer baru dan beri nama layer dengan 'tipografi'. Kemudian pastikan warna foreground adalah putih seperti gambar dibawah.

STEP 5
Setelah kamu mendownload dan menginstall Scrambled Letters brush di link diatas, maka sekarang ada banyak pilihan brush berupa kumpulan huruf-huruf yang bisa digunakan. Pastikan layer 'tipografi' aktif, dan mulai sapukan brush dengan menggunakan Brush tool (B) pada bagian wajah.

STEP 6
Ulangi menyapukan brush ke dokumen tapi pastikan brush yang disapukan berbeda-beda jenisnya sampai kumpulan brush telah dirasa cukup untuk membentuk sebuah wajah.

STEP 7
Jika sudah, tekan dan tahan tombol Alt di keyboard, kemudian klik pada thumbail layer 'tipografi' agar seluruh bentuk pada layer tersebut terseleksi.

STEP 8
Sementara seleksi aktif, klik layer 'face' untuk mengaktifkannya. Lalu tekan Ctrl + C (Copy) kemudian Ctrl + V (paste).

STEP 9
Langkah diatas menciptakan sebuah layer baru lagi bernama 'layer 1'. Sembunyikan (hide) layer 'face' dan layer 'tipografi' untuk melihat dengan jelas bahwa 'layer 1' adalah kumpulan tipografi yang membentuk suatu objek wajah seperti gambar dibawah.

STEP 10
Tapi kita belum selesai sampai disini, kita perlu membuat suasana lebih dramatis dengan membuat efek huruf-huruf yang keluar dari wajah, seperti terbawa angin. Untuk itu, buat sebuah layer lagi, beri nama dengan 'tipografi 2' sapukan beberapa Brush scrambled letters di samping wajah seperti pada gambar dibawah.

STEP 11
Klik ganda pada layer 'tipografi 2' untuk membuka jendela layer style. Pada jendela layer style, pilih gradient overlay dan atur settingan didalamnya seperti gambar dibawah. Langkah ini untuk membuat kumpulan huruf tambahan pada layer 'tipografi 2' mempunyai gradasi dari terang ke gelap sehingga menunjukkan kedalaman agar artwork terlihat lebih realistis.

STEP 12
Buat layer mask untuk 'Layer 1', caranya klik ikon layer mask di bagian bawah layer palette. Klik thumbnail layer mask di 'layer 1' kemudian buat bentuk acak seperti gambar dibawah ini dengan Pen Tool (P). Sementara Pen tool aktif, klik kanan pada area kerja, lalu pilih Make Selection untuk mengubah garis kurva menjadi seleksi. Jika sudah, isi area yang terseleksi dengan warna hitam. Langkah ini akan membuat bagian tersebut menjadi tidak kelihatan sekaligus menciptakan efek acak yang membuat artwork lebih dramatis.

STEP 13
Kamu bisa berimprovisasi menciptakan kesan acak melalui langkah diatas tadi. Semakin acak bentuk yang kamu buat, maka akan semakin kuat harmonisasi yang dikesankan dalam artwork.

STEP 14
Terakhir, kita masuk kedalam bagian pewarnaan. Buat sebuah layer baru diposisi paling atas layer-layer yang lain. Beri nama layer tersebut dengan 'warna'. Gunakan Gradient Tool (G) dan bukan Gradient editor. Pada Gradient Editor, atur settingan warna gradasi dari hijau ke orange seperti pada gambar dibawah.

STEP 15
Drag Gradient Tool (G) pada area kerja, kemudian ganti blending mode untuk layer 'warna' menjadi Color.

Hasil Akhir
Beginilah hasil akhir dari tutorial tipografi wajah di photoshop. Mudah-mudahan dapat bermanfaat dan bisa dikembangkan dengan kreasi artwork kamu sendiri. Thanks for reading! :D

Kreatifitas Master Desain

noreply@blogger.com (Elips Computer) — Tue, 23 Nov 2010 05:39:00 -0800

Desain grafis adalah salah satu bidang yang tercakup kedalam industri kreatif. Disebut "kreatif" karena desainer grafis dituntut untuk mencari solusi dan menemukan ide-ide yang tepat untuk memecahkan masalah. Lalu, apa itu "kreatifitas"!? Bagaimana yang disebut dengan orang-orang kreatif!? Pada Artikel ini, kita akan menguraikan lebih jauh tentang apa itu kreatifitas, ciri-cirinya, dan bagaimana proses untuk menciptakan ide-ide yang kreatif.
thumbnail image source

Jadi, Apa itu Kreatifitas?

Kreatifitas adalah kemampuan untuk membayangkan atau menciptakan sesuatu yang baru dan lain dari pada yang lain. "baru" disini bukan berarti sama sekali baru, tapi mungkin ide-ide yang telah ada sebelumnya diolah, digabungkan, diubah, dan dikembangkan kedalam suatu gaya baru yang tidak pernah terpikirkan sebelumnya. Saya jadi kembali teringat kepada kutipan menarik dari Albert Einsten :

"The secret to creativity is knowing how to hide your sources"

"Rahasia dari kreatifitas adalah mengetahui bagaimana menyembunyikan sumber yang kamu dapatkan"

Kutipan tersebut secara tidak langsung mengatakan bahwa tidak ada yang baru yang bisa ditemukan oleh manusia, hanya Tuhan yang bisa melakukan itu. Pada dasarnya, manusia adalah makhluk peniru dan selalu terpengaruh oleh lingkungan sekitarnya. Begitu juga halnya dengan kreatifitas, yang tidak lain hanyalah penggabungan dan pengembangan segala sesuatu yang telah ada sebelumnya.

Percaya atau tidak, setiap orang dilahirkan dengan kemampuan untuk berkreasi dan menjadi kreatif. Namun beberapa faktor seperti lingkungan, aturan, dan kebiasaan cenderung mengubah prilaku kita untuk hidup terlalu serius dan berada di dalam tekanan. Sedangkan kreatifitas adalah sesuatu yang membutuhkan ruang dan waktu yang cukup untuk bisa diwujudkan.

Ciri dari Kreatifitas

Orang-orang kreatif terbuka untuk perubahan dalam hidup. Mereka biasanya sangat penasaran dan menghabiskan banyak waktu untuk mencoba berbagai ide dan kemungkinan. Orang yang kreatif percaya bahwa "dunia ini baru setengah jadi", dan sisanya adalah tugas mereka untuk menemukan dan mengembangkannya, dan kegagalan hanyalah sebuah proses yang harus dilalui untuk mencapai tujuan.

Kreatifitas adalah Proses dan Kerja Keras

Apakah kamu adalah salah satu tipe orang yang mencari inspirasi dan ide kreatif dengan nongkrong lama di toilet!? Kalau begitu kita sama! :D Tidak salah memang, situasi tertentu kadang bekerja cukup ampuh dalam mentransfer ide kreatif ke dalam imajinasi kita. Tapi kreatifitas adalah sesuatu yang membutuhkan proses. Orang kreatif terus menerus berusaha menigkatkan imajinasi melalui rangkaian eksperimen yang terkadang tersandung oleh banyak liku-liku yang biasa dikenal dengan kegagalan.

Kreatifitas juga membutuhkan waktu untuk diwujudkan. Pernahkan kamu mendengar kalimat "Ide muncul tiba-tiba"? Sebenarnya itu bukanlah ide yang selintas muncul tanpa sebab dan alasan. Ide tersebut berasal dari pengalaman tentang apapun yang kita lihat, dengar, rasakan dan dimunculkan kembali dalam rentang waktu yang tidak terduga. Sehingga, seolah-olah ide tersebut muncul dan hinggap di pikiran dengan tiba-tiba.

Jadi, Apa itu Kreatifitas?

Kegunaan Layer Mask saat pake Photoshop

noreply@blogger.com (Elips Computer) — Tue, 23 Nov 2010 05:36:00 -0800

Salah satu cara yang paling ampuh untuk menggabungkan dua buah gambar adalah dengan menggunakan layer mask. Proses masking sendiri adalah suatu pembentukan objek dengan menghilangkan sebagian objek. ada berbagai cara masking yang bisa digunakan di photoshop, salah satunya adalah dengan menggunakan Layer mask pada layar.

Tutorial kali ini akan sedikit menjelaskan mengenai bagaimana cara mengaplikasikan layer mask untuk menggabungkan dua gambar terpisah menjadi satu gambar utuh dan terlihat realistis. sebagai contoh, kita akan coba membuat gambar lyra virna memar dengan mengambil bagian memar dari objek gambar lain. langsung aja bos... :D

STEP SATOE : masukkan gambar yang Lyra Virna ke layer (Ctrl + O)

STEP DUA : Masukkan gambar orang yang bagian matanya memar, seperti contoh dibawah ini. caranya, pada Menu Bar, klik File > Place > lalu browse gambar memar yang mau dimasukkan.

STEP TIGA : Pastikan layer "memar" dalam keadaan terpilih, lalu klik ikon Add Layer Mask pada layer palette, maka akan tercipta sebuah layer bantu pada layer memar dengan tampilan kotak berwarna putih.

STEP EMPAT : pilih layer kotak berwarna putih tsb lalu pilih Brush Tool (B), pada menu Option dibagian atas, atur besar kuas brush, Hardness (tingkat ketegasan kuas brush) dan opacity dari brush tersebut.

Selanjutnya, pastikan warna hitam sebagai warna forground. karna Hitam akan didefinisikan sebagai warna yang hilang (tidak tampak) dalam layer mask. Kemudian usapkan layer brush pada gambar memar untuk menghapus bagian yang tidak memar dan menyisakan bagian yang memar.Perbesar dan perkecil ukuran masing-2 opsi tersebut sesuai dengan keperluan pada objek. lakukan step tersebut hingga hanya objek bagian memar yang tersisa.

STEP LIMA : Posisikan objek memar ke bagian mata Lyra Virna dengan menekan Ctrl + T pada keyboard. bisa diperkecil atau diperbesar dan dirotasi (diputar) apabila diperlukan.

STEP ENAM : gunakan kembali brush tool (B) untuk menghapus memar yang melewati bagian wajah.

STEP TOEJOEH : Pada menu bar, pilih Image > Adjustment > Level (Ctrl + L) untuk menyesuaikan warna memar. pergelap objek memar dengan menggeser tanda panah hitam di ujung bagian kiri ke arah kanan.

dan hasilnya kira-kira akan seperti ini

Gila ne cewek..udah dihajar gitu masih senyum aja.. :D

Desain Huruf dengan Photoshop

noreply@blogger.com (Elips Computer) — Tue, 23 Nov 2010 05:35:00 -0800

Dalam tutorial photoshop kali ini aku akan memberikan panduan untuk memodifikasi huruf yang kita tulis melalui photoshop. Mungkin kamu bosan melihat jenis font di komputermu yang itu-itu saja. Nah, dengan panduan ini kamu bisa mengkreasikan huruf sesuai kemauanmu.

Dasarnya, kita akan memodifikasi work path(kerangka) yang sebelumnya dihasilkan melalui huruf yang kita tulis, kemudian setelah itu work path yang telah dibentuk ulang kita ubah menjadi vector mask(gambar). Misalkan kamu ingin membuat sebuah poster, kamu bisa menerapkan tutorial ini.

Berikut panduan / tutorial modifikasi huruf dengan photoshop:

Menyiapkan Work Path

Tulislah kata yang ingin kamu modifikasi menggunakan Horizontal Type Tool. Kalau aku menuliskan kata "indonesia" sebagai contoh.
Setelah ditulis, klik kanan teks dengan Horizontal Type Tool hingga muncul popup menu dan pilih Create Work Path.
Kemudian akan muncul work path dipinggir tiap huruf. Lalu buat layer baru dan hilangkan simbol mata pada layer teks yang kamu buat.
Pilih layer baru yang kamu buat, dan work path-mu siap dimodifikasi.

Modifikasi Work Path

Untuk memodifikasi work path gunakan Convert Point Tool, pilih Convert Point Tool.
Mulai modifikasi. Kumulai dengan huruf pertama yaitu "i", pilih huruf "i" maka akan muncul kotak-kotak kecil pada tiap sudut. kotak kecil itu adalah poin yang membentuk work path.
Bayangkan bentuk yang kamu inginkan dan kemudian mulailah membentuk dengan memilih poin (ditandai dengan berubah menjadi kotak hitam) dan menggesernya.
Teruskan ke huruf selanjutnya, dengan ulangi langkah 3.
Kali ini aku akan mengubah bentuk huruf "o" dengan memilih beberapa poin sekaligus pada huruf "o" dan menghapusnya.

Tips: Tahan tombol Shift untuk memilih poin lebih dari satu. Untuk menghapus poin, gunakan tombol Delete.
Dan aku akan menambahkan workpath baru pada bagian yang telah kuhapus sebelumnya. Dengan cara memilih Pen Tool.
Kemudian memilih ujung workpath yang kuhapus lalu meng-klik ujung satunya lagi dengan begitu akan tercipta work path baru.

Menjadikan Work Path Sebagai Gambar

Setelah semua workpath(kerangka) setiap huruf diubah kini saatnya mengubahnya menjadi vector mask(gambar). Masih menggunakan Pen Tool, klik kanan work path hingga muncul popup menu dan klik Create Vector Mask.
Bila workpath sudah berubah menjadi gambar vektor maka layer akan berubah menjadi sesuai di ilustrasi dibawah ini.

Memberikan Warna Pada Gambar Vektor

Setelah diubah menjadi gambar vektor, kita harus memberi warna. Karena vector mask seperti artinya hanyalah jiplakan dari workpath. Gunakan Paint Bucket Tool untuk memberi warna.
Pilih warna yang kamu mau, dan klik gambar dengan Paint Bucket Tool.
Maka gambar telah selesai dibuat dan siap dipakai untuk keperluan apa saja.

Setelah semua tahapan selesai dilaksanakan, berikan efek pada gambar yang telah dibuat agar lebih menarik. Dan berikut adalah gambar perbandingan huruf sebelum dan sesudah dimodifikasi.

Contoh lainnya:

Kelihatannya tidak ada yang spesial.
Sudahlah, intinya dari tutorial ini agar kamu bisa memanfaatkan work path untuk desain yang lebih rumit lainnya. Mohon kritik yang disertai saran darimu untuk tulisanku ini. Sampai jumpa di tutorial selanjutnya.

Semoga bermanfaat.