Telling Stories

Welcome! Just a shorter post this week because I have a lot to do coming up…

These last two weeks I’ve been working on a bigger project that focuses less on shapes and color, and more on telling stories through art. I was really interested in working more on doing some more work with Photoshop, which is hard for me to use, and make a peice that looks more like something that’s intresting to look at, than something practical like last post’s patterns.

So I started at pexels.com and looked through some of the stock photos they have to get an idea of what I wanted to do. I found this image of an old window which I really liked. The window panels reminded me of story panels; little pictures illustrating the outline of a story. So I decided to make a story by putting pictures in each of the window panes.

I remember watching this dance a few years ago where they told the story of this young woman who meets a guy, and get’s married. They have a kid and move into this big house, and everything’s going great. Then the couple starts arguing more, as time continues the husband starts sleeping on the couch, and coming home late. They barely tolerate each other. But before they can make up, the husband is drafted into the army and goes away. Both of them, on separate continents, realize that they were at fault and wish they could see each other. After many years, the man is coming back on a ship to see his family, but instead ends up drowning in a storm. The woman is heartbroken and for evermore she feels sees his spirit in everything; her children, her home and heart.

To many of us this is the worst tragedy. The fear of dying torments many of us, and the idea of leaving something unsaid is almost worse. The fact that whatever you do right now could matter so greatly, is terrifying. But it’s something we deal with everyday, as we write our own stories and make our own mistakes. I wanted to show this in the peice I made.

I used filters and effects on the picture:

Untitled-1

As well as 11 different images for the story, taken with Adobe Capture:montage.png

Combined into a single image with some cutting and color matching:

tragicgoodbyes.png

Another version in black and white which I might like a little better, even though you can’t see most of the pictures as well:

tragicgoodbyesbw.png

So yeah. That’s what I’ve been doing. It was an interesting experience, because I don’t usually do projects that take so long, or require that much feeling.

Next I’m working on doing a short video with claymation. I’ve been experimenting with some cartoons and making my own sets. More on that later.

 

Advertisements

How to make Patterns!!

After a nice thanksgiving break, I’m back to post something entirely new.

This week on blackandwhitesnapshots we take a look at feature not known by many. A feature that helps people not have to draw out the same shape millions of times. A feature that saves lives. Okay, not really, but it is pretty awesome.

Introducing: Patterns!!!

So. Much. Fun. I’m geeking out over this….

Okay there are two routes that I know of to make patterns. One involves using that Adobe Capture app I’ve been talking about so much lately, and one is right through illustrator.

The adobe capture way is pretty straightforward. You can take a picture of litterally anything, whether it’s a drawing you made or your eyeball, and Capture will turn it into a pattern. Then if your logged into an adobe account, it will pop right up in your library within illustrator. Drag and drop the pattern, and copperboom! You’ve got a pattern to use for anything. Pros: you can mess with filters to arrange the picture in a lot of cool different patterns like a kalidoscope pattern or triangle pattern. It’s also easy to do. Cons: less editing freedom.

The secound way is a little more complicated.  First you have to create a shape of some sort. You could do 3 triangles with alternating colors, some cool swirls or something like that. You establish the pattern, and how it looks. Here are a few of the patterns I started:

Cool sunset swirls:

sunsetswirls

Paint swirls:

paintswirls

Basic Blue stars:

stars

 

Allrighty then, now that you’ve establsihed a pattern you can turn it into a pattern swatch. See, a pattern swatch will allow you to create any shape, and then fill it with the pattern you’ve created. So if I want to make a dress with pink, purple, and blue swirls in it, I can just add my pattern as the fill color and wa la, a swirl dress. Look how I did it here, filling a rectangle with the swirl pattern:

rectswirl.png

Cool huh?

You turn your pattern into a swatch by selecting your entire design, then going to the object tab, select pattern, and press make. You should get a screen something like this:

patternscreen.PNG

Personally the fact that the pattern took over my entire screen frightened me, but there is an easy to get past that. Under copies there is an option for how many times you want the pattern repeated. It won’t limit the copies to that, but it will just make it easier to manage while your editing and looking at it. Another way to control your pattern is by looking at the tile type selection. Your tile is the pattern itself, and by using this selection you can arrange the copies of patterns in different ways. The adobe help page explains the different tile types pretty well:

“Choose how to lay out the tiles:

  • Grid. The center of each tile is horizontally and vertically aligned to the center of the adjacent tiles.
  • Brick by row. Tiles are rectangular in shape, and arranged in rows. Centers of tiles in rows are horizontally aligned. Centers of tiles in alternate columns are vertically aligned.
  • Brick by column. Tiles are rectangular in shape, and arranged in columns. Centers of tiles in columns are vertically aligned. Centers of tiles in alternate columns are horizontally aligned.
  • Hex by column. Tiles are hexagonal in shape, and arranged in columns. Centers of tiles in the columns are vertically aligned. Centers of tiles in alternate columns are horizontally aligned.
  • Hex by row. Tiles are hexagonal in shape, and arranged in rows. Centers of tiles in the rows are horizontally aligned. Centers of tiles in alternate rows are vertically aligned.”

If you want the link to this site here it is: The help page

Once your done messing around with the settings you can press done, and the pattern will end up in your pattern swatch. You can access this by selecting the fill button at the top menu. The pattern should end up right there.

capture1.png

Now you have a pattern that you can use to fill any shape! One more thing though, when you open a NEW file, separate from the one you used to work on the pattern, your pattern won’t show in the fill drop down at first. What you need to do is select the fill button, then go down to the swatch library button, which is that first button in the left corner of the drop down menu. Go down to “Other Library…”. Select the adobe illustrator file that has your pattern in it. It can have more than one pattern in the file! Now your patterns should appear in the fill menu.

And we’re done! Hope that helped all your pattern making needs! I think patterns are one of the funnest things you can make, because there is really no limit to what you can do. Images, shapes, and colors can all be used, and it’s great for some fun experimentation.

See you next week!

My Own Font!

This weeks challenge: create an embellished A in your own font style.

And then completely get distracted and create an entire font line.

I started with a simple sketch of an A, then added vines, swirly que thingys, and leaves. In my head I was thinking of some sort of magical forest font- like something you would see in an old book about Fairies. I wanted it to be tall and bold, but also kind of fancy.

Here’s the original A I scanned into my computer using Adobe capture, which allows you to turn your drawings into vector images:

Then I messed around with effects and colors for a while. I didn’t like that the A was asymmetrical (haha), so I masked half of the drawing and then reflected the first half so it looked the same. Then I live painted the A this forest green color I liked. But when I finally decided on adding the glowing edges font, the green kind of disappeared. Sad that my image was now black and white, I copied the original A, and put it slightly skewed over the black and white one. Then I live painted that green. Bam:

TypographyA

It’s a lot darker than I was originally thinking in my head. I was going to go for something kind of airy and sprite like, but I also like how the A ended up turning out anyways.

Anyways, I enjoyed doing that so much, that I decided to do a whole font line with the same viney look. It’s a little weird, because when you zoom out you can’t really see the vines but it was still fun. Also another note: this font is not complete! There are still sections missing, lines that need to be connected, and you’ll notice there are no numbers in my template. I just wanted to try out the font machine I used without going through all the motions beforehand.

Okay. So all the letters I made are based off that one original A. I used the different lines already present in the A to form the straight letters, and used the warp effect to achieve the rounded letters. It took me about 3 hours just to put the whole template together, and I didn’t even draw any of the letters. I’m sure in some ways it might have been easier to draw the letters, but I wanted to see how far I could go on the computer, and you can’t those small leaf details without zooming in on the screen.

There were pretty much two main lines that I used to create all of my letters, and then it was just up to a few warps, turns and reflections to achieve the overall letter. The hardest part was making sure that each line fit together nicely. I think the letter S was the hardest to make because it was completely made out of curves. It was difficult to get all the pieces together. Here are the two lines I used:

curved linestraightline

Next part was to find a make-your-own-fonts webpage. I chose Calligraphr because it was easy to use, free for the most part, and the first one that popped up on my browser. Calligraphr has you download a template with basic letters and few punctuation marks, you can add some arbitrary characters, but some are restricted for if you pay for a membership.

Next step was to fill out the template! I dragged it into my Adobe file and dropped in the characters I had created. I learned the hard way that every part of the letter NEEDS TO BE IN THE BOX. It took me several uploads, and many minutes of frustration before I realized this. Here’s my completed template:

typetwotemplate

You’ll notice that the p, q, and g all take up the whole box, and their “tails” don’t hang down under the letter. This is easily fixed by messing with the “baseline” under “edit characters”  once you’ve downloaded the template into Calligraphr.

Finally I was done with my template! Next step is to press “Build Font” and it will process each letter. Here’s the examples I got:

Capture

And bam! I got my own font! I call it: FOREST MAGIC! Its a little weird, and off center, but it’s my own font! And it’s exciting. I can’t wait to use it.

Tune in next week for a new adventure….

Posters, Badges and Simple Images

It’s an exciting new year of Digital Arts and I’m back on the computer, ready to share some new designs!

This week I’ve been working on posters and badges to practice making vector images, freestyle, without an image to go off. It’s been pretty fun and I’ve learned a lot.

The first project I did was a badge. This work helped me learn about how to make complex shapes and experiment with using clipping masks.

beebadge

Yeah, it’s pretty corny and fake, but it was fun to make, and I was able to work out some kinks in my designs like spacing issues and that sort of thing. The seam around the badge was hard to figure out, but I eventually found this website which was extremely helpful this week. I think I used the same link last year, but it really is very good.

Next Project! I decided to make a poster so that I could practice more symbols and trying to make simple images. That’s really hard for me, because I like to make things as complex and intricate as possible. But in the Digital Art world, I’ve noticed most practical applications of Digital Art involve simple logos or designs.

Poster-01Poster-02

I did one in color and one in black and white. I actually think I like the black and white one better, it looks cleaner.

That’s about the extent of what I did this week. Tune in next week for exciting adventures in typography….

 

 

 

 

 

End of the Year

Wow! I haven’t updated this blog in a long time, not since it was an assignment for class. The school year is coming to a close, which means no access to creative cloud or digital arts for 3 months! Here are some of the things I’ve been working on lately as we finish up in class.

girlpowersymbol
I did some work with clipping masks, and recreated this popular feminist symbol.
Typography Portrait
I worked on adding effects and warping text with this portrait of singer Aurora with lyrics.
Typography Portrait [Recovered]
Here is another version of the same project using cooler colors.
cultivate
I worked on little fun illustrations that helped with forming images.
Road Sign-11
I worked on drawing flying cats (cause who doesn’t want to draw flying cats)
abbey
More warping text practice with a logo

 

I’m really enjoying being able to combine a lot of different things I’ve learned to make one big project. See you next year!

DPE 8- Q and A Questions

What grade do you believe you have earned? Why do you believe that?

I believe that I’ve earned a low A to high B. I’ve been really focused and on task, working hard on the different assignments we’ve had, but I keep forgetting to upload some of my completed photos and blogs…which is the actual grade. I am going to try to be better about that, it’s just a lot of bits and pieces to put together in my mind.

Post the image that you are most proud of and then answer these questions:ib-tshirt-design

Why are you proud of this image and more specifically, what did you learn while creating this image?

I’ve already posted this image, but I love it because it shows so much of my growth. This was the piece where I felt like I really mastered the pen tool, and I experimented with a lot of other different tools that I hadn’t worked with before. I learnt how to align things in a way I liked and really make a piece look cohesive. Even though it wasn’t a winner with the IB coordinator, I still really enjoy it.

What has been your biggest challenge in creating imagery this semester?

I think my biggest challenge has been creating images that I was confident about. I really kept self doubting myself while I was making my images and not focusing on the process. When we had a group forum with all the other ideas for the IB t-shirt I kept comparing my designs to the other one’s, which was not good. This was silly of me, especially since the IB coordinator ended up really liking some of the designs I made.

What project(s) have you enjoyed the most? Why?

I’ve enjoyed the Saxon project the most I think because it was the biggest challenge yet. Also, it was fun to do something in color after we’ve been doing so much in black and white. I really needed to splash some  colored pixels on the virtual canvas.

What project(s) have you enjoyed the least? Why?

 I’ve actually been really frustrated with our latest composite image project. I’ve forgotten a bunch of things from Photoshop and it took me awhile to find all the missing files in my brain about how to cut out part of an image and so forth. I was also feeling annoyed at the photoshopiness (that’s an adjective thankyouverymuch) of my image. You know when you can tell that something is very obviously fake and has been photoshopped in? That is  kind of what it looks like:

Week Three

Second Semester is off and running! I keep putting off updating the blog for Digital Art two so I’m going to talk about last week first, which was the first week we were supposed to update our blog.

Last week I worked on notans, which you can find more about here if you are interested. Basically “Notan” is a Japanese term recognizing dark-light as an element of design. It’s all about how positive and negative space interact with each (think of the yin- yang symbol.) First, we started with a simple 3 by 3 black square in Adobe Illustrator and did some basic cutting and flipping. This was my first basic notan:

simple-notan

As you can see, the jist of a notan is to cut a shape from the black square using the divide tool, and then reflecting it across the axis you want it to. It’s relatively simple once you get the hang of it, and looks kind of cool once your all said and done. Next, we moved on to a complex notan, which we used the pen tool on. I don’t know if I’ve mentioned this before, but I seriously struggle with the pen tool. It’s really hard for me to figure out how it works, and I just don’t understand why my line will go one way when my mouse is moving the other. However, this last week, I was able to start to control it better. It’s not perfect, but it’s a lot better than my first attempts at using it. Here is the complex notan:

complex-notan

I’ll admit right now, I got REALLY frustrated with the complex notan. The horrible Adobe pen tool came back to haunt me from when we first started Adobe Illustrator, and I was not ready. Then I had to figure out why somethings wouldn’t reflect right, and why some would reflect vertical while others would go horizontal. This notan got on my nerves. I’m not even sure if it can be classified as a notan since it’s not exactly symmetrical. In the End though after everything was finished, it looked kind of cool. I tried to make it like a pair of alligator jaws in a river (hence the weird squiggly line and bubbles). I don’t really know why I chose to do a pair of alligator jaws, but it might have been because I was mad at Adobe Illustrator.

Finally, The Original Notan! I left this one incredibly simple because I noticed in my previous one that they got pretty crazy and all over the place. I wanted the notan to be sharp and clear and organized because the was part of the point. I started thinking about the division in groups that we often have. How we think about the labels on them rather than the whole person, and that causes separations or lines between us. Notice how the “labels” are the only thing crazy and out of place in the notan. Yet there is a common unity because we are all sitting around the same “table”.  In addition, if you look at the whole design, it creates one person, not four dot people.

originalnotan1

I think I’m getting a lot better at creating organized designs. When I first started my digital arts class, I didn’t know how to reflect or rotate or align, and so I had a lot of design problems. Look at my last notan, I can see that I’ve grown a lot in that area. My short term goal for digital arts will be improving on my pen tool skills. It’s still pretty hard for me, and I don’t quite get the whole thing about “anchor points” and “handles”. Looking at my notan designs, I can see that I still didn’t have quite the control that I wanted with it. I also would like to figure out how to edit my pen lines. My long term goal for this semester will be paying more attention to detail. I’ve noticed that I’ve been getting frustrated with a peice and eventually think “good enough” even if I don’t really like it. This semester I want to work on having patience with my designs.