How do you Create Sales page graphics and headers

38 replies
  • WEB DESIGN
  • |
How do you create those really nice header graphics at the top of sales pages? What about all the other cool graphics like screenshots and whatnot?
#create #graphics #headers #page #sales
  • Profile picture of the author Steve Wells
    Originally Posted by Adam Roy View Post

    How do the gurus create those really nice header graphics at the top of sales pages? What about all the other cool graphics like screenshots and whatnot?
    The GURU'S don't design their own, they hire someone like me.........
    Signature
    Need Custom Graphics Work? - Message Me For A Design Quote!
    {{ DiscussionBoard.errors[2966037].message }}
  • Profile picture of the author copycashvalve
    Are you looking to do them yourself? I can help you, I just posted in the warrior for hire forum and I'm looking for work.

    How they do it, is they use screen capturing and Photoshop.

    It's not extremely difficult, I've been using photoshop for 7 years.



    Cheers,

    Ross
    Signature

    {{ DiscussionBoard.errors[2966042].message }}
  • Profile picture of the author promo_guy
    Yep, "gurus" won't be doing their own graphics. I do my own but once I hit guru status (lol) I would happily outsource the work. The creative process is fun, but I won't become a millionaire doing graphics all day long.

    So, best bet is to hire someone with a good portfolio of IM minisites
    {{ DiscussionBoard.errors[2967048].message }}
  • Profile picture of the author Tooschee
    You can always hire a designer who will create a custom and unique design for You, You can buy design elements from GraphicRiver, or You can buy premade template, there are many choices there actually
    Signature

    I'm available for work. See my Portfolio.
    I'm also a member of Ke.mU Studio
    Need great looking mini site? Visit Professional Landing Pages
    {{ DiscussionBoard.errors[2967421].message }}
  • Profile picture of the author Adam Roy
    Okey doke, let me be a bit more clear

    From the responses, it seems like I might have implied I want to outsource this, I don't.

    I want to learn what tools, and/or sites I need to create the graphics.

    The cool header graphics on the sales pages with all the cool stuff going on.

    The cool text fonts and text graphics they use in the sales copy, and in the top layer of header graphics.

    The twisty turny call to action arrows.

    So yea, header graphics, sales page graphics, and text graphics, what do I need to create those? Where do I get the stuff?
    {{ DiscussionBoard.errors[2968028].message }}
    • Profile picture of the author Steve Wells
      Originally Posted by Adam Roy View Post

      Okey doke, let me be a bit more clear

      From the responses, it seems like I might have implied I want to outsource this, I don't.

      I want to learn what tools, and/or sites I need to create the graphics.

      The cool header graphics on the sales pages with all the cool stuff going on.

      The cool text fonts and text graphics they use in the sales copy, and in the top layer of header graphics.

      The twisty turny call to action arrows.




      So yea, header graphics, sales page graphics, and text graphics, what do I need to create those? Where do I get the stuff?

      Do you want to design them yourself? Or commission someone to make them or do you want to buy them premade?

      If you want to make them, you will need graphics software. All professionals use photoshop, some people on the forums use GIMP, which is free, but its not as powerful as photoshop.

      If you want to oursource the work like the gurus do, then.....

      If you want to buy some great premade graphics, look in my sig.

      Just a side note, wanting to design your own graphics and owning the software to do it, does not gaurantee that your graphics will look anywhere as near as professional as someone who is trained in graphic design....


      If someone is a real GURU, they do not do their own graphics, they outsourse it. Or the have a staff and someone who specializes in graphics.

      All the best,
      Steve
      Signature
      Need Custom Graphics Work? - Message Me For A Design Quote!
      {{ DiscussionBoard.errors[2968360].message }}
      • Profile picture of the author Adam Roy
        Originally Posted by Steve Wells View Post

        Do you want to design them yourself? Or commission someone to make them or do you want to buy them premade?

        If you want to make them, you will need graphics software. All professionals use photoshop, some people on the forums use GIMP, which is free, but its not as powerful as photoshop.

        If you want to oursource the work like the gurus do, then.....

        If you want to buy some great premade graphics, look in my sig.

        Just a side note, wanting to design your own graphics and owning the software to do it, does not gaurantee that your graphics will look anywhere as near as professional as someone who is trained in graphic design....


        If someone is a real GURU, they do not do their own graphics, they outsourse it. Or the have a staff and someone who specializes in graphics.

        All the best,
        Steve
        Thanks for your input, but as stated above, I WOULD LIKE TO DO THIS MYSELF. I thought I made it clear in my last response 'you quoted me on' the last time you mentioned your services. Thanks again though.

        So, I have photoshop and gimp, but where does all the graphics come from? You have to have existing images to manipulate, where do I get all that?


        Originally Posted by Steve Wells View Post

        If someone is a real GURU, they do not do their own graphics, they outsourse it. Or the have a staff and someone who specializes in graphics.
        I don't know how to take that, I just want to learn how to do it, is that not OK with what you call a 'real guru'? Should I just, not learn how to do it instead?
        {{ DiscussionBoard.errors[2968654].message }}
        • Profile picture of the author Steve Wells
          So, I have photoshop and gimp, but where does all the graphics come from? You have to have existing images to manipulate, where do I get all that?
          There are lots of royalty free graphic sites. Just google royalty free graphics and you'll find tons of them.

          I don't know how to take that, I just want to learn how to do it, is that not OK with what you call a 'real guru'? Should I just, not learn how to do it instead?
          I'm not saying anything negative towards you, just saying that the real GURU'S do not have time to do their own graphics, so they outsource. To be real honest and frank. Even if they did, their graphics would probably not be that nice.

          Owning Photoshop or GIMP and having images to manipulate will not help you learn to design graphics. Thats something you have to teach yourself or be trained at university level. Some people just have an eye for design.

          There's lots more to graphic design than meets the eye, no pun intended.

          You have to learn design fundamentals and the basics of color theory, not to mention how to use the software and all the tricks of the trade.

          YouTube is a good place to start if you really want to learn for free.

          There are other places that teach you the software, but they cost money. But like I said just learning the tools and what they do, does not mean that you will automatically produce great graphics like the GURUS use.

          They have their own staff or outsource to qualified designers.
          Signature
          Need Custom Graphics Work? - Message Me For A Design Quote!
          {{ DiscussionBoard.errors[2970827].message }}
      • Profile picture of the author mojojuju
        Originally Posted by Steve Wells View Post


        If someone is a real GURU, they do not do their own graphics, they outsourse it.
        But what if the guru is a Graphics GURU ? :rolleyes:
        Signature

        :)

        {{ DiscussionBoard.errors[3053783].message }}
        • Profile picture of the author jasonthewebmaster
          Banned
          Originally Posted by mojojuju View Post

          But what if the guru is a Graphics GURU ? :rolleyes:
          LOL exactly!!

          For real though, you should check out this site:
          CopyDoodler® Copy Doodle Generator - Sales Page Graphics, Headlines, Buttons Creator

          its free and no optin required
          {{ DiscussionBoard.errors[3176912].message }}
        • Profile picture of the author Steve Wells
          Originally Posted by mojojuju View Post

          But what if the guru is a Graphics GURU ? :rolleyes:
          Ummmmmmmmmmm, are you seriously asking me that question? :confused:

          I think the answer to that is pretty obvious. I will take your post as just a fun poke out of boredom.....
          Signature
          Need Custom Graphics Work? - Message Me For A Design Quote!
          {{ DiscussionBoard.errors[3353119].message }}
          • Profile picture of the author Shelle-K
            As always Photoshop is hands down an excellent graphics program. I myself use the entire Suite as a designer but I also use CorelDraw. For someone on a limited budget and not looking to spend the cash on Photoshop, in my opinion Corel is the next best thing. You can create very cool looking text effects, special effects and web graphics in vector form and export them to use on the web. There is loads of free training all over the web for it.

            You can get it on ebay very very cheap (CorelDraw Graphics Suit X5 **FULL VERSION** Brand New - eBay (item 280641844024 end time Mar-16-11 09:01:47 PDT)) No affiliation at all with this seller, just referencing the software.
            {{ DiscussionBoard.errors[3536194].message }}
            • Profile picture of the author ronc0011
              Originally Posted by RushGraphics View Post

              As always Photoshop is hands down an excellent graphics program. I myself use the entire Suite as a designer but I also use CorelDraw. For someone on a limited budget and not looking to spend the cash on Photoshop, in my opinion Corel is the next best thing. You can create very cool looking text effects, special effects and web graphics in vector form and export them to use on the web. There is loads of free training all over the web for it.

              You can get it on ebay very very cheap (CorelDraw Graphics Suit X5 **FULL VERSION** Brand New - eBay (item 280641844024 end time Mar-16-11 09:01:47 PDT)) No affiliation at all with this seller, just referencing the software.

              I've been using Photoshop since version "4" and CorelDraw also since version '4". I've used / had / have Illustrator but still prefer CorelDraw for the vector stuff. I just think it's easier to work with, especially the drawing tools. Once I get my text and shapes created though, it straight into Photoshop.
              {{ DiscussionBoard.errors[3540910].message }}
              • Profile picture of the author Shelle-K
                For a newbie, Corel in my opinion is super simple to learn, has some cool features and the price tag isn't so harsh. Myself, I actually use Corel just as much as Photoshop & Illustrator. I don't think most people realize Corel is capable of creating awesome web graphics. It's just a matter of learning the different techniques. There is so much "free" training out there and anyone could learn how to use it.

                Originally Posted by ronc0011 View Post

                I've been using Photoshop since version "4" and CorelDraw also since version '4". I've used / had / have Illustrator but still prefer CorelDraw for the vector stuff. I just think it's easier to work with, especially the drawing tools. Once I get my text and shapes created though, it straight into Photoshop.
                {{ DiscussionBoard.errors[3542000].message }}
  • Profile picture of the author kkoechel
    Adam you should check out Steve's stuff. He is *TOP NOTCH*

    it would take you YEARS to get to the level you are probably looking for.

    images:

    http://www.public-domain-image.com/
    http://www.publicdomainpictures.net/
    http://karenswhimsy.com/public-domain-images/
    http://gimp-savvy.com/PHOTO-ARCHIVE/
    http://www.pdimages.com/

    FWIW, I like GIMP better than photoshop, it has better vector functions than PS and I think it's just as nice once you get used to it. Also it's free and open source.
    {{ DiscussionBoard.errors[2968660].message }}
  • Profile picture of the author kkoechel
    dude, my point in checking Steve's stuff out was not to sell you on some guy...

    it was to let you see the caliber you are shooting for.
    {{ DiscussionBoard.errors[2968699].message }}
    • Profile picture of the author Adam Roy
      Originally Posted by kkoechel View Post

      dude, my point in checking Steve's stuff out was not to sell you on some guy...

      it was to let you see the caliber you are shooting for.
      Right, I appreciate that, NOTE the PS in the message above.

      I just wanna learn , and every response thus far has been to outsource, hire somebody, or send me in a direction I'm not interested in. Maybe I should just wait for this thread to die out, and post another one, a way more specific one.
      {{ DiscussionBoard.errors[2968711].message }}
  • Profile picture of the author promo_guy
    Hey Adam,

    Not sure if this resource would help. It's not free but this guy is pretty good. Photoshop Top Secret - Photoshop Training

    I think that by watching/reading either paid or free photoshop tutorials it would be a great way to teach yourself. I have a degree in design but it wasn't graphics. I had to teach myself photoshop/html/css/etc. so it can be done.

    You sound like you have a passion to learn and that's half the battle IMO.

    Another idea would be to look at what others have done, ie pick a particular minisite designer's portfolio for example, and just see if you can replicate some of the images in photoshop, whether that be a "buy now button" or whatever. I can assure you that almost all graphic designers, especially those here, have seen what others have done and simply tried to create their own versions. Nothing wrong with that and that's how you learn.

    Btw, sites like bigstockphoto.com are good for images that you can use, even create templates with, and of course istockphoto.com but they don't allow you to sell images in templates (e.g. minisite templates you go on to sell, not that you want to do that). These sites have those "ninja robot" and "gangster" type photos that you see on guru websites. The more you seek this type of info, the more you realize there's no magic to it and you start to recognize where these guys/girls get their images.

    One last thing is, type in something like "royalty free icons" or similar and you'll find great icons that you can use (beware of those that are only for personal/non-commercial use though).

    Hope that helps somewhat.

    Scott
    {{ DiscussionBoard.errors[2968744].message }}
  • Profile picture of the author Adam Roy
    That definitely helped, makes sense.

    What about the text graphics and headline graphics? Is there a program that generates text graphics and fonts that I see?

    Text graphics generator or something? Like, so I can incorporate the text on top of with other images like headers using photoshop.
    {{ DiscussionBoard.errors[2968754].message }}
    • Profile picture of the author Mike Schwenk
      Originally Posted by Adam Roy View Post

      Text graphics generator or something? Like, so I can incorporate the text on top of with other images like headers using photoshop.
      Hello Adam,

      I realize you are looking to create your own, but I thought I would give you this link in response to what I've quoted from your last response...

      Free Graphics Creator For Internet Marketers - Create Buy Now Buttons and Graphic Headlines

      That's provided by Mark Hess, a fellow warrior.

      Also...

      If you are looking to create the "twisty bendy" graphics (I believe that's how you put it), you could always draw them by hand a scan them.

      I'm talking about graphics like the ones available here (no affiliation):
      CopyDoodles Hand Written Graphics Grab Attention and BOOST Response Fast!

      Again, I realize that you are looking to learn. I'm just throwing those two out there for what it's worth to you.

      If you want to learn Photoshop, I second the mention of "Photoshop Top Secret". I own the product and it's excellent. Although it may be overkill if you're just looking to do graphics.

      Still, the techniques you learn in any of the lessons can be applied to anything.

      Both of Mark's products are great (he has an e-cover action product as well).

      I suggest you have a look at eBay first. You can sometimes find that and many other products for a much lower price.

      Finally, why not try YouTube or Lynda.com?

      You could also buy one or two pre-made graphics products that include the .PSD files and do a little "reverse engineering" to figure out what was done to create them.

      Kind of like taking apart a clock and trying to put it back together.

      Still, tutorials are the obvious answer and what has been mentioned will probably be your best bet as sources to learn from.

      Good luck...

      -Mike
      {{ DiscussionBoard.errors[2970495].message }}
  • Profile picture of the author brandasaur
    Photoshop will still be the best option in doing graphic design. If you are looking for some animated text generator, just google them.
    {{ DiscussionBoard.errors[2968867].message }}
  • Profile picture of the author kkoechel
    youtube has a ton of free photoshop and gimp tutorials
    {{ DiscussionBoard.errors[2968960].message }}
  • Profile picture of the author dacey.davis
    Check Mark's header graphic software out. Especially if you were just about to plop down $40+ to hire someone (who probably just bought the same software to make it for you!).
    market-soft.com/123hc/
    {{ DiscussionBoard.errors[2970935].message }}
  • Profile picture of the author iforgotbetter
    Honestly, get a a copy of Photoshop CS5, Or Photoshop Elements and start messing around with all the tools in them. You will find so many cool things. Dont worry about the shortcuts and quick ways to do things. Open up a new image and see what you an make. Take a icon, or banner and try to replicate it. Also i am positive that there is FREE tutorials out there on many different levels of Photoshop. From easy to difficult. Go to lynda and watch some free videos on there. See what you can make..
    {{ DiscussionBoard.errors[2983289].message }}
  • Profile picture of the author commerce cat
    As mentioned above, there are a lot of sites that do royalty free images but you need to check the terms and conditions as they all differ but most require more expensive extended licences to include graphics in templates. Another option is to go to a community site like Flickr or Deviant Art and directly ask creators for their permission. Some may even give it for free in exchange for credit. Or go with Creative Commons attribution only media (but make sure you do attribute).

    A reasonably priced resource for Photoshop for the web is Sitepoint's Photoshop Anthology - this teaches you how to do things like gradients and composite images.

    As for screenshots, I find the best program by far is Snagit (for Windows). The Mac version has just come out but I haven't tested the non-beta version yet. They also make Jing which has good reviews and has a free version. Skitch for the Mac is pretty awesome too.
    {{ DiscussionBoard.errors[2987283].message }}
  • Profile picture of the author jaxspotmedia
    Use stock images (free or you can buy them).

    Fine free icons that designers provide for free use.

    Use GIMP (free) or Photoshop (Paid) or Illustrator (Paid) to make banners, images, graphics, just fill in the blanks.
    {{ DiscussionBoard.errors[2987682].message }}
  • Profile picture of the author Coby
    I just started learning this myself and I was able to create a pretty cool looking header last night and it was easier than I thought.

    I started with a large header template from a plr product and stripped all the layers. I'm sure there is some way to get this template from gimp but I was just playing and starting making stuff by accident. . .

    Next I made the first layer a gray for the back ground . . .

    I then added another layer and used the 'rectangle select tool' and checked the "rounded corners options. Then I made a rectangle (bigger than my template so it would not be rounded at the bottom of the header) and decided how much to radius the corners I then used the "bucket" option to fill the rectangle with a dark blue background color . . .

    I then added another layer and repeated the process but with a smaller rectangle that fit inside the other (decided how thick you want the border to be). I then used the bucket option again and filled this rectangle with white. . .

    So Now I had a header template to go off of. . .

    So I went and found a picture of a computer with money flying out (we've all seen versions of these) and pasted it into a new layer and posititioned it where I needed it. . . and that was it for that layer . . .

    Added a new layer for the title and subtitle. The title was three words but I used two separate text boxes so I could place the words closer together. . .

    After I got the text situated I used the rectangle select tool again to make a small rectangle under the title text. I then clicked on filters, shadows and added the "drop shadow" effect then positioned it accordingly. . .

    Then for the finishing touch I pulled out the handy rectangle select tool and made a small rectangle at the bottom and filled it with the dark blue. The is for the border between the body/header. . .

    This was how I did it, hope this helps . . .

    I would post the site, but I've only finished the header and this is my first time to create ALL the graphics so sorry I can't provide a visual. . . Maybe I will finish it soon.

    Good Luck
    {{ DiscussionBoard.errors[2998757].message }}
  • Profile picture of the author peterj
    Lots of tutorials here Tutorialized on just about everything.
    {{ DiscussionBoard.errors[3000475].message }}
  • Profile picture of the author Adam Roy
    Is there anywhere I can get a basically blank sales page template where I can just place in all my own graphics?

    I'm getting a feel for photoshop how, but now need to know how to compile the graphics into a sales page.
    {{ DiscussionBoard.errors[3005282].message }}
  • Profile picture of the author smakioday
    Photoshop rules for this. Listen all you need to do is set the dimensions you need and give it your best creative go. Make sure you save for the web when you go to turn the banner/image into a jpeg though. It will save tremendously on the load time and you can toggle between the size without sacrificing clarity if you have a keen eye.
    Signature
    top web hosts and myhosting promo take care of your hosting needs.
    {{ DiscussionBoard.errors[3012632].message }}
  • Profile picture of the author ina696
    Hi, Adam. Try this:

    Photoshop Minisite Graphics Secrets - Master Minisite Design With Ease Using Photoshop

    Nicolaas Theron has great video tutorials that show you step-by-step how to do what you're looking to learn.

    Ina
    {{ DiscussionBoard.errors[3053533].message }}
  • Profile picture of the author CarloD.
    Get Adobe Photoshop,
    Take pictures yourself, or use a stock site like istock photo
    You need to learn to use photoshop,
    Look up photoshop tutorials in google or go to tutorialized.com as a start.
    Fonts....play around with some and see what you like.

    throw all your new knowledge together and you may have a good banner. Only practice can help with the rest...unless of course you want everything done for you...outsource.
    Signature

    {{ DiscussionBoard.errors[3053747].message }}
  • Profile picture of the author Mike Baker
    Adam, when I was learning to use Photoshop, I found 2 tutorial sites that really helped a lot. Pixel2Life and Good-Tutorials. They both still exist and have a huge database of submitted tutorials for many different stages of learning. If you just want to learn how to design a button image, they have a category for that. If you want to learn web layout design, they have that also. So I suggest you check those out.

    I actually have a sales copy template for sale here, but it utilizes video as well. Feel free to take a look.
    Signature

    {{ DiscussionBoard.errors[3181330].message }}
  • Profile picture of the author Shelle-K
    Originally Posted by Adam Roy View Post

    What about all the other cool graphics like screenshots and whatnot?
    One quick tip: You can simply do a screenshot by selecting the keys "Control / Alt & Printscreen" from the keyboard. Then paste it into any editing software to crop it.
    {{ DiscussionBoard.errors[3536904].message }}
  • Profile picture of the author maximax
    Banned
    [DELETED]
    {{ DiscussionBoard.errors[3540105].message }}
    • Profile picture of the author ronc0011
      Go get yourself a copy of Photoshop and Illustrator or CorelDraw. Personally I prefer Corel for the vector stuff but that's just me. Then for the screen capture stuff I would recommend Snagit and maybe even Camtasia studio. Then you're good to go. The graphics like arrows and such are really easy to do. Draw them in Corel then export em to Photoshop, apply some filters and a Gaussian blur to create a drop shadow and viola, ten minute graphic.


      You can get the academic versions of all that soft ware really cheap.
      {{ DiscussionBoard.errors[3540888].message }}
  • Profile picture of the author learnquick
    Originally Posted by Adam Roy View Post

    How do you create those really nice header graphics at the top of sales pages? What about all the other cool graphics like screenshots and whatnot?
    just pick designer for little cheap price, they will do it in 24hrs
    {{ DiscussionBoard.errors[3540884].message }}

Trending Topics