Our little "Droid" is a handsome fellow. But, he could use a few effects that sets him apart from other 2D sort of elements that we've created in Adobe Illustrator. What we need to do is get him from Illustrator to Photoshop and apply some nice effects that really make him pop. 

Watch this video on using Pathfinder first!

Now, watch this video on how to use Guides & Grids

1. Create a new folder in your Multimedia folder and title it: Logo Recreation Advanced.
2. Open your Logo Recreation project in Illustrator
3. Select the Android logo and make sure that it is all one piece (not separate overlapping shapes.
   
4. Copy the Android logo
5. Paste the android log into a new Illustrator document (make sure it is 5 inches by 5 inches)
6. Use Transform (under Window, on the menu bar) to stretch out the Android Logo until it is 4 inches wide (type in 4 for WIDTH in the little boxes - make sure that the little link button is enable to constrain the proportions first).
7. Under “File,” change the Document Color Mode to RGB
8. Use the “Export” command in Illustrator to export this document as a Photoshop (PSD) file, saving the file as “Android Logo” in your Logo Recreation Advanced folder 
   
9. Click “Save”
10. When the Export window comes up, use these settings:
     Close Illustrator
11. Open Adobe Photoshop
12. Go to “Open”
13. Navigate to “Android Logo.psd” file and open it

What you should see looks like this:

The gray and white grid pattern represents transparency – no color.

Photoshop is a “layer heavy” application, meaning that it relies less on shapes and elements and more on layers and what is on those layers. There are ways to create shapes in Photoshop, but it is not Photoshop main focus or priority.

This android logo needs to be modified, to make it far more eye appealing.

1. Go to Window
2. Select “Layers”
3. Select the android layer is selected by clicking on the actual android layer 
   
4. Click on the layer “fx” button (short for Effects)
5. Choose “Gradient Overlay”
6. Click on the Gradient Overlay color strip and change it from Black&White to a custom gradient of “Blue, Red, Yellow” (instructions for this are on Step #7)
   
7. You can modify the colors by clicking on the area underneath the gradient strip (right directly underneath the color strip. This means that you can add colors to the gradient itself.
   
   

Your image should now look like this:

1. One the Tool Box palette, click on the “custom” shape button 
   
2. We want to use a heart that is located in the Shapes Panel (You will not see this shape at first. Photoshop refers the heart as as a "Legacy Shape," click on Window and then select the Shapes panel.)
3. Now, click on the "flyout" window button and select "Legacy Shapes and More." This will populate your shapes panel with a lot of shapes. The Heart is located under the generic "Shapes" category. Drag the heart into your document.
   
   
4. Use the Layer FX to color the shape red by choosing “Color Overlay” and then selecting Red.
5. Select “Outer Glow” and change
   1. Spread: 13
   2. Size: 35
6. Select “Bevel & Emboss” Use these settings:
    

1. Hold the “Shift” key and select both layers
2. Click on the “Link layers” button at the bottom of the Layer’s Pallette This will link the layers to that they move and resize at the same time.
    
3. Select “Edit” from the menubar
4. Select “Transform”
5. Select “Scale”
6. Hold the “Shift” key and grab the corners of the image to rescale it, give an adequate amount of breathing room around so there is space between the edge of the document and the android logo itself
7. Click “Enter” when you have completed scaling the image
8. On your android layer (Layer 1), click on the FX button and add the “Drop Shadow” effect
9. Set the drop shadow “distance” to 12
10. Add a “Stroke” effect
11. Set the Stroke’s Position to “Inside”
12. Change the Stroke’s color to Green Your image should look like this:
    
13. Save your file
14. Now, select "Export" (under File) this time and select JPG (“Android Logo.jpg”)

STEL 2 Core Concepts of Technology and Engineering

2Y: Implement quality control as a planned process to ensure that a product, service, or system meets established criteria

STEL 7 Design in Technology and Engineering Education

7H Illustrate that there are multiple approaches to design

7I: Apply the technology and engineering design process

7O: Apply tools, techniques, and materials in a safe manner as part of the design process

7R: Refine design solutions to address criteria and constraints

7V: Improve essential skills necessary to successfully design.

7Y: Optimize a design by addressing desired qualities within the criteria and constraints

STEL 8: Applying, Maintaining, and Assessing Technological Products and Systems

8J: Use devices to control technological systems