Showing posts with label Materi Grafis. Show all posts
Showing posts with label Materi Grafis. Show all posts

Membuat Bangun Sederhana dan Menambahkan Teks

Memaknai kemerdekaan dengan desain grafis? kenapa tidak selama kita bisa dan mampu, baik pada tutorial kali ini sesuai dengan judulnya yaitu bangun/frame sederhana dan teks dan temanya saya sesuaikan dengan hari kemerdekaan...

Langkah - Langkahnya:
1. Buka Program inkscape

2. Buat bangun dengan menggunakan Create rectangles and square atau tekan F4 pada keyboard


3. Buat bangun kotak pada lembar kerja
dan gunakan Edit paths by nodes (F2) untuk mebuat bangun kotak tersebut agak rounded (tidak bersudut)
Caranya: dengan menggeser/mendrag lingkaran merah dengan mouse kalian


4. Nah tinggal mewarnai
caranya:
Klik bangun kemudian klik warna di Color Pallete (untuk mengetahui letak color pallete lihat LAYOUT TAMPILAN INKSCAPE )
Disini penulis mewarnai dengan warna oranye hitam
Hasilnya:


5. Buat Kotak yang lebih kecil
(caranya: ulangi langkah 2 dan 3, untuk langkah 4 gunakan warna Kuning Telur atau Oranye)

6. Gunakan untuk menTRANSFORM (mengecilkan, memperbesar, memutar, atau memindahkan object)
dan Hasilnya:


7. Tinggal menambahkan Teks
Caranya: Tekan Teks Tool atau bisa juga tombol F8
Sebagai contoh disini penulis menulis ilmugrafis.com , MERDEKA ATAU MATI, 17 Agustus 1945, Indonesia

HASILNYA:

Selamat Mencoba
Download Source File * SVG Document
dan Semoga Bermanfaat... MERDEKA!!!!

sumber : http://www.ilmugrafis.com/freeware-inkscape.php?page=membuat-bangun-sederhana-dan-menambahkan-teks
Share:

Efek Foto Kuno Gimp Series

Bagi anda yang ingin memoles foto anda agar kelihatan tidak biasa atau dalam istilah kerennya extraordinary, maka efek foto kuno berikut bisa dijadikan tambahan referensi. Kali ini Tutorial GIMP efek kuno ini menggunakan Gimp yang kita tahu sebagai aplikasi yang open source (gratisan dengan GNU license) sehingga semua orang bisa menggunakannya.

Langkah - langkahnya:

1. Siapkan foto yang akan di edit, kali ini saya memakai foto wanita berkebaya yang saya dapat dari om Google Services, berikut gambarnya:
image gimp
[ket: Kebaya adalah blus tradisional yang dikenakan oleh wanita Indonesia yang terbuat dari bahan tipis yang dikenakan dengan sarung, batik, atau pakaian rajutan tradisional lainnya seperti songket dengan motif warna-warni.]


2. Pada menu utama gimp, pilih Color > Desarture , maka akan muncul pop up:
atur seperti ini
image gimp
setelah itu tekan ok


3. Buat Layer baru, caranya klik new layer
image gimp
maka akan muncul pop up seperti ini:
image gimp
klik Ok
dan hasilnya layar anda berubah putih. Jangan khawatir tetap lanjutkan kerjaan anda karena anda masih setengah pengerjaan


4. Warnai Layer 2 yang telah anda menggunakan Toolbox - Fill Tool (a) lalu sesuaikan warnanya dengan klik (b)
image gimp
maka akan muncul Change Foreground Color , Pada HTML notation masukkan : a7986f
Untuk mengetahui apa itu Foreground klik
Untuk mengetahui apa itu a7986f [bilangan hexadecimal] klik Kode Warna Hexadecimal Dalam Desain Grafis
Setelah melakukan langkah di atas maka tekan OK
Lalu klik kanan pada lembar kerja yang putih tersebut sehingga warnanya berubah menjadi Warna Coklat Muda


5. Nah berikutnya yaitu tahap akhir, mengubah mode Layer 2 dari Normal menjadi Mode Overlay
[letaknya di area Layers]
Caranya: Klik Scrolldown lalu pilih Overlay
Selesai, nah kira - kira hasilnya seperti ini:
image gimp
Lumayan nih buat alternatif wedding "theme album kenangan" :P
selamat berimajinasi di Gimp
Semoga bermanfaat...

sumber :  http://www.ilmugrafis.com/gimp.php?page=efek-foto-kuno-gimp-series
Share:

Efek Teks Beralur

Hi, ketemu lagi di Tutorial Gimp, kali ini saya akan menjelaskan bagaimana cara membuat teks beralur. Beralur dalam bahasa Indonesia artinya adalah mengikuti alur (arah/aliran). efek ini biasanya dipakai pada stempel atau tulisan pada logo suatu perusahaan

Baiklah tanpa panjang x lebar = luas, maka begini Tutorialnya:

1. Buka Program Gimp yang telah anda instal dan klik FILE >> NEW
image ilmugrafis.com


2. pilih ukuran Lembar kerja (kanvas) yang diinginkan, ukuran terserah namun disini saya memakai ukuran resolusi VGA 640 x 480 pixel
image ilmugrafis.com


3. Buat path / alur yang ingin anda ciptakan untuk teks anda nantinya
image ilmugrafis.com
setelah itu munculkan layer path dengan mengklik tanda mata (visible mode)
image ilmugrafis.com

4. Klik Teks Tool
ketik huruf atau kata yang ingin kamu beri efek
contoh:
image ilmugrafis.com


5. klik path layer (A) lalu klik teks along path (B)
image ilmugrafis.com
hasilnya
image ilmugrafis.com

6. Selanjutnya klik kanan path layer dan pilih Path to Selection
image ilmugrafis.com

Matikan Visible mode di area path dengan menekan logo mata
image ilmugrafis.com


7. Buat Layer baru (A), kemudian Klik Brush Tool (B) lalu kuas area teks untuk pewarnaan dengan brush
image ilmugrafis.com
jika sudah selesai tekan Select >> None
hilangkan juga path yg telah digambar dengan menekan tombol mata (visible: OFF)
hasilnya:
image ilmugrafis.com
bisa juga dikembangkan tergantung imajinasi anda
image ilmugrafis.com
begitulah kira - kira cara pembuatan teks beralur
selamat berimajinasi di Gimp
Sampai ketemu di tutorial Gimp Selanjutnya
Semoga bermanfaat...

sumber : http://www.ilmugrafis.com/gimp.php?page=efek-teks-beralur
Share:

Membuat Foto Efek Impian Blur Impact

GIMP juga bisa digunakan untuk foto effek, kali ini kita akan membuat foto artis Hollywood yaitu Kirsten Dunst ini menjadi seperti foto dalam impian atau imajinasi...

Langkah-langkahnya:

1. Siapkan dulu gambar yang akan kamu edit, bisa fot Ce atau Co kamu... atau orang yang kamu sayangi
Kalo mau edit foto artis cari aja di Google Services... KEYWORDNYA: Actress Wallpapers atau Actress Photos

Atau pakai gambar yang disediakan ilmugrafis, Nah tuh kurang enak apa... banyak pilihan kan...
tutorial gimp [+] Klik gambar untuk Zoom
Kirsten Dunst - Cantik
Donwload gambar di ilmugrafis

2. Mari Melakukan Seleksi
Sebetulnya ada banyak cara untuk menyeleksi suatu object, namun saat ini saya pakai cara yang menurut saya paling mudah...
yaitu dengan Metode Quick Mask
tutorial gimp
Untuk mengaktifkan quick mask tinggal nge-klik toggle quick mask pada pojok kiri bawah window image atau dengan menggunakann shortcut ( Shift + Q ).

Hasilnya:
tutorial gimp
setelah Quick Mask diaktifkan gambar akan jadi merah seperti gambar di atas.

3. untuk memulai seleksi gunakan paintbrush tool tutorial gimp atau tekan ( P )
Syarat:
tutorial gimp
pastikan warna foregroundnya putih

Lalu tinggal paintbrush gambar yang mau diseleksi, kalo ada kesalahan tinggal balikin ajah warnanya, foregroundnya menjadi warna item trus paintbrush lagi untuk koreksi…

shortcut penting di GIMP:
[ = untuk memperkecil ukuran brush
] = untuk memperbesar ukuran brush
+ = untuk zoom in
- = untuk zoom out

hasilnya akan seperti dibawah… jangan lupa untuk zoom in untuk detail-detail yang kecil
tutorial gimp
Seleksi pada Image

Setelah selesai menyeleksi tinggal matikan lagi toggle quickmasknya yang ada di pojok kiri bawah tadi atau tekan Shift + Q, maka otomatis akan menjadi selection. dan apabila pengen koreksi lagi yang tinggal aktifin lagi deh…

Setelah mematikan Quick Mask hasilnya:
tutorial gimp

Untuk lebih mengekspresikan bentuk lekuk- lekuk tubuh ( hehehe... kayak apa aja... ) lakukan ini:
tutorial gimp
Select -> Feather… trus masukkan nilai 18 pixel

Penyelesaian dan penambahan EFEK
Lakukan Invert - Hal ini untuk membalik seleksi
Select -> Invert ( Ctrl + I )

lalu Filter -> Blur -> Motion Blur dan atur seperti ini
tutorial gimp

Hasil Akhirnya:
tutorial gimp


sumber : http://www.ilmugrafis.com/gimp.php?page=membuat-foto-efek-impian-blur-impact
Share:

Ornate Typographic Illustration Tutorial

Step 1

The first thing we'll do is add in a large wooden texture. Create a new document in the Gimp that is 1600x1200 pixels. Be sure it has a white backround. Download this texture and in your document go to File > Open as Layers and select the texture. Rename the layer to "wood texture 1."
Step 1

Step 2

Now let's give the wood texture more depth and a darker color. Create a new layer above the wood_texture_1 layer and name it wood_texture_1_gm. Fill it with black. Change its layer mode to Overlay and lower the opacity to 50%.
Step 2

Step 3

Create a new layer above the rest of the layers. Name it "wood_texture_darkening." Fill it with #633a1c and change the layer mode to Multiply.
Step 3

Step 4

Create a new layer above the rest of the layers. Name it "wood_texture_gradient." Change your foreground color to white. Apply a white to transparent gradient from top to bottom. Lower the opacity of the layer to 10%.
Select the entire canvas by hitting CTRL-A and go to Edit > Copy Visible, then go to Edit> Paste As > New Layer. Rename the new layer as "wood background." Delete all of the other layers, except for the original Background layer, in the layers dialog.
Step 4

Step 5

Let's add the type into the piece. Download this free font and install it. Save and restart the Gimp. Open up your document.
Type each letter of whatever you would like to spell on different layers. The colors do not matter as we will be replacing them with textures. I typed mine with different shades of blue to show what order they are in.
Step 5

Step 6

For this next part we will be needing some Gimp Layer Effect plugins. Download them here. Install them by placing the .scm file in your Gimp scripts folder (usually located at My Documents\.gimp-2.6\scripts). After you have done that, in Gimp, go to Filters > Script-Fu > Refresh Scripts. You should have a menu next to the Filters menu named Script-Fu with abunch of layer effects underneat it.
Use the layer effects we downloaded on the first letter in your text. The colors used for each effect are these: Drop Shadow #000000; Outer Glow #007eff; Bevel & Emboss #00d8ff and #122a79; Stroke #007eff.
Rearrange the layer order of each of these effects in this order: 1)letter-stroke 2)letter-highlight 3)letter-shadow 4)letter 5)letter-outerglow 6)letter-dropshadow
Step 6
Altogether your effects should look like this.
Step 6

Step 7

Repeat step 6 for the rest of the letters.
Step 7

Step 8

Now we have about a billion layers, but that's ok. Type in an "&" symbol. Make the size large and place it behind the rest of the letters. Again, the color of it doesn't matter. Do the same effects to it that we did to our other letters.
Step 8

Step 9

Create a new transparent layer above your first letter (and all of its effects). Name it (in my case) "s-texture." Open our wooden texture from earlier as a new layer. Right click the original S (or your corresponding letter) layer and hit "Alpha to Selection". Click the wooden texture and hit CTRL-I to invert the selection. Hit delete. Merge the wooden texture (now in the shape of our first letter) with the s-texture layer.
Step 9

Step 10

Create another layer ontop of that one named "s-texture2." Right click the s-texture layer and hit Alpha to Selection. Go to Select > Shrink. Shrink by 5 pixels and hit ok. Select the s-texture2 layer again. Fill it with white. Grab the elliptical select tool and select the bottom part of the s-texture2 layer like in the picture below. Hit delete. Go to Filter > Gaussian Blur. Blur by 2 pixels and hit ok. Lower the opacity to 40%.
Repeat steps 9 & 10 for each letter including our "&" symbol.
Step 10

Step 11

Download this and this screw from sxc.hu. Resize them and cut them out. You can do this a number of ways. I prefer the paths tool. Go to Colors > Desaturate and hit ok. We'll use the first screw for large ones and the second screw for smaller ones.
Apply the effects shown below to our first screw. When done, hide all of the layers that do not make up this screw and merge visible. Hide the screw and unhide the other one. Apply all of the effects to this screw and then merge visible. Unhide everything.
Step 11
Let's call our first screw "large screw" and our second one "small screw." Take the large screw and place it over our fist letter like I have. Resize if needed. Make it look like it is holding the letter in place.
Step 11

Step 12

Duplicate the screws and place them over the rest of our letters. Use variations in rotation and size for each screw.
Step 12

Step 13

Download this free ornate pattern. Open it as a new layer in our document. Use the Hue/Saturation, the Colorize, and the Color Balance tools to match the color of the pattern with the colors we used for the glow around the text. Try to get it as close as possible.
Step 13

Step 14

Apply the layer style shown below to the ornate pattern. Yes it looks odd now, but we'll fix that here in a sec. The color used for the glow is #007eff.
Step 14

Step 15

Create a new transparent layer above the pattern and name it "ornate-pattern-flourish." Change your foreground color to #8dcbff. Right click the pattern layer and select Alpha to Selection. Get out the brush tool and choose the largest soft brush. On the ornate-pattern-flourish layer, paint the edges of the selection like I have done below.
Step 15

Step 16

Group the layers making up the ornate pattern by clicking the little chain icons next to the thumbnail in the layers dialog. Duplicate the group. Position it accordingly. Resize, rotate, and place the groups on different areas around the text. You can even put some of the pattern groups in front of the "&" symbol.
Step 16

Step 17

Seeing as we can't use adjustment layers in Gimp, we'll have to make do with what we have and improvise. Create a new layer at the top of the layers window andname it "gradient map 1." Download this gradient and add it to your Gimp gradient folder, which is in the same area as your Gimp scripts folder that we located earlier. Refresh your gradients and it should show up.
Apply this gradient to the layer that we created using the gradient tool from left to right. Change the layer mode to Burn and lower the opacity to 15%.
Step 17

Step 18

It looks like the piece needs additional color. Create a new layer above one of the groups of the ornate patterns. Right click > Alpha to Selection on one of the layers from the patterns. Using this color, #bbffbe, paint parts of the selection with a soft brush.
Step 18

Step 19

Now let's do the same for our text. Take the selections from the texture2 layer of each letter.
Step 19

Step 20

Download this pattern. Copy it into your patterns folder (located in the same area as the scripts & gradients folders). Refresh your patterns. Create a new layer named "bg_pattern" above the wood background. Fill the background with the ornate pattern. Set the layer mode to Overlay. Duplicate the layer.
Step 20

Step 21

Create a new layer above the bg_pattern layers. Name it "bg_highlight." Get out the gradient tool. Make your foreground color white and your background color black. Set the gradient to radial and apply it from the center outward. Set the layer mode to Dodge and lower the opacity to 30%.
Step 21

Step 22

Use the same light green color we used earlier and paint a few light green spots in the background. Make the spots subtle.
Step 22

Conclusion

And we're done! Be sure to click the image below to view it full size!
Click here to view full size!
Tutorial by: Sarah Davison (SGlider12) ~2009 sglider12.blogspot.com

sumber : http://gimp-tutorials.net/Ornate-Typographic-Illustration-GIMP-Tutorial
Share:

Popular Posts

Labels

Recent Posts

Pages