Showing posts with label tutorial. Show all posts
Showing posts with label tutorial. Show all posts

8/23/11

15 Photoshop Brush Sites You Should Know

Adobe Photoshop is probably the most, if not one of the most, popular graphic editing program of our time. One of the most important element of Photoshop editing are the brushes, so it’s crucial to find the suitable brushes for your design. However, sometimes it can get quite frustrating when you can’t find the tools you need to satisfy your specific design needs. It is indeed no easy task to search through hundreds or thousands of design resources sites to get exactly what you want.
photoshop brush sites 15 First rate Photoshop Brush Sites You Should Know
This is why we took the trouble to gather the best resource sites on the cyberspace for brushes to facilitate your pursuit for high-quality brushes. We hope these resource sites will bring out the best in you in your future designing undertakings. In no particular order, here are some of the top Photoshop brush sites available!
WOW Brushes
A simplistic site with some good brushes for downloads. There are also links to other pretty useful Photoshop resources sites.
wowbrushes 15 First rate Photoshop Brush Sites You Should Know
BrushLovers
Yet another resource site with a straightforward and effective rating system for the sets. Visitors can also check out the latest, most popular or highest rated brushes if they have no particular designs in mind.
lovers 15 First rate Photoshop Brush Sites You Should Know
Photoshop Mosaic
As the title suggests, this site previews the various brushes in small square tiles in a mosaic-like manner for easy viewing and navigation.
photoshopmosaic 15 First rate Photoshop Brush Sites You Should Know
Photoshop Roadmap
A huge collection of unique brush sets arranged and compiled in separate posts.
photoshoproadmap 15 First rate Photoshop Brush Sites You Should Know
Brushking
Beautiful and professional-looking brushes categorized according to themes such that it’s easy to find what you want specifically.
brushking 15 First rate Photoshop Brush Sites You Should Know
Q Brushes
With a users’ 5-star rating system on each brush set, a neat classification of brush types and even a tag cloud for all the contents, this awesome site serves as a resoureful station to gather quality brushes for your design needs.
qbrushes 15 First rate Photoshop Brush Sites You Should Know
PS Brushes
PS Brushes showcase detailed brushes within each set. Such easy referencing and its wide collection of brushes enable designers to find exactly what they want.
psbrushes 15 First rate Photoshop Brush Sites You Should Know
Chez Plumeau
This one has lots of categories of brushes designs, so there’s no worries about finding the specific themes you need.
chez 15 First rate Photoshop Brush Sites You Should Know
myPhotoshopBrushes
A valuable search menu allows for the filtering of brushes according to categories and sorting them according to date, rating and number of downloads. Each set also comes with a short description of the brush and a rating system to boot.
photoshopbrushes 15 First rate Photoshop Brush Sites You Should Know
BrushDirectory
A simple brushes resource site, all arranged in easy-to-navigate category bars on every page.
brushdirectory 15 First rate Photoshop Brush Sites You Should Know
Free Brushes
A large showcase of aesthetically pleasing brushes dating back to 2007. Comments posted by users of each individual brushes allow others to evaluate the quality of the brushes before downloading them.
freebrushes 15 First rate Photoshop Brush Sites You Should Know
Fbrushes
With over 6,500 high quality and professional-looking brushes to choose from, you’ll be spoilt for choice in here.
fbrushes 15 First rate Photoshop Brush Sites You Should Know
Brusheezy
The brushes here can be specifically filtered for your photoshop version, as well as sorted according to popularity, ratings and date of posting.
ezzy 15 First rate Photoshop Brush Sites You Should Know
Brushes Download
This clutter-free brushes site offers a wide selection of different styles of brushes to download from.
brushdownload 15 First rate Photoshop Brush Sites You Should Know
Colorburned
Apart from offering various distinctive brushes, Colorburned provides thorough descriptions for every set of brushes they post. This awesome site even has short video guides for some of their brush sets to demonstrate how the brushes look like or how they can be applied.
colorburn 15 First rate Photoshop Brush Sites You Should Know

Design a Web 2.0 tab with Photoshop


The follow guide below attempts to give you an idea how to design a nice sleek tab menu in Photoshop, Web 2.0 style.


web20 title Design a Web 2.0 tab with Photoshop

Step 1

tab01 Design a Web 2.0 tab with Photoshop
Create a new canvas with white[#ffffff] background at any size you like, preferably rectangular; they are more suitable to draw tabs. Then switch to Channels Tab (Windows -> Channels), click Create new channel on bottom right.

Step 2

tab02 Design a Web 2.0 tab with Photoshop
On the channel layer selected, draw similar shape with Polygonal Lasso tool. Fill it up with white color[#ffffff]; unselect the Polygonal region (select any Marquee tool and hit the screen one); give the shape Gaussian Blur with radius 6.0px.

Step 3

tab03 Design a Web 2.0 tab with Photoshop
CTRL-L to call up the Level Dialog and push the left and right arrow to meet the center arrow, like the image above. This will “smooth” your blur-ed shape up and give you a nice rounded corner shape.

Step 4

tab04 Design a Web 2.0 tab with Photoshop
In Channels Tab, Hold CTRL, click on Channel Thumbnail of layer Alpha 1. The new shape will now be selected, switch back to Layers Tab, Create New Layer and fill the selected area with black [#000000].

Step 5

tab05 Design a Web 2.0 tab with Photoshop
Remove rounded corners for bot bottom left and bottom right, move it towards the left and position it as illustrated above. Next we will focus on the black color Tab.
  Hold CTRL, click on tab’s Layer Thumbnail to get the entire tab image highlighted.
  With the tab image still highlighted, select Rectangular Marquee Tool, hold ALT and draw a rectangular of region we want to remove.
  You should only see the top part selected. Select -> Modify -> Contract, Contract by 2px and you should get something like the image on the left.
  Create a new layer, fill the highlighted region with white[#ffffff]. Right click, choose Blending Options then Gradiant Overlay. Replace the white[#ffffff] color stop with gray[#616161]. Your tab should look like the image on the left.

Step 6

tab06 Design a Web 2.0 tab with Photoshop
Create a new layer; Select Rounded rectangular Tool (Radius 8px), draw a rectangular and put this layer behind the black tab layer. Right click and select Blending Options and insert the following settings.
Drop Shadow
  • Opacity: 31%
  • Distance: 0px
  • Spread: 0%
  • Size: 2px
Bevel and Emboss
  • Depth: 100%
  • Size: 0px
  • Soften: 0px
Gradiant Overlay
  • Here are the Color stops settings.
  • Color: #aaaaaa, Location: 0%
  • Color: #ffffff, Location 100%

Step 7

tab07 Design a Web 2.0 tab with Photoshop
Put in some text to see the overall web 2.0 look. I’m using font Lucida Fax, font-size 32pt and 25pt. And your tab is done! Feel free to play around with the Tab’s colors combination.

8/21/11

Create web page using Photoshop - video

There are a number of different ways to create Websites. While some may choose to hand draw a concept and then start coding HTML, others may want to take a more graphical approach to the design and layout.
This graphical approach is what I’m here to show you.
So today, I’ll explain the design process I go through when a new customer hires me. Being very visual, I find it easier to start with an image when I design a Website, and these are the basic steps I follow:
  1. First, using Photoshop, create an image that mimics the general layout you’d like to use for your site...
part 1 

part 2


Related Posts Plugin for WordPress, Blogger...