Friday, November 18, 2011

Journey to the Pokemon Tower



After the Illustrator lecture, I have decided to vectorize a Pokeball and make an image of a person (in first person view) heading to a tower hoding the Pokeball. This is my procedure:

1. I Google'd a Pokeball sketch:



2. I removed the shading and details of the Pokeball for Illustrator purposes (I plan to live trace it):



3. Using Illustrator, I live traced the image:






4. In PhotoShop, I used selective coloring to color the now enlarged Pokeball (loaded an Illustrator file in PS). (Illustrator creates vector images, so images can safely be enlarged without being distorted or look more pixelated.):






5. I then google'd a hand because I wanted the Pokeball to be held:



6. I removed the white background of the hand so I can place it on top of another image:



7. Part of his hand was cut off! But no worries, the hand originally looked too bright that part of it looked white also, so I restored part of his hand from the layer mask I created for the transparent background:



8. I now placed the Pokeball in the person's hand:



9. I then Google'd a skyscraper:



10. Like the hand, I removed the skyscraper's background:



11. I then Google'd a road:



12. I removed the moon background because I thought it would not make sense to have a Pokemon journey with the background. This is because Pokemon takes place in the Earth, and the Earth has no such atmosphere:



13. I decided to have a twilight background (And yes, the Earth has twilight.), so I Google'd that up as well:



14. I placed the road and skyscraper on top of the twilight background:




15. I moved the skyscraper behind the hills because it looks like it is levitating:



16. Finally, I placed the hand with the Pokeball onto the image:



17. i made adjustments (vibration, hue, saturation, and brightness) of some layers so the image looks more realistic:





Now, a Pokemon Trainer is heading to the Pokemon Tower to challenge some of the best Trainers. Wish him luck!

Friday, November 4, 2011

Adding Color to a Cartoon

Let's take a look at a girl kissing a cartoon.



Her supposed "date" appears black and white, so let's make it more formal by adding color to it.



I have covered the guy's face with just color using another layer. This is because I do not want to remove his face by paining all over it in the same layer. The next thing I did was play around with layer modes (overlay, soft light, etc.) until I feel the result looks sufficient.
Also, I avoided coloring the girl because she is already in color! Oh, the significance of photos!



I chose Multiply for the layer mode because it gives the guy his skin color without overwriting the black lines; darken works too.



I repeated this process for the other parts (including the hair). The entire image now looks more detailed than before because of the color.

Friday, October 28, 2011

Vector Fantasy at Old Tower




Using those two images, I proceeded to remove the background of the gryphon.



Applying the layer mask after using the magic wand will make the background of the gryphon transparent.



With the transparent background, I can move the gryphon to the old tower. I scaled it down because the former was too wide.



I want to hide the gryohon behind the tower, so I will have to erase part of it so it will look so. The safest way to do so is by using a layer mask and a brush, so I can restore what I accidentally erased.



There it is! The gryphon is hiding behind the tower!

Friday, September 9, 2011

Walkthrough on PhotoShop: My First Piece of PS Work


Hello, everyone. This is Wayne He from Raster Vector Graphics class taught by Professor Melody Reed. This is a step-by-step walkthrough of my first PhotoShop work. Using the files Professor Reed distributed to the class, I loaded up the space desktop used by a Mac to begin.



  1. Load the silhouette of a woman throwing something.



  2. Paste the image to the space background. Notice that the pasted image is a separate layer.

    I moved the layer to the left. I did the previous steps to the right. Remember to flip the original silhouette horizontally.



  3. Because the white background blocks our space desktop background, we want to add a transparent background. To do this, select the magic wand. click on the white background, making sure you are on the correct layer. Then, go to Select on your menu bar and pick Inverse. Then, add a layer mask.



  4. To create a shadow, select the layer, right click on it, and select Blending Options. We will use the drop shadow. Set the options to whatever you like. I will use the following in this case.



  5. Create any adjustments to the image you wish to be. The adjustments pane is on the top right of your screen by default.


  6. Copy and paste the rain wallpaper found in your textures folder over the main image. Transform the image so that it will cover your work. Modify its opacity so that you see your main work in addition to seeing the rain background. Move the background to the bottom of your silhouettes.