How to create an amazing eye catching fashion site banner for print media

in how-to •  7 years ago 

Hello Steemians

Today I will like to give exclusive details on how to design professional and simple attractive site banner for both print media

  1. Graphic editing Software; (I'm using Adobe Photoshop CC 2018)
  2. Images
  3. Fonts

Design Level
Creative
This design can be created by designers that are already prone to reative designing skills with experience of editing software, PHOTOSHOP or any other graphics design software
Nevertheless, bigginers that are intrested in creativity can also attempt it

Time frame
20-30 mins
Though Time is very essential in creative designing, it is still of an important idea that you don't the project file

Final Result

a1-outlook-18.jpg

Project Summary
A1 outlook, nigerian based clothing brand hired my BRANDING AGENCY to create a new banner ads for promotional use. Nnamdi Parrot
I humped on the project to create a professional ADS based on concept briefing we got

How to create an amazing eye catching fashion site banner for print media

Step one - download free/purchase stock images
When Creating Designs it's essential to get/buy an high quality images for the project you are working on.

i always recommend ADOBE STOCK; Here you have a higher chances of purchasing an high quality image direct from the original source. which also are available for both premium and free users.

Step Two - Get Free/purchase fonts online
Fonts are a major part of creating amazing visuals for graphic designs. it is very of a nessecity that your fonts, colors & background does match with the concept of the project. when creating fashion ads or banner for print media, go for simplicity, it attracts and it tells a quick story to your audience. be it cooperate organisation / fashion brands

Step three - Launch Adobe PS
Launch the software and set to appropiate dimensions.
Dimensions are:
4200 x 1500 pixels
Hold down CTRL + N to create new tab

Screenshot (15).png

Using Adobe PS CC 18/any other Adobe Version series

Step four - Set Rulers
Majaor and distinct secrets for creating amazing visuals and good placement of graphics design is setting up rulers in PS CC. A good concept will never turn out good with a professional placement of the words date and images
To toggle rulers in PS CC. Hold down "CTRL + R"

Screenshot (25).png

Step five - Creating Gradient Background
Gradient Flow; FX - GRADIENT - RADIA GRADIENT - -30% - then click ok

Screenshot (17).png

Screenshot (4).png

Step six - Add abstract stock Backgrounds

Screenshot (5).png

Screenshot (6).png

Screenshot (7).png

Step Seven - Gets Stock Images
Working with the brief of the concept of unisex fashion hub, we decided that it will be more story telling visual design by adding both male and female wears regarding the concept of this project.

Screenshot (199).png

Step eight - Adding Text Format

Screenshot (10).png

Screenshot (23).png

Step Nine - Use shape tool to create box

Screenshot (22).png

Add Text to Box Frame

Screenshot (11).png

Screenshot (14).png

Step ten - Save project file

To save; Hold down CTRL + S
Project must be saved in PSD format before exporting to PNG/JPEG format. Do not flatten file to save incase of refrence purposes.
For Further saving; Hold down CTRL + SHIFT + S to save in a new format.

Further Tips:

  • to create a nice blend of white to black to produce
    gray add new + brush opacity 30%

  • be steady in font choice, you don't want to
    create context amongst font story

For Suggestion and enquiries please leave a comment below or chat me up on discord with i.d graface#7212

Authors get paid when people like you upvote their post.
If you enjoyed what you read here, create your account today and start earning FREE STEEM!
Sort Order:  

Thank you for sharing!

my pleasure

Sweet design. I need to get myself a laptop soon and start doing a lot of this. At least practice for myself

You put a lot of effort into this post. Nice one.

I know it's harder than it looks. Some people just have a great eye for design

yes i did, thanks alot

Great post @graface. Have you considered sharing your idea on utopian? I think you have what it takes to be on the utopian community.

Really helpful post here. Thanks for sharing!

It requires a lot of patience and effort to extensively explain this. It was really helpful. Will try it out today. Thanks for sharing.

Beautiful design.. @graface you should consider contributing to the utopian community.

ok i will

Thanks for sharing, i will put it into practice when i might have bought my laptop

ok wish you success