Lowter

Breadcrumbs

1. Home
2. Categories
3. Graphics

Graphics

• Photoshop: Apple-style Glassy Reflections

  Author

  Ethan Poole

  Date

  Fri 20 Mar 2009 at 19:18

  Type

  Article

  

  Apple's design and style has permeated throughout the web development world. It is apparent in the current web design trend, especially in the Web 2.0 movement. The current Apple-influenced web trend includes excessive gradients, glassy reflections, spinning pinwheels, and more. In this tutorial, I am going to guide you through creating Apple-style glassy reflections in Adobe Photoshop. This effect can add a nice, sexy touch to your website if done in the appropriate locations, such as a large banner or a logo.

• Glossy Menu in Photoshop

  Author

  Ethan Poole

  Date

  Fri 12 Dec 2008 at 10:37

  Type

  Blog Entry

  

  A lot of websites nowadays are featuring glossy menus with a very slick gloss to them. It's part of the Web 2.0 fad that has been plaguing the web these past few years. Nonetheless, these menus look pretty snazzy and are actually very easy to create, even for people who are not very talented with Photoshop. Create the Document First, create a new document 430 by 40 pixels. You can vary the dimensions if you wish, the following steps are rather easy to apply to any dimensions. I would recommend at least having elongated dimensions …

• Stock Photos - Where to Find Them...

  Author

  Matt Oakes

  Date

  Mon 1 Dec 2008 at 13:50

  Type

  Blog Entry

  Comments

  1 comment

  Hiring a photographer to take a photograph of a generic object or of a scenic landscape is sometimes a waste of both money and time. Often it is better simply to get the image off of the Internet. You do however have to consider where you get the image from. Simply using an image you found on Google Images is likely to leave you in breach of copyright. Therefore, you will need to look for images with permission from the photographer to use the images commercially. There are many websites setup specifically for this job and sometimes they…

• 30 Beautiful Photoshop Illustration Tutorials

  Author

  Ethan Poole

  Date

  Fri 24 Oct 2008 at 19:55

  Type

  Blog Entry

  Six Revisions, a blog I probably should mention more often, posted a collection of thirty Photoshop illustration tutorials earlier this month. Illustration is always something that I have wanted to be able to do, but I just don't seem to have the artistic talent for illustration. Nonetheless, I'm still working on becoming a master Photoshop illustrator one day. I'm working on trying to create a Christmas scene, hopefully before Christmas... If you want to avoid sifting through Good-tutorials.com's huge selection of illustration tutorials, t…

• Content Box Using CSS and Photoshop

  Author

  Daniel Malmqvist

  Date

  Mon 28 Apr 2008 at 23:46

  Type

  Blog Entry

  Today we are going to create a simple and stylish content box using CSS and Adobe Photoshop! Many people don't realise the possibilities of combining Photoshop and CSS. So today we are going to make a basic content box using CSS and then style it using Photoshop! You ready? Great, let's get this thing going! CSS We will start off with the HTML for our box: <div id="content"> <h1>Your Header</h1> <p> Your text goes here. </p> </div> Now, if you save this and look at it, it looks p…

• Adobe Photoshop Express

  Author

  Ethan Poole

  Date

  Sun 30 Mar 2008 at 17:08

  Type

  Blog Entry

  Adobe has released the official version of its new online photo-editing application: Adobe Photoshop Express. Overall, this application is basically an online photo-editing tool, which works rather well for that job alone. It really is more comparable to the features of iPhoto than to the features of Photoshop itself. I tested out the application for a bit, and I think it certainly has potential, but it also has a lot of room for improvement. On the good side, Adobe Photoshop Express is easy to use and the signup process is quick. Th…

• Feed Me Bitts!

  Author

  Matt Oakes

  Date

  Tue 2 Oct 2007 at 22:17

  Type

  Blog Entry

  I'm not the best at designing great looking images for my website. Nice looking backgrounds and buttons are things that can take me ages to get to look right. Recently, I found a great website called Bittbox. It's a great little website which has a whole section of free vectors, brushes, and page elements that you can download and use freely. With each of the freebies is a sample of how it can be used and, quite frankly, they look amazing. Check out the freebie section on Bittbox and make sure that you look at all ten pages; there are so…

• Photoshop: Simple Logo

  Author

  Daniel Malmqvist

  Date

  Thu 26 Jul 2007 at 8:39

  Type

  Blog Entry

  Today we are going to learn how to create a stylish and simple logo. Step One: Start by creating a new image document. The dimensions can be whatever you like; I will be using 244x72 pixels. Step Two: Select the "Type Tool" and write the name of your website. Use any font and any colour you like. For the font, I will be using a black (#000000) "Orator Std". Edit the first letter to be the same colour as your background; in my case, this colour is white (#FFFFFF). Step Three: Now grab the "Custom Shape Tool." Place a shape…

• Tons of Free Vector Graphics

  Author

  Ethan Poole

  Date

  Sat 19 May 2007 at 17:06

  Type

  Blog Entry

  I just came across Vecteezy, a website with tons of free vector graphics. The really nice thing is that the vectors are actually very well done and of good quality. If you are designing a website or an interface you may want to take a quick look at what they have to offer.…

• Make Your Own Round Web Button

  Author

  Daniel Malmqvist

  Date

  Sun 31 Dec 2006 at 11:39

  Type

  Blog Entry

  Photoshop time! Alright, today I am going to guide you through making a stylish round button. Step 1: Create your document First, create a new document with the dimensions 120x120 pixels. You can use any background colour that you would like. I will be using a white background (#FFFFFF). Step 2: Create your circle Next, create a new layer (CTRL+SHIFT+N). Using the "Elliptical Marquee Tool", make a round selection, holding SHIFT to keep it proportional. You can make the selection any size you would like, although I recommend not t…

• Animated Smilies

  Author

  Daniel Malmqvist

  Date

  Fri 14 Apr 2006 at 10:26

  Type

  Blog Entry

  Comments

  1 comment

  In this lesson, we will go through the process of making an animated smilie. Are you ready? Then let us begin! Step 1 Create a new image (CTRL+N). You can use any size you desire; I will be using 10020 pixels. Remember to make the background transparent. Note that I will be using a white (#FFFFFF) background in this tutorial to make everything easier to see. Create a new layer (CTRL+SHIFT+N) and name it "Body". Step 2 Set the foreground color to white (#FFFFFF). Set the background color to the color you want your smilie to …

• Introduction to Animation

  Author

  Daniel Malmqvist

  Date

  Wed 16 Nov 2005 at 19:41

  Type

  Blog Entry

  Comments

  3 comments

  As the name suggest, today we will look into some simple animation. Animation can be useful for making smaller graphics for your website, maybe an avatar, or even a header. Today's lesson will teach you the basics of animation, while making it all too easy. Step 1 Open Adobe Photoshop. Press CTRL+D to reset Photoshop to the default colors. Fill the background layer with black (#000000). Create a new layer, labeling it "Line." Create an additional layer, naming it "Dot." I am using 200120 pixels for the image's size, although you …

• Sketched Photo

  Author

  Daniel Malmqvist

  Date

  Thu 13 Oct 2005 at 23:35

  Type

  Blog Entry

  Comments

  6 comments

  To start our learning, let's learn how to make a real photo look like it was sketched. This will require Adobe Photoshop. First, find a good picture. You should look for one that is high quality and of medium sized. I will use this one: Now that you have found your image, follow the steps below: 1. Press CTRL+U and check the "Colorize" check box. Set the "Saturation" to 0. 2. Your picture should now be black and white. Now duplicate the layer, by right clicking the layer and selecting "Duplicate Layer." 3. Next, invert t…

• Photoshop: Liquid Flush

  Author

  Kristoffer Aronsson

  Date

  Wed 24 Aug 2005 at 18:21

  Type

  Article

  Need a cool effect for that latest graphic you've been working on? Create a quick and easy liquid flush effect in Photoshop in this easy to follow tutorial.

• Handling Pixel Fonts

  Author

  Kristoffer Aronsson

  Date

  Tue 16 Aug 2005 at 21:23

  Type

  Article

  Getting tired of pixel fonts that never work, become messy, and are unreadable? Learn some quick and easy tips in properly handling pixel fonts from Lowter's graphic design editor, Kristoffer.

• Photoshop: Distorted Text

  Author

  Kristoffer Aronsson

  Date

  Mon 27 Jun 2005 at 20:06

  Type

  Article

  Spice up your text a little! Easily use this text effect to have your text fit in with its background in your header, signature, or banner. Here Kristoffer guides you through styling your text in this easy to follow tutorial.

• Photoshop: Web Button

  Author

  Daniel Malmqvist

  Date

  Thu 28 Apr 2005 at 20:41

  Type

  Article

  Style your website's forms using a graphical button made in Photoshop. Quickly create a gradient button using this step-by-step tutorial.

• Photoshop: Nova Effect

  Author

  Daniel Malmqvist

  Date

  Wed 20 Apr 2005 at 15:51

  Type

  Article

  Brighten up your web page with a dazzling Nova Effect. Using Adobe Photoshop, Daniel guides you through simple steps to making your very own nova image.

• Grunge Signature Tutorial

  Author

  Kristoffer Aronsson

  Date

  Mon 11 Apr 2005 at 17:24

  Type

  Article

  Grungify your forum identity using a nifty Grunge Signature. Open up Photoshop and get ready! Here Kristoffer shows us how to make a grunge signature in Photoshop.

• Photoshop: Cut Out Signature

  Author

  Kristoffer Aronsson

  Date

  Thu 10 Mar 2005 at 20:16

  Type

  Article

  Ever wanted a cool signature for web forums? Here Kristoffer gives us a quick tutorial on how to make a cut out signature in Adobe Photoshop.

• Photoshop: Advanced Border

  Author

  Daniel Malmqvist

  Date

  Sun 30 Jan 2005 at 7:39

  Type

  Article

  Create a cool border to use on your images in Adobe Photoshop.

• Protect Your Images (With No JavaScript)

  Author

  Matt Oakes

  Date

  Sun 30 Jan 2005 at 7:39

  Type

  Article

  For various reasons, one may need to protect their images. Learn methods for protecting your images without using any JavaScript!

• Image Formats

  Author

  Matt Oakes

  Date

  Sun 30 Jan 2005 at 7:39

  Type

  Article

  Time has given us a variety of different formats in which to save images - BMP, GIF, JPEG, and PNG are the main ones used for web images. Learn the advantages and disadvantages of these popular image file formats.