Adobe Photoshop CC Tutorial

In honor of school starting, and the process of switching to Adobe creative cloud, I decided to create a tutorial for a new tool in Adobe Illustrator (and so I can get a grade in this class). For this tutorial, I decided to do 3D text, which was a lot simpler than I thought it would be so I think you all shouldn't have a problem with it.

First things first, to create the document. Now the sizes I listed to the left aren't necessarily the sizes that you absolutely have to use, you can pretty much use any size you want as long as it fits your text, but keep in mind that the bigger the document, the longer the process will take.

This is the text I chose, I simply just did my name and I put a line shape underneath it so the 3D text will pop more. Next you're going to right click on the text layer and click "convert to shape". This should outline your text and now you can click on the text layer as well as the shape layer and merge them together using command E. After that, right click on the layer and all the way at the bottom it should say  "New 3d extrusion from selected layer". Click that, and it should look like the picture below.

 Now that we've converted to the 3d layer, we're going to experiment with the 3d tab and the layers so read carefully. You're going to go back to the layers panel and right click on background, then go all the way to the bottom and click postcard. All this does is put the background behind the 3d layer. Next, you'll combine the background and the text layer together and you should get the next picture below.











After that, you can experiment with the 3d layers and figure out how you want your text to show up, but all I did was lower the extrusion depth slightly. Now you're going to click the cube in the properties layer (picture on the left) and it should start to render your layer, so it gives off the effect that really pops your 3d text. This process usually takes around 5 minutes for me, but again it depends on how big your document is.








Now this is your final product! Feel free to change any colors of the size or your text, but this is what I ended up liking the most. Thanks for reading!

Individual Focus

For my individual project, I chose to make a face out of text. I found a tutorial online and made different artists. For my process, you start off tracing the image and putting it on a new layer. I then copy and paste text, and create 20-30 different layers and made them all into a smart object. Then you make another layer of the original image, and selecting a linear burn, and turning the smart object back on and it looks like this.

Carton Skills

For my carton design project, I was partnered with Julia and we created MelaTAN, which is a pill you can take to make yourself tanner.

My Photo Composition Site

This is my Photo Composition site and in this site I stated all the rules of Photo Composition and took pictures to give an example of each rule. I really liked this project because I love photography and I got to find different spots within town that I've never come across before. I made a responsive version of this site, which is the last picture, and my Mac n' Cheese site is also responsive and I got to take another path for this tutorial then I did for my Mac n' Cheese site, which was really interesting. If I had to do anything different, I would look into different pictures for my header and spending more time on my header to make sure it matches my color scheme. What I really like about this site is the strokes on the sidebar, header, footer, and main because I think it gives a really cool effect throughout the site.

So what is responsive Web Design? Basically, having a responsive website just ensures that if you're using a tablet, mobile phone, or any other different sized screens, that your page will change to make it easier to see all your content, pictures, and other links. This is a very important process of making a website. When putting it together, you put a "media queries" in the top of your source code on all your pages so that it applies when you go to upload it to your server. Breakpoints occur when your making the page small and it gets to a certain size where your sidebar and images get small or move around your text. In my last screenshot, notice that my side bar goes to the bottom of the page.

I've also found a responsive website, and you can see that as I go smaller, the text starts getting smaller and the email request box is now stacked. I think they did a great job with keeping everything the same size so we can still see it and it's the same information.


Here's a link to my responsive Photo Composition site:
Photo Composition Site

Here's a link that goes back to my project page:
Ava's Index Page 

Illustrator Projects

I made these 3 projects using Illustrator and Photoshop. During the first project (1st picture) I used the pen tool and made my own brush pattern to create different style lines and patterns.
The second project (2nd picture) We used the gradient mesh tool, and if I were to do this project again I would learn how to use that tool properly as well as the clipping mask and the direct select tool. We made our name look like a blueprint of a project and made different lines and arrows using shapes and made our names look more like a chalkboard.
The 3rd and final project (3rd picture) was my favorite. We got to create a mascot roly-poly icons using Illustrator and I really liked this project because you get to make cute little icons and I got to learn how to make a simple gradient shadow as well as how to make it look like a 3D object.

Water Bottle Shadow

Landscape in Photoshop

Recreation of a Famous Logo

Personal Project

This is a project I did on my own in Illustrator and Photoshop. I created my type design in Illustrator using the Blend Options tool to create the lines coming down from the lines. I also used the arc tool to create the outer type. I really liked this project because I got to experiment with different fonts and how to make it look natural. I created the background by using Photoshop and putting a dark green layer above the picture and changing the opacity to give it a darker vibe, and to also make the text stand out more. To blend the picture and the green layer, I used a black and white gradient and multiple the green layer.

Moving Mountains

With this project, I used photoshop to make the mountain appear as it's floating, and added in a couple other objects to appear as they're floating too. I also made it seem like all the objects have shadows. Some difficulties I had with this project was blending the cloud into the sky as well as cutting off the bottom of the mountain and pasting another piece of the mountain as the bottom.