Web Developer's Virtual Library: Encyclopedia of Web Design Tutorials, Articles and Discussions
 Discussion Forums
 HTML, XML, JavaScript...
 Software Reviews
 Editors,Others...
 Top100
 JavaScript Tutorials, ...
 Tutorials
 ASP, CSS, Databases...
 Discussion List
 FAQ, Roundup, Configure ...
 Authoring
 HTML, JavaScript, CSS...
 Design
 Layout, Navigation,...
 Graphics
 Tools, Colors, Images...
 Software
 Browsers, Editors, XML...
 Internet
 Domains, E-Commerce, ...
 WDVL Resources
  Intermdiate, Tutorials,...
 WDVL
 Discussion Lists, Top 100,...
 Technology Jobs


WDVL Newsletter

Active Server Pages
JSP/Java Servlets
Microsoft SQL Server
Daily Backup
Dedicated Servers
Streaming Audio/Video
24-hour Support    

jobs.webdeveloper.com

Hiermenus


e-commerce
Partner With Us
Get Business Software
Baby Photo Contest
Logo Design
Compare Prices
GPS
Imprinted Gifts
Domain registration
Car Donations
Corporate Gifts
Shop Online
Promotional Products
Televisions
Disney World Tickets
Phone Cards

Developer Channel
FlashKit.com
JavaScript.com
JavaScriptSource
Developer Jobs
ScriptSearch
StreamingMediaWorld
Web Developer's Journal
Web Developer's Virtual Library
WebDeveloper.com
Webreference
Web Hosts
XMLfiles.com

internet.com
IT
Developer
Internet News
Small Business
Personal Technology
International

Search internet.com
Advertise
Corporate Info
Newsletters
Tech Jobs
E-mail Offers



Quality Management ROI Calculator - Focus on Test Automation
The Rational Quality Management ROI calculator is intended to give you an idea of what return you can garner from implementing our functional testing solutions. Our quality management solutions offer tools to develop a continuous process, powered by automation to govern software delivery. »

Gartner MarketScope: Application Quality Management Solutions, 1Q 08
This Gartner MarketScope provides guidance for enterprises seeking to purchase tools to manage risk and software quality. We focus on tools fit for large-scale enterprise use and that are ready out of the box to manage quality requirements and functional testing. »

Whitepaper: Tips for Writing Good Use Cases
Writing a good use case isnt easy, but, fortunately, our experience can be your guide. The concepts and principles assembled here represent the works of many people at IBM, and they form a foundation of proven best practices. »

Whitepaper: The Role of Integrated Requirements Management in Software Delivery
Learn about the critical role integrated requirements management can play in helping ensure your business goals and IT projects are continuously aligned-whether you are sourcing, integrat-ing, building or maintaining your software. It also looks at ways that integration and automation can help ensure managing projects and the required changes can be executed using manageable processes that satisfy stakeholders and development teams. »
Top 10 Articles
  1. Web Developer's Virtual Library: Encyclopedia of Web Design Tutorials, Articles and Discussions
  2. JavaScript Tutorial for Programmers
  3. Design
  4. JavaScript Tutorial for Programmers - Objects
  5. JavaScript Tutorial for Programmers - JavaScript Grammar
  6. JavaScript Tutorial for Programmers - Versions of JavaScript
  7. Cascading Style Sheets
  8. JavaScript Tutorial for Programmers - Embedding JavaScript
  9. JavaScript Tutorial for Programmers - Functions
  10. Authoring JavaScript
Domain Name Lookup
Search to find the availability of a domain name. Just enter the complete domain name with extension (.com, .net, .edu)

Picture Tubes

One of the most talked about new features of PSP is the Picture Tube. It's also the one causing the most confusion. Questions abound, "What are they?", "What are they good for?", "How do I make my own?". I don't intend to go into the last question at this time but perhaps at a future date I will add it. For now we're going to look at the Picture Tube Options and touch briefly on "What are tubes" and "What are they good for".


What Are Tubes?

Tubes are these fun little pictures that come in a "tube", so to speak. One click of your mouse button and you have an instant picture. Drag your mouse around and you've got... well... you've got lots of pictures.

Picture Tube Control Palette

Tubes may be selected from the dropdown box in the Picture Tube Control Palette. Tube size may be changed from 10% to 200% of their original size by adjusting the Scale Slider.

The Picture Tube Options Dialog Box

The Picture Tube Options dialog box is located behind the Options button on the Picture Tube Control Palette. The dialog box contains information about the selected Tube. Some of this information may be changed, some should not be.

Cell Arrangement shows how the Tube cells are arranged in the Tube file. (In English that means how many images are placed across and how many are placed down in the .tub file). These are the default settings and should not be altered.

The Placement Options Panel

  • Placement Mode:
    • Continuous - Images are placed at equal intervals.
    • Random - Images are placed at random intervals.
  • Step Size: Smaller numbers result in less space between images placed on the canvas; larger numbers result in more space.
  • Selection Mode: Governs which Cell in a given Tube is painted to the canvas.
    • Random - Selects random images, (Cells)
    • Incremental - Starts with the first image and cycles through all of the Cells, starting over when the cycle is complete.
    • Angular - Cells are selected dependent upon which direction you drag your mouse.
    • Pressure - Used with a pressure sensitive pad. Images are selected according to the pressure applied to the pad.
    • Velocity - Images are selected according to the speed with which you drag your cursor across the canvas.

What are Tubes good for?

The main advantage to Tubes, especially if you make your own of frequently used transparencies, is that they can be dropped on any color background without their drop shadow deteriorating the way they do when you change background colors.

Currently the selection of Tubes is rather slim but even with the choices at hand a passable logo or banner could be created with little effort. I feel sure that in the not too distant future we'll find a variety of free Tube files around the Web for download. Some additional Tubes are available now at the following locations:


As an example of working with tubes, I've created a quick banner using the Tubes tool. First, I opened a new window (white background) and immediately added a new layer by dragging the background button down to the New Layer button. You might as well start with a layer rather than working directly on the background. If, as you get into your image you should decide you want to adjust the Opacity or play with the Blend Modes you'll have to promote the background to a layer. It's just easier to start with one.

Using the Tube Tool, I added oak leaves and maple leaves, (Scaled to 59%), Spiders, (full size) and Butterflies, (Scaled to 59%), to the first layer. Name this layer Leaves.

Now we're ready to add our text, which is added directly to the Leaves layer rather than a new layer. Open the Add Text dialog box by selecting the "A" on the tool bar and then clicking directly in the middle of where you want your text to be positioned. Make sure the Antialias box is checked in the text effect box and the Floating is not checked. Select your Font, Size, type your text and click ok. If the text is not exactly where you want it, try again.

Once you're satisfied with the position of your text select Selections | Promote to Layer to promote the text to a layer of it's own. Name this layer Text.

Now is a good time to play with the layer opacity sliders. Open the Layer Controls dialog box and adjust the Leaves Layer Opacity. Notice how the Leaves Layer becomes opaque and the Text Layer remains the same.

To make the text stand out we'll need to apply some Cutout effects, but in order to retain the background colors inside the text we need to Float it. You'll find the Float option under Selections on the Menu Bar.

Now we're ready for the cutouts. Select Image | Effects | Cutouts... from the Menu Bar. We'll need to make two separate cutouts with the following settings:

  • Attributes: Fill with interior color - unchecked
  • Shadow Color: White
  • Opacity: 100
  • Blur: 0.08
  • Vertical: 3
  • Horizontal: 3
  • Attributes: Fill with interior color - unchecked
  • Shadow Color: Black
  • Opacity: 100
  • Blur: 0.08
  • Vertical: -3
  • Horizontal: -3

Press CTRL + D to deselect the text.

For a finishing touch I added PSP's Buttonize effect. First, I deselected my selection by pressing Ctrl + D on my keyboard. I then changed my Color Palette colors to 255, 255, 255 foreground and 77, 251, 179 background since the button effect is directly affected by the active palette colors.

The Buttonize options were set to:

  • Height & Width - 75
  • Opacity - 100
  • Transparent Edge

Change Blend Mode's for different effects


Blend Mode:
Text Layer - Luminance
Leaves Layer - Exclusion



Blend Mode:
Text Layer - Multiply
Leaves Layer - Dissolve

Gradient Fill
Introduction to Paint Shop Pro 5 : Table of Contents
Deform Tool


Up to => Home / Authoring / Graphics / Tools / PSP




Jupiter Online Media: internet.comearthweb.comDevx.commediabistro.comGraphics.com

Search:

Jupitermedia Corporation has two divisions: Jupiterimages and Jupiter Online Media

Jupitermedia Corporate Info


Legal Notices, Licensing, Reprints, & Permissions, Privacy Policy.

Web Hosting | Newsletters | Tech Jobs | Shopping | E-mail Offers