Like everything, we encountered problems. One of the main problems that was encountered wasn't with me but with Aarron. As he was doing all of the css related stuff for the website it was crucial that he could get it up and running. One of the main problems he had was that as there is: IE, Firefox, safari and chrome he had to get them all to work properly. This did prove a bit difficult for him.
The first problem I had wasn't a terrible problem but it did slow down my work process until i sorted it out. The problem was with the table drawing using Illustrator. The problem was that as i drew a line near another line that line would simply disappear. I managed to fix this as i realised that i hadn't taken off the white fill that was being put with the line. Once this was realised it made drawing the tables and the items on the tables much easier.
Perhaps, the biggest problem that we had was with the images. As there was a lot of them and they all had to be cut out, it was key that they were cut out quickly and well. However, some of these images weren't cut out well so a few of us had to go back and cut them out again. this was a time consuming process and took people away from other tasks that were in need of being completed. Another problem that we had with the images was that someone saved the images as a GIF file rather than a png. this seemed a problem at first but in a way helped us as it then gave us the idea of saving all of the images as JPEGS to so we could then see them as thumbnails and it would make it easier for people to select the image they needed much easier as they wouldn't have to open up photo-shop just to see the image.
A problem we did have that was quite serious was the access to the submissions folder on the college network. This was quite a problem when we were trying to sort out all of the images into folders and groups. There was no way for us to sort this either so we just had to struggle and make sure that nobody else was accessing the folder or it made things impossible. This was annoying and made work slow for a while as people were needing to access the submissions folder
Tuesday, 15 December 2009
working with the client
throughout the design and making of the website we stayed in contact with the client, we had to do this as it was essential that we listened to the clients wishes when it came to the design of the website. email was the easiest way for us to stay in contact as an email can be read at anytime and be read easily and at any time.
We had to keep the client up to date as to what was being accomplished and at what times. it was also key for them to see updated stages so they could give their opinions and for them to get their concerns across about any areas of the website that they didn't like.
As we were posting updates of what we are doing on the blog we would send them an email telling them that we have updated our blogs, this was important as they could check what everyone was doing in the group. this must of been nice for them as there were differant work groups within the group working on all of the differant tasks.
We had to keep the client up to date as to what was being accomplished and at what times. it was also key for them to see updated stages so they could give their opinions and for them to get their concerns across about any areas of the website that they didn't like.
As we were posting updates of what we are doing on the blog we would send them an email telling them that we have updated our blogs, this was important as they could check what everyone was doing in the group. this must of been nice for them as there were differant work groups within the group working on all of the differant tasks.
Friday, 11 December 2009
the group
to get this website up and running in time to meet the deadline we had to split up and accept differant roles.
Aarron decided to do the CSS side of the website as he was familiar with the software and had used it before.
as there were so many images to cut out in a short time there were a few people doing that. Pete, Dan, Alex, Matt, Andy and I cut out the images. i didn't cut out many of the images as i had other responsibility's. Matt took control of what the people did as he was a natural leader and was the first to accept the role.
Alex Duffy and I had to draw tables using illustrator. we got the basic design of the table then started adding the themed items for each theme.
As i started helping cutting out the images Alex started adding the images to the tables then giving them to Aarron.
Matt and I also had to sort the images after they had been cut out into the 7 categories. we worked well as a team and were quick to decide where each image was to go.
Aarron decided to do the CSS side of the website as he was familiar with the software and had used it before.
as there were so many images to cut out in a short time there were a few people doing that. Pete, Dan, Alex, Matt, Andy and I cut out the images. i didn't cut out many of the images as i had other responsibility's. Matt took control of what the people did as he was a natural leader and was the first to accept the role.
Alex Duffy and I had to draw tables using illustrator. we got the basic design of the table then started adding the themed items for each theme.
As i started helping cutting out the images Alex started adding the images to the tables then giving them to Aarron.
Matt and I also had to sort the images after they had been cut out into the 7 categories. we worked well as a team and were quick to decide where each image was to go.
cutting out the image
the first step was to upload the image into photoshop.
the next step was to create a new layer. you create this so you don't edit over the original layer.
you then make the new layer a bright colour like red so you can see the ares of where you have cut out.
you then create a copy of the image. you do this in case you make a big mistake on the original image.
you then move the background copy up to the top of the layers. you have to do this because the layer at the top is the layer you will be looking at unless you click on the little eye which then makes that layer invisible.
the next step you need to do is to make a layer mask. you do this to protect the layer. if you have the layer mask on the layer you are cutting out to cant do anything destructive to the layer.
the red line on the image is actually the bit of the image that has been cut out. the mark on the layer mask is showing that that line is cut out.this image sho
ws how you can rub out what you have coloured. this is a simple thing to do. in the bottom left hand corner there is a black and white box. the black box means you are colouring it and the white box means you are erasing it. all you have to do to switch the boxes around is press x.
this image is showing how to use the polygonal tool. it draws straight lines so can make cutting out images with straight shapes easy. all you have to do is click and a point will appear then click where you want the line to extend to. this can be easy to use but wont give you a very realistic curve to your shape.
you then join up the lines of the polygonal tool. this is just a quick example of a square using the polygonal tool. when choosing that area to cut out you have to change the black and white box around. you have to use the white box to cut out the area.
this is the finished picture. as you can see the image has been successfully cut out.
work for 8/12/09
in the tuesday lesson i did a variety of tasks but which circulated around the images that were being used on the web page. at the start of the lesson we went around the class finding out who was doing what for that lesoon. as my previous of task of drawing the tables was completed i offered to help cutting out the images as this was a big task and had not being completed at the time. this took around an hour and a half to complete as it is quite a slow process as you have to be careful.
after this was done we put all of the images into a folder and Matt and I put the images into 7 folders. these folders were:
corporate
birthday
christmas
halloween
christening
wedding
easter
we had to use these folders because these were the 7 differant types of table that we were using at the external clients wish.
as we were in this process we realised that some of the images hadn't been successfully cut out so Pete, Dan, Matt and I had to cut some of the images a second time. another problem we encountered was that some of the images had been saved into GIF files rather than png. we successfully completed this task shortly before the end of the day.
overall i think it was a successful lesson as i managed to accomplish a few tasks that needed to be finished before the end of the lesson as we needed to get the images on the tables and then get those to Aarron so he could put them on the website.
after this was done we put all of the images into a folder and Matt and I put the images into 7 folders. these folders were:
corporate
birthday
christmas
halloween
christening
wedding
easter
we had to use these folders because these were the 7 differant types of table that we were using at the external clients wish.
as we were in this process we realised that some of the images hadn't been successfully cut out so Pete, Dan, Matt and I had to cut some of the images a second time. another problem we encountered was that some of the images had been saved into GIF files rather than png. we successfully completed this task shortly before the end of the day.
overall i think it was a successful lesson as i managed to accomplish a few tasks that needed to be finished before the end of the lesson as we needed to get the images on the tables and then get those to Aarron so he could put them on the website.
Friday, 27 November 2009
photos into groups
we had been sent around 40 images of various designs from the external client. I had to rearrange these photos into groups so they could be easily found and accessible for the others to use. these five groups were:
. Cup cakes
. Black coloured designs
. Red coloured designs
. Solitary designs
. Group collections
as there was quite a large selection of images that can be used some of these fitted into two categories so there are a few images in more than one folder.
I chose these categories to use because I thought these would make finding the image you want reasonably easy.
I chose to add the cup cake folder because there were a lot of images with cupcakes involved either with the design being used to hold a cupcake or with the image having the cupcake in the design.
I chose to add the category of "black coloured designs" because there were quite a few images that used the colour black for the design. This was the same reason i decided to create the category of "Red coloured designs"
I chose to create the category of "solitary designs" because a large number of the images involved just one design. As there may be a tab added for solitary designs on the webpage, with this category the pictures will be perfectly accessible because they will all be together.
The other category that i have added is "group collections" I thought that this would be a very important category to include because there were a lot of images involving more than one design being included.
In my opinion these categories will be sufficient for everyone to find the images that they are going to need.
. Cup cakes
. Black coloured designs
. Red coloured designs
. Solitary designs
. Group collections
as there was quite a large selection of images that can be used some of these fitted into two categories so there are a few images in more than one folder.
I chose these categories to use because I thought these would make finding the image you want reasonably easy.
I chose to add the cup cake folder because there were a lot of images with cupcakes involved either with the design being used to hold a cupcake or with the image having the cupcake in the design.
I chose to add the category of "black coloured designs" because there were quite a few images that used the colour black for the design. This was the same reason i decided to create the category of "Red coloured designs"
I chose to create the category of "solitary designs" because a large number of the images involved just one design. As there may be a tab added for solitary designs on the webpage, with this category the pictures will be perfectly accessible because they will all be together.
The other category that i have added is "group collections" I thought that this would be a very important category to include because there were a lot of images involving more than one design being included.
In my opinion these categories will be sufficient for everyone to find the images that they are going to need.
Tuesday, 17 November 2009
Tuesday, 10 November 2009
research addresses
Paper cutting –
Automated cutting services - http://www.automatedcutting.co.uk/?gclid=CMrPzLq1gJ4CFVVu4wodlRlEpw provides a laser cutting and engraving service for users of fabric and thin materials for over 16 years.
The paper mill store - http://www.thepapermillstore.com/pages.php?pageid=343 provides an exact cutting size to the clients specific order.
Paper cuts- http://www.pgannon.com/papercuts/ lets people upload their work onto the forum
Travel china guide- http://www.travelchinaguide.com/intro/arts/paper_cut.htm describes and shows various patterns that can be made with paper
Office zone- http://www.officezone.com/cutter1.htm sells paper cutting equipment
polish paper cutting - http://www.montessoriworld.org/Handwork/foldingp/polish.html shows and describes various patterns
Chinese paper cuts - http://www.isaacnet.com/culture/papercut.htm shows paper cutting designs from china
About.com- http://desktoppub.about.com/od/paper/f/Paper-Cutters.htm lets people ask other people about various types of paper cutting equipment
National geographic kids- http://kids.nationalgeographic.com/Activities/FunScience/Paper-cutting-trick teaches children to do a simple cutting design
Peter Callesen- http://www.petercallesen.com/ shows cutting works from Peter Callesen
Table ornaments, paper, card-
Encyclopedia.com - http://www.encyclopedia.com/doc/1G1-20463596.html - describes these things and provides links to other websites
Two peas in a bucket - http://www.twopeasinabucket.com/cg_display.asp?cmd=display&seed_id=25629 – shows designs and then lets people purchase the items used in the design.
The nest - http://ideas.thenest.com/100-days-of-holiday/decorating/Articles/sabrinas-paper-ornament-diy.aspx - shows an image of what has been made then tells the viewer how to make it and what materials they will need
Martha stewart- http://www.marthastewart.com/article/lipstick-101 shows designs and runs people through how to make it.
Save on crafts- http://www.save-on-crafts.com/ornamentcard.html - shows items that people can purchase
India biz club- http://www.indiabizclub.com/qxzptd/index.php?q=7;;;;Gold+Ornaments;;;;india not relevant as it doesn’t have anything to do with the topic.
Bnet- http://findarticles.com/p/articles/mi_hb3291/is_2_26/ai_n29390336/ - tells you how to make various things
Cyber seams- http://cyberseams.com/article/105463/holidays/holiday_punch_needle_ornaments_mounted_onto_a_greeting_card.html - tells people how to make various Christmas ornaments
Craft ideas- http://www.craftideas.info/html/paper_snowman_ornament_b.html gives people ideas as what they could make.
Gift- enhancement, display-
Philosophy and ethics- http://www.open2.net/ethicsbites/sport-genetic-enhancement.html - not relevant
Webmakers - http://www.webmakers.com/secms2/docs/ - not relevant
Science direct - http://www.sciencedirect.com/science?_ob=ArticleURL&_udi=B6T2Y-3W257R7-J&_user=10&_rdoc=1&_fmt=&_orig=search&_sort=d&_docanchor=&view=c&_acct=C000050221&_version=1&_urlVersion=0&_userid=10&md5=c2bf2e44eff64125d66972051c3eca3e – not relevant
Just style - http://www.just-style.com/store/product.aspx?id=80144 – irrelevant
Amazon - http://www.amazon.co.uk/Belkin-Razorvision-Cable-Video-Enhancement/dp/B000FBDK06 - not relevant
logo for card cuts
in the Tuesday lesson on the 3rd of November I created a design for a company called Card Cuts. I used illustrator to design it. We were only allowed four colours which were: Beige, Cream, Duck egg blue and Pea green.
Subscribe to:
Posts (Atom)