• myFAV.ES
  • Help Center
  • Tutorials
  • Extensions
  • Blogs

  

  • Logos
  • Logo Requests
  • Themes
  • Backgrounds
  • Forums
  • Contact
Home » Forums » 03042010 » IPhone style logo with a bitmap fill (from template) - Fireworks

IPhone style logo with a bitmap fill (from template) - Fireworks

spaljeni —Thu, 03/04/2010 - 14:33

Here is how to make iPhone app style logos from the template using a bitmap as the logo "fill".

Example logo:


First thing, save macleod.mac's template to your hard drive and open it in Fireworks

Right-click onto the template and choose "Ungroup".

This will produce two new objects in the "Layers" pane


- a rounded rectangle (this is the overall shape of the logo)
- a path (this is the "gloss" covering the upper 1/3rd of the logo)

Select the rounded rectangle and Cut or Copy it (Ctrl+C or Ctrl+X on the keyboard or Edit -> Copy / Edit -> Cut)
Import a bitmap onto the Canvas (or drag and drop one if it's easier for you), select it, go to the edit menu and select "Paste as mask"

The result should look like this:

To achieve 100% opacity on the top and 80% opacity on the bottom do the following:
Use the pointer tool and choose the mask in the "Layers" pane.


The green rectangle around the mask should appear if you made the right selection

In the Properties pane switch from "Path Outline" to "Grayscale Appearance".
This should create a "Vector Mask" like the one used when making reflections.

Click on the Gradient Fill, set both colors to White (#FFFFFF) but set the top right slider's opacity to 80%

Now just add the image you want to use in the logo, make sure you put the "gloss" path on top and there you have it:
a iPhone style logo based on macleod.mac's template with a bitmap as a background.


One tip:
There is a chain linking the mask and the bitmap together. Clicking on the chain will make it disappear:


When the chain is not active you can freely move the bitmap or mask around (a blue rectangle around the bitmap should indicate that the bitmap is selected, a green rectangle around the mask should indicate that the mask is selected), in case you want to make adjustments (choose another spot on the bitmap, resize it, etc.)


  • Graphics Related Tutorials
‹ Creating iPhone App Style Logos - Fireworks up Reflections Tutorial - Fireworks ›
  • Printer-friendly version
  • Log in or register to post comments or vote.
  • 0
  • 0 votes
macleod.mac's picture

Re: IPhone style logo with a bitmap fill (from template) - Fw

Submitted by macleod.mac on Sat, 03/06/2010 - 15:07

Nice! :)

Very clear and helpful. Well done.

~macleod.mac
Click Here to Request a Logo / Just ask if you want one of my source PNGs

~macleod.mac Click Here to Request a Logo / Just ask if you want one of my source PNGs
  • log in or register to post comments
spaljeni's picture

Re: IPhone style logo with a bitmap fill (from template) - Fw

Submitted by spaljeni on Sun, 03/07/2010 - 07:11

Thanx.

I appreciate that coming from a fellow Fireworks user ;)



  • log in or register to post comments

Search logos

Search site

Navigation

  • Blogs
  • Forums
  • Online users
  • Recent content

User login

  • Create new account
  • Request new password
 
  • Changelog
  • Latest releases
  • Important links
 
 
  • Changelog
  • Latest releases
  • Important links
  • Support Forum
 

Top Rated

  • google.com
  • youtube.com
  • fast dial folder
  • wikipedia.org
  • Firefox Black
  • fd folders, folders, folder
  • generic gaming logos
  • mail.google.com, gmail.com, googlemail.com
  • Carbon Fiber
  • iphone app style icon template
more

Recent Polls

  • What are you resolution of screen use
  • Which version of Fast Dial do you run?
  • How often do you visit Userlogos?
  • Which FD iPhone logo format do you find preferable
  • How many themes do you run in Fast Dial ?
more

Online users

There are currently 0 users online.
Active - 15 mins:
No registered users :(
  • Last 24 hours

Recent comments

  • Malegra Blue Viagra Online | Sildenafil | Lowest Price
    by: edpharmacys
    3 days 20 min ago
  • Vidalista 60 Mg Tablet | Free Shipping
    by: welloxpharmacy
    4 days 23 hours ago
  • Vidalista 40 Online For Sale | Tadalafil | Reviews |Usages
    by: welloxpharmacy
    6 days 3 hours ago
  • Discount On cenforce | Free Shipping |welloxpharma.
    by: welloxpharmacy
    1 week 1 day ago
  • Buy Kamagra : One Of The Best ED pills |CutePharma
    by: CutePharma
    1 week 1 day ago
  • Careprost Buy Now | Online At Flat 20% Discount
    by: CutePharma
    1 week 2 days ago
  • Vidalista 60 best best pill for male impotence
    by: medajohnson
    2 weeks 4 days ago
  • Discount On Tadalista | Free Shipping
    by: CutePharma
    2 weeks 4 days ago
more

Recent topics

  • Malegra 100 : Medication to cure ED
  • 2021 MLB Draft Scouting Posting: Andrew Painter
  • Transaction Research 9/22: Whitley Triggered, Fernandez Optioned
  • Simple Recap: Jays get rid of in the direction of Pirates
  • Rangers acquire Chester as PTBNL
  • One particular exciting issue in opposition to Opening Working day... which didn materialize for the Washington Nationals, but..
  • Buy cenforce | online Cutepharma
  • Buy online cheap medicines| Edpharmacys| book now| free shipping |Price
more

Top contributors

User Total user points
Mafia_Penguin 912
Deva 552
gumanov 490
jumpordie 471
Karmody 457
macleod.mac 402
ingalls 354
spaljeni 310
zigzag 290
Rog 265
Sastre 256
famecky 155
x-b 152
danger83 147
1air2philou 143
more

2008-2017 userlogos.org. All logos/images belong to their respective owners. Contact administrator.

  • Logos
  • Logo Requests
  • Themes
  • Backgrounds
  • Forums
  • Contact