Every time I need a dashed line I have to create one from scratch and it really makes me mad, every time, that there is not a quick way to do this in Photoshop. Today, I found a way! Here is how to get a quick perfect dashed line every time you need it. Continue reading “Create A Quick Dashed Line In Photoshop”
While working on one of my projects I had to create a set of hand-drawn lines, scan and then isolate them so I can use them in my design. If you know me, you know that I don’t like to let a useful design go to waste by only using it once. This is why I put it up on the blog for others to use. This is a set of various width hand-drawn lines with transparent background so you can use them for anything. The original file is also in 300 dpi so this can be used in print projects. Download them below (under the image). Enjoy! Continue reading “Hand-Drawn Lines with Transparent Background PSD & PNG”
As I work on things I create various graphics. Why let all that goodness go to waste? I took some of those designs and expanded on them making them better, adding variations and different colors. This kit of 492 graphics contains a ton of price tag graphics, a couple of price tables, step lines, buttons and all kinds of other eye candy! Continue reading “Huge 492 Quality Graphics Kit You Need”
Just out, Google Plus seems pretty stable and clean. Simple to use and nicely integrated into the rest of the Google stuff. So far I like it but am having a hard time choosing to post stuff there rather Facebook. I don’t really have much time poking around on social sites as it is and when I do find a minute to post something, it’ll naturally go to Facebook. With time I think, as more and more people make their way to Google Plus, I’ll probably feel a bigger pull towards G+ but until then enjoy this.
Sometimes I see these amazing computer generated images and, even though I am pretty proficient in Photoshop, I wonder how did they manage to do that. Seeing this tutorial opens up opportunities and really gets down to nuts and bolts of the more advanced techniques. Like for instance, I had no idea you could take a remote apart and then change each part to look how you need it to look. To me a remote was a remote, a single element in the design, and they went and made sub-elements from it. That is great!
So above is what the finished product looks like, and here is a quick run through how it go there. This all started with 4 components, a remote control, a bullet and a couple of circuit boards.
The remote underwent surgery and was chopped up into it’s parts and some additional parts were created using the circuit boards. The buttons were extracted form the remote and some were created fron thin air.
As I said before, each individual part was ripped, warped and bent. Did I mention that Photoshop is amazing? Yeah, it is. Now each part is ready for assembly.
Put it all together and slap some background behind it and here you go, an awesome shot, a slow motion freeze frame.
To see the entire tutorial, and if you’ve read to here you have to see it, go here:
Another series of Photoshop PSD files to share with you guys and girls. The last YouTube player button icon PSD file I posted here turned out to be pretty popular so I decided to do a series of YouTube video background border designs and share the PSDs here for everyone to use. I know as a designer, creating something that is needed all the time, from scratch every time, is no fun and gets kinda old real quick so once and for all, or for most projects anyway, here are the ready PSDs that you can dive into and edit as you like to apply to your project.
Download all of these file and feel free to use them as you please for your self or your business. Please link back to this page if you can.
Download all of these file and feel free to use them as you please for your self or your business. Please link back to this page if you can. :)
Another useful PSD file that every web designer should have in their arsenal is this YouTube style Video Play button layer that you can place over any image to make a video placeholder image. I’ve noticed that I had to create these from scratch a lot lately so I made one that I can reuse and so sharing it with my readers too.
Remember to share this post with your friends is you have friends that are designers and might find this useful! :)
Ok, later, got to get back to work.
Compressing image files has become a necessity due to the constrained space of hard drives, flash disks, and web hosters. This is because a common text file is comparatively smaller than an image file; an 800×600 24 bit color image file will usually take up 1.37 MB of space, and those are just small ones. One of the more popular formats to save a compressed image is JPEG which usually has an extension name of .JPG or .JPEG. It can achieve compression ratios of 10:1 with practically no lose in image quality.
There are two options with which you can compress your JPEG files. They refer to the same thing but are polar opposites of each other. Saving the file at 60% quality will mean a compression of 40%. Depending on the program you use, you will find either of these two options, but the results will always be the same: more quality will mean less compression and vice-versa.
Different programs also have different quality scale. By saving an image at 55 to 60 quality in Photoshop, it will look and have the same file size of other softwares saved at 80%. Also, never get tempted to save an image at 100% quality because this is not the highest possible quality rather it is the mathematical optimization limit, which will give you an unreasonably big file. Save the image at 95% quality for optimal results. This will be enough to prevent loss in quality and will produce the smallest file size for that quality.
Besides those options, some programs such as Paint Shop Pro and Corel Photo Paint allows you to choose the type of image downsampling or subsampling. A subsampling of 4:4:4 means that the image is not subsampled, 4:2:2 is standard subsampling, and 4:1:1 produces the lowest quality downsampling, although rarely used.
Aside from these tools, you can also optimize your image file by changing how the image data is stored . JPEG format is stored in a 8×8 pixel block and by saving the image exactly within the image block, it will produce a sharper image and save you a couple of MBs in the process. You will be able to see this if you set the JPEG quality parameter to low.
When a JPEG image is saved the image will be divided into blocks of 8×8 pixels. Each block will then be optimized independently. The image will look fuzzy if it does not fit exactly into the pixel block. Also, by adjusting the image right into the pixel blocks, you are decreasing the number of 8×8 blocks used up by the file. This way, the file will be save in to smaller size.
By doing these tips, you will be able to save up on disk space or web space when uploading your images. Every KB is precious due to the limited space it offers, and by effectively decreasing the size, even by a couple of KBs and not sacrifice any quality is well worth it.
The term vexel art was coined by Seth Woolley while he was still a technical contributor of the now non-existent popular teenage message board Nova Boards. He coined the term to describe images that look like vector graphics but are an entirely pixel based form of raster images. Its popularity stems from the fact that it actually requires little skill in drawing.
Computer images and displays are often made up of pixels, small dots that when put together and viewed as a whole will show you a designated picture or image. The smaller and closer the dots are to one another, the better will be the quality of the image. But to do this, the image will have to be stored as a bigger file. Generally when the picture is zoomed in, the pixels will become more and more distinct and the image gradually deteriorates. Images such as these are generally done by raster programs and the images are usually called raster graphics.
On the other hand, vector art is the use of geometrical shapes such as lines and points but are represented as mathematical equations to create the computer generated image. Since the data is stored as a mathematical sequence the picture is scalable and will not pixelate even up close. This is of great advantage since you can print the vector image unto a sheet of paper and reproduce the same image unto a billboard without worrying about the quality. And since the file is stored in numbers, it can be easily modified so as to add or remove detail. Vector images are known for their crisp and quality texture. Even so, there are cases where in raster or pixel images are used while sometimes vector images will be more handy—as it is a case to case basis. Continue reading “Beautiful Vexel Art”
Here are some good ideas for styling those thumbnail images. This can add a touch of uniqueness and a character to the web design. Nice collection from TutorialFeed called 12 Excellent Thumb Image Styles for Web Designers. Although these are not complicated to make, they also have a PSD file you can download for these images so you don’t have to start from scratch.