Photoshop

< Webdev < Datamaskin <
TwitterFacebook
Get flash to fully experience Pearltrees
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://abduzeedo.com/super-easy-neon-style-photoshop

Super Easy Neon Style in Photoshop | Abduzeedo | Graphic Design Inspiration and Photoshop Tutorials

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. 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. Now click Ctrl + I to invert the black and white image.

Remove White Using Channels | Photoshop Basics

We’re back with a brand new set of soft and subtle grunge brushes . You can use these super soft and subtle brushes to build up your own textures in your designs with incredible ease, it’s also really easy to manipulate them in your own way to build up unique patterns and textures. Obviously you can use these however you want , but our best advice is to build up layers of texture in a subtle way.

Brush Set Three: 45 More Subtle Grunge Brushes | Function Web Design & Development Blog

http://wefunction.com/2011/03/45-more-subtle-grunge-brushes/
http://www.hv-designs.co.uk/2009/10/20/web-design-layout-11/ Good evening everyone, today il be showing you how to make a colorful web design company layout. The website features multiple enlightening colors and a simplistic navigation with a 3D hover. Now select the gradient tool with a linear gradient, set your foreground color to #e6f7ff and background color to #ffffff. Drag the gradient over your canvas starting from the top and ending towards the middle. Creating The Website Title

Web Design Layout #11 | hv-designs

Product/Business Style Layout | hv-designs

Hello everybody welcome to a new tutorial from HV-Designs. In this tutorial ill be walking you through the process of creating a product layout. Create a new document 1200 x 1225 pixels with a white background. Set your foreground color to #eeeff3 then select the rectangular marquee tool. Once you’ve selected the rectangular marquee tool make a selection about 80px in height spanning the width of your canvas. http://www.hv-designs.co.uk/2010/06/29/productbusiness-style-layout/
Good evening ladies, gents, boys and girls. Welcome to another tutorial from hv-designs, today il be showing you how to make a creative 3D layout. The layout features a sleek navigation inspired by the mac and has a nice subtle look with subtle grey colors. Let’s Begin Create a new document “1200 pixels X 1200 pixels” with any color background. Set your foreground color to “#424241″ and background to “#191919″ then select the “Gradient Tool” with a “Radial Gradient”.

Creative 3D Layout | hv-designs

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

Carbon Fibre Style Inset Navigation | hv-designs

http://www.hv-designs.co.uk/2010/03/09/learn-how-to-create-a-carbon-fibre-style-inset-navigation/ Hello, welcome. Today i’ll be showing you how to create a carbon fibre style inset menu. This tutorial comes after a request from one of hv-designs readers, which i was more than happy to oblige. Create a new document 1200 x 600 pixels with a transparent background. Set your foreground color to #bebebf and background color to #d2d2d2, then select the gradient tool with a linear gradient. Around the left and right edges of the canvas you should see the motion blur, blurred too much.
This new tutorial from Alice will walk you through the steps for creating a Web 2.0 Layout for a blog. Be patient, take your time and have fun! Let’s get to work! So! Vurkeeng tiemz http://www.hv-designs.co.uk/2011/02/14/web-2-0-professional-blog-layout-tutorial/

Web 2.0 Professional Blog Layout Tutorial | hv-designs

http://www.hv-designs.co.uk/2011/01/24/minimalist-layout-tutorial/ I am proud to be releasing this tutorial for the readers today! I will be walking you through the simple process of creating a minimalistic profile design in Photoshop. Just to be clear I am using Photoshop CS5 so a few of the steps may not work exactly the same.

Design A Minimalist Designs in Photoshop by Aaron Nichols | hv-designs

Car Layout #3 | hv-designs

Create a new document 850 x 1000 pixels, fill your background layer with the color #1e1e1e. Select the rectangular marquee tool and create a rectangle the width of your canvas, place the rectangle at the top of your canvas, fill using the gradient tool, using the radial gradient and a light shade of grey. You should have something like this. Fill with the color white, but leave the selection still selected. While its still selected head over to the channels pallette and click save selection as channel. Once you have clicked the save selection as channel button you should have a another layer called “alpha1″ select it, press ctrl + D to deselect the selection, then goto filter > blur > guassian blur, blur by 10 pixels.

Awesome digital bokeh effect in Photoshop | Abduzeedo | Graphic Design Inspiration and Photoshop Tutorials

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 | Psdtuts+

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 | Psdtuts+

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.