SlideShare ist ein Scribd-Unternehmen logo
1 von 3
How I used Adobe illustrator to create my website
Adobe illustrator is a piece of software that is used by low end
professionals for any project.




Each of the features need to be in layers, which is similar to what I used
to design my magazine in photoshop and Adobe Indesign for AS. To
create the sailor stripes on my webpage I used the rectangle tool and
made the navy colour that I needed using the colour guide.




To add text to my webpage I created a textbox and coloured the writing
using the colour guide. As I needed to add effects to I had to select
effect and the effect that I wanted to use is the 3D effect, so I
selected 3D and then extrude & bevel.
In extrude and bevel you can select the depth of the effect and the
perspective to get the text into the style that I needed.




I had to use the colour picker to get shade of red or navy that I needed
by typing in the correct numbers in the gradient boxes. However, if you
don’t know the exact numbers for the shade of red that you need you can
use the colour guide to scroll to the colour that you need.




To insert an image onto adobe illustrator you select file and then place.
You then browse your files to find the image that you need which will
then appear on the page. It is then simple to adjust as you can crop and
scale the image exactly to how you need it on the page using the green
box.
If you are unhappy with how your image looks after you have placed it you
can transform it again by going into object and then transform. You have
the choice of moving, rotating, reflecting, scaling and shearing the object.
Or alternatively you can use the free transform tool from the toolbar on
the left hand side of the page.

Weitere ähnliche Inhalte

Was ist angesagt?

Skills development journal
Skills development journalSkills development journal
Skills development journalBef_Watson
 
How To Use Corel Draw11
How To Use Corel Draw11How To Use Corel Draw11
How To Use Corel Draw11LiatShamash
 
Making a logo
Making a logoMaking a logo
Making a logo30174
 
Using software
Using softwareUsing software
Using softwarecaitlinp
 
Printscreens ps
Printscreens psPrintscreens ps
Printscreens psasmediae15
 
Contents print screen
Contents print screenContents print screen
Contents print screenasmediad14
 
Creating Double Page Spread
Creating Double Page SpreadCreating Double Page Spread
Creating Double Page Spreadlydiahughes
 
Magazine cover recreation step by-step and evaluation
Magazine cover recreation step by-step and evaluationMagazine cover recreation step by-step and evaluation
Magazine cover recreation step by-step and evaluationanthony01425
 
Adobe illustrator
Adobe illustratorAdobe illustrator
Adobe illustratorSofiaNisco
 
6. production reflection(3)
6. production reflection(3)6. production reflection(3)
6. production reflection(3)JackGarner9
 

Was ist angesagt? (17)

4 photoshop
4 photoshop4 photoshop
4 photoshop
 
Luke logo
Luke logoLuke logo
Luke logo
 
Skills development journal
Skills development journalSkills development journal
Skills development journal
 
How To Use Corel Draw11
How To Use Corel Draw11How To Use Corel Draw11
How To Use Corel Draw11
 
Making a logo
Making a logoMaking a logo
Making a logo
 
Using software
Using softwareUsing software
Using software
 
Printscreens ps
Printscreens psPrintscreens ps
Printscreens ps
 
Screenshots new
Screenshots newScreenshots new
Screenshots new
 
Task 6
Task 6Task 6
Task 6
 
Technologies
TechnologiesTechnologies
Technologies
 
Contents print screen
Contents print screenContents print screen
Contents print screen
 
Creating Double Page Spread
Creating Double Page SpreadCreating Double Page Spread
Creating Double Page Spread
 
Presentation1
Presentation1Presentation1
Presentation1
 
Magazine cover recreation step by-step and evaluation
Magazine cover recreation step by-step and evaluationMagazine cover recreation step by-step and evaluation
Magazine cover recreation step by-step and evaluation
 
Adobe illustrator
Adobe illustratorAdobe illustrator
Adobe illustrator
 
6. production reflection(3)
6. production reflection(3)6. production reflection(3)
6. production reflection(3)
 
How To Paint
How To PaintHow To Paint
How To Paint
 

Andere mochten auch

Andere mochten auch (17)

Assessing Adherence to the PhRMA Code
Assessing Adherence to the PhRMA CodeAssessing Adherence to the PhRMA Code
Assessing Adherence to the PhRMA Code
 
医学教育環境アンケート結果
医学教育環境アンケート結果医学教育環境アンケート結果
医学教育環境アンケート結果
 
~Tips To Have A Good Relationship
~Tips To Have A Good Relationship~Tips To Have A Good Relationship
~Tips To Have A Good Relationship
 
Zu Zu’s Petals
Zu Zu’s PetalsZu Zu’s Petals
Zu Zu’s Petals
 
Parts Of Speech Ef
Parts Of Speech   EfParts Of Speech   Ef
Parts Of Speech Ef
 
Print Screens Of Editing
Print Screens Of EditingPrint Screens Of Editing
Print Screens Of Editing
 
Globalvillage12 1
Globalvillage12 1Globalvillage12 1
Globalvillage12 1
 
Evaluation
EvaluationEvaluation
Evaluation
 
Kyle Cooper
Kyle CooperKyle Cooper
Kyle Cooper
 
Nouns
NounsNouns
Nouns
 
Personal Branding Workshop
Personal Branding WorkshopPersonal Branding Workshop
Personal Branding Workshop
 
Pineapple zucchini cake
Pineapple zucchini cakePineapple zucchini cake
Pineapple zucchini cake
 
Present continuous
Present continuousPresent continuous
Present continuous
 
Are ski helmets really necessary for skier?
Are ski helmets really necessary for skier?Are ski helmets really necessary for skier?
Are ski helmets really necessary for skier?
 
Travel in England
Travel in EnglandTravel in England
Travel in England
 
Catalogo animal planet publico
Catalogo animal planet publicoCatalogo animal planet publico
Catalogo animal planet publico
 
Perubahan zat(tesis)
Perubahan zat(tesis)Perubahan zat(tesis)
Perubahan zat(tesis)
 

Ähnlich wie Step By Step Webpage Guide

LO4 – Be able to edit materials to produce a final print media product
LO4 – Be able to edit materials to produce a final print media productLO4 – Be able to edit materials to produce a final print media product
LO4 – Be able to edit materials to produce a final print media productmdelmar97
 
Evaluation 6 + 7
Evaluation 6 + 7Evaluation 6 + 7
Evaluation 6 + 7armani765
 
Evaluation 6 + 7
Evaluation 6 + 7Evaluation 6 + 7
Evaluation 6 + 7armani765
 
Evaluation Question 6
Evaluation   Question 6Evaluation   Question 6
Evaluation Question 6AntonieThomas
 
Adobe illustrator cs4 tutorial
Adobe illustrator cs4 tutorial Adobe illustrator cs4 tutorial
Adobe illustrator cs4 tutorial Agung Yuwono
 
0313 adobe-illustrator-cc
0313 adobe-illustrator-cc0313 adobe-illustrator-cc
0313 adobe-illustrator-ccbyline2010
 
Using photoshop to create ancillary products
Using photoshop to create ancillary productsUsing photoshop to create ancillary products
Using photoshop to create ancillary productsaa42075
 
Magazine Production Experiments
Magazine Production ExperimentsMagazine Production Experiments
Magazine Production ExperimentsRebeccaEdwards79
 
My Use Of Technology
My Use Of TechnologyMy Use Of Technology
My Use Of TechnologySophie
 
My Use Of Technology
My Use Of TechnologyMy Use Of Technology
My Use Of TechnologySophie
 
My Use Of Technology
My Use Of TechnologyMy Use Of Technology
My Use Of TechnologySophie
 
My Use Of Technology
My Use Of TechnologyMy Use Of Technology
My Use Of TechnologySophie
 
What have you learnt about technologies from the process of constructing this...
What have you learnt about technologies from the process of constructing this...What have you learnt about technologies from the process of constructing this...
What have you learnt about technologies from the process of constructing this...Chloe Jayde
 
Step by step guide for my dps
Step by step guide for my dpsStep by step guide for my dps
Step by step guide for my dpsasmediaf12
 

Ähnlich wie Step By Step Webpage Guide (20)

LO4 – Be able to edit materials to produce a final print media product
LO4 – Be able to edit materials to produce a final print media productLO4 – Be able to edit materials to produce a final print media product
LO4 – Be able to edit materials to produce a final print media product
 
Evaluation 6 + 7
Evaluation 6 + 7Evaluation 6 + 7
Evaluation 6 + 7
 
Evaluation 6 + 7
Evaluation 6 + 7Evaluation 6 + 7
Evaluation 6 + 7
 
Evaluation Question 6
Evaluation   Question 6Evaluation   Question 6
Evaluation Question 6
 
Adobe illustrator cs4 tutorial
Adobe illustrator cs4 tutorial Adobe illustrator cs4 tutorial
Adobe illustrator cs4 tutorial
 
0313 adobe-illustrator-cc
0313 adobe-illustrator-cc0313 adobe-illustrator-cc
0313 adobe-illustrator-cc
 
Using photoshop to create ancillary products
Using photoshop to create ancillary productsUsing photoshop to create ancillary products
Using photoshop to create ancillary products
 
Magazine Production Experiments
Magazine Production ExperimentsMagazine Production Experiments
Magazine Production Experiments
 
Question 6
Question 6Question 6
Question 6
 
Photoshop
Photoshop Photoshop
Photoshop
 
Photoshop
PhotoshopPhotoshop
Photoshop
 
Illustrator 9
Illustrator 9Illustrator 9
Illustrator 9
 
Question 6
Question 6Question 6
Question 6
 
My Use Of Technology
My Use Of TechnologyMy Use Of Technology
My Use Of Technology
 
My Use Of Technology
My Use Of TechnologyMy Use Of Technology
My Use Of Technology
 
My Use Of Technology
My Use Of TechnologyMy Use Of Technology
My Use Of Technology
 
My Use Of Technology
My Use Of TechnologyMy Use Of Technology
My Use Of Technology
 
What have you learnt about technologies from the process of constructing this...
What have you learnt about technologies from the process of constructing this...What have you learnt about technologies from the process of constructing this...
What have you learnt about technologies from the process of constructing this...
 
Question 6
Question 6Question 6
Question 6
 
Step by step guide for my dps
Step by step guide for my dpsStep by step guide for my dps
Step by step guide for my dps
 

Step By Step Webpage Guide

  • 1. How I used Adobe illustrator to create my website Adobe illustrator is a piece of software that is used by low end professionals for any project. Each of the features need to be in layers, which is similar to what I used to design my magazine in photoshop and Adobe Indesign for AS. To create the sailor stripes on my webpage I used the rectangle tool and made the navy colour that I needed using the colour guide. To add text to my webpage I created a textbox and coloured the writing using the colour guide. As I needed to add effects to I had to select effect and the effect that I wanted to use is the 3D effect, so I selected 3D and then extrude & bevel.
  • 2. In extrude and bevel you can select the depth of the effect and the perspective to get the text into the style that I needed. I had to use the colour picker to get shade of red or navy that I needed by typing in the correct numbers in the gradient boxes. However, if you don’t know the exact numbers for the shade of red that you need you can use the colour guide to scroll to the colour that you need. To insert an image onto adobe illustrator you select file and then place. You then browse your files to find the image that you need which will then appear on the page. It is then simple to adjust as you can crop and scale the image exactly to how you need it on the page using the green box.
  • 3. If you are unhappy with how your image looks after you have placed it you can transform it again by going into object and then transform. You have the choice of moving, rotating, reflecting, scaling and shearing the object. Or alternatively you can use the free transform tool from the toolbar on the left hand side of the page.