Tag Archives: graphics

Header Graphic For Tumblr Blog.

Just finished this mockup for a Tumblr blog. I’ll probably change it around a bit more, but for the most part I’m happy with it. You can see it on the blog here. themotorcycledude.tumblr.com.

portfolio image blog header

Blog header graphic for themotorcycledude on tumblr.

The pin up girl clipart was a digital download from Payloadz. I purchased a whole bunch of clipart the other night with a liberal license and a decent price. I’ll do a clipart review soon, and post a referral link for anyone that might be looking for some pin up clipart.

Free Grunge Texture Pack

Finally got a nice day in the Buffalo N.Y. area and I wanted to snap some grungey style textures with my phone. I accidentally shot these in the wrong resolution and thought I would post them here as a freebie grunge texture pack. The images are unedited, and 640 x 480 px in jpeg format. I usually shoot my textures in a much higher resolution but I’m sure these are still usable to more than a few people out there. There’s about 14 images in total, the sample picture shows a few examples. All freebies are served thru Mega to help conserve bandwidth on my server. Enjoy!

Free Texture Grunge Pack

Freebie Grunge Texture Pack


Download Here

Youtube Gimp Text To Path

Here’s a quick and easy Youtube video that explains using Text To Path with Gimp.

To get curved text with Gimp to either wrap around an image or spruce up a graphic all you need to understand is how to Text To Path. This video explains it in a few easy steps. Once you figure out the basics, just use your imagination and the sky is the limit.

Free Bitcoin Icon Graphic Pack

I love giving you guys freebies ! I’ve been doing a lot of work with Bitcoin related stuff, and came across this lovely Bitcoin icon set. The file is in zip format, and contains both jpg and svg files. This is a lovely icon set, and is perfect for different Bitcoin projects you may find yourself working on.

Free Bitcoin Graphic Pack DownloadThe pack is available for download here.

CSS Create A Scalable Image Class

Here’s a simple way to scale images in your responsive web design using CSS, two classes and some html.

The CSS

I created two classes one named .image-wrapper and the other I named .scale-image.

First, lets create the two classes. We will name the first one .image-wrapper and this will be used as a div.

.image-wrapper
{
position: relative;
}

Next we will make the .scale-image class. This class will scale the image inside the image-wrapper div. You can play around with the max-width percentage based on your design.

.scale-image
{
display: block;
width: auto;
max-width: 75%;
}

The HTML

Place the image code inside the div of the image wrapper you created and then use the scale-image class to scale the image based on the device or browser size.

<div class="image-wrapper">
<img src="image_name.jpg" class="scale-image" />
<div />

That’s it your done. If you want to see the code in use you can check out a clients site I’m doing here.