>> If you're using mac > go apple > system preference > display > choose resolution that you want.
>> If you're using pc > right click on your desktop > screen resolution > choose resolution that you want.
>> Print screen with the browser that you wanted to use.
> Mac user : Command+ Shift +3
> PC user : Ctrl + Alt + Print screen , save it inside paint.
>> Open up the print screen in Photoshop
>> Use Rectangle tool select content area (except scroll bar + tabs above + start bar below)
>> Go Window > Info
>> Change the preference units & ruler from CM to Pixel
>> Then you can found your selected content area pixel at Info channel
>> Unlock background layer, create new layer on top of it
>> Change foreground colour from black to white
>> Edit > Fill foreground colour
>> Then use Text tool to write down selected content area pixel on it.
>> You're done with creating your web safe area.
Here is mine :
>> If you're using pc > right click on your desktop > screen resolution > choose resolution that you want.
>> Print screen with the browser that you wanted to use.
> Mac user : Command+ Shift +3
> PC user : Ctrl + Alt + Print screen , save it inside paint.
>> Open up the print screen in Photoshop
>> Use Rectangle tool select content area (except scroll bar + tabs above + start bar below)
>> Go Window > Info
>> Change the preference units & ruler from CM to Pixel
>> Then you can found your selected content area pixel at Info channel
>> Unlock background layer, create new layer on top of it
>> Change foreground colour from black to white
>> Edit > Fill foreground colour
>> Then use Text tool to write down selected content area pixel on it.
>> You're done with creating your web safe area.
Here is mine :
Google Chrome with 1280px x 1024px screen resolution.
Firefox with 1600px x 900px screen resolution.
Internet Explorer with 800px x 600px screen resolution.
Have fun!
No comments:
Post a Comment