WheeQo.web.id

R. Bambang Widiatmoko's Blog | Sharing Knowledge to the World

Inkscape Tutorial: Create Letterpress Text Effect

| 4 Comments


This effect is become famous nowadays especially in web design. Yet very few tutorial with Inkscape. I will show you the ways. I assume you have know basic operation in Inkscape.
Preview:
0. preview

The Steps

1. Create rounded rectangle 512x512px. Feel free with the fill color. Mine is blue vertical gradient, the bottom is 00001e and the top is 00005a.
1. blue gradient rectangle
2. Create text in middle of rectangle. I use Myriad Pro bold font. If you want to control the kerning, edit the text, then use alt + arrow. Use gray gradient color, the bottom is 1a1a1a and the top is 666666.
2. ps gray gradient
3. Step 3 – 7 see picture below. We will create the white shadow. Duplicate (ctrl + D) the text. Choose the duplicate one.
3. white shadow
4. Color it white.
5. Lower it one step, so it under the gray-gradient text.
6. Move it right 1px (x: +1) and down 1px (y: -1). Move it by change the coordinate in toolbar.
7. Change the blur to 1.
8. Last create inner shadow on gray-gradient text (the original one). Select gray-gradient text. Go to menu Filter -> Shadows and Glows -> Inner Shadow.
4. inner shadow n final result

Done!

Inkscape ebook recommendation

Related posts:

  1. Tracing Bitmap Logo to CAD File with Inkscape CAD program like AutoCAD has limited function for art design,...
  2. Create Glassy Effect on CorelDRAW On this tutorial shows how to add a glassy effect...
  3. Convert Full Color Image to a 3 Color Separation in GIMP I will show how to convert from full color image...
  4. Tutorial CorelDRAW: Export Object with Transparent Background The case: I’ve create objects with CorelDRAW like this: see...
  5. Create Animated GIF with Fireworks With Adobe Fireworks you can create animated GIF with easy...

Related posts brought to you by Yet Another Related Posts Plugin.

  • Pingback: 2 Free High Quality Inkscape Icons | WheeQo.web.id

  • Wasim Hossain

    Excellent tutorial. Fabulous results.

  • http://gimpscape.blogspot.com tooman

    simple tapi keren Om :)

    salam kenal :)

  • Ade Malsasa Akbar

    Terima kasih, Pak. Tutorial ini hasilnya bahkan tidak kalah dengan http://www.tripelpley.com/tutorial/65-membuat-efek-letterpress-di-gimp menurut saya. Saya ambil ini sebagai referensi.