What are they using to make these gif images

45 replies
Paint didn't seem bad at first, but you can't center text with version 6.1
digm.s3.amazonaws.com/images/headline.gif

I can't post a link so you'll have to do the h t t p part.
#gif #images #make
  • Profile picture of the author RemingtonSteele
    My guess is Photoshop because of the crispness and clarity of the text. I don't know what the fonts are.
    {{ DiscussionBoard.errors[3466657].message }}
    • Profile picture of the author Michael Shook
      You can do that with Photoshop Elements or with GIMP.
      I prefer elements because I am familiar with it.

      I think it is all the same font, just that some is bold and some is not and you can do that by highlighting the text you want to modify and then clicking a change button on teh Elements toolbar.

      The yello wpart could be a separate image file or there might be a brush that does in the image editing program.

      I agree, it is pretty crisp, so it is more than like a Photoshop or PS elements program.
      Signature


      {{ DiscussionBoard.errors[3467019].message }}
  • Profile picture of the author WillR
    The answer to your question is in the attached image...
    {{ DiscussionBoard.errors[3467852].message }}
    • Profile picture of the author RyanAndrews
      Looks like a rasterized vector image to me. Could be adobe illustrator or similar.
      {{ DiscussionBoard.errors[3467863].message }}
      • Profile picture of the author WillR
        Originally Posted by RyanAndrews View Post

        Looks like a rasterized vector image to me. Could be adobe illustrator or similar.
        It is nothing more than a simple image created in Photoshop, as you can see in my example above. I just use Myriad Pro (bold) font with a horizontal spacing of -50. Simple.
        {{ DiscussionBoard.errors[3467935].message }}
        • Profile picture of the author ShiningHero
          Originally Posted by WillR View Post

          It is nothing more than a simple image created in Photoshop, as you can see in my example above. I just use Myriad Pro (bold) font with a horizontal spacing of -50. Simple.
          Awesome Will. Where can I get a free trial of photoshop, or freeware that can simulate this if possible.
          If not, how much is it?
          {{ DiscussionBoard.errors[3468377].message }}
          • Profile picture of the author WillR
            Originally Posted by warhero View Post

            Awesome Will. Where can I get a free trial of photoshop, or freeware that can simulate this if possible.
            If not, how much is it?
            Photoshop is expensive and not something I would go out and buy if all you want to do is create some simple headlines like this. There is a free graphics editor called GIMP however it doesn't have anywhere near the same capabilities as Photoshop.

            Heck, if you need help with a couple of these graphics just shoot me a PM. If I have a few spare minutes I'll pump them out for you.
            {{ DiscussionBoard.errors[3468547].message }}
  • Profile picture of the author Anup Mahajan
    More and more sales letters have started using these kind of graphics and they do look amazing.. And warhero Photoshop is an amazing tool but the learning curve is pretty steep .. I won't recommend that you learn it unless you are into graphics and designing
    Signature

    {{ DiscussionBoard.errors[3468757].message }}
  • Profile picture of the author VOnline
    That's not too difficult.
    A good graphics editor or artist could do it.

    I would use Photoshop or any other similar program.
    GIMP is definitely the BEST FREE program IMO for this
    Signature
    WardrobeStaples.com
    Pleasures of Effortlessly Receiving New Wardrobe Essentials Every Month


    Feel good about throwing out old clothes because you know there’ll be a new one waiting for you at the door.
    {{ DiscussionBoard.errors[3469147].message }}
  • Profile picture of the author Nithiyaah
    I've created a similar image using Photoshop. Eventhough GIMP is free, I still prefer to use photoshop and you can get the earlier versions of Photoshop for much cheaper price.
    {{ DiscussionBoard.errors[3469164].message }}
  • Profile picture of the author Mar
    Photoshop Elements should give you most of what you need to make crisp text on images; it's much cheaper and you can find some earlier versions for a few dollars (ebay springs to mind).

    Another way to do it would be to outsource the work to someone competent on (say) fiverr. Probably great value for money if you only need one image which will not need changed for months!

    Mar
    {{ DiscussionBoard.errors[3469816].message }}
  • Profile picture of the author ShiningHero
    Hey ! I just downloaded PS CS5 and fired it up. Wondering if you could quickly tell me what to do to start making headlines like that and such.

    Thanks mate.
    {{ DiscussionBoard.errors[3761586].message }}
    • Profile picture of the author Bill Farnham
      Originally Posted by warhero View Post

      Hey ! I just downloaded PS CS5 and fired it up. Wondering if you could quickly tell me what to do to start making headlines like that and such.
      Head on over to YouTube and start watching tutorials.

      Type in what you are looking for and allow about a week to get through them all...:p

      ~Bill
      Signature
      {{ DiscussionBoard.errors[3761606].message }}
  • That's a high-end piece of graphic software, I would say, so I would guess either Photoshop or Paint Shop Pro was used.

    If money is an issue, or you don't do a lot of graphic work, PSP is much, much cheaper than Photoshop. I can recreate pretty much anything done in Photoshop with PSP. Photoshop has thousands of available plug-ins and actions, though, that can do some very amazing stuff very simply.
    {{ DiscussionBoard.errors[3761625].message }}
    • Profile picture of the author DogScout
      Originally Posted by Brad armPitt View Post

      That's a high-end piece of graphic software, I would say, so I would guess either Photoshop or Paint Shop Pro was used.

      If money is an issue, or you don't do a lot of graphic work, PSP is much, much cheaper than Photoshop. I can recreate pretty much anything done in Photoshop with PSP. Photoshop has thousands of available plug-ins and actions, though, that can do some very amazing stuff very simply.
      Don' use PS after version 7, don't use PSP after version9. Both have DMCA spyware in newer versions. Less learning curve with PSP and can do 95% of what PS can do. Get either older versions at E-Bay in auctions, PSPfor around $10-20 and PS around $30-100. All PS plug-ins work with PSP.
      {{ DiscussionBoard.errors[3768702].message }}
      • Originally Posted by DogScout View Post

        Don' use PS after version 7, don't use PSP after version9. Both have DMCA spyware in newer versions. Less learning curve with PSP and can do 95% of what PS can do. Get either older versions at E-Bay in auctions, PSPfor around $10-20 and PS around $30-100. All PS plug-ins work with PSP.
        I did not know about the spyware being added in now. I'm glad I have the older versions still. :p For most people, PSP is definitely the better option because of both the price and the ease-of-use factor.

        BTW, love the tubes link in your sig.
        {{ DiscussionBoard.errors[3768775].message }}
  • Profile picture of the author ShiningHero
    Waiting on a reply from Will -.-
    That being said, afterwards I do want to know, is it easy to do something like this as well:

    http://gsniper2.com/images/3.png

    :rolleyes:
    {{ DiscussionBoard.errors[3761781].message }}
    • Originally Posted by warhero View Post

      Waiting on a reply from Will -.-
      That being said, afterwards I do want to know, is it easy to do something like this as well:

      http://gsniper2.com/images/3.png

      :rolleyes:
      Well, here's the thing, warhero:

      Once you become proficient with the software, you can do something like that very easily and very quickly.

      BUT... these 2 particular programs do have a fairly steep learning curve.

      The good news, though, is that 75% of the features you will probably never use, anyway. If you're pretty good at figuring out how to use different software, then within a week you could probably put either of those pics together by yourself. Obviously, the first one would be much easier than the second, though.
      {{ DiscussionBoard.errors[3761805].message }}
      • Profile picture of the author doorkicker13
        Originally Posted by Brad armPitt View Post

        Well, here's the thing, warhero:

        Once you become proficient with the software, you can do something like that very easily and very quickly.

        BUT... these 2 particular programs do have a fairly steep learning curve.

        The good news, though, is that 75% of the features you will probably never use, anyway. If you're pretty good at figuring out how to use different software, then within a week you could probably put either of those pics together by yourself. Obviously, the first one would be much easier than the second, though.
        Word. I've owned Photoshop for YEARS now and I'm still learning. Photoshop is easily the best software I have ever purchased - and I purchased it out of boredom.
        {{ DiscussionBoard.errors[3766088].message }}
  • Profile picture of the author wangxiurong
    photo-shop or gif generator or some online pic edit website.
    {{ DiscussionBoard.errors[3761800].message }}
  • Profile picture of the author TylerRWS
    You know what I'd recommend, warhero...

    If you're looking for an easy way to create graphics similar to this, visit the Warrior Special Offers forum and search for graphics packages.

    Most of them come in either .psd or .png formats. That way they are completely editable. You can edit them with GIMP for free.

    Honestly, it would be the quickest and easiest way. (Unless you just want to create them yourself from scratch)
    {{ DiscussionBoard.errors[3761815].message }}
    • Profile picture of the author ShiningHero
      I want to learn how to do it myself honestly. Youtube videos seem to really be lacking what I'm looking for, maybe someone here could guide me on how to make basic headlines.
      One problem I've already encountered:
      How do I make the image size perfectly fit the headline? I've made a headline and I have all this extra white space around it.
      {{ DiscussionBoard.errors[3761847].message }}
      • Profile picture of the author TylerRWS
        That white space could be this:

        The canvas you're creating the headline on top of...Solution - there should be a way in the program you're using to fit the canvas to the size of your image (headline). That should take care of the white space around it.

        By the way...which editing program are you using?
        {{ DiscussionBoard.errors[3761862].message }}
        • Profile picture of the author ShiningHero
          I've downloaded photoshop cs5 for a 30 day trial. I will appreciate any help in learning it you can offer as that's my aim.
          Right now my objective is to learn to simply make headlines, but eventually I do want to learn how to make something like the example I gave last.
          {{ DiscussionBoard.errors[3761879].message }}
          • Profile picture of the author TylerRWS
            Originally Posted by warhero View Post

            I've downloaded photoshop cs5 for a 30 day trial. I will appreciate any help in learning it you can offer as that's my aim.
            Right now my objective is to learn to simply make headlines, but eventually I do want to learn how to make something like the example I gave last.

            Alrighty, warhero...

            Here we go.

            Let's say your headline is already typed out on the white space (canvas). Now you want to trim it up. Photoshop is a little different than Fireworks (which is what I use with my graphics).

            How to do it in Photoshop:

            Go to the top menu and click on Image ----> Trim

            It's gonna bring up a box with options in it. Just make sure that in the Trim Away box Top, Bottom, Left, and Right are all CHECKED (they should be by default). Then click OK.

            That should get rid of all the white space around your headline.

            Here's a bonus tip...

            If you want to make the canvas transparent - go to your layers panel (bottom right-hand corner) and right click on the "background" layer.

            In the box that comes up select Layer from Background...

            That's gonna bring up another options box. Don't worry about anything else but the Opacity. It should be at 100. Change the 100 to 0. Then click OK.

            You'll notice that the background changes from white to a checkerboard color.

            That means you now have a transparent background.

            Hope this helps, warhero!
            {{ DiscussionBoard.errors[3761958].message }}
            • Profile picture of the author ShiningHero
              Originally Posted by SimpleTravis View Post

              Alrighty, warhero...

              Here we go.

              Let's say your headline is already typed out on the white space (canvas). Now you want to trim it up. Photoshop is a little different than Fireworks (which is what I use with my graphics).

              How to do it in Photoshop:

              Go to the top menu and click on Image ----> Trim

              It's gonna bring up a box with options in it. Just make sure that in the Trim Away box Top, Bottom, Left, and Right are all CHECKED (they should be by default). Then click OK.

              That should get rid of all the white space around your headline.

              Here's a bonus tip...

              If you want to make the canvas transparent - go to your layers panel (bottom right-hand corner) and right click on the "background" layer.

              In the box that comes up select Layer from Background...

              That's gonna bring up another options box. Don't worry about anything else but the Opacity. It should be at 100. Change the 100 to 0. Then click OK.

              You'll notice that the background changes from white to a checkerboard color.

              That means you now have a transparent background.

              Hope this helps, warhero!
              Dude thanks so much for that, it helped me so much.
              {{ DiscussionBoard.errors[3762054].message }}
        • Profile picture of the author ShiningHero
          Originally Posted by SimpleTravis View Post

          That white space could be this:

          The canvas you're creating the headline on top of...Solution - there should be a way in the program you're using to fit the canvas to the size of your image (headline). That should take care of the white space around it.

          By the way...which editing program are you using?
          photoshop and
          There should be something like that, I just don't know where it is!
          {{ DiscussionBoard.errors[3761896].message }}
  • {{ DiscussionBoard.errors[3761854].message }}
  • Profile picture of the author davechan
    I use Gimp and Photoshop CS5. Gimp is free and does a heck of a lot of work that CS5 can do.
    {{ DiscussionBoard.errors[3761911].message }}
  • Awesome! Within a week you'll be trying all kinds of stuff that you never thought you could do.
    {{ DiscussionBoard.errors[3762062].message }}
  • Profile picture of the author ShiningHero
    What's funny is...I had a course a graphics course in photoshop in highschool and I realized they taught us absolutely nothing ! I've already learned a lot more !

    As for this http://gsniper2.com/images/3.png
    Can you guys give me some insight as to what I'd have to do to something like that?
    {{ DiscussionBoard.errors[3762072].message }}
    • Profile picture of the author TylerRWS
      No problem, warhero...

      Glad I could help! Unfortunately, I'm not advanced enough in graphic design to be giving you advice on creating a guarantee box like that.

      Stuff like that is when I use purchased graphics and edit them as needed.
      {{ DiscussionBoard.errors[3762137].message }}
  • Profile picture of the author celente
    GIMP is good.

    But photoshop gives you better results sometimes but takes a little bit more work to get the hang of it i reckon.
    {{ DiscussionBoard.errors[3762147].message }}
  • Profile picture of the author ShiningHero
    Guys, what "resolution" should I use for headlines? PS asks for the width and height but then a resolution with a default of 72. I got no idea what that's for.
    Also what png should I save as?
    Thanks
    {{ DiscussionBoard.errors[3766062].message }}
    • Originally Posted by warhero View Post

      Guys, what "resolution" should I use for headlines? PS asks for the width and height but then a resolution with a default of 72. I got no idea what that's for.
      Also what png should I save as?
      Thanks
      72 dpi is best for web graphics. DPI, btw, means 'dots per inch'.

      8 bit PNGs use an indexed color palette like GIF. If you want variable transparency, use 32 bit PNGs (24 bit color, 8 bit alpha). If you don't care about transparency, use 24 bit PNGs. If you have areas of solid, even colors then you may be able to get away with an 8 bit PNG, but you will likely need 24 bit PNG for reasonable color reproduction. 8 bit PNGs (or less) are optimal for file size (meaning they will load quicker). 24 bit PNGs (or 48 bit PNGs) are optimal for color reproduction.

      If it's for the headline graphic like you asked about in the first post, then you can probably use the 8 bit.

      Sorry for the 'advanced theory' lesson, but you did say you wanted to learn.
      {{ DiscussionBoard.errors[3766121].message }}
  • Profile picture of the author digicreatives
    Same with photoshop
    {{ DiscussionBoard.errors[3766202].message }}
  • Profile picture of the author Lloyd Buchinski
    You used to hear 72 dpi as a recommendation for years, but all my monitors for a long time have had 96 dpi. I assumed this was common and that's what I've been saving images at.

    Will seems to be the geek here and I just checked his image. It was also at 96 dpi. Any comment Will?

    It might not make a lot of practical difference.
    Signature

    Do something spectacular; be fulfilled. Then you can be your own hero. Prem Rawat

    The KimW WSO

    {{ DiscussionBoard.errors[3768664].message }}
    • Originally Posted by Lloyd Buchinski View Post

      You used to hear 72 dpi as a recommendation for years, but all my monitors for a long time have had 96 dpi. I assumed this was common and that's what I've been saving images at.

      Will seems to be the geek here and I just checked his image. It was also at 96 dpi. Any comment Will?

      It might not make a lot of practical difference.
      My actual classroom days were many years ago, so I just checked and my monitor is also 96 dpi. Looks like it may be time for me to go back and take a few refresher courses. :rolleyes:

      Anxiously awaiting Will's reply, as well...
      {{ DiscussionBoard.errors[3768804].message }}
  • Profile picture of the author waken
    You can center it when you paste it in your html editor. Shouldn't be a problem..
    {{ DiscussionBoard.errors[3768737].message }}
  • Profile picture of the author SeanLee
    Dude, the best graphic editing softwares are photoshop and fireworks. Actually, fireworks is easier to learn for web designers.
    {{ DiscussionBoard.errors[3768815].message }}
  • Profile picture of the author Ben Gordon
    Photoshop. You just need a nice highlight and you're done! You can stroke the text, change size, make all those cool effects and just put the highlight over the money earned.
    {{ DiscussionBoard.errors[3768951].message }}

Trending Topics