biccy 3.0

I decided that I wasn’t happy with the layout I had created. It felt blank and over crowed as I added more information to it. So I scrapped it.

For biccy.net 3.0 I wanted it to be mostly a single page website. I also wanted it to use responsive web design.

IMG_4070

Initial mock up of new website design.

The website has been coming along slowly. But well. I’ve gotten the hang of RWD and I’m still learning a bit of PHP.

Screen Shot 2015-11-23 at 2.39.33 PM

Screen Shot 2015-11-23 at 2.32.21 PM.png

There’s still a lot to do but most of it will just be “filling” the site.

and a few more years pass…

So it’s that time again. Where I re-design my whole website.

So it’s not quite finished but this time around I have custom fonts working AND I’ve been learning PHP… and when I say I’ve been learning PHP, I learnt how the include() function works and now I can have one header and one footer file and it’s going to make editing a lot easier.

Here’s how the design is looking so far:

biccynet_v3

I also updated my resume and PDF folio so I wanted the website to match in design.

Here’s what the site currently looks like and has looked like since 2013:

Screen Shot 2013-11-04 at 11.16.19 PM

Annnnnnd here’s what it originally looked like six years ago. six years. My gosh how design has changed since then. (The whole layout is just a table)

biccynetv1

It’s quite funny, the newest design is the most simplest yet the most code intense.

Problems with Yosemite and adobe CC

omgosh, it’s been such a long time I couldn’t work out how to post a entry. (But I got there in the end)

I recently upgraded my laptop to OS 10.10.2. I know you should wait for a bit before doing system updates however I don’t really think when I update my mac, the app store always gives me pop ups telling me this needs an update and won’t go away until I update whatever it needs so I just always click “update now”. Whatever.

I also recently got adobe CC, by recently I mean Dec 2014, So i’ve had it for a while. It’s got a few problems which I might talk about another time. Anyway, since the OS upgrade I’ve been getting these annoying problems. I don’t know what they are call but pop ups become un-alined. Confused? yeah, it’s a strange problem. Have some screenshots.

Screen Shot 2015-02-02 at 3.26.42 pm So here I’m on the aligned window and I’ve clicked the little icon on the right to give me a drop down menu which has for some reason appeared top right.

Here’s what it should look like:

Screen Shot 2015-02-05 at 9.49.47 amI get the problem with other menus too. It makes things quite annoying and slows down the working progress.

B8z8OdXCMAA0boW

The most annoying problem I have come across is the save window being half off screen and unable to move it.

Screen Shot 2015-02-05 at 9.32.39 am (2)In the end I fixed this problem by changing the size of my display, moving the save window and then resetting my display.

For the other problems, sometimes they fix themselves, sometimes I delete all my preferences, which is not fun.

Now the good news is that these problems only seem to come up when you are using the adobe program on a second monitor, the bad news is that these problems seem to happen in all adobe programs and I have yet worked out an easy fix.

Biccy out.

ps. Happy new 2015. I know it’s a bit late.

More Pixen

For a while I’ve wanted to try and trace something I’ve drawn and turn it into pixel art. Which sounds easy but it *really* hard. Like there is so much that can go wrong and you can just sit there knowing something is wrong but unsure of how to fix it. So after a few days of trying to trace art work and turn it into pixel art I tried something new, which I will explain in another post because I want to try and perfect this technique of mine.

Anyways so today I decided to try and turn my little animal crossing character into some pixel art. I grab the image from my dec 2013 hourly comic.

Screen Shot 2014-02-12 at 12.52.36 pm

So I opened up the image in Pixen which is why there are so many shades of grey in the Frequency Palette. I started with the head and while I wanted to start off with a black line art I found once I added the moon the image would look too messy so I made the moon yellow to be able to tell what was hair and what was moon. Screen Shot 2014-02-12 at 4.54.37 pm

Oh gosh, that face and her soul-less eyes. Screen Shot 2014-02-12 at 5.07.50 pm

So here’s the (almost) finished line art above the original sketch, As you can see it’s not a 100% perfect copy. I ended up changing little parts to make things easier. Biggest difference is the trim on the skirt.
Screen Shot 2014-02-12 at 8.44.09 pm

I might need to study up on how to colour pixel art but how I did it was add in flat colours and trace the line art with a shade darker then the flat colour.
Screen Shot 2014-02-12 at 9.47.46 pm

Added a little bit of shade, I didn’t want to over do it which is a mistake I often do. And then I was done!

Here’s the finished product: ac_biccy_final

She’s pretty damn cute, huh? I’d like to try a little more tracing pixel art and then I’ll show you guys how I’ve been doing it. Which is a pretty slow way but helps create nice lines and less jaggies (which are little breaks in the line that make the line look uneven.)

I’d also like to work on my shading a little more, the image is still a bit flat.

Pixen First Impressions

I bought Pixen the other day from the app store. It cost me about $10 something AUD I finally got around to using it today. So far all I’ve done is made a little purple cube. For anyone who doesn’t know, Pixen is a  pixel art editor for mac OS. It’s not that bad but could do with some improvements.

Screen Shot 2014-02-05 at 3.09.57 pm

So the biggest problem I have with Pixen is that it doesn’t have panning. As someone who uses a lot of photoshop I just expected that I could hold space bar and be able to move around the canvas, this was not the case. While zoomed in I needed to use the scroll bars, which isn’t a bad thing but I feel like it slows me down. Pixen does have a “move” function but that moves the image.

My second problem with Pixen is probably stupid. On the top left there are two little icons a clock/timer and a little graph. These are the Recent Colors and Frequency Palette. They are alright in their own way and the frequency palette isn’t that bad. The frequency palette will store whatever colours you have been using, this is neat unless you are indecisive and can’t choose which shade of purple you want to use and end up with the frequency palette filled with 5 million shades of purple. I do wish I could hide the recent colors and frequency palette. I’m not sure if you can, so far it looks like you can’t. 

Thirdly (and finally) another thing that annoys me with Pixen is that you can’t hide the cursor while in pen mode. It’s a little distracting and hard to explain.

Anyways, on the plus side of things pixen is pretty damn good for what you pay. Here’s a few things I like about Pixen:
1. Live preview (lets you see your image at size 100% while you are zoomed in working on your pixel art)
2. Custom colour palettes, unlike the Recent Colours and Frequency Palette you can create and store the colours you want and will carry on into any new files you create.
3. Background settlings! Comes with Flat colour and checkered background. Also allows you to use an image as a background.
4. Layers!
5. Animations!
6. Grid!

That’s it for now. This is just my first impression. I’ll update again after I do a few more things. So far it seems pretty good value. But if you want to try pixel art you can also do it in Photoshop and MS paint, maybe then get Pixen if you find yourself enjoying doing pixel art (or keep using whatever you were using).