• 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

  • Sildenafil Citrate 100mg is
    by: alldaypill122
    1 week 5 days ago
  • Buy bimatoprost online is
    by: alldaypill122
    3 weeks 13 hours ago
  • Sildenafil Tablets 100mg is
    by: alldaypill122
    3 weeks 5 days ago
  • Order Cenforce 100mg dosage
    by: Cenforce100
    1 month 3 days ago
  • Sildenafil 50 mg Tablets are
    by: alldaypill122
    1 month 3 days ago
  • Review
    by: sortingseo
    1 month 1 week ago
  • Buy Cenforce D 160 Mg Online
    by: welloxpharmacy
    1 month 2 weeks ago
  • Cenforce 200 Mg Online From USA, UK
    by: welloxpharmacy
    1 month 2 weeks ago
more

Recent topics

  • Live Streaming App Development Company | Live Streaming App
  • buy fildena online
  • New entertainment
  • Alibaba Clone App | Alibaba Ecommerce Clone App Script
  • Who is Best Sales Trainer in Delhi ?
  • What other services are needed for the car?
  • Eyeglasses Houston | Eyeglass Repair | Safety Glasses Houston
  • Buy Careprost Online At Safemg
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