How to Maintain Illustrator Vector Artwork In Photoshop Editing Process

As a logo designer I often use Adobe Illustrator instead of Adobe Photoshop to work on my logo projects. But sometimes I need to add graphic effect on Photoshop, for instance if I need to put perfect realistic gold effect on the text part of a logo, yet I also need to make the shapes resizable. I don't say that Adobe Illustrator won't allow me to add gold effect, but Photoshop has more enhanced tools to make realistic gold effect. Then in this case, to continue the editing process, to use Photoshop is the best option. 

But how you would be sure if you'll get your Illustrator vector shapes back after the Photoshop editing stage?

Here's the tutorial steps of how to maintain the Illustrator vector shapes: 

1. Create the vector shapes on Illustrator.
2. Copy the Illustrator vector shape and paste each vector shape as Photoshop shape layer on Photoshop then add some graphic effect.
3. Save as EPS file on Photoshop and tick the include vector format option.
4. Open the EPS file on Illustrator then save as AI file.
5. Check if you get vector layers in the EPS file.

TIPS: 

Remember to select Paste as Shape Layer not as Smart Object, Pixels or Path when you paste Illustrator vector shape to Photoshop. This technique will maintain the shapes as vector if you plan to use the graphic in bigger size.  

As the additional information that I'd like to put weight is that Photoshop gives you four options to copy a vector shape from Illustrator to Photoshop. Here's a brief explanation of each option:

Paste Artwork Options in Photoshop 

1. Paste as Smart Objects 
   This is a good choice when you need to copy an entire design, and it’s your best option if you might need to modify the source artwork later in Illustrator. 
2. Paste as Pixels 
   Pasting in the layer as Pixels will allow Photoshop to treat it just like the artwork was created inside of Photoshop. The downside is that Warps and Transforms will not preserve the quality of the original artwork. They work just like they would a standard art layer in Photoshop. 
3. Paste as Path
   This option will paste only the vector path for the shape copied. The artwork can then be edited using the Path tools in Photoshop. 
4. Paste as Shape Layer 
   As with Paste as Path, this option also works best for individual shapes. A Shape Layer is essentially an editable Vector Mask over a field of a specified color. 

 RELATED ARTICLE RESOURCES:

• Adobe Creative Suite 2 How-Tos: 100 Essential Techniques by George Penston
• Convert a Path to a Shape Layer in Photoshop by Brant Wilson
• Copy, Paste, Move and share paths between Photoshop and Illustrator by Bojan Živković
• Four ways to copy a path from Illustrator to Photoshop by Karl Rosencrants

How to Partially Color a Photo in Photoshop

Hello all!

If you want to know of how to partially color a photo, you can check this Photoshop tutorial, from Envira Gallery Blog.

You just need to duplicate layers, adjust the saturation and color range on one of the layers where you want the object to be colored aside of the black and white color for the rest of the area in the photo.
Select-inverse the colored object and delete, so you will see the background layer in black and white (greyscale) mode.

The result of this effect can be playful and dramatic for the main colored object in a photo.

Read Tutorial 

Working with Guide Tool in Illustrator

You must be familiar with Guide Tool in Illustrator. But have you consider yourself using this feature optimally to speed up productivity, to help organize and accurate place your illustrations, and be more precise when creating artwork in Illustrator?

Here are some Illustrator Tutorials to better understand the function of Guide Tool, its customization and to learn what kind of things that you can actually make with the help of Guide Tool.

Feel free to post a comment below if you have your own quick tips to work with Guides in Illustrator, or if you want to share other tutorial resources with everyone!

Read More

How to Create Custom Guides in Illustrator

Create diagonal guidelines in Illustrator

Creating Accurate Ruler Guides in Illustrator

Grid Layouts and Compositional Guidelines using 'Split Into Grid' (SIG) Feature

The Power of Smart Guides

Guides In Multiple Artboards

Create an Isometric Grid in Less than 2 Minutes!

Working with Orthographic Projections and Basic Isometrics

Create isometric grid-based 3D lettering

Grid Systems – Making grids in Illustrator

Create retro type with Smart Guides

How to duplicate and position guides in Adobe Illustrator

How to make snap-able grid guides in Adobe Illustrator

Adobe CS5 Illustrator Ruler and Guide Customization and Use

Smart Guides in Adobe Illustrator CS5

Related Post:

• Create a Shutter Shape in Illustrator
• How to Make Two Perfect Points Alignment in Illustrator
• How to Convert Illustrator shapes to Photoshop shapes
• How to Vectorize a Sketch with Transparent Layer Technique in Illustrator
• How to create Vector Photoshop Brush

Photoshop Tutorial: How to Set the World on Fire

Mickel a developer & designer from Sweden has written a Photoshop special effects tutorial for PixelTango.

The effects are created from scratch with a bunch of filters.

Read the Source Tutorial

7 Design Related Video Tutorials

»» If you've missed so many resourceful articles or probably want to learn better about designing tips and tricks, then perhaps these video tutorials will help you ;)

Without further talks.. shall we see the round ups of 7 Design Video Tutorials:



Video Screencasts #47: CSS Shorthand

Read More

PhotoshopUser TV Episode 164




“Educating Clients to Say Yes” Presentation




Quick Tip #5 - Converting Anchor Points In Illustrator




jQuery for Absolute Beginners: Video Series




How to Create Glowing Elegant Lines




'KILLER' PHP Video Tutorials for Web Designers

»» Oil Painting Tutorials

I just searched across the web for some different tutorials to help beginners who are so much interested in designing, painting and so on. You all like Oil Painting right? Then fine check these tutorials and make use of it...

1. Summer Foliage
This simple tutorial will talk the novice oil painter through painting a series of bushes and tree shapes in a summer setting.


2. Landscape
This simple tutorial will talk the novice oil painter through painting a small landscape painting.


3. Painting Rocks under Water
This tutorial is really nice, especially the coloring technique implemented in the painting.


4. Vase
This simple tutorial will talk the novice oil painter through painting a simple vase.

»» Corel Draw Tutorials - Part 6

It is really a nice experience to work with Corel Draw. But to know much about it, we have to be aware of some useful tricks and tips about using the Corel Draw. I have identified some useful Corel Draw Tutorials across the net. Check this out and make use of this...

• Blossoming Ideas for Cool Distortion Effects
• Creating GEL Text
• How to convert shadows to spot ink colors and set shadow resolution
• How to create chisel effects in CorelDRAW 11: Part 1
• How to create chisel shapes: Part 2
• How to draw mechanical threads
• Learning Corel R.A.V.E. from scratch
• Mastering CorelDRAW's Mesh Fills
• Mastering Tweens in Corel R.A.V.E.
• Node Editing: The Basics
• Practical Perspective techniques CorelDRAW 11
• The Color Wheel: Neon
• Using Powerclips

»» Corel Draw Tutorials - Part 5

1. Animated logos


2. Yahoo Style Buttons


3. Finding and replacing a color
4. Rings

»» Corel Draw Tutorials - Part 4

Here we will see some archives of the Corel Draw Graphics Suite Tutorials...

1. Tips for designing newsletter layouts
2. Creating glassy rollover buttons
3. Stepping into color management
4. Tile printing
5. Creating gel text
6. Converting shadows to spot ink colors and set shadow resolution
7. Dynamic guides will change the way you draw

»» Corel Draw Tutorials - Part 2

1. Deflate Soccer Ball
If you haven't already done so, you may want to read up on my soccer ball tutorial first. Once you have created your soccer ball you'll learn how to deflate it with this tutorial!

2. Add Perspective Shapes
Let us try Add Perspective command on shapes.

3. Monitor
CorelDraw this tutorial explains about, how making monitor with CorelDraw.

4. 3D Buttons
This tutorial will show you how to create 3D buttons in Corel DRAW! I used Corel DRAW! 7.0 for Windows. Some things may be done differently with other versions.

»» Smooth Metal - Part 2

Continuation of Part 1....

4.) At this point your basic smooth metal panel is complete, though if you'd like, follow along and take it to the next level. In the example, a glowing orb has been added, which you can learn to create with the LCD Orb tutorial.

To make the orb appear as though it's inset into the metal panel simply complete the following steps...
Place the orb onto your image, and create a new layer UNDERNEATH the layers containing your orb but ABOVE your smooth metal shape.

Now select the elliptical marquee tool, and draw a selection so that it's just a little bigger than the original orb. To make this easier, place your mouse in the center of your orb, and hold SHIFT and ALT at the same time and drag your selection. Now, select your gradient tool, and use the following settings:

Drag from top to bottom over your selection to create the inset effect. When done press CTRL+D to deselect.


5.) Now, with new gradient-inset layer you just created still selected, go to Filter » Blur » Gaussian Blur and use a setting of about 0.5 to make it a bit smoother.

6.) You can now apply the same techniques to other "stuff" you want to add to your new interface. Here's an example. Be creative and enjoy your new layer style

Make use of it....

»» Smooth Metal - Part 1

To create a Smooth metal effect in Phototoshop, follow this tutorial....

1.) First, create a new image about 600x600 pixels (or whatever size is appropriate for the image you plan to create). If you haven't already got a shape that you want to apply this effect to, now's the time to make something. The shape in the example is simply made up of 2 circles blended together. Once you have your shape, fill it with this shade of gray: #E6E6E6. Keep your shape on its own layer and make sure you have nothing selected (press CTRL+D).

2.) Most of the steps from this point on will be using Layer Styles, which are available in Adobe Photoshop 6.0 and later versions. Once you've created this layer style, you can save it and use it instantly whenever you want, without the hassle of re-entering all the settings every time you need this effect.

With your shape's layer selected, go to Layer » Layer Styles » Inner Glow, and match up your settings with these: Inner Glow

This gives our shape its first hint of a bevel.

Next you'll be adding a bright highlight (the light source). Click on the Inner Shadow category to the left, and match these settings: Inner Shadow

3.) Next click on Gradient Overlay and dial in the following settings: Gradient Overlay

To add a final touch to the smooth metal, click on Satin and match these settings: Satin Settings

Your smooth metal style is complete at this point, though you may wish to add in an optional drop shadow.

But wait... do NOT click OK yet. Remember, we want to add this layer style to your arsenal so you can call upon it when ever you need it.

Click at the top where it says Styles

Now click the "New Style" button and give your style a name such as "Smooth Metal", then click OK. You should then save your styles by clicking the arrow icon to the left and choosing "Save Styles" from the list.

To be continued in Part 2.....

8 Photoshop Masking Techniques: From Simple to Advanced

1. Day and Nite Shadow Effect

by PhotoshopDesign.net


2. Advanced masking techniques by PhotoshopGUIdesign.com




3. Blend images with a layer mask by TeamPhotoshop.com




4. 5 Great Background Masking Techniques in Photoshop by Corrie Haffly




5. Reveal Selection by InsideGraphics.com




6. Simple Masking Techniques Revealed by Claudia McCue




7. Discover the Layer Mask by BasicPhotoshop.com




8. Mastering Photoshop Masks: Layer Masks by Lauren Marie