Wednesday, December 2, 2015

My-Type Assignment

Combining Type and Symbol

This is my image That combines an image and words. I have a "G" with a stop sign witch makes an "O" shape. The stop sign is the compete opposite of the meaning of the words.









Be Positive

I wrote out "Become" in bold and used the rectangle tool to block the white parts of the letters. I then many text books with a white plus sign inside to replace the white parts of the letters.















Flower

I wrote the word "Rose" and the got rid of the "o" and replaced it with the imported picture of a rose.


















Yes I am.

I wrote "I'M THE" and put a picture of a boom after it. I change the font. of the words to something cool looking and increased their size.















Chapped

I have a picture of a boom with lipstick on top of it. The meaning is suppose to be lip bomb. See what I did there.

















Accurate

I wrote the word "Bullet" in bold. I then used the rectangle tool to make a white space through the letters. Then imported the bullet itself at an end of the word.
















Memory

I wrote the word "Forgotten" and just deleted the "o"s and made space.

Type Figures using Adobe InDesign

Tiger

This is my tiger. I used the letter "O" for the outline of the face. The ears are made from"C"s as well as the bottom of the mouth. The eyes are made from the number "0". The nose is a combination of "Y" and "T".










Sleepy

I wrote out "Falling Asleep" and adjusted wee the letters wee on the line so it looks like they are falling.




















Fire

I wrote "Lots of Fire" and attempted to make the shape of fire within the words. I drew the shape and made the words separately an then move the words over the text. I used text wrap to place the words around the shape so it could be seen.















Unbelievable

I did a blank ace emoticon and had "Did you really just say that."



















Slash

I wrote the words "Cut up" and used the eraser tool to get rid of some of the parts of the letters making it look like its cut up.

Selecting Text in Adobe InDesign

Click and Drag

This allows you to select what ever area you go over while dragging.


1 Click

Selects a spot for the cursor were trying can be done.










2 Clicks

Highlights and word your over.







2 Clicks and Drag

Highlights words you go over while dragging.

3 Clicks

Highlights the line the mouse is over and every thing in it.




3 Clicks and Drag

Highlights a line the mouse is on and any other its dragged over.


4 Clicks

Highlights a paragraph.






4 Clicks and Drag

Highlights a paragraphing any other you drag over.














5 Clicks

Selects everything. Real easy.

Low Quality Raster Logo Reconstruction in Vector Format

Preparation

Place the the paper on the scanner and set the resolution to what you want. The color mode and scale of the image you want to be scanned.







Clean Up in Photoshop

For the clean up I adjusted the levels of the black and white of the image. Then I went and selected the black parts of the images and went over them with the brush tool. I did the same for the white parts and all the grays disappeared. 











Live Trace in Illustrator

For the live trace of the image I found there wasn't much of a difference in the normal ones. The image stayed the same for most of them. 









Logo Reconstruction Using the Pen Tool in Illustrator

For this I used adobe illustrator's pen tool to clean up the edges and make nice curves. I used the elliptical tool to make an oval and fill in for the background to make it yellow.


File Formats

I used the file format of the program I was working on it with to save it.

Advice

Don't skip out on the step and be careful about what you change.

Tuesday, October 13, 2015

Vectorize Raster Logos

Raster RGB and Indexed color comparison

RGB

This is the better quality image. You go to RGB color mode and THEN change the size of the image. Tis is important to follow because this change allows it to smooth the edges to a degree. It makes it easier to get a better image.

Indexed color

This is crap. It was in index color when I started adjust increasing the image size didn't help. It comes out all pixelated and just doesn't look right. It may be hard to tell it really is a bad image.

Vector Image J-peg

This is the vectorized image I made. I used the RGB image as the base anti went through "high fidelity" image tracing. It is saved using J-peg file format.



Vector Image Giff

This is the gift saved image I made. There're a lot of different gift file formats an each has a slight change to the overall image. Some are small but others are noticeable so you need to check out other to see which would be best.

Vector File Size Comparison

Simple Image

This is the simple vectorized selfie I made. The started in photoshop were I messed with the "hue/saturation". After which it was moved to adobe illustrator and had "3-color" image tracing done to it. For the file size, it's 3.1mb and contains 4114 different points.

Complex Image

This is the complex vectorized selfie I made.The started in photoshop were I messed with the "hue/saturation". After which it was moved to adobe illustrator and had it go through "high fidelity" image tracing. The file size is 17.1mb and it has 54552 point in the image.

Curved line

This a vectorized line I made in adobe illustrator. It was made with two different anchor points. More were added on later to make the line more secure. There are 15 different points and the file size is 1.6mb.

Thursday, October 8, 2015

Vector Logo

 Batman

This is the batman symbol, if you didn't know. This image went through image tracing which got rid of the pixels it was made of. The quality was proved for this image because the jagged edge is now gone. 

Apple 

This represent the apple brand. From image tracing some of the quality was lose. The overall image still hold a nice quality. It may not seem apparent but the original was more shiny and bright.

Firefox 

This is for firefox. It went through image tracing and it doesn't look much different from before. Still a nice image. This is because the source image was high quality so not much was lost.

Sony

This is a crappy symbol for sony. This was made from a very low quality picture that I improved but that has its limits. If the original is bad it is very hard to get a good quality image.

Pen Tool

Geometric/ Straight lines

This is an example of the pen tool. If you click the screen a point will be made and as you drag the mouse a line will follow. When you click next it will leave point that the previous point leads to creating a line.If you continue to do this and connect the points you will get a geometric shape. You use the pen tool.

Organic/ Curved lines

This is an curved line picture. To make the curve in the line you hold down the bottom after you have clicked down an as you move a curve you can control will be formed. You can end your curve by letting up on the clicker. It is possible to connect the curved lines. You use the pen tool.








Special Lines

This is made the same as a regular line. The difference is once you have your line you start to use the stroke palette. This allows you to customize your line. For this line I change thinned of my line into an arrow head.

Special Curves

This is the same as a curved line but you use the stroke palette. You are able to customize your line how you want.

Stroke Palette

This is an example of some of the things you can do with stroke palette. You can make dashes in your lines,choose if you want something on the front or the back. You uneven make your lines thiner or thicker.

Pen Tools

Pen Tool

This includes the regular pen tool which can draw straight or curved lines. 

Add Anchor Point Tool

This is the pen tool with a plus next to it. it lets add a point on the line you already have to make it more secure.

Delete Anchor Point Tool

Gets rid of an anchor you have already on your line. Can change the shape of you objects.

Anchor Point Tool

Lets you move the anchor points you have and change the shape of the line or curve of your shape.

Thursday, October 1, 2015

Shapes in Adobe Illustrator

Shapes

This is an image with some of the shapes possible in adobe illustrator. 

Rectangle 

The first one I'll point out is the green rectangle I made. To make it you click on the rectangle tool and click-and-drag the size and shape you want to get your rectangle. 

Square

Next is the yellow square you can get from holding the shift button while you click-and-drag to get perfect square.

Rounded Rectangle

For the red, rounded rectangle you just need to go to the rounded rectangle tool and click-and-drag for your shape. 

Elliptical

For my pink elliptical you go to the elliptical tool and click-and-drag. 

Circle

The light blue circle you get from holding the shift button when using the elliptical tool. 

Pentagon

The black pentagon you get from using the polygon tools click-and-drag. 

Triangle

The black triangle you get from clicking the screen once to bring up the options an then proceed to change the number of sides. When you use the polygon tool next it will have the number of sides you set it to.

Star

My blue star you'd get from the star tools click-and-drag. 

6-point star

My 6-point white star was made from clicking the screen to have the options coming up. You change the number of points the star will have to get a new star.

Flare 

The flare tool is the odd looking shape at the bottom of my image. To get this you go to the flare tool and choose the center yo want and then direction the flare is going into complete it

Thursday, September 24, 2015

Clone Tool

I have eyes on you 

Cloned Image

This is a cloned image. You can make them selecting the clone tool. You have to hold options then click to select were you want to start cloning from Then next click will let you clone for there and the selected area changes the longer you hold the click while moving. It is also possible to clone a cloned part of the picture If you reselect them options click.

Liquify Filter

Liquify Picture

This is the liquify image I made. The image has a lot of weird spot but that is on purpose. The liquify option allows you to twist an image. To do this you open your file and select filter at the top. In the list click on "Liquify", once there you choose the tool you want and make the change to the image till you like it and click "ok". It will bring you back to photoshop with your changed image.







Forward Warp Tool

 Forward Warp Tool

 The forward tool allows you to select an area and smug it. It stretches it out and the things surrounding it.

Reconstruct Tool
Pucker Tool
Bloat Tool

Reconstruct Tool 

The reconstruct tool fixes the selected parts of the image back to the original. Helps if you make any mistakes.












Pucker Tool

The pucker tool sucks the selected space into one point. It can make things seem smaller.









Bloat Tool

The bloat tool blows up the image and makes it bigger. Good for changing the size of things.











Hand Tool

Hand Tool

The hand tool lets you grab and drag across the image. It helps get around easier.