In this tutorial I'll explain the techniques I used to make a beautiful flower from a cucumber.
1 Adobe Illustrator and Adobe Photoshop
Export layers to Photoshop
If you're looking for a way to create animations or
special effects using artwork you create in Adobe®
Illustrator®, you should know how to export artwork
on separate layers into Adobe Photoshop® or Adobe
ImageReady® (which ships with Photoshop). Watch us
create a rollover animation in ImageReady by exporting
the artwork on layers from Illustrator. The transparent
background is kept intact, and special effects such as
feathering are also exported without changes. Follow
this tip to see how easy it is to create a rollover
animation once you get used to exporting artwork on
layers.
1. Create the elements of a rollover animation, and
place them on separate layers.
Create your artwork, making sure that each element
you want to animate is on a different layer. In this
example, we created the dog stamp artwork on one
layer. Then we drew a rounded rectangle on a separate
layer, painted it yellow, and feathered the edges to create
a halo effect. (To feather an edge, choose Effect >
Stylize > Feather, and enter a value for the feather
radius. We chose a radius of 20 points.) Finally, we
created a simple red rectangle that we'll use as a
background and placed it on its own layer.
The yellow rectangle will be used as our rollover effect.
We placed the yellow feathered rectangle between the
artwork and the background to provide the effect of
highlighting the artwork when we turn it on and off in
our rollover.
2. Make sure the artwork is transparent to the
background.
Choose View>Show Transparency Grid. In this closeup,
you can see that the feathered part of our yellow
rounded rectangle fades to transparency at the farthest
edge. This is necessary to ensure that the rollover state
will appear correctly in our rollover animation.
Similarly, you can see that the background between the
scalloped edges of the stamp edge is also transparent.
3. Export the artwork to Photoshop format.
Choose File > Export, and then choose Photoshop 5
from the Save As Type (Windows) or Format (Mac OS)
menu. In the Photoshop Options dialog box, make sure
the Color Model is set to RGB. Also make sure the
Screen Resolution (72 dpi) and Write Layers options are
selected, and then click OK.
4. Open the new file in Photoshop or ImageReady.
Start the Photoshop or ImageReady application, and
open the file you saved. Since we are creating animated
rollovers, we used ImageReady. Open the Layers palette
to view the artwork.
Notice that the layers in ImageReady are identical to the
layers in the original Illustrator file. The edges of the
feathered yellow rectangle and the stamp artwork
retained their transparency when we exported the
image to ImageReady.
5. Set up the animated rollover.
In the Layers palette, hide the yellow rectangle by
clicking the eye icon for that layer. Choose Window >
Show Rollover to display the rollover palette, select New
State from the Rollover palette menu, and choose Over
to select the mouseover rollover state. Then click the eye
icon in the Layers palette again to show the yellow
rectangle. The yellow rectangle will appear when you
roll the mouse over the dog stamp.
Use these techniques to create transparent artwork in
Illustrator, and then to export the artwork into
Photoshop. It’s an easy way to create a wide range of
special effects and animations.
Adobe, the Adobe logo, Illustrator, and Photoshop are either registered trademarks or trademarks of Adobe Systems Incorporated in the United
States and/or other countries. Windows is either a registered trademark or trademark of Microsoft Corporation in the United States and/or other
countries. Macintosh is a trademark of Apple Computer, Inc., registered in the United States and other countries.
©2000 Adobe Systems Incorporated. All rights reserved.
1. Buat file dengan ukuran panjang dan lebar sama, misalnya 150 x 150 pixels. Dengan rectangle marque tool, buat bujur sangkar.
2. Pada linear gradient tool , pilih warna 1 yang terang dan warna ke-2 lebih gelap. Lalu beri warna pada bujur sangkar tersebut.
3. Dari menu Select, pilih All. Dari menu Select pilih Modify - Border.
4. beri Teks
Part 1 - Creating the Base
1. Create a new document in Photoshop, 250×150 in size with a white foreground.
2. Create a new layer. Add a rounded rectangle via the Rounded Rectangle Tool (U) onto the document with these shape settings. After the shape is placed on the document, take out your Move Tool (V) and align it to the bottom-left corner of the document.
3. Black is definitely not a good color for a Web2.0 button, so we’re going to add a color overlay and stroke to the button. You’ll notice why the stroke is the same color in the next couple of steps.
4. Take out your Move Tool (V). Hit the up and left arrow on your keyboard 3 times each. This will allow the bottom-right side of the border to be visible in the document.
5. Take out your Move Tool (V). Hit the up and left arrow on your keyboard 3 times each. This will allow the bottom-right side of the border to be visible in the document.
6. CTRL + Left Mouse click the button layer icon to make a selection out of the button.Take out your Gradient Tool (G). On a new layer, click and drag your mouse from the top-right section of the document all the way to the bottom-left side of it. If you’re having trouble with the gradient, follow this gradient guide. You should now have a nice glossy button base!
Part 2 - Adding the Badge
1. Change your foreground color to #FF7E00 (bright orange color.) Next, take out the Custom Shape Tool (U). Select this badge shape, and then apply these settings in the properties toolbar. Once all the settings are in place, all you have to do is click and drag the badge to the top-left section of the document.
2. Create a new layer. CTRL + Left Mouse click the badge layer to make a selection of it, just like we did to the button in Step 5. Take out your Gradient Tool (G) once more. This time instead of a linear white to transparent gradient, select a radial white to transparent gradient. Now click and drag your mouse from the center of the the badge to below the badge.
3. Change the layer’s blending mode from Normal to Soft Light.
4. Create another new layer. On this one, we’ll be dragging the radial gradient from the top side of the badge to the center of the badge.
5. Change your foreground color to a green color (I used #8EE122.) Next, take out the Horizontal Type Tool (T) and type out something to go with your badge. I simply put “2.0″ in my text layer. Use the font Arial, with a 24pt size and Strong anti-aliasing. Change the opacity of the text layer to 75%.
Source : http://upupmedia.com/?page_id=44
Adobe AlterCast is a new dynamic image server software solution
designed with graphics professionals in mind. AlterCast greatly extends
the power of Photoshop by linking key image parameters in
Photoshop PSD files (such as text content, layer visibility, and image
dimensions) to elements residing in a database or content management
system. This linkage enables Web publishers and other graphics
professionals to automatically generate multiple and varied iterations
of PSD files using templates developed with Photoshop commands and
executed by AlterCast programming scripts.
In a Web imaging workflow, Web designers create pages for a site just
as they normally would. The difference: Using ImageReady 7.0, Web
designers assign variables to those pages that, through programming
scripts created by a developer, can be dynamically updated by Alter-
Cast. For example, by integrating AlterCast into a Web imaging workflow,
headlines or price changes can be entered directly into a database.
A batch-processing script would then locate the original PSD
image file containing that text; automatically update the text while
retaining effects such as drop shadows; save a new version of the
graphic in GIF format with a user-defined file name and destination;
and post the updated graphic to the Web. Instead of making those
changes manually, the designer simply submits the new pricing information
into the database; AlterCast handles the rest.
To speed common production tasks, AlterCast can automatically
generate every file version a company needs whenever a new image is
created—from online thumbnails to low-resolution monochrome
images, for mobile devices to high-resolution printer files. AlterCast
delivers virtually any image in any common format to virtually any
online or print device. Image modifications and enhancements such as
resizing, color mode conversions and text replacement are made
possible by adding Photoshop imaging controls and Adobe font
technology to an enterprise-class server with industry-standard
interfaces.
By automating these processes, AlterCast frees designers and content
creators to concentrate on doing what they do best—building compelling,
visual Web page designs.
For more information about AlterCast, go to http://www.adobe.com/
products/altercast/. For an online trial of AlterCast, go to http://
altercast.netxposure.com.
The Brushes palette lets you preview brushes, such
as the Flowing Stars brush, as stroke thumbnails,
among other options.