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

  

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

Error message

  • Warning: count(): Parameter must be an array or an object that implements Countable in antispam_user_load() (line 1555 of /home/ul/public_html/userlogos/sites/all/modules/antispam/antispam.module).
  • Warning: count(): Parameter must be an array or an object that implements Countable in antispam_user_load() (line 1555 of /home/ul/public_html/userlogos/sites/all/modules/antispam/antispam.module).
  • Warning: count(): Parameter must be an array or an object that implements Countable in antispam_user_load() (line 1555 of /home/ul/public_html/userlogos/sites/all/modules/antispam/antispam.module).
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
GladysReynolds's picture

IPhone style logo with a bitmap fill

Submitted by GladysReynolds on Tue, 11/01/2022 - 15:54

The logo is a symbol of your brand. A perfect logo will make you stand out from the crowd and make your product or service accessible to more people. You can use it in many ways, for example as a background for your website or as an icon for social media. In this  how to get out of a dwi blog post, we are going to show how to get out of a dwi and create your own iPhone-style logo using Adobe Illustrator, and then use it as a background for your website.

  • 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

  • Sex Dolls online
    by: Jordan64
    21 hours 13 min ago
  • The Story Behind Red Pop: Exploring the Culture of Modern Botani
    by: Jordan64
    1 day 20 hours ago
  • How Authority Signals Work in ChatGPT-Like Platforms
    by: DakotaHanton
    2 days 1 hour ago
  • Royaledle has quickly
    by: Stewart44
    2 days 3 hours ago
  • Royaledle has quickly gained
    by: Stewart44
    2 days 20 hours ago
  • Cigaronne | Exclusive Cigaronne Cigarettes for Discerning Smoker
    by: Jordan64
    2 days 21 hours ago
  • Predicting mortgage rates
    by: DakotaHanton
    3 days 1 hour ago
  • SMS verification is a common
    by: Stewart44
    5 days 19 hours ago
more

Recent topics

  • Feel Every Arrow, Control Every Moment
  • Making Informed Choices in the Indian Casino Market
  • Door Lock Repair Service I Can Honestly Recommend
  • A Credit Union I Actually Trust
  • Simple Navigation, Thoughtful Design
  • Nyugodt játékélmény a Fairspin casino oldalán Magyarországon
  • Why Fairspin Casino Became a Trusted Option for Me in Canada
  • Discover the Best UAE Casino Bonuses
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 160
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