How to Create Simple Web Banners using Adobe Illustrator

How to Create Simple Web Banners featured header

Step 03

  • Next we will be working on banner size 300x600px. Once you have made a single banner with the proper elements then it’s easy to make the other banner sizes. Only thing you have to do is placing the elements according to the size.
  • As before make a new rectangle with 300x600px.
  • Fill with the same gradient.
  • Start placing the elements as shown below. Remember every time when you place the main elements it’s up to you to resize the elements according to the size, but not to break the rhythm with other banner sizes.
3.1

3.1

3.2

3.2

3.3

3.3

3.4

3.4

3.5

3.5

3.6

3.6

Step 04

  • Next we will work on the banner size 160x600px.
  • The process is the same as above, only thing is placing the elements in the right place according to the size and this depends on mainly on your creativity.
  • If the information, the pictures or the icons are too much for any particular banner size you can always feel free to add or remove any of the elements that you feel too much.

4.1

4.1

4.2

4.2

4.3

4.3

4.4

4.4

4.5

4.5

Share Your Thoughts Here...
Loading Disqus Comments ...
Share with your friends










Submit