Photoshop

FacebookTwitter
Final chicklet A “chicklet” (as opposed to Chiclet, a yummy chewing gum) is a small button used to link to all kinds of things – social networks in particular. Back in the day, they were short and wide rectangles with small text. The new trend is rounded squares with plenty of gloss.

Create Social Networking Chicklets in Photoshop | Blue Lobster Art and Design - Sacramento Web Design and Graphic Design

http://blulob.com/2009/05/17/create-social-networking-chiclets-photoshop/
Grunge

http://photoshop-tutorials-brush.blogspot.com/2007/02/web-20-glossy-gradient-box-photoshop.html Web 2.0 Button/Box This very sleek box can either be used to place in content or as a website button. 1. First, create a new 266 x 150 canvas 2.

Web 2.0 Glossy Gradient Box Photoshop Tutorial

http://abduzeedo.com/super-easy-neon-style-photoshop

Super Easy Neon Style in Photoshop

This past Friday was the Abduzeedo meetup here in my hometown of Porto Alegre. It was really cool, we had a lot of fun and a lot of beers! When I was leaving I noticed the neon sign outside the pub and it really inspired me to create a tutorial on how to acheive that type of effect in Photoshop.
Metal Effect

http://www.webdesign.org/photoshop/photoshop-basics/remove-white-using-channels.10545.html This tutorial works really well for anyone into photo manipulation because in this tutorial we are going to take a photograph with a white background and turn it into a transparent background without having to trace all around the object with the pen tool. So ok we start off with a photo that was taken with a white background as I have below. We will select the hold image by clicking Ctrl + A, then Ctrl + C to copy the image. Now we will go into the Channels bar located in the pull down menu under windows on the top of Photoshop if you don't already have it up. Then click on the click on the Create new Channel at the bottom of the channels bar and click Ctrl + V to paste the image info this new channel layer.

Remove White Using Channels | Photoshop Basics

http://www.hv-designs.co.uk/2009/10/20/web-design-layout-11/ By using our site, you consent to this privacy policy: This website allows third-party advertising companies for the purpose of reporting website traffic, statistics, advertisements, "click-throughs" and/or other activities to use Cookies and /or Web Beacons and other monitoring technologies to serve ads and to compile anonymous statistics about you when you visit this website. Cookies are small text files stored on your local internet browser cache. A Web Beacon is an often-transparent graphic image, usually no larger than 1 pixel x 1 pixel that is placed on a Web site. Both are created for the main purpose of helping your browser process the special features of websites that use Cookies or Web Beacons. The gathered information about your visits to this and other websites are used by these third party companies in order to provide advertisements about goods and services of interest to you.

Web Design Layout #11

By using our site, you consent to this privacy policy: This website allows third-party advertising companies for the purpose of reporting website traffic, statistics, advertisements, "click-throughs" and/or other activities to use Cookies and /or Web Beacons and other monitoring technologies to serve ads and to compile anonymous statistics about you when you visit this website. Cookies are small text files stored on your local internet browser cache. A Web Beacon is an often-transparent graphic image, usually no larger than 1 pixel x 1 pixel that is placed on a Web site. Both are created for the main purpose of helping your browser process the special features of websites that use Cookies or Web Beacons. The gathered information about your visits to this and other websites are used by these third party companies in order to provide advertisements about goods and services of interest to you.

Creative 3D Layout

http://www.hv-designs.co.uk/2010/01/19/learn-how-to-create-a-3d-style-web-layout/

Carbon Fibre Style Inset Navigation

http://www.hv-designs.co.uk/2010/03/09/learn-how-to-create-a-carbon-fibre-style-inset-navigation/ By using our site, you consent to this privacy policy: This website allows third-party advertising companies for the purpose of reporting website traffic, statistics, advertisements, "click-throughs" and/or other activities to use Cookies and /or Web Beacons and other monitoring technologies to serve ads and to compile anonymous statistics about you when you visit this website. Cookies are small text files stored on your local internet browser cache. A Web Beacon is an often-transparent graphic image, usually no larger than 1 pixel x 1 pixel that is placed on a Web site. Both are created for the main purpose of helping your browser process the special features of websites that use Cookies or Web Beacons. The gathered information about your visits to this and other websites are used by these third party companies in order to provide advertisements about goods and services of interest to you.
By using our site, you consent to this privacy policy: This website allows third-party advertising companies for the purpose of reporting website traffic, statistics, advertisements, "click-throughs" and/or other activities to use Cookies and /or Web Beacons and other monitoring technologies to serve ads and to compile anonymous statistics about you when you visit this website. Cookies are small text files stored on your local internet browser cache. A Web Beacon is an often-transparent graphic image, usually no larger than 1 pixel x 1 pixel that is placed on a Web site. Both are created for the main purpose of helping your browser process the special features of websites that use Cookies or Web Beacons. The gathered information about your visits to this and other websites are used by these third party companies in order to provide advertisements about goods and services of interest to you. http://www.hv-designs.co.uk/2011/02/14/web-2-0-professional-blog-layout-tutorial/

Web 2.0 Professional Blog Layout Tutorial

http://www.hv-designs.co.uk/2011/01/24/minimalist-layout-tutorial/ By using our site, you consent to this privacy policy: This website allows third-party advertising companies for the purpose of reporting website traffic, statistics, advertisements, "click-throughs" and/or other activities to use Cookies and /or Web Beacons and other monitoring technologies to serve ads and to compile anonymous statistics about you when you visit this website. Cookies are small text files stored on your local internet browser cache. A Web Beacon is an often-transparent graphic image, usually no larger than 1 pixel x 1 pixel that is placed on a Web site.

Design A Minimalist Designs in Photoshop by Aaron Nichols

Car Layout #3

By using our site, you consent to this privacy policy: This website allows third-party advertising companies for the purpose of reporting website traffic, statistics, advertisements, "click-throughs" and/or other activities to use Cookies and /or Web Beacons and other monitoring technologies to serve ads and to compile anonymous statistics about you when you visit this website. Cookies are small text files stored on your local internet browser cache. A Web Beacon is an often-transparent graphic image, usually no larger than 1 pixel x 1 pixel that is placed on a Web site. Both are created for the main purpose of helping your browser process the special features of websites that use Cookies or Web Beacons. The gathered information about your visits to this and other websites are used by these third party companies in order to provide advertisements about goods and services of interest to you. http://www.hv-designs.co.uk/2008/08/28/car-layout-3/

Awesome digital bokeh effect in Photoshop

Our last Wallpaper of the Week was an image I had created using Pixelmator, and I really liked the outcome. The best part about it was that it was pretty easy to accomplish in Pixelmator, but I decided for perspective's sake to create the same effect in Photoshop. The process is easy as well, but with a few extra steps.

How a Simple Layout Can Be Mixed ‘n’ Matched with Patterns, Photos and Backgrounds

It’s pretty amazing how much colour and background can change the look and feel of a website. In this tutorial we’re going to put together a quick, simple but effective layout and then create variations using backgrounds, photos and patterns. We’ll also look at how to make seamless tiled backgrounds out of a photo, methods for ending a single photo and simple ways to create pixel patterns. In short it’s a jam packed tutorial! Step 1 – Creating the Basic Layout

How to Make a Creative Blog Layout

In this tutorial, we’ll make a creative blog layout using mostly simple shapes, a few brush techniques, some images, and a dose of Photoshop ingenuity. Creating web design layouts is easier than you may think. You can learn to build attractive designs rapidly.

How to Create a Highly Detailed Hi-Tech Power Button

With this tutorial we will create a hi-tech style button that can be used in splash pages, applications or Powerpoint presentations. We will use Illustrator to create complex vectors and Photoshop to develop realistic effects. Step 1
Tiled backgrounds are great for both website backgrounds and in all kinds of Photoshop work. They are particularly useful when working with textures where you need a larger overall background than the small image you have to work with. In this quick tutorial I’ll take you through taking a texture and turning it into a background image ready for seamless tiling. It’s a useful little technique that’s been around forever. We need this technique for today’s other tutorial – How a Simple Layout Can Be Mixed ‘n’ Matched with Patterns, Photos and Backgrounds .

How to Turn a Texture into a Seamlessly Tiled Background