Showing posts with label Graphic Design. Show all posts
Showing posts with label Graphic Design. Show all posts

Thursday, April 30, 2009

Expanding Objects To Maintain Consistency

A short tutorial on how to use the expand command in Illustrator to ensure that all of your effects look the same, even if the graphic is resized.

AddThis Social Bookmark Button

Tuesday, March 31, 2009

Creating A Web 2.0 - Style Profile Picture Or Customer Help Icon

In this tutorial we will learn how to use more advanced masking and selection techniques to quickly create containers, layer styles, and effects. You will create a profile picture that stands off the page and has a very visually appealing effect.

AddThis Social Bookmark Button

Monday, March 30, 2009

Creating Layout For Twitter Page

In this tutorial I will show you how to create a basic layout for your twitter background image. I will explain how to optimize the space so that your design and information are seen by the majority of your followers without obstruction. I will demonstrate gradient techniques and basic masking techniques.

AddThis Social Bookmark Button

Friday, March 27, 2009

Creating Forum Membergroup Rank Images

I show you how to simply create membergroup ranks for forums. Enjoy!

AddThis Social Bookmark Button

Saturday, April 26, 2008

Working InDesign with Photoshop Graphics

While the InDesign interface has more in common with Illustrator than Photoshop, InDesign and  Photoshop are also tightly integrated. You can import native Photoshop (.psd) files into InDesign layouts, as well as other Photoshop-generated bitmap graphics, such as TIFF, JPEG, and DCS. InDesign's support of native Photoshop files also includes several features that let you control how images are displayed and printed.

Show/Hide Layers and Layer Comps

When you import a Photoshop file that includes layers or layer comps, you can control the visibility of both within InDesign.

  1. Choose File > Place.
  2. Check Show Import Options in the Place dialog box, then click Open.
  3. Display the Layers panel and make sure Show Preview is checked.
  4. To achieve the result you want, do one of the following:
    • Choose a layer comp from the Layer Comp menu.

indesign image import options

When you import a Photoshop file that includes layers or layer comps, you can use the controls in the Layers panel of the Image Import Options dialog to adjust the visibility of the layers and layer comps in the InDesign layout.

    • Click the eye to the left of a layer name to alternately show or hide the layer.

indesign Clipping Path

The original graphic, shown at the far right, has an opaque white background. Choosing an alpha channel and adjusting the settings in the Clipping Path dialog box produced the variation on the left. Notice how the circular shape is now visible through the background of the graphic.

Mask Portions of a Graphic

If you import a Photoshop file that contains clipping paths or alpha channels into an InDesign layout, you can use them to mask parts of a graphic or wrap text around them. To apply a clipping path or an alpha channel to a graphic:

  1. Select the graphic or its frame, and then choose Object > Clipping Path.
  2. In the Clipping Path dialog box, choose Alpha Channel or Clipping Path from the Type menu. If you choose Detect Edges in the Type menu, InDesign will generate a clipping path based on the light and dark areas of the image.

Display and Print Transparency

If you import a Photoshop file that includes transparency effects, such as a transparent background (instead of a clipping path) or a feathered edge, InDesign accurately displays and prints the effects.

 

AddThis Social Bookmark Button

Monday, December 10, 2007

How to fill Pattern into your picture

Pattern is a Fill Layer group on Layer Palette can made difference to your picture. You can create a new Pattern witch yourself below.

Can I create a new Pattern.

1. Create a new document with 100*100 pixels and change Background Contents to Transparent.

New document and change background contents to Transparent

2. Click on Rectangular Marquee Tool and made selection on your document. fill color you want.

Fill Color

3. Choose menu Edit > Define Pattern for save your Pattern. Finnish! 

How to fill Pattern into my picture.

It’s easy to use your Pattern.

1. Open picture file your want.

smart guy

2. Choose Pattern Fill on Layer Palette.

Pattern Fill

On new dialog box choose your new Pattern from your cerated and adjust scale to 5%. Click on OK button.

Pattern Fill

3. On Layer Palette work on Pattern Fill layer change Opacity to 35%.

The Result

The Result.

If you have any question or doubt please let’s me know by comment this tutorial I’ll respond you quickly.

AddThis Social Bookmark Button

Wednesday, June 13, 2007

Create Mosaic Type Part 2

7. Applying the Displace Map

Choose Filter > Distort > Displace from the menu at the top. Set the Horizontal Scale to 50 and the Vertical Scale to 50 and click on OK. You should now see a dialog box from which you can choose the displace map source. Choose the source file you made earlier. The text will have been displaced further on the light tile to create a non-uniform and random image overall.

Horizontal Scale

Displace

8. Blending the Tile Image

From the Layers Palette, click on the tile layer (which was hidden) so that it is visible again, and then set the Blend Mode to Multiply. This will blend the tile image and the text layer. You will notice that the cropped text lines up perfectly with the edges of the tile image.

Layers Palette

Cropped text lines up

9. Creating the Tile Border

Drag and drop the mosaic layer at the very top of the Layers Palette onto the Create a New Layer button to copy the layer. Select the copied layer and choose Filter > Stylize > Find Edges from the menu at the top to find the different-colored edges.

Drag and drop the mosaic layer

Different-colored

10. Blending the Borders

Choose the border layer from the Layers Palette and set the Blend Mode to Multiply. This will blend the black border with the image.

Blending the Borders

11. Entering a Title

Click on the Foreground Color button in the toolbox and set the foreground color to white. Choose the Horizontal Type Tool from the toolbox and type in the title as shown here. In the Character Palette, set the font to Palatino Linotype and the font size to 48 pt.

Palatino Linotype

Entering a Title

12. Adjusting the Font Size and Alignment

Double-click on the text layer in the Layers Palette. This allows you to edit the text layer. Choose some of the text and adjust the font size or press the spacebar to adjust the alignment.

Double-click on the text layer in the Layers Palette.

Adjusting the Font Size and Alignment

13. Completing the Image

Use the Horizontal Type Tool to enter the remaining subtitles.

Horizontal Type Tool

Completing the Image

Finnish!!

AddThis Social Bookmark Button

Create Mosaic Type Part 1

The slightly offset characters of this mosaic-type text allow you to create a slightly irregular rhythm from an otherwise uniform mosaic. For viewers, this type of text is reminiscent of fun puzzles.

Mosaic Type

1. Creating a New Work Window

Press Ctrl+N to create a new work window. Click on the Preset box and choose 640?480 to create a 640?480-pixel workspace.

Creating a New Work Window

In the toolbox, click on the Default Foreground and Background Colors button to set up the default color and set the foreground color to black and the background color to white. Choose Filter > Render > Clouds from the menu at the top to create irregular black and white clouds. Press Ctrl+F to apply the command again. Every time the command is repeated, a different cloud shape will be created. Continue repeating the command until you arrive at the shape you like.

Clouds

2. Creating the Mosaic

Choose Filter > Pixelate > Mosaic from the menu at the top and set the Cell Size parameter to 64. A square mosaic pattern with a cell size of 64 will be created.

Mosaic

Choose Image > Adjustments > Auto Levels from the menu at the top to make the image sharper and more focused.

Auto Levels

3. Saving the Source for the Displace Filter

All the work you've done up to this point will be saved as the source for the Displace filter. Press Ctrl+Alt+S to save the mosaic image as a PSD file.

4. Making the White Background

Press Ctrl+J to copy the mosaic background. You should see the new layer (Background copy) in the Layers Palette. (Change the name of the new layer to Background Copy if it was created with a different name.) Click on the Layer Visibility icon in front of the copied layer to hide the layer. Then, select the Background layer and press Ctrl+Del to fill in the selected layer with the background color (white).

Copy the mosaic background

5. Entering the Text

Choose the Horizontal Type Tool from the toolbox.

Horizontal Type Tool

Type in the text as shown here. Press Ctrl+Enter when you are finished entering the text.

Entering the text

In the Character Palette, set the font to Tahoma, the font size to 72 pt, the font style to Bold, and the leading to 60 pt.

Character Palette

6. Adjusting the Text Size

Press Ctrl+T to apply the Free Transform command.

Free Transform

Drag out the handles on the text to make the text larger. Press Enter to apply the transformation.

Press Enter to apply the transformation

In the Layers Palette, click on the Option button and choose Merge Down to merge together the text layer and the white background layer.

Layers Palette

 

AddThis Social Bookmark Button

Monday, June 11, 2007

Grunge Type Part 6

15. Stretching the Noise Texture

Using the Rectangular Marquee Tool, select a vertical rectangle in the image. Choose Edit > Free Transform (Ctrl+T), drag the left and right handles that appear on the selection to stretch the selection horizontally to fill the layer, and then press Enter. Choose Select > Deselect (Ctrl+D) to remove the selection marquee.

Free Transform

16. Lightening the Noise Effect

With Layer 3 still selected, choose Filter > Blur > Motion Blur from the menu bar. In the Motion Blur dialog box, set the Angle to 0 and the Distance to 564, and then click on OK.

Motion Blur dialog box

Motion Blur

Then, click on the Add a Layer Style button on the Layers Palette and click on Blending Options. Choose Overlay from the Blend Mode drop-down list and set the Opacity to 61%. Click on OK. This will blend the horizontal stripes of light to the background image.

Add a Layer Style

Blending Options

17. Completing the Image

In the Layers Palette, drag the gallery text layer onto the Delete Layer button to delete the layer from the image.

Click on the box for the Layer Visibility icon beside each of the hidden layers to redisplay it.

Click on the Layer 1 layer to select it, and then choose Layer > New > Layer via Copy (Ctrl+J). Click on the Layer 1 copy layer in the Layers Palette.

Use the Move Tool to move the layer content, and use the Edit > Free Transform command to reduce its size. Also, use the Opacity setting on the Layers Palette to make the text copy more transparent to complete the image.

Finnish

Finnish!!

AddThis Social Bookmark Button

Grunge Type Part 5

13. Applying Noise to the Layer

With Layer 3 still selected, choose Filter > Noise > Add Noise from the menu bar. In the Add Noise dialog box, increase the Amount setting to pproximately 115 and click on the Monochromatic check box to select it. Click on OK to fill the layer with noise speckles.

Add Noise dialog box

Add Noise

Then, choose Filter > Blur > Gaussian Blur from the menu bar. Change the Radius setting to approximately 2.7, and then click on OK. The speckles will now blur together.

Gaussian Blur dialog box

Gaussian Blur

14. Clumping the Noise Speckles

With Layer 3 still selected, choose Image > Adjustments > Levels (Ctrl+L) from the menu bar to open the Levels dialog box. Drag the left and right Input Levels sliders toward the center to the positions shown here, and then click on OK to create a sharp black and white image.

Levels dialog box

Levels

Then, choose Filter > Texture > Grain. Choose the settings shown here in the Grain dialog box, and then click on OK to add white noise to the black areas in the image.

Grain dialog box

Grain

 

AddThis Social Bookmark Button