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!

Album Covers and Song Images

This week I didn’t really have a project I wanted to make. I was kind of done with typography and after messing around with some vector images, not really wanting to do anything cartoony.

First I worked on some art based on these two songs I’ve been listening too. “Wisdom Cries” and “Boxes” by AURORA. I worked more with Adobe Capture, which I’m really loving to use to transfer photos to adobe illustrator.

Anyways in my mind I just knew that this song had to be black and white, and kind of chaotic at the same time. I picked a few images, of a diamond, a girl opening her eyes, and a time piece. I used adobe capture to take these images from my computer and turn them into vector images that were black and white.
I started with the girl on my canvas, and then turned the song on. I loved that line about diamond eyes, so I made the diamond small enough to be her eye, but when I put it into her eye space, it just looked wrong. So then I expanded the diamond so that the girl almost seemed to have scars of the diamond on her face. I really liked this effect. I colored it blues, greens and purples to contrast with the black and white girl.
Then I focused on the chaos of this song. In the lyrics, the singer is stuck in some sort of anxious emergency. There is the beating of hearts, sighs, and clock strikes in the music. You get the sense of urgency. I copied the black and white girl’s outline several times in different colors, and then put them next to each other, so it was almost radiating. It reminded me of some sort of anxiety, like she was turning her head in urgency or something. I messed around a little more, the song came to a close and I moved on to the next picture.
 Here’s the end product:
warrior.png
Next song was called “Boxes” and this was the end result:
Boxes.png
Those two images took me a week to finish…
The next week I made some funky album covers from a band I created in my head, because I wanted to work with filters and live paint and I thought it would be a cool way to explore that.
It was really fun to experiment with filters such as glowing edges, but I didn’t learn a lot new or exciting.
I did finally get a chance to use the flare tool in Adobe illustrator. If your familiar with the program, under “Make Shapes” there is a make flare tool, which is kind of useless. All I could find on the internet about it was that it was useless and kind of ridiculous to use. But if you’ll notice, I was able to make the right eye on this first album cover have a glare come off of it by adding a flare underneath the image. So that’s cool.

electricdragoneyes.pngalbulm art electric.png

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 Week 9

This week we worked more with the pen tool. Needless to say, it was a learning week.

Here are some of my practice images (the last one is not done):

pen-tool-exercise-1pen-tool-exercise-2-300x198pentool

Okay I must admit, this week the pen tool grew on me. BUT its really tedious still for me. I don’t like spending 10 minutes outlining the Taj Mahal.  I worked on it by outlining these images as well as working with this game. And though I was definitely a lot faster by the end, it was…not the most fun thing we’ve done in here. On Thursday we also started on a vector image of south which I am still working on:

South

This project is pretty fun for me because I get to use color and I am actually using the pen tool for a more practical purpose. I also experimented more with with the live paint tool and learned to not expand shapes if you are going to fill them in because it will double your work time. That’s my little way of saying I now have to go through and individually click the live paint for each individual shape to fill them in. So I have got to get to work.

See you next week!