Showing posts with label web design. Show all posts
Showing posts with label web design. Show all posts

Tuesday, January 22, 2008

Download FREE 'Glass' Buttons for Web (15 colors)

Get FREE Adobe Illustrator eps or jpg 'Glass' buttons. Great shortcut! There are 15 round buttons and 15 rectangular. Go to our website up240.com, register and download. You will find these under 'Free Downloads' Category. Enjoy!

posted by up240.com

Using Blend Tool - Create Phasing Waves & Warps

In this tutorial, you can learn how to create Phasing Waves with the 'Blend' tool in Adobe Illustrator. It's a neat little trick that you can use for any of your graphic design projects. (Or... if you want to skip all the steps and just get this cool vector image for FREE, go to our website up240.com, register and download).

posted by up240.com





1. Create a solid background, pick the 'Pen' tool and draw 2 overlapping wavy lines.



2. Go to the top menu, select 'Blend' and in the submenu 'Blend Options'. Select 'Specified Steps' and change the number to 26.


3. Select both of your lines. Go back to the 'Blend' menu at the top and choose 'Make'.



4. This is what the result should look like.


5. Now try a few other shapes. Draw irregular closed curves. Select 'Blend' and 'Make'.



6. Nice! Now try some rectilinear shapes.


7. Finished!
Tip: if you now want to change the shape of your objects, just pick the points along the curves with 'Direct Selection' tool and drag them around. The lines that filled when you created your blends will continue to fill in regular increments.

Monday, January 14, 2008

Photoshop Tutorial - Chaos Background

In this tutorial, you can learn how to create a 'Chaos' digital background in Adobe Photoshop for your graphic design projects. (Or... if you want to skip all the steps and just get this cool background for a minimal fee, go to our website up240.com, register and download).


1. Get a digital 'Chaos' download from our website. Make sure you get the eps version for easier color changes and detail manipulation in Adobe Illustrator. Copy the graphic and paste into a newly created Photoshop file.


2. Paste it into a Photoshop file as a 'smart object'.


3. Create a new Layer behind the graphic and color it a solid background. In this case we selected a generic brown and will tweak all the colors at the end.



4. Duplicate the Layer with the 'chaos' graphic and scale it up. The new enlarged layer should be placed behind the original graphic.



5. Now, lighten the opacity Layer. Go up to Filters menu and apply Gaussian filter to soften the edges.


6. Duplicate your newly created blurred layer and scale it up to cover most of the background.


7. In the Layers box, select 'Hard Mix' option which creates a different color and effect. You can apply it to either the 1st blurred layer or 2nd.


8. Next, using a Brush tool set to 25% opacity and low hardness level (for soft edges), create 'glowing dots'. This adds a lot of depth to the image.


9. Now, repeat the Brush dots but with even less opacity and much larger diameter. Place the new larger dots over the smaller ones you created in step 7.



10. Tweak the color to your liking. Do this on your background Layer. Use the 'Edit' - 'Adjustments' - 'Hue/Saturation' commands.


11. You can get a lot of different variations from this image you just created by simply turning some Layers on/off, changing background color or cropping. Our 'chaos' graphics are extremely detailed. See some samples below.













Sunday, January 13, 2008

Adobe Illustrator Tutorial-glass shadow

For all you graphic designers and illustrators out there! This quick Adobe Illustrator Tutorial will show you how to drop a shadow on a reflective surface. Enjoy!
posted by up240.com


1. With a Text Tool type a word or company name.


















2. Now, select your Text and with 'Reflect Tool' flip it along the Horizontal axis.

Hit the 'Copy' button instead of 'OK'.


















3. Select your newly reflected text. Go to Type Menu at the top and select 'Create Outlines'.


4. Now, the reflected text needs to be colored as a Gradient. Set the Gradient direction to 90 degrees. One side of Gradient color should be white and the other should match the original text for which you are dropping the Shadow.


5. Almost finished! Move the 'shadowed' image a little bit down from the original text.


6. The dropped shadow-text in step 5 is too dark, so Using the 'Transparency' tool, take the opacity down to about 60%. Now it's completed!