Results 1 to 4 of 4
  1. #1
    Junior Member
    Join Date
    Jan 2012
    Posts
    1
    Thanks
    0
    Thanked 0 Times in 0 Posts

    How do I combine a JPEG and a PNG, to make a single PNG? (App Store icon)

    Please have a look at this page in your web browser:
    App Store - Downcast

    The red Downcast icon is actually a JPEG with a PNG on top of it.

    The JPEG: http://a4.mzstatic.com/us/r1000/114/....xbcfxpci.175x...

    The PNG: http://r.mzstatic.com/htmlResources/...es/mask175.png

    I would like to just get the resulting image, with the alpha
    transparency effect. I need to get a SINGLE file, a PNG.

    Now, tools at my disposal:

    1. Preview.app : I could try using the Instant Alpha, I know how to do
    that.
    2. Fireworks: I have been experimenting for hours, creating new
    layers, using 'paste as mask' etc. I can't seem to get all the
    elements in the correct order.
    3. PhotoShop: I gave up. FireWorks seemed a bit more appropriate.

    Please, please, someone help me? (And hi, i'm new!)

  2. #2
    Senior Member
    Join Date
    May 2010
    Posts
    493
    Thanks
    1
    Thanked 13 Times in 13 Posts
    Errrr draw the whole lot in Illustrator and export as a PNG??? It's actually not that difficult (if you know the software that is).
    www.spottypenguin.com graphic design Edinburgh

  3. #3
    Junior Member
    Join Date
    Dec 2011
    Posts
    12
    Thanks
    0
    Thanked 0 Times in 0 Posts
    work on Photoshop file save it as png from 'save as' option ! as simple as that.

  4. #4
    Senior Member ARRIVALS's Avatar
    Join Date
    Sep 2011
    Posts
    938
    Thanks
    0
    Thanked 24 Times in 21 Posts
    If you notice, he said he didn't have Illustrator ;)

    Never used Preview.app or Fireworks so no idea what they can do, but that icon is easily done in Photoshop, using different layers, layer effects and transparency settings.

    1st thing to do. - Create a blank document, obviously a square one. (You'll see grey and white checkered squares).
    2nd thing to do. - Create a rounded cornered square. Fill it red or add the light to dark gradient instead.
    3rd thing to do. - Create the lined sunshine effect. I've only ever done that in Adobe illustrator, but you can do that in Photoshop using the pen tool. You'll have to do each branch separately I think. Once you have one, you'll need to duplicate it a load of times, then obviously turn each of them round to get them in a circle. Once you have them done, merge them all into 1 layer. From this point you could either select one of the layer effects, or use the transparency filter to turn it see-through.
    4th thing to do. - Use the type tool to create the 'D' and the pen tool again to create the 2 sound-waves. Merge the 2 sound-wave layers together then add a drop-shadow.
    5th thing to do. - Save it as a PNG.

    Hope that helps.
    Arrivals™ - Graphic Design & Brand Development | Twitter

Similar Threads

  1. Feedback on current store
    By isoPrint in forum Website Design Critique:
    Replies: 2
    Last Post: 04-19-2012, 07:18 AM
  2. 500 x double sided, single fold A4 Leaflets
    By bigdm in forum Tenders & Services Required Forum:
    Replies: 4
    Last Post: 09-02-2011, 11:55 AM
  3. Store Locator
    By rachel84 in forum Website Coding & Programming Forum:
    Replies: 1
    Last Post: 08-05-2009, 11:21 AM
  4. Single page websites
    By zeb in forum Website Design Forum:
    Replies: 6
    Last Post: 07-25-2009, 05:07 PM
  5. Food Store/Brand Logo - thoughts?
    By mattfrodsham in forum Logo Design & Brand Identity Forum:
    Replies: 21
    Last Post: 12-08-2008, 04:47 PM

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
  •