Learn How To Work with Rasterized Illustrator® Files in Photoshop
Tags:adobe creative suite 2,adobe dreamweaver,adobe fireworks,adobe flash 8 professional,adobe illustrator,adobe photoshop,adobe web bundle,cascading style sheets,cmyk,html,jpeg,live,mac,macromedia studio 8,microsoft windows,rgb,total training
Grab video code:
Now, it is time to bring in some of those branding elements and see how they are going to match with this design as we have it so far. I am going to go right back to bridge. This time, we should find those files in the exact same folder we left them which was in the Base Assets folder.
There are the two illustrator files that we have created in the last lesson. If you have not completed the previous lessons, you will find these files in the Lesson Start File folder which is in the Workflow Project Files folder on your desktop. These files will be in the Lesson 3 folder.
Now, remember these are both vector files. They are both illustrator. I am going to take the flames01 for starters and I am just going to open it up into Photoshop. I will do that by dragging it out a bridge and just dropping it onto any area in the background of the Photoshop application.
Now, you can see it is going to import this one but I can see by the page options over here on the side that it is going to rasterize this vector file. Now, as it turns out, we are going to want to do some bitmap type effects on this flame as it comes in. So, I really do want to convert it into a bitmap. But I also want to point this out so that we are aware of what formats we are using in our design as well as what we have available to us.
Obviously, we are going to be keeping this illustrator file in our reference assets for use later and we can use it as a vector on some other occasions or we can pull it in as a bitmap like we are doing now. I am going to keep the settings that they have.
We are using a resolution of 72 pixels per inch, mainly because our layout is destined for the web and a screen presentation. Obviously, if we are going to be doing something with print, we will be bringing this is in again at a higher resolution. And let us just click “OK” and we should have opened up our rasterize of the flame elements that we have created before.
That is even better as we got a few elements in this pixelized version of our flame pieces and I really only want parts of it. So, I am going to use the marquee tool inside of here to designate the big orange flame for starters. I will grab all of those pieces and I will hold down control, so I can access the move tool really quickly.
I am just going to drag that from one of my files into the others that we bring it right into our color layout. We can see that it has already dropped itself into its own layer and we can continue on with the move tool. I will “Ctrl” key down again to dock that element right up in the upper left corner of our layout.
Now, I mentioned I wanted to do some pixel things with this. You can see how that nicely covers up the blank area of our edge button here and we are kind of getting a little blend into the main button without completely obscuring the picture of the car that we have placed there earlier.
I am going to enhance this blending by choosing the eraser tool and let us set up some option to give us a really big eraser brush that has a very soft edge. I will just go up to the brush options at the top, quickly modify this brush to a much larger diameter. Let us say something around 100 pixels and we will take the hardness value and I will push it all the way down to the end.
So, we got a very, very soft, very large brush. In fact, now that I see the size in that brush, let us go up quite a bigger. I want to go up to something, let us say maybe 300 this time. Now, we are talking. I do not really want to erase large portions of this flame. I just want to be able to use it to blend it into the background element.
With that brush selected, I also want to switch my display into a full screen mode. I can do that over in the tool palette here using the middle button and what that will do is that it will let me paint in the outside area, so I can see what is beyond the confines of the window area because we are going to be using the softest edge of the brush at the very top there to be able to just do a few clicks an blend that on in. I will do that on the bottom and the top.