How to design a twitter background with your own images - By Chhaya Pandey

Well, creating your own twitter background and getting the feel that it's "your own world" whenever you log in to your account, is just a matter of spending few minutes in Photoshop Elements. So, let's get started-

Start with a screenshot of the default twitter background

  • Login to your twitter account in your favorite browser and press the PrtSc key.
  • Now launch Photoshop Elements (Editor) and press the key combination Ctrl+N.
    This will create a new file with appropriate dimensions, just click OK on the dialog that pops.
  • Now press Ctrl+V or go to Edit>Paste
  •   This will paste a screenshot of the top of your twitter account home page onto the file.
  • Crop away the top and bottom bars from the image.

  • Now select the feeds area through rectangular marquee tool, right click and select "Layer via Copy". 

  • Do the same for the label having the text Home, Profile etc and also for the text "twitter"
  • Once this has been done, make those three layers invisible and select the Layer1.
  • Now, all that we have to do is create the background the way we want.
  • Open the images you want to use for your twitter background.
  • I decided to use one latge and several small images.
  • File>Open and select the images that you want to open.
  • I dragged the largest image thumbnail to the twitter background document and it was placed on a separate layer.

  • Next I transformed the image (hit Ctrl+T) while holding the shift ket so that the aspect ratio remained intact and placed my image where I liked it the best.

  • Next I made all the layers containing the twitter feeds etc so that I get a feel of what part of the image will be visible finally.
  • I made the layer containing the twitter screenshot invisible.
  • Selected the background layer and then selected the gradient tool.
  • Now I needed an appropriate gradient, I decided to create one.
  • For this, click on the gradient presets in the options bar which will launch the gradient editor.

    • Click on the lower left color picker in gradient type preview, this will launch the color picker and let you select a color.
    • I selected the dominant color in the image I had used.
    • On the right hand side color picker I selected white.
    • Once the gradient was created, I dragged it on the background layer from the left edge of the backgrond layer to the image edge.
    • Next I drag the other images and transform them to appropriate sizes and orienatations.
    • Once this was done I applied drop shadow to all those smaller thumbnails through Layer>Layer Style>Style Settings, check the drop shadows check box and apply the following settings-Size=43, Distance=12, Opacity=84 and clcik OK.
    • Once you have done this with one layer, right click on it's layer in the layers palette and select Copy Layer Styles.
    • Then go to the other Layers. right click and select Copy Layer Styles.

      And there you have it-your very own twitter background. Now all you have to do is save it as a jpeg and upload it to your twitter accoubt foe which-
      • Log into your twitter account and go to Settings.
      • Go to the Design tab and select "Change Background Image".
      • Select Chose File, go to your file location and select the file


      Paresh Kale said...

      Nice info. Thanks for the article. Keep sharing :-)

      Ravish Mani said...

      Great Dear! Thanks for sharing :)


      Related Posts Plugin for WordPress, Blogger...