Go Back   Webmaster Forum > Development > Graphics Designing
REMOVE the ads below !
Reply
 
LinkBack Thread Tools
  # 1 (permalink)
Old
Newbie
Posts: 26
Join Date: Feb 2008
iTrader: (0)
Exclamation Graphics Customization Resources - 02-19-2008

Guys Look at this A Huge Collection of Graphics Customization Resources for U. I got it by searching different websites & collected them into one post.

A to F
A
Air Brushing tips & tricks 1

Air Brushing tips & tricks 2

B
Free brushes

Books on graphic design
A History of Graphic Design

C
Common Web Design Mistakes

Clipart

List of free clipart sites


F
Free online design tools - for the absolute beginner
Free Banner Maker - Builder simple banner tool
GIFWorks.com! Free Online GIF Tools good tool for customizing graphics
CoolArchive - Free clip art, fonts, icons, and much more! logo generator
Free Web Button Maker - ButtonGenerator.com online button generator
3DTextMaker.com - Create Free 3D Banners for Your Web Pages! text maker
BannerForge Wizard make ad banners here for promotion
http://www.freebackgrounds.com/plaza.htm free backgrounds
FlamingText: Free online tool for generating custom webpage graphics and animations. more text, banners etc

Favicon Maker
Reply With Quote
  # 2 (permalink)
Old
Newbie
Posts: 26
Join Date: Feb 2008
iTrader: (0)
02-19-2008

G
Glossary of design terms

Ascender- The part of a lowercase letter that falls above the body (x-height) of the letter. "b", "d", "f", "h", "k" and "l" are all examples of letters with ascenders.

Animation- The process of combining images to give the illusion of movement.

Anti-Aliasing- Smoothing or blending the transition of pixels in an image. Anti-aliasing the edges on a graphic image makes the edges appear smooth, not jagged.

Bitmap
- A bitmap is a graphic file that is made up of square dots (pixels). Scaling these images to larger sizes result in these pixels becoming larger which can make the image look blocky with jagged edges..

Bleed- Method used in print to have ink printed right up to the edge of a page. The way this is done is by having the document printed on a larger page. Then the printer prints 1/8th (usually) of an inch beyond the document size on each side, and is then cut to size.

CMYK- The initials of the four process colors. They are cyan, magenta, yellow, and black. K is used for black to not confuse people into thinking blue.

Compression- A method used in graphics programs to shrink the size of image files. Jpegs use compression to shrink down file sizes, and TIFs have the option to compress using LZW for example.

Cropping- This involves removing the outside edges of a photograph to remove excessive or irrelevant background content of a photo. This technique is often used to create interesting framing for images. Note that this is not the same as resizing, which keeps the image intact.

Descender- The part of a lowercase letter that falls below the body (baseline) of the letter. "g", "j", "p", "q" and "y" are all examples of letters with descenders.

Dithering- This is a process used in making an image (like in a GIF file that has 256 colors or less) appear to have more colors than it really does. This is done by blending pixels using patterns that approximate the colors it is trying to produce. Up close, this dithering looks quite dotty and speckled, but at a normal viewing distance, the effect of more colors and cleaner transitions can be obtained.

Dots Per Inch- (or dpi) This specifies the resolution of an output device, like a printer or printer press. This print resolution varies depending on what kind of output is required.

Duotone- This is a technique which mixes two colors (Duo) which can provide richer toned image than a monotone graphic. The sum can be greater than its parts and give the impression of more colors than just the two. This can be an effective way of designing with a limited color output budget.

Export- The process of saving a graphics file to a format that can be opened in another program. These formats are usually not the native format of the program you are exporting from.

FlightCheck- This is a prepress program that reads a disk (or other media) and checks for and identifies missing fonts, embedded graphics, bad traps, and many other potential problems.

Font- This is the letters, punctuation, numbers and symbols that make up a single typeface. An example of a font is Eras Light ITC. Another font is Eras Bold ITC. The typeface in this instance is Eras. It is the variations of this typeface that are fonts.

GIF- (Graphics Interchange Format)- This is a widely used graphics format for the Internet that allows transparency and animation. The limitation of this format is that it the maximum number of colors is 256. GIFs are often dithered, which can give the illusion of more colors.

Gradient- This is a gradual transition of two or more colors.

Greyscale- This is a color mode where there are no colors in use. There is just black, white, and various shades in between. In the print world, a greyscale image is actually made up of just black ink. The value of the grey depends on the density and size of the black dots printed. In photographs, halftones are produced to simulate various shades.

GUI- (Graphical User Interface) This is a user interface based on graphics (icons and pictures and menus) instead of text. When designing a website, it is important to design the GUI effectively.

Halftone- Process used in print for Photographs, paintings, and drawings. Because most printing presses cannot produce continuous tones, images are converted to halftones to simulate continuous tones. Using fine dots of varying size and spacing, halftones can reproduce the shades and textures of the original image.

HTML- (Hypertext Markup Language) This is THE standard format for the Internet. Html pages can include text, images, animation, video, sound, and more.

Hue- This is another term for color.

Interlace- This is a web graphic technique used to have an image appear in steps (with a rough image appearing first, and then progressively getting more detail), rather than waiting for the full source image to appear. This is getting less and less used as broadband Internet picks up steam.

Italics- This is the slanting forward of serif fonts.

JavaScript- This is a language used to do things on the Internet that html coding often cannot.

Jpeg- (Joint Photographic Experts Group). This is the main format used on the Internet (and elsewhere) for photographic/continuous toned images. Because the Jpeg format uses compression, you can often obtain much smaller file sizes and still maintain photographic quality.

Justified- This is when text is aligned vertically on the left AND right margins.

Kerning- This is the process of selectively adjusting the spacing between letters pairs to improve the overall appearance. The letter pairs that most often need some kind of kerning treatment are AV, AY, PA, and AT. These letter pairs often look awkward together, and need to either be moved closer together, or further apart manually.

Keyline -This is an image placer in layout that represents where an image is to go when it is printed. This placeholder doesn't print, but it fits the position and size of the image that will b e printed in that spot. This Keyline often is a rectangle with an x through it.

Kilobyte (kb)- This is 1,024 bytes of digital information.

Landscape- The orientation of a document that is to display a page length wise instead of up and down. A brochure will often be a landscape document, where the width is wider than the height.

Leading- This is the distance between the baseline of one line of text to the next baseline of text.

Ligature- This is when letters in a word touch.

Lossless Compression- This is a way of saving a graphic file in a compressed format to reduce the file size without any loss of image quality. The PNG format useless this kind of lossless compression for example.

Lossy Compression- This is a way of saving a graphic file in a compressed format to reduce the file size, but at the cost of image quality. Jpegs can be saved at various levels of compression. The higher the compression, the smaller the file size, and the more image quality is lost.

LPI: (Lines Per Inch)

Mouse-over- A technique used on the Internet where an image changes to another image when the mouse pointer moves over the image. An example of this is a button where it looks like it is being pressed down when you move the mouse pointer over it.
Multimedia

PDF- (Portable Document Format) This format developed by Adobe makes it possible to keep the exact fonts, format, and layout of a document across any platform. These files can be created in Adobe Acrobat, or any program that can output to PDF. An Adobe Acrobat Reader is needed to view these files.

Pica-Pica is a unit of measure commonly used in graphic design. Six picas equals roughly one inch (precisely, six picas equals .9957 inches). Most graphic design programs round off picas so that six picas exactly equals one inch.

PNG- (Portable Network Graphics format) This is a lossless compression format that is used on the Internet to display high color graphics like photographs. You can also have transparency with PNGs, but the file sizes can be larger.

Portrait- The orientation of a document that displays the longest sides of the document vertically. An example of this is an 8.5X11 paper viewed normally.

Postscript- This is a language used by postscript printers to convert documents so they can be printed.

PPI-(Points Per Inch) This is the resolution of an input device. Examples include digital cameras, scanners, and monitors.

Process Color- Colors that are made up of the CMYK. By using halftones, you can obtain photographic full color images using just CMYK. Also known as Full Color.

Quick Time- The video format developed by Apple that is used on the Internet and other desktop applications.

RGB- Red, Green, Blue. This is the common color space used on computers. Website graphics are saved as RGB, as well as other output that involves a monitor. Colors are determined by mixing these 3 colors together with values ranging from 0 to 255. Black has an RGB value of R=0, G=0, B=0. A light purple could be a value of is R=180, G=0, B=255.

Revert- This is a command found in many computer applications that returns the document to it's last saved state.

Resolution- This determines the detail of an image based on the amount of pixels. More pixels means higher resolution. The higher the resolution, the better the printed output.

San Serif- This is type that lacks the strokes on the end of letters that can be found on a Serif Typeface. An example of a typeface that is San Serif is Arial.

Serif- These are the exaggerated strokes at the ends of letters. Type that has these markings are known as Serif type. An example of a typeface that has serifs is Times New Roman.

Spot Color- This refers to a color that does not go through the CMYK process to obtain color values. Instead, each color in a document is created using that exact color, not a mixture of CMYK halftone values. Spot colors are used most often in limited color jobs where the cost of ink is too high for 4 color CMYK printing, or where a particular color (say for a logo) used must be exact.

Vector Graphic
- A graphics format that uses shapes and lines, called paths. Vector graphics are resolution independent graphics that appear smooth and crisp regardless of how magnified the image is on screen. They also can be enlarged as big as you want them without having jagged edges. This format is best for line art and logos that don't require complicated coloring or textures.

X-height- This is the vertical height of a typeface that is measured from the baseline to the top of lowercase letters without ascenders. X is a letter that can be measured this way (hence the name), as well as a, c, e, m, n, s, and so on.

Widow- This is a single word or line of text that is left on the top of a page or column that was continued from a previous page or column. This is a no no in page layout.

WYSIWYG- (What you see is what you get) This is a term used for applications that show how a graphic/layout will look while you are editing it.
Reply With Quote
  # 4 (permalink)
Old
Newbie
Posts: 26
Join Date: Feb 2008
iTrader: (0)
N to S - 02-19-2008

N to S
N
Navigation Bar Tutorial

O

P
Paint Shop Pro
Head and Base Tutorial (paint shop pro)

Photoshop
Photoshop Shortcuts & Tips

Q
Quick Design Tips

R

S
Software - Image Editing
TheGimp (free)
GIMP is the GNU Image Manipulation Program. It is a freely distributed piece of software for such tasks as photo retouching, image composition and image authoring. It works on many operating systems, in many languages.

Adobe Photoshop
The professional standard in desktop digital imaging
Adobe® Photoshop® CS2 software, the professional image-editing standard and leader of the Photoshop digital imaging line, delivers more of what you crave. Groundbreaking creative tools help you achieve extraordinary results. Unprecedented adaptability lets you custom-fit Photoshop to the way you work. And with more efficient editing, processing, and file handling, there's no slowing you down.

irfanview
IrfanView is a very fast, small, compact and innovative FREEWARE (for non-commercial use) graphic viewer for Windows 9x/ME/NT/2000/XP/2003.
It is trying to be simple for beginners and powerful for professionals.
IrfanView was the first Windows graphic viewer WORLDWIDE with Multiple (animated) GIF support.
One of the first graphic viewers WORLDWIDE with Multipage TIF support.
The first graphic viewer WORLDWIDE with Multiple ICO support.

Photoplus 6
PhotoPlus 6 is the fun photo editing software that brings professional image editing to everyone with just a few clicks of the mouse. This free download enables beginners and professionals alike to produce incredible images for print, multimedia and the web.
PhotoPlus 6 is incredible image editing software that enables you to create, manipulate, and enhance photographs, bitmap graphics, and web animations. All the tools you need are provided along with handy hints to enable you to achieve totally unique results.

GFX Version 8
QFX combines the features of both a paint and a draw program in a single integrated graphics environment. QFX makes it easy to build complex layouts with impressive speed by utilizing an object-oriented paradigm, complete with floating layers, transparent and soft edge masking, multiple complex effects and real time photographic compositing. QFX supports industry standard Photoshop® plug-ins, TWAIN scanners and digital cameras and the most popular file formats. QFX is powerful, mature and easy to use, yet has not succumbed to becoming "bloat-ware" to maintain its state-of-the-art features. It is equally suited to creating or editing large images for prepress applications or modest size images for the web site or other Internet or multimedia applications.
QFX supports Windows 95/98/Me/XP and Windows NT and 2000.

Inkscape v0.42

PagePlus SE

WebPlus 6.0

DrawPlus 4.0

3DPlus 2.0
Reply With Quote
  # 5 (permalink)
Old
Newbie
Posts: 26
Join Date: Feb 2008
iTrader: (0)
T - 02-19-2008

T
Tutorials
Graphic software tutorials
Typography Basics
Tips, tricks, tutorials, resources

1. Tutorials: Photoshop Tutorials Tutorials
2. Good-Tutorials / Photoshop Tutorials + Flash Tutorials
3. N-sane Art : Photoshop Tutorials
4. http://www.effectlab.com/
5. Olate - PHP Bug Tracker, PHP Licensing and UK Dedicated Servers
6. www.shiver7.com Coming Soon!
7. Proeffect.com v5 - Free Membership - Sign Up!
8. http://www.thewebmachine.com/
9. Photoshop tutorials, plugins and downloads : The Photoshop Roadmap
10. Homestead - Create your own Website: FREE Trial! Web Hosting & Website Building Software Included
11. http://rainworld.com/psworkshop/
12. ascenvia.net
13. http://www.nexflo.net/
14. http://www.digitaltropic.com/
15. Eyes on Design - Download free graphics and learn how to create stunning Adobe Photoshop effects
16. http://www.aovs02.dsl.pipex.com/
17. Web Design Tutorials - learn web design
18. Photoshop Tutorials from PhotoshopCAFE -free Photoshop training
19. Redirecting you to the right. Please hold.
20. http://user.fundy.net/morris/photoshop.shtml
21. extremephotoshop.com
22. http://members.rogers.com/pussycat33/index0.htm
23. Infinite-Fire
24. http://www.killer-bunnies.com/photoshop.php
25. Online Photoshop Tutorials, Tips and News. | Planet Photoshop
26. digital-foundry.com
27. Photoshop Professional Tips & Tricks
28. So long and thanks for all the fish.
29. Wallpapers & Graphics Resources
30. gliebster.com - "A'll Be Baaack"
31. ∫di_studios∫_{v14}_ƒ£ight_to_1måg¡na& dagger;¡øn//:
32. Webmaster Tools, Developer Tools, Programming Tools - Dev Mechanic
33. Depiction- Free Photoshop Tutorials, CSS Tutorials, Premium Templates, and more!
34. noxcel
35. http://www.losthaven.nipz.com/
36. http://www.onusart.org/
37. http://www.esoul.org/ (Video Tutorials)
38. Worth1000.com | Photoshop Contests | Are you Worthy™ | home page
39. Graphic Design tips, tricks, tutorials using Photoshop.
40. BioRUST.com :: Your Source for Top Notch Photoshop Tutorials & Downloads!
Reply With Quote
  # 6 (permalink)
Old
Newbie
Posts: 26
Join Date: Feb 2008
iTrader: (0)
U to Z - 02-19-2008

U

V
Vbulletin style & templates

vBulletin color maps for vB3

Vector graphics
Vector graphics are images which are completely based on mathematical definitions. The vector graphic is built of various small points which combine to make lines. There are a few points known as Bezier curves which connect the control points. Designers generally prefer to use this program because it gives the best graphics.

Features of vector graphics
The vector graphic files are usually small because they contain only the data that makes Bezier curves and points. The files are stored in EPS-file format. An advantage of using vector drawings is that they can be scaled without any loss in quality. This makes them ideal for logos because altering the size occurs frequently. Vector graphics also possess the following properties:

The drawings can only be scaled up to 20%regardless of size.
If a vector graphic drawing is reduced too much the small lines will disappear.
The small errors and faults can become visible if the drawing is enlarged too much.

Applications and programs
The most recognized applications which handle vector based graphics are:

Adobe illustrator
Macromedia freehand
Corel draw




W

X

Y

Z

More Updates will be here Soon.....
Reply With Quote
  # 7 (permalink)
Old
Newbie
Posts: 26
Join Date: Feb 2008
iTrader: (0)
03-05-2008

Thanks guys for appretiation!!
Recently i was Away from Computer due to my exams.
Reply With Quote
  # 8 (permalink)
Old
The Computer Addict !
Posts: 1,996
Join Date: Feb 2007
iTrader: (0)
Location: Bhopal (MP, India)
03-05-2008

Awesome resources.
Thanks for posting...

Dang! How did i miss this thread earlier ?
Reply With Quote
  # 9 (permalink)
Old
Newbie
Posts: 26
Join Date: Feb 2008
iTrader: (0)
03-05-2008

No Problem Buddy
BTW many Indians hanging around here!
Reply With Quote
  # 10 (permalink)
Old
Designing Team Leader
Posts: 86
Join Date: Jun 2008
iTrader: (0)
Location: guidelineproducts.com
06-19-2008

@AstaLaVista - Great post man!!! I'm honestly, probably gonna reference this page quite often because it has some really great resources for pretty much anyone! Good job! You should be selling that list
Reply With Quote
Reply


Thread Tools



Advertise Here for just $6 per month

vBulletin®, Copyright ©2000 - 2008, Jelsoft Enterprises Ltd. | SEO by vBSEO | Skin developed by vBStyles.com