Categories
DMA 212

Project 2: App Creation

Link to prototype: https://www.figma.com/proto/5UIpwb3LSbZ4NCEPYSfL0k/Project-1?node-id=117%3A179&scaling=scale-down&page-id=109%3A522&starting-point-node-id=117%3A247

  • What did you learn?

In this project I learned how to do app flow on Figma to a greater and better degree and I learned how to create a pop up menu as well.

  • What was easy?

It was easy to create a design style for my app, as I really enjoy picking styles and colors that work well together.

  • What was challenging?

It was challenging to get my pop up menu to work in Figma at first. However, I was able to eventually figure it out and center it on the app accordingly.

  • How could your submission be improved?

My submission could be improved if my app had prototype interactions further than just the breakfast options. I could have gone further and prototyped all aspects of the app.  

  • How could I improve the assignment for the next class?

The assignment could be improved if there were more specific guidelines for the app, rather than a check-in each week where new ideas for the app would be suggested. This made it difficult as new adjustments had to be done when the app was significantly worked upon already. 

  • How might you apply your knowledge in future assignments or work scenarios?

This knowledge will allow me to think about design in a new way. I am now aware of how to create QR codes and shorten links, making it easy to share my work.

  • How did a specific reading or video inspire or help you? Refer to a specific reading or link for this; do not reference a class video or lecture.

I was inspired by a lot of last year’s submissions. They allowed me to see how far the apps were taken and a good way to style them. Certain submissions like Tom’s were very helpful. (https://www.figma.com/file/SjjoiFVaQQfESm4HnKYKL0/TasteCard?node-id=119%3A2)

Categories
DMA 212

Project 4: Map Infographics

I chose to create the town of Lake Placid for Project 4. After the critique, I changed around a few items in order to make the map more readable. I changed the “Lake Placid” sign from blue to red to help it stand out more, made the Olympic symbol easier to view, added a few more icons, and made the text curved for the lakes and wilderness area.

This project was by far my favorite of the year and I learned a lot from it. I learned how to create a map from start-to-finish, including creating symbols, a compass, a flag, and other geographical aspects with the pencil tool. It was easy to draw the roads, rivers, and lakes. I honestly found it quite fun and would have gone into greater detail if I had the time. I also really enjoyed creating the symbols, I didn’t realize it would be so easy to accomplish. It was challenging to find a map area to create, as I struggled with which town and how zoomed out I wanted it to be. However, I ultimately chose Lake Placid as I really wanted to draw winding roads and aspects of nature. My submission could be improved if I made it more zoomed in and actually focused on the town, however, the region was much more exciting to do, so I wouldn’t change it. The professor could not change the assignment, every video was very helpful! The step-by-step instructions also greatly helped me through the project and made it quite easy to follow. I can apply this knowledge learned to future map-making projects and scenarios. I learned that I really enjoy this area of design so hopefully I get to do it again.

Categories
DMA 212

Project 3: Package Design

This is my product package for Elmhurst’s Apple Pie Spice Oat Creamer. I went for a natural and earthy design, as the company is plant-based and strives to reduce their environmental impact. I choose natural shades of green, yellow, brown, and reds for the background and the logo. I continued this theme into the other design elements, choosing oats, coffee beans, and apple, and cinnamon. I combined my design elements with simplistic type to make Elmhurst’s brand come off smoothly.

After the critique, I kept most things the same, however I changed the stroke on the logo and changed the apple detail. The stroke change was recommended by my classmates as it allows for “Elmhurst” to be more visible. The apple is also now more of a drawing, fitting the rest of the images. Through this project, I learned how to image trace, create a pattern in Illustrator, and cut out arcs of a circle. I also learned how to place many components together in Illustrator. It was easy to create the pattern. I found it very fun to choose the colors and create interesting lines. It was challenging to create the 3 calories circles. They wouldn’t duplicate correctly at first, but I eventually got it. The professor couldn’t really improve the assignment. The time allotted was adequate and having both screencasts and directions was very helpful. I was able to complete the project with ease. I will apply this knowledge in the future, as creating patterns and type is definitely needed within advertising projects.

Categories
DMA 212

Project 2: Image Compositing

Reflection: I loved this assignment a lot. I love making collages and determining which objects fit best in a place, so this was so fun to do. I wanted to mix reality with illustrations, hence the different image compositions. Mixing these two worlds is especially seen with the sun, as it is both real and a sketch. From this project, I learned how to combine images together and create a focal point. I also learned how to resize and alter my images to fit within the different frameworks. It was easy to cut out my images and place them together in a cohesive manner. It was a bit challenging to create a second image, as I accidentally layered everything together. However, it was a decent fix as I just placed all parts together again. My submission could be improved if I masked a bit better, however, I had already layered everything, so I’ll deal with it. Additionally, I like how the masked edges of the actual pictures evoke sticker-like qualities. I don’t think the professor could improve the assignment, as we had a good amount of time to work on it. I can apply the knowledge learned in the future as I know now how to create focal points and compositions. I can easily make collages now. the D2L instructions greatly helped, as they provided guidelines.

Categories
DMA 212

Lab 5: Pen Tool Exercise

Reflection: I learned a lot in this exercise. I was not aware of all these different ways to use the pen tool, so drawing all of these patterns was eye-opening. I thought it was easy after 2o minutes of attempting to figure it out, but it was quite challenging. I could not figure out the option or control keys, making it very hard. I was getting quite frustrated. My submission could be improved if I spent more time on the curves with corner points exercise, but I could not figure it out. Luckily, you just said to try it. The professor could improve the assignment with more explanatory directions on the worksheet. I can apply this knowledge to the rest of my drawing in Illustrator now that I can actually use the pen tool. I was helped through the professor’s step-by-step class instruction.

Categories
DMA 212

Lab 4: Textures from Scratch/Photos

Texture from Photos
Texture from Scratch

Reflection: I learned a lot during this lab. Before this lab, I was unaware of these many techniques to make textures. I didn’t know I could create cloud or brushed metal textures. These are quite cool features, as I can now create images from essentially just pixels. This is helpful when creating backgrounds. It was easy to create the gradients, as I did this in DMA 201 last semester. However, it was challenging t0 do the shape/gradient combo, as I could not get the marching ants to work originally. However, I ended up figuring it out, so it was okay in the end. My submission could be improved if the sweatshirt material from my photos did not has any many color variations. The professor could not improve the assignment, it went very well. The D2L step-by-step instructions worked very well for me. I could apply this knowledge to the future, as I can now make my own textures. This will be helpful for creating backgrounds.

Categories
DMA 212

Project 1: Portfolio

Reflection: For this project, I choose to follow the theme of travel. Wherever I travel, I get a sticker representing the place I visited. I choose to scan these stickers. Additionally, I took photos that relate to travel or that relate to the corresponding sticker. I think I followed the theme pretty well. In this project, I learned a lot about resizing. We did it previously in the last few labs, but I definitely got better and developed a process for it as I did this project. I also learned how to manage my images in my folder well, as I was dealing with so many different files. It was easy to optimize into print and screen (large) images, as the resizing process was simple and routine. However, it was challenging resizing into thumbnail images. My scratch disk kept filling up and was not cooperating with me. However, I found a way to circumnavigate this error message, allowing me to get better at Photoshop. My submission could be improved if I got better at the rubber stamp tool. The scanned stickers would look clearer and more clean once my skill is developed. The professor could improve the assignment if we were given more time in class to work on it. However, it was definitely doable outside of class. I can apply my knowledge in the future, as I have learned good file management skills, as well as resizing. This will be helpful in longer and more complex Photoshop assignments. I was helped greatly by the step-by-step instructions on D2L. I really appreciated how every resizing step was detailed out, making it an easy process to follow.

Categories
DMA 212

Lab 3: Composite Images

Image 1: Banana done with the Pen & Path tools — I don’t particularly enjoy this tool, however, I do acknowledge it’s helpfulness. I do think the Magnetic Lasso is more efficient, as I would be able to quickly select the banana.

Image 2: Rose done with the Magnetic Lasso — This is my favorite tool to use, as it is very simple and works well when an object is clearly defined from the background.

Reflection:

Although I have worked in Photoshop before, I did learn some new techniques during this lab. I learned how to use the pen tool and the background eraser, as I always gravitate towards using the magnetic lasso and the magic wand. It was good to get out of my comfort zone, however, and learn to use the pen tool and eraser. It was easy to use the magnetic lasso tool, as I have done it multiple times in the past. It was challenging to use the background eraser. The option and click maneuver wasn’t working the best for me, making it quite difficult to perfect the woman’s hair. Consequently, this is how my submission could be improved. The details in her hair could be more refined. I should practice more with the eraser in order to be able to do this. The professor could improve the assignment by clarifying some posting directions in D2L. However, the step-by-steps do help me a lot. They make it easy to do the work outside of class. Lastly, I can apply this knowledge to future scenarios by using these new photoshop skills during masking. Depending on the image I can use a variety of ways to mask.

Categories
DMA 212

Lab 2: Retouching Images

Image 1 scanned original:

Image 1 large:

Image 1 thumb:

Image 1 print:

Image 2 scanned original:

Image 2 large:

Image 2 thumb:

Image 2 print:

Reflection:

In this assignment, I learned a lot about different aspects in Photoshop. Previously, I had never used levels or curves in Photoshop, but I think they are a crucial element in recoloring images. They truly enhanced my stickers. I also learned a lot about resizing. I never did it much, but now I have a decent grasp on how to do it. Additionally, I never used the rubber-stamp tool before. It was a bit confusing at first, but I think I have a decent grasp on it now. I thought making the S-curves was relatively easy, as I have played around with it on my photo editing apps on my phone. I thought resizing the image multiple times was challenging. I have never resized a singular image so many times, so it did get a bit confusing. However, the tutorial on D2L was a great help, allowing me to understand the pixel and resolution sizes needed for different outputs. My submission could be improved if I had more time to play around with the print images. Changing the levels once on CMYK may have made the stickers a bit oversaturated, however, I like how they turned out. The professor could improve the assignment by sectioning off the tutorial into thumbs, large, or print. However, it was pretty easy to follow, so that is not exactly necessary. I can apply my knowledge to future assignments as I can now retouch on Photoshop, a skill that I did not have previously. This will enhance my future projects and their color appeal. The D2L information greatly helped me, as it provided step-by-step information on the Photoshop tools. Without it, I would have been confused so I’m glad it was accessible.

Categories
DMA 212

Lab 1: Acquiring Images

Image 1: Downloaded image from Unsplash.com — This photo has very high resolution, as it was obviously taken with a high-end camera. It is composed of pixels, making it a raster image.

Photo by Giga Khurtsilava on Unsplash

Image 2: Photographed object with my phone

Image 3: Photographed object with a high-end DSLR

Image 4: Magazine image with my phone

Image 5: Magazine image with a high-end DSLR

Observations: The phone images and the high-end images differ greatly. There are more details present in the camera images, as it had the ability of focusing upon a single part of the subject. For example, the leaves are the main focal point in the high-end image. The viewer’s eyes are drawn to a singular point, rather than the image as a whole, like the phone photo. This is due to the focusing capability of a DSLR in comparison to an old model of an iPhone. Additionally, in the plant photo, there is more range in the camera’s image due to the lens size. Overall, the quality is definitely better in the DSLR images in comparison to the phone images.

Image 6: Scanned Coin

Image 7: Scanned magazine image

Image 8: Scanned photograph

Image 9: Scanned drawing

Observations: The scanned resolution severely affects image size. Since the scanner was set to 200 dpi, the resolution of the original objects and images greatly decreased. The image quality was decreased as the dpi and resolution decreased. I do not recommend a scanner for being able to create high-quality images, unless set to a high dpi. Since the dpi was low, not all the details were retained.

Image 10: Image created from Photoshop

Observations: I decided to set up my file dimensions as 8 x 11 inches at 300 ppi. I used these dimensions as we used them last class and I knew that I wanted a vertical image. They are good dimensions as the pixel quality is increased enough to have a high resolution. Additionally, I chose the inches as it a good size to be featured on a webpage. It is not too big nor too small and condensed.

Reflection: I learned a lot in this assignment. I knew about raster and vector images before, however now I have a greater sense of the storage space that each takes up, as well as how changing pixel dimensions degrades an image. Additionally, I learned how to use a scanner, as I never needed to use one in the past. I also learned that scanning images affects resolution size, which I never thought of in the past. It was easy to take the photos of the magazine and object, as I have both a phone and camera accessible in my dorm room. It was also easy to recognize the differences in the images, as I am decently acquainted to taking photos on my phone and my DSLR. It was challenging to find time to use the scanner, as well as figure it out. I’m always running from class to class so I had to prioritize a few minutes in Lyons to learn how to use it. I was very confused, but eventually was able to scan them. My submission could be improved if I choose a more distinct object to photograph. Choosing the plant scene may have not been the best choice, as it was not just a singular object, but had many pieces to it. Additionally, I could have attempted to change the dpi on the scanner, but I wanted to be able to compare the resolution using the original settings and I honestly did not even know it was an option. The professor could improve the assignment by giving us a little more class time to construct the blog post, but it was definitely doable. I could apply my knowledge in the future, as I now know how to scan images and papers, which could be helpful in a workplace. Additionally, I now know about resolution, which is helpful when working in photoshop. I was helped by the Lecture 1 notes, as they fully described raster, vector, and resolution. It was a good tool to use for guidance.