website layouts

i have looked at a couple different website designs to collect ideas for my future website. i went on 99designs and it shows a range of other peoples website designs.

 i found this design and i like the way it has the picture in the middle of the screen and has a dark outline.
it makes the picture stand out. as when you look at the screen the first thing you look at is the image of the girl,
the downside to this design is that it detracts from writing that might be important. and also the use of these dark colours makes it hard to read the writing

i also found this design. i like how all the pictures are in an order and the page looks clean and not messy or cluttered. everything is clear and bright. the thing i don't like is the way it's a bit plain and there's not much colour
 

i phone web page

we had to design or own web page for an iPhone. my iPhone web page is similar to my normal web page. it has the same colour theme. the only thing that is different to the normal one is i still has the original logo which i needed to change and it also doesn't have the Plymouth cosplay mascot on it.

i created a mascot because at first on my normal web page it was empty. so i made a mascot to fill that empty space and also to make a recognisable image 

slicing in photoshop

we were told howto make sertain parts into links to other pages for websites, the way we did this was we opened photoshop with the website page.

once we had done that we chose the slice tool wich was with the crop tool. we selected a part thatwe wanted to make a link. for examplethe text on this would be a link so i selected them

hen i used the slice selection tool nd double cliked on one of the sliced i just made. this cme up with a window that i could then enter in a web addres to make a link.

aft6er that i saved it with 'save for web & devices'

and i was then able to open it like a website

my original design for the Plymouth cosplay logo w going to be 'p' and a 'c' in front of a light house to symbolise that it was Plymouth. but i was told that i needed a more interesting shape so i looked at some pictures that i had draw a long time ago and found interesting shapes then i used illustrator and went around the outside of the shape that i found interesting

after i had finally got an interesting logo i had to decide on the text i was going to use

this text was to hard to read so i chose a different one

this text to away the attention of the log so i chose a different one

this text was to hard to read once it had Bean made really small so i chose a diferent one 

this one was also to hard to read one it had bean shrunken so i looked at allot of other texts and finally chose this font

this text was easy to read even after it was shrunk and it also didn't take any of the attention off of the logo

after changing what my website is about i have created a new logo that has some aspects of  Yana Toboso's books

For the design of my logo I had tried to incorporate the only two of Yana Toboso’s mangas into this logo because it would then represent her. i added the circle with the star because it is the most recognisable thing from her manga Kuroshitsuji.

And I added the wings on either side as looking at her other manga Rust Blaster it had these wings on the name’s logo. The reason why I only put her name down instead of a website name is because this website is about her and if I had used something else then it could have confused people if they were looking for a website about Yana Toboso and at first glance they would not have known what this website is about if they had just seen the logo.

adobe illistrator basics

we did some experimenting in adobe illustrator. illustrator is very similar to photoshop, and is very easy to use. the way in which i created this picture is by using the pen tool and i went around two pictures that i had found on the Internet.
in illustrator you also have the ability to create 3d words. the way in which you do this is you used the text tool and then once you have typed you have to go to a certain window option to make it 3d. I'm not very fond of illustrator as it limits the affects you can do unlike photoshop where you can create a wide range of affects. but i do like illustrator because it ca n create 3d text and because when you draw with the brush it smooths your lines.

photos

i have already collected some photos for my website. of other members

these cosplays are done by the same person.

360% panorama

today we made a 360% panorama. we took photos and then used special programs to creat this panorama

texture tutorial

we were sent out to get rubbings of textures that we found interesting. i got a few but i didn't really like the ones i had gotten so i used a Scan of a cabbage.
this is a poster that was made by using a range of techniques in photoshop.
the way in which i created this look was i stared of with a scan of a cabbage leaf and then changed the hue and saturation to pink. i copied this layer and changed the hue and saturation to make it green. then i rubbed away half of the green layer on top so it blended. i merged the layes together and used a filter to give it a strange texture. then i changed the perspective so i turned into a cone shape. then i copied this layer a couple times an flipped them around so it made this 'zig zag' affect. and then i merged all the layers. after this i coped this layer and changed the hue and saturation to blue. then i made a text layer and made a selection around it. i deleted the text but kept the selection. i inversed the selection,then went on the blue layer and deleted the rest of the blue i didn't want, this made the blue layer only show were the text was.

dslr camera tutorial/ induction

today we had a introduction on how to used a dslr camera. dslr is short for digital single lens reflex camera. you can change the lenses and, if the camera is set on manual then you can use different things to change the apatures, shutter speed and the exposure to create a better and more interesting photo. 

square apple

to create this picture we got a photo/picture of the inside and the outside of an apple the we used the liquefy tool to make the apple into a square shape. the way we made sure it would be a square shape is we added guide lines. after we finally made it into a square we added highlights on to the edges so it looked 3d and then we made a selection of the area we wanted the inside of the apple to be then we copied the apple and then pasted it into the area we had selected by going to edit, paste special, paste into and then we used the burn and doge tool to make the inside look in place

after we were finished with this tutorial we were told to get our own pictures and try this technique on our own. i  got a picture of a star fruit and then changed it into a cricle by using the liquifi tool. after that i found a picture of an orange and decided to make the inside of the star fruit, an orange.
i didnt like how this turned out as it just looks like i put a picture of an orange ontop. it didnt give the affect that it was inside the star fruit

photomerge

this picture is made up of three other pictures. we whent outsid to take the pictures and when we were happy with them we went back in and put them on the computor. after that we whebnt into photoshop and when t file, automate, photomerge. after that we chose the photos we whanted and then out picture was made

pool ball tutorial

today we did a tutorial on how to create a pool ball in photoshop. this was the end product
the way we did this was we used the gradient tool to create the background look then after that we created a new layer and made a ball buy using the selection tool then edit and fill.
after that we used the burn and doge tool to create a highlight and shadow on the ball. on a new layer we made a black circle and then i used Gaussian Burr to make it blurred then i moved it to were the shadow would be. after that i used the select tool and made a weird shape from 3 ovals and saved the selection then i made a selection of the ball and again saved it then i loaded the circle selection and the loaded the weird oval shape selection and clicked subtract from selection. then we chose select and inverse.
then we filled it with white. we then made a clipping mask and rubbed away some of the white so it was almost invisible.

cosplay

these are both girls cosplaying as male characters

Cosplay, short for "costume play," is a hobby in which participants design, construct, and wear costumes of their favorite anime, video game, comic, film, television, or book character.

there are allot of skills that are needed whilst doing cosplay. these skill are

• design
• sewing/tailoring
• hair styling
• makeup styling
• modeling
• photography
• acting 

costume
people often think that cosplay is just simply buying and wearing a costume that looks like a anime/video game character but it is actually allot more harder then that. most cosplayers create their own costumes so they can get as accurate as they can, because of this it takes quite a bit of time for the costume to be completed. most cosplayers also create their own accessories this also take allot of time. 
binding
in cosplay it is not uncommon for girls to cosplay as male characters and vice versa. so in order for girl to cosplay as a male character they use a method called binding that flattens their chest.
wigs
in cosplay wigs are always used. cosplayers don't use their own hair as this limits the characters they can be.
in most animes/video games the character has spiky hair so when it comes to styling the wig it take quite a bit of time and patients to style it as accurately as they can to the characters appearance.
makeup
all cosplayers whether they are female or male wear makeup. the first thing they nead to accomplish with makeup is to make their skin look as flawless as they can. then after they have done that they have to apply makeup to their eyes to make them look bigger the 'anime eye' affect. if a girl is cosplaying a boy it is even harder because they nead to make their eyes look bigger but they also nead to make sure that their makeup isn't girly. 
modeling
after the cosplayers costume is created and finished and their whole look is finished (hair, makeup)
they have photos taken so they can show to other people their finished costume etc. (like any other artist)
this part isn't as simple as just standing there and getting your photo taken. the things you nead to take into account is the personality of the character for example if the character you have chosen to cosplay never smiles then you wouldn't smile in your photo because then it would be out of character.
the second thing you nead to take into account is your surroundings for example with this picture it has been taken in a traditoal Japanese looking area and this suits the character because this character is from an  

anime that is about samurais and the olden time japan. then you also have to take into account your pose if you just stood there then you photo would not attract many views. so you nead to think of good poses to make the picture interesting the same as a model would. then the last thing you nead to take into account is props. for example this picture it has a samurai sword as a prop because the character they are cosplaying caries a sword with him.

eyes
even though eyes are a small part of the picture it is still a important part of the photo and cosplay. most anime/video game character has weird coloured eyes. for example this character has red eyes so in order for accuracy the cosplayer has bought and wearing red eye contacts. most cosplayers wear contacts to give a better affect because normally the character you cosplay has a different eye colour than the cosplayer

proposal

i want to design a website about cosplay. Cosplay, short for "costume play," is a hobby in which participants design, construct, and wear costumes of their favorite anime, video game, comic, film, television, or book characters.  i want to do this because of my personal interests. the website i want to design is not just about cosplay it will be about a cosplay group that i am part of in Plymouth.
for my website i will have to Analise a website that is similar to my idea for my website because there isn't an already existing website for the one i want to create.

analysis of diamond dust cosplay
this website has allot of pictures and information about the costumes and upcoming events. it tells us about the person that owns the website. it is helpful because it has a question and answer section which could help any people that are interested in this hobby. but unfortunately this website is only about one person. and also it doesn't have and tutorials or information that will help other cosplyers.

the design for this website isn't very creative. it does have pictures of the cosplays but i think that if it had brighter colours then it would be more interesting. this website does portray that it is about cosplay because of all the pictures i just think that they should change the colours and layout so it is a bit more interesting to look at. the only part of the logo that portrays cosplay is the word 'cosplay'

the deign for my group that i am making the website for does portray that it is about Plymouth cosplayers because it has the word 'plymouth cosplay' and another way in which it portrays what the group is about is because it has a picture of he Plymouth hoe on its logo.
overall it think that this website does portray what it is about but if i was to redesign this website i would chose a different layout so that the pictures are the first thing you see and also i would put a section in for tutorials or useful tips for other people i would also change the background colour and i might add a pattern onto the background to make it more interesting

the method of capture in this website  is the use of photograph. i am planing on using photography in my website as well. another type of capture i might use is filming and i will use writing as a form of capturing.

choosing this form of capture reflects my research because it shows that i have decided that photography would be the best way of capture for this topic i have decided to do a website about.

researching has proven to be very useful for the development of my ideas as before i did any research i did not have many ideas on what i could put on my website but after looking at other websites about the same thing it has shown me that i can put allot of things on for example i can put a page on my website about upcoming events and another page on the members etc. so yes this research has helped with the development of my ideas

things i could put on my website

• question and answer - a page were people can ask questions
• tutorials - tutorials on how we made our costumes
• members - the members and their cosplays
• upcoming events
• what is cosplay - describes what cosplay is and what you have to do

logos

history
there are allot of techniques that have contributed to the contemporary logo. some of them are cylinder seals, trans-cultural diffusion of logographic languages and the development of printing technology. as the industrial revolution developed typography and imagery being drawn together developed. and also advertising progressed because of the use of image and typography. 
art started to develop from story telling and decoration purposes to advertisement  
by 1890 the US had 700 lithographic printing firms employing more than 8,000 people.
info 

 today's style of logos started in the 1950s.  The Chase logo was the first truly abstract logo.
today many corporations , products, brands, services, agencies and other entities are using ideograms, emblems or a compilation of signs and emblems as a log. 

movie poster

this poster was for the movie " full metal alchemist : the conqueror of shambala"

the reason why i used thoes colours for the title is because the official logo had full metal writen in gray. like it was made from metal and then the word alchemist was writen in red. so instead of doing that i chnaged it so that the main title was in silver and the sub title was in red.

the way i created this font was i chose bevel and emboss and then it gave a metal affect. but for the text saying "full metal" i also chose outer glow and then changed the clour to blue.

the symbols in the background were made from a brush i had down loaded.

the reason for these symbols was because they apear freaquently in the moovie and in the anime, the reason for the colour is also the same because any of the symbols that apeared in the movie were blue.

the artwork does not belong to me i found these on google images. the reason for these pictures was because theses are the main characters so i had them on the poaster to show that they are important characters. once i had found the images i whanted i went around the parts that i wanted with the pen tool and the deleated the parts i didnt want

paths

first we used the pen tool and made a path around the dimond and the heart

 

we moved this horse from its origonal place. the way we did this was we chose the quick selection tool and the clicked refine edge. then we chose the black & white. then we told it to go onto a new layer. then after we selected the horse on the background layer then we whent to edit, fill, content aware and then we cliked ok. after that we could then move the horse on the other layer to were ever we wanted 

i moved this boy to the picture of the sea by using the quick selection toola and i used the refine edge option

shatter effect

the way we made this is we used the text tool and then we added various layer afects. then we used the polly laso tool and moved the pices we selected to make them look like it has shatered. after that we then added a new layer and made a circle selection with the laso tool then we cliked filter render and the clouds (make sure the colours you have are black and white)
but before you make the clouds go to select modify and feather. then chose 50 pixels.

after we made the cloud we used a raidiant blur on it to make it zoom outwards then we changed the colour buy pressing 'ctrl' 'u'