PHOTOSHOP WEB TUTORIALS FOR BEGINNERS - Introduction to Photoshop Lessons for Beginning Adobe Photoshop Users Just Learning How to Use This Software.
Beginners' Guide to Adobe Photoshop - Ever wanted to learn how to use Adobe Photoshop, but had no idea where to start?
Creating a Watermark - Large areas on your page which are monotone (a single colour) can look very drab. The best way to rectify this problem is by using a watermark. A watermark is a lightened area, as if someone had poured water onto it.
Fonts and Text - As far as I'm concerned, there are only two fonts worthy of being used for body text on web pages. Verdana, and Arial, both at size 2 (10 pts). At size 3 or larger, these fonts look different, so I tend to stick to size 2.
Professional Logo - Create a professional logo for your company.
Invision Borders - Create borders similar to the ones on IPB forums (default skin).
Lava Text - Create this stunning unique "lava" type effect for your text.
Chrome Text - Create some cool and shiny chrome metal text with some easy to follow steps.
Create an "Alien" type header interface using this detailed tutorial.
Expandable Content Boxes - In this tutorial you will learn how to create a cool smooth content box, slice it, and adjust so it can expand to any width or height.
"Link Me" Buttons - Create your site a "link me button".
Jumping Jack-O-Lantern - Tweening an Animation - One of the more advanced techniques available for animating GIFs in ImageReady is tweening. Derived (more or less) from "in between," the term refers to the automatic generation of frames for your animation. You create the first and last frames and let ImageReady do the work in the middle...
Halloween is Even Closer - Basic Animation with Slimy Type
In the previous column, we created some slimy text on a wall. Now let's have some fun and make that slime drip down the wall in an animated GIF, using Photoshop and ImageReady. The Gif file will be suitable for playback on your favorite Halloween Web site, or for use as in an animated Halloween...
Halloween is Coming - With Halloween right around the corner, it's time to start dressing things up. And nothing quite says "Happy Halloween" like some slimy letters sliding down the wall. In this installment, we'll create the slimy text and next time we'll make it drip down a wall in an animated GIF...
Tech Star Avatar - Make a new document. I used 380x380. Fill it in with black. Go to Filter>Render>Lens Flare and use these settings:
Make a Dragonball - Create a simple orbish Dragonball from the cartoon DragonballZ!
Vector Simplicity #2 - Open up an image of a random person holding something. I have chosen Mace Windu from the awsome movie STARWARS Revenge of the Sith. Then outline your character like you did in the previous tutorial and fill it with black…
Copy the metallic style from the Bounty Hunter text!
Eroded Text - Create a text that evokes images of ancient ruins - no, it's not written in Greek! - with layer styles and noise filters.
Retro Stars - Create Retro Stars used in the 80's a lot!
Chrome Text Effect - When you see rappers with the Ice around their necks... you just wanna make that too!
Chrome Text Effect
When you see rappers with the Ice around their necks... you just wanna make that too!
Technical Interface - Want to create a sleek, hi-tech look for your website interface? Just a beginner? No problem. Follow this guide and you'll make something far beyond your expectations.
Glowing Animation - Create an animation just like the admin-sigs in the forums...
CobbleStone Text - Make your text look like pavement in New York...
Pencil-Scetch - For beginners, a pencil sketch tutorial that will introduce you to the basics of layers and filters.
Create the shiney Text just like the logo from the RPG Fable...
The Palette - This will teach you how to use the palette, the one thing that must be know before using Photoshop….
Use the Rounded Retangle Tool to create a box of your liking anywhere. Also try to use the Radius seen in the toolbar. I always use 20 px, 10 px or 5 px. Once you've filled it with a random color it's time to get the Retangle-Tool and select a small piece of the top...
Website Header - Aimed at beginners, this tutorial simplifies the process of making a header, with an emphasis on the toolset as much as on the end-product.
Picture in Text - Begin with a new file, size and color doesn't matter. Then take the Text Tool and type in your text the color on the text doesn't matter...
Begin with a new file, 300x300, and with a transparent background. Now set your foreground color to black, then take the Paint Bucket Tool and fill your canvas with your foreground color...
Begin with a new file, 250x200 and with a white background. Then create a new layer in the layers palette. Now take the Polygonal Lasso Tool and create a shape similar to the one below, fill the shape with any color...
Stylish Webpage - In this tutorial you will learn how to create a Stylish Webpage. I will use a few patterns in this tutorial, so let's begin with the first pattern...
Menu Button - Begin with a new file, size and colors doesn't matter. Then create a new layer. Now take the Rounded Rectangle Tool and draw out a shape similar to the one below...
Brave New Blending Styles: Six - Here's simple 'Style' applied to an Ellipse Shape. This gives the appearence of a door bell. Most effective style's are created using extreme combinations. Follow along this series, you'll see just what I mean...
Brave New Blending Styles: Seven - Here's simple 'Style' applied to an Ellipse Shape. Applying a knockout to the center and using a Satin Layer Style makes for this neat object. Start off with a new document (mine 341x313) , next hit the 'D' key on your keyboard to set the foreground to 'Black'...
Brave New Blending Styles: Two - Here's simple 'Style' applied to an Ellipse Shape. Most effective style's are created using extreme combinations. Follow along this series, you'll see just what I mean...
Brave New Blending Styles: Three - Here's simple 'Style' applied to an Ellipse Shape. Most effective style's are created using extreme combinations. Follow along this series, you'll see just what I mean…
Brave New Blending Styles: Four
Here's simple 'Style' applied to an Ellipse Shape.This gives the appearence of a glass eye or camera lens affect. Most effective style's are created using extreme combinations. Follow along this series, you'll see just what I mean...
Brave New Blending Styles: Five - Here's simple 'Style' applied to an Ellipse Shape. Applying a knockout to the center and using a Satin Layer Style makes for a neat object. Start off with a new document (mine 341x313) , next hit the 'D' key on your keyboard to set the foreground to 'Black'...
Awesome Abstract - Begin with a new file, 300x300, and with a white background. Now go to Filter>Render>Fibers, and apply these settings, Variance 50 and Strength 4. Then go to Filter>Pixelate>Mosaic, Cell Size 25, and then go to Filter>Sharpen>Sharpen, press Ctrl+F, and now should you have something like this...
Pixelate Tutorial - Begin with a new file, and with a white background, the size doesn't matter. Then take the Text Tool and type something. Now head over to the layers palette and right click on your text layer, choose Duplicate Layer…
Content Box - Begin with a new file, 300x300, and with #5D5D5D as your background color. Then create a new layer in the layers palette. Now take the Rounded Rectangle Tool and create a similar shape to the one below, fill the shape with #444444...
Brave New Blending Styles: One - Here's simple 'Style' applied to an Ellipse Shape. Most effective style's are created using extreme combinations. Follow along this series, you'll see just what I mean. Start off with a new document (mine 366x364) , next hit the 'D' key on your keyboard to set the foreground to '...
Removing Scunge - Have you ever used someone else's render and got a thin border of "scunge" around the outside? This neat little trick easily removes that fine line of scunge from any cut-out image...
Transparent .GIFs - Learn how to take a rectangular signature of any dimension and then add a render that has parts sticking out. This is all about making transparent .GIF files...
Water Color Retro Art Style - What you will need to begin is a high resolution image. (Not supplied - below is just a sample of what I used for this effect.) Note: Image courtesy of AbsolutVision Photo Gallery...
Type Basics: Point Type and Area Type - Type in Photoshop is either point type or paragraph type. Point type is added to a document at a specific location (or point) in the image. In contrast, area type (also called paragraph type) fills a portion (or area) of the image...
Photoshop Type Basics - In any discussion of type and text in Photoshop, it's important to keep one key concept in mind: Photoshop is an image editing program, not a page layout or illustration program, nor is it a word processor. As such, don't think of Photoshop's type handling capabilities as lacking...
Photoshop's Improved Type Capabilities - Photoshop 7 adds several major new capabilities, such as the File Browser, the Healing Brush, and Tool Presets. But you'll also be quite pleased with the dozens of little tweaks in the program, including some long-awaited improvements in the type department...
Photoshop's Tool Presets - What if Photoshop had a separate tool for every variation of every option? What if there was one Crop tool to create 4x6 inch images at 240 dpi, another Crop tool for 8x10 at 300 dpi, another for 800x600 pixels at 72 dpi, and so on. The Toolbox would be pretty crowded...
Atlantis - By using the Ocean Ripple filter, and the Bevel option, this tutorial creates a website whose buttons are islands that sink beneath the waves
Pixelated Censor - For most users of Photoshop, good is not good enough. Today we'll tinker with the Mosaic Effect setting to create a pixelated censor…
Zap your photos with the elliptical marquee tool as well as a drop shadow or two and you'll give them a glossy effect.
Infrared Landscapes - Convert color landscapes into realistic infrared photos….
Gradient Work Tutorial
Let's do some more layer masking. Here I'll show you how to create a fade to white or fade to black effect. Start with a flattened image or a photograph on a new document...
Gradient Work Tutorial - Here you are going to learn a very simple yet very effective way to create beautiful blends and fades. Create a new document at the desire size that you want. Keep in mind your end format (72 for web, 300 for print)…
Masking Tutorial - Here I'm simply getting the selection of the layer that will be the foreground element (the 'woman' in human terms). Select with the magic wand tool (look at the toolbar) and then right click and select inverse to close the selection in on the forward anomaly...
Making Graphic Development Kits - If you're a web designer, you sometimes find yourself having to do the same type of changes to images (hue change, lightness, add blur, etc.), and even if you use macros it's hard to open each image and edit it individually...
88x31 Affiliates Banner - In this tutorial, I will show you how to make an attractive affiliate banner…
Add a photo border tutorial
Here I'm going to create an effect which you will see on countless brochures and on the back of your favorite movies in your home collection (especially comedies)...
Color Replace with Ease
Using Photoshop CS or CS2 Color Replacement Tool (B), makes color alterations a simple process. Follow this simple process to learn how…
Rounded/Cornered Shapes Simplified - Here are a few ways to create rounded/cornered graphic panels in Photoshop.
Text On A Spiral Path in Photoshop CS - A follow up from the Type on a Path introduction, here is a simple way to add text to a spiral path.
Spell Check Multiple Type Layers - A handy feature in Photoshop is the Spell Check option for type layers. It can be used for a single type layer, a single word, but also for multiple type layers at once. Below is an example of two separate Paragraph type layers and in each paragraph is an intended misspell...
Custom Curtain Textures
Here is a process to creating custom curtain or fabric textures with Photoshop.
Photoshop Path's Made Easy
Here is a simple way to get comfortable using Path Tool...
Text On A Path in Photoshop CS - An anticipated feature to Photoshop and only available in Photoshop CS is the Text on a path Tool. The Path can be either an open or closed path as well as a vector filled path...
Wedding Movie Poster from Digital - Start this wedding version movie style poster Photoshop tutorial by dragging in the bride to a nice sky/cloud photo (here is again from Photos.com). Go ahead and use the eraser tool to get rid of the extra junk around the bride…
Batman Begins Logo (Exclusive Tutorial) - In this tutorial you'll learn how to make the new dark logo for Batman Begins…
Photoshop to Dreamweaver - In this tutorial you will learn how to slice and convert a Photoshop website template into an editable web page
Custom White Balance Cards - An alternative of purchasing expensive white balance cards. White balance cards can simulate coloured filters such as a warming or cooling filter...
Unsharp Mask Filter - The Unsharp Mask filter sharpens an image by increasing the contrast between pixels.
Glass Effect - Add a glossy glass effect to any shape using layer styles.
Shiny metal tiles with random textures…
Latex Texture - Create a shiny and wavey latex texture
Camera Motion Blur - Create a realistic motion blur that resembles one created using a camera rather than a photo editing software. This tutorial requires Adobe Photoshop CS2.
3D Anaglyph - Create 3D anaglyphs to be viewed with red and blue/green anaglyph glasses.
Making Batman Logo (Exclusive Tutorial)
Batman, of course, is more than a logo; there are, besides, action figures and comic books. Yet Batman remains at least in part the logo in this tutorial
WRITE ARTICLES FOR US & FREE PROMOTION OF YOUR GRAPHIC DESIGN BUSINESS
We are looking for submissions of Graphic Design Tutorials and Articles from Knowledgeable Graphic Designers and Publishing Professionals. We will add a paragraph about your graphic design services (or other services as long as it is not offensive) along with your published article. We will add your contact information, including your graphic design business' website link, within this paragraph. AllGraphicDesign.com gets around 16,000 Unique Visitors every day and this could mean a nice amount of traffic being sent to your graphics business' web site (or your graphic design portfolio). Find Out More Here
Graphic Design Menu
US YOUR HOMEPAGE
UP FOR NEWSLETTER ::
YOUR PORTFOLIO FREE ::
OUR FRIENDS -- Adobe Photoshop Tutorials -- Photoshop, Flash, 3D Studio Max Tutorials -- Web Designers & Developers --Photoshop Tutorial Man -- Tutorial Guide -- Free Webmaster Tutorials -- Web Designers -- Web Design Portfolio --AllFreelanceWork--AllFreelance--Artists Helping Children --All Creative Portfolios -- All Work at Home Ideas
Design Resources Center is always looking for more information & resources to
put into our graphics directory portal. If you have any
design or dtp resources that you think would fit in well, such as graphics software links, graphics and clipart foundries, objects, filters,
fonts, desktop publishing or other graphic design resources articles,
templates, etc...Please email us and let us know. All Graphic Design Resources Center has been around since 1998 (originally as deezin dot com), offering desktop publishing information and graphic
design resources to make your web search for graphics stuff easier.
Let us know how we can make All Graphic Design site more helpful for
you! All informational links are hand added by an editor. Thank you for visiting
our site and don't forget to bookmark this site.
R E L A T E D . L I N K S
and software are the copyrighted works of Allfreelance, ©
2003 - 2018 QuinStreet, Inc.