April 23rd, 2008

Tutorial: Photos with Rounded Corners using Photoshop

Rounded Corners Photoshop Tutorial by Growing Happiness

Round/rounded, curved/smooth corner, there are many names for this effect and there are a few methods to create it. In this tutorial, I’m gonna teach you how to get your photos to have rounded corners using what I consider the easiest and most flexible method – using clipping masks.

There are 7 images in this tutorial (totaling 320kb), not including the header image above .

[Read more....]

| More
April 2nd, 2008

Tutorial: Creating Dotted Shapes Using Photoshop

Dotted A
I have to admit, I don’t usually create my dotted or dashed lines in Photoshop, I do them in Illustrator because it gives me more control over strokes. But fret not, you can create nice dotted shapes in Photoshop too. Today we’re gonna learn how to create dotted shapes. You can apply this method to any shape. In today’s example, I’ll walk you through the steps in creating a dotted circle. There are 5 images in this tutorial (not including the example above)

Before that…
Have you created a dotted brush? If not, please follow the Creating Dotted Lines Using Photoshop tutorial. Additionally, you may want to learn how to create Colourful Dotted Lines. Please have the correct brush and colours selected before proceeding with this tutorial.

[Read more....]

| More
April 1st, 2008

NaBloPoMo Badges – April 2008

Although I am not on the blogroll for April (the theme is “Letters”), I have made some badges for the month anyway!

Download away!
NaBloPoMo April Badge - GrassNaBloPoMo April Badge - Coffee+PeelNaBloPoMo April Badge - Coffee+CornNaBloPoMo April Badge - Coffee+BrickNaBloPoMo April Badge - Coffee+SkyNaBloPoMo April Badge - Coffee+WheatNaBloPoMo April Badge - Coffee+CandyNaBloPoMo April Badge - SuitNaBloPoMo April Badge - PeelNaBloPoMo April Badge - CornNaBloPoMo April Badge - GrassNaBloPoMo April Badge - SkyNaBloPoMo April Badge - BrickNaBloPoMo April Badge - WheatNaBloPoMo April Badge - Candy
Feel free to use them on your blog but please download and save them to your server first (do not hotlink from this website). If you’ve used these badges, do link back to NaBloPoMo website, I’m sure Eden will appreciate it. See instructions and other badges at the NaBloPoMo site.

You don’t have to link back to me (although I’d greatly appreciate it ) but I’d love to see these being used on your blog, so drop me a comment if you do, and I’ll pay your site a visit. :)

Adding Badges using Blogger
Adding Badges using WordPress

| More
March 26th, 2008

Tutorial: Colourful Dotted Lines in Photoshop

Previously, we learnt how to customise a brush to create dotted lines in Adobe Photoshop. Today I’ll show you a how to customise your brush further to create multi-coloured dotted lines.

Create a dotted brush or select a dotted brush you’ve saved earlier from the Tool Preset.
On your Brush Palette, check the Color Dynamics box (Giant Cursor 1).
Then set the Foreground/Background Jitter to 100% (Giant Cursor 2).
Lower values will result in the foreground colour being used more than the background colour.

Coloured Dotted Lines

Use the color picker to select two contrasting colors.

Color Picker

Try placing letters over bigger brushes for a different look.
The dots work nicely for name labels and scrapbooking.
Here are examples using names from my Favourite Names List.

Coloured Dotted Lines

| More
March 18th, 2008

Tutorial: Creating Dotted Lines Using Photoshop

In this tutorial, we’ll learn how to customize a brush in Adobe® Photoshop® to create dotted lines.

Going Dotty

There are a total of 8 images (about 150kb), not including the masthead, in this tutorial.

Step 1

Select the Brush tool from your tools palette, alternatively, just type “B” on your keyboard.
If the tools palette is not visible, go to the menubar and click Window > Tools.
Creating a dotted line brush - step 1

[Read more....]

| More
March 8th, 2008

Tutorial: Adding Badges Using WordPress

WordPress 2.5 has a major overhaul in terms of interface design and layout. This tutorial was made with WordPress 2.3.x in mind.

If you use WordPress for blogging, this tutorial will guide you in adding a badge (or any image in general) for NaBloPoMo to your sidebar.

Q. How do you add an image to the sidebar in WordPress?
A. By adding a Text widget. (I know, how counter-intuitive!)

Before that
Have you uploaded the image to your server? If you haven’t, please follow this tutorial.

Step 1
Go to “Presentation” > “Widgets” page.
Find the “Text Widgets” widgets section (somewhere near the bottom of the page).

Q. How many text widgets would you like?
If you have “1″ by default, you will need another one to add your image, so select “2″. If you already have 2 Text Widgets in your Sidebar, select “3″ and so on.

Click the “Save” button.

Add Images To Sidebar using WordPress

Step 2

Locate your “Text 2″ widget in the “Available Widgets” section (typically at the middle of the page, below the “Sidebar” section).

Please note the number will correspond to what you’ve selected in the previous step, i.e. if you’ve selected 3 Text Widgets in Step 1, then find a “Text 3″ widget in this step. For simplicity, I’ll just refer to it as “Text 2″ from now on.

Add Images To Sidebar using WordPress

Step 3

Drag the “Text 2″ widget from the “Available Widgets” section to the “Sidebar” section(you may have more than 1 Sidebar so be sure to drag to the correct one).

Move it to the desired location within the Sidebar (top, middle, bottom) by dragging it.

Add Images To Sidebar using WordPress

Step 4

Click on the blue list icon on the right of your text widget to bring up the text options box.

Add Images To Sidebar using WordPress

Step 5

A Text options box will appear in the middle of the screen.

The single-line field at the top is where you add a title for this widget, e.g. “My Badges”. This is optional.

Assuming you’ve uploaded the image to your own server, add the code to the text field as follows, replacing YOURIMAGESOURCE with the actual URL of your image on your server. Your image URL may look something like this:


In which case your full code, with a link to NaBloPoMo page will look like this:


Click “Save”. If you’ve done all the steps correctly, you will now have the badge on your sidebar.

Add Images To Sidebar using WordPress

Did you know?
You can download a variety of NaBloPoMo badges or buttons from this page?
Go do it now, because they are the cutest on the web, even if I do shamelessly claim so myself.

| More