FMP Space Moodboards

http://www.virgingalactic.com/  – Travel agency for my fmp or create my own agency? OR Nasa – They promote space travel https://www.dezeen.com/2016/02/19/nasa-jet-propulsion-laboratory-retro-style-posters-space-travel/ http://www.space.com/31954-nasa-space-travel-posters-gallery.html Mood boards are very useful in creative ideas, it helped me figure out what sort of styles I can create, get inspiration and use as references to create my own work.  Collection of ideas …

Abstract Art and texture

Improvements – should added more space related on top to layer so it looked more related to space or just added description/text to create clarity.   I wanted to have some abstract space designs to fill up the space and also use them as textures in my design work. Acrylic pouring was the technique I…

Primary research FMP

I visited quite a few places which helped develop insight for my FMP project. Science Museum Eurogamer posters/game merchandise/promotional At Eurogamer I collected a bunch of merchandise and designs that were promoting their game, I thought this would be great for inspiration and the type of art I would want to create.   Imperial war…

Sketch work

I like to always make rough ideas when it comes to sketching for a design, I can quickly create some shapes that I will develop digitally and it helps me organise the compostion/layout where it will all go which is a very important design skill to make good use of space. I didn’t need to…

FMP Ideas +Links

some thought process For my final major project I would like to focus on an area I love and would like to improve my skills on which is concept art. The idea is to either create a storyline for a film or game and create matte paintings for landscapes and the setting of the story…

Evaluation.2 and some of the Techniques

WordPress account of work for past two years When I wanted to add CSS on my page to the Html, I found a code that would help me style which was this : (site) Embedding CSS into the HTML You can also embed CSS rules directly into any HTML page. To do this you need…

Final Designs for Web Pages/ Analysis (Evaluation.1) and Feedback

http://totton.org/k/victoria2/index.html The final stages I decided to change the home page to a more covered background, being consistent to the portfolio page however slightly changing the style with the contrast levels, different hue and saturation. On the video section of the page I added <p>&nbsp;</p> to give space(paragraph) then inserted a text using <h2 style=”color: #FFFFFF; text-align: center;”>Video…

About coding – *saved from dreamweaver (not final)

<html> <head> <title>AboutA</title> <meta http-equiv=”Content-Type” content=”text/html; charset=utf-8″> </head> <body bgcolor=”#FFFFFF” leftmargin=”0″ topmargin=”0″ marginwidth=”0″ marginheight=”0″> <!– Save for Web Slices (AboutA.psd) –> <table id=”Table_01″ width=”1920″ height=”1081″ border=”0″ cellpadding=”0″ cellspacing=”0″> <tr> <td colspan=”11″> <img src=”../../Google Drive/Mysite01/CSS/images/about_01.jpg” width=”1920″ height=”151″ alt=””></td> </tr> <tr> <td colspan=”3″ rowspan=”2″> <img src=”../../Google Drive/Mysite01/CSS/images/about_02.jpg” width=”713″ height=”617″ alt=””></td> <td colspan=”6″> <img src=”../../Google Drive/Mysite01/CSS/images/about_03.jpg” width=”492″ height=”450″…

Portfolio coding *saved from dreamweaver (not final)

<!doctype html> <html> <head> <meta charset=”utf-8″> <title>portfolio</title> <style type=”text/css”> body { } </style> </head><style media=”screen” type=”text/css”> Add style rules here { margin: 0; padding: 0; } html { background: url(‘../../Google Drive/Mysite01/CSS/Portfolio.jpg’) no-repeat center center fixed; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; </style> <html> <head> <style> div.gallery { border: 1px solid #ccc; } div.gallery:hover…

Stylesheet *saved from dreamweaver (not final)

@charset “UTF-8”; body {* {box-sizing:border-box} /* Slideshow container */ .slideshow-container { max-width: 1000px; position: relative; margin: auto; } .mySlides { display: none; } /* Next & previous buttons */ .prev, .next { cursor: pointer; position: absolute; top: 50%; width: auto; margin-top: -22px; padding: 16px; color: white; font-weight: bold; font-size: 18px; transition: 0.6s ease; border-radius: 0…

Slicing Process (Photoshop)

slice tool, slice around each interactive sections, on pages save -export (index.psd) save for web legacy gif file preset images as jpeg quality 60 save -format  html and images assign each interactive with a link gif file- image mode -rgb -change colours export- web legacy- images only format- original eg 07 then save as 07b…

Dreamweaver Process

Layout (Files) asset management categories – file structure important for website , may create broken links, layout of website, content wont show up if not organised. Site -magange sites wordpress from servers bundle files and upload through ftp (file transfer protocol) goes to a server intranet index – main – html call Index- sent to…