Jump to content


  • Posts

  • Joined

  • Last visited

Profile Information

  • Gender

Recent Profile Visitors

The recent visitors block is disabled and is not being shown to other users.

Musiphonix's Achievements


Explorer (4/14)

  • First Post
  • Collaborator
  • Week One Done
  • One Month Later
  • One Year In

Recent Badges



  1. Neither of those words fit. And typing that sentence was actually faster .
  2. It's a nice picture, but the background kinda seems distorted. Good effects. ___ http://musiphonix.deviantart.com/#/d4sdu0x It's my current desktop background. I'm not reposting the description, really cannot be bothered at the moment (how lazy of me).
  3. Long time coming, wow. I thought I'd give your tutorial a go, and tada! Before: http://newevolutiond...allpaper-37.jpg (Can't be bothered to make it smaller) After:
  4. To add something to a selection, press CTRL and drag. To remove, press ALT and drag. There are many more wonderful things you can do...
  5. Didn't realise it was that old, it was at the top of the pile! So someone else bumped it. But oh well, nvm.
  6. Every picture is completely broken. It's probably not your fault, but please fix them. By the looks of other's results, this would be worthwhile knowing!
  7. I just spent 4 hours recording a live stream for a few friends. It's only when I watched it back did I remember that the microphone had caught fire the previous day (and didn't work). My friends don't like me any more (at least I have the PDN community...).
  8. I should explain that this was (originally) a Photoshop tutorial. http://psd.tutsplus.com/tutorials/icon-design/create-a-photo-realistic-iphone-in-photoshop/ I've just decided to split it up into 3 parts.
  9. Man I love quick replies! I won't update all the screenshots (no need to) but I'll update the template for it. Thanks!
  10. Hello, this is my second crack at a tutorial, or rather a set of tutorials. This is the first instalment in the "Photo-realistic iPhone" series, which covers the front of the device. The second covers the rear of the device, whilst the third covers the side. I'll update with the links when I write them. The following tutorial assumes that you have a decent understanding on how (from a user perspective) Paint.NET works. If you're new, read up on the help files before you attempt this tutorial. _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ Resources: iPhone template (.pdn) - (link) iPhone finished (.pdn) - (link) _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ You will need the following plugins: Align Object Soften Edges Gaussian Blur+ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ Tutorial: You will be making this: 1. Open "iPhone template" (found in the resources section). 2. Fill the template with solid black. 3. Create a new layer. 4. Select the Paintbrush tool and set anti-aliasing to off. Set the colour to white and the size to 26. Create a white circle as shown in the image below (we'll center in in the next step). 5. Align object, center horizontally. 6. Create a new layer. 7. Draw a opaque, curved rectangle as shown in the image below (we'll center in in the next step). 8. Align object, center horizontally. 9. Create a new layer. 10. Draw a circle as shown in the image below. Be sure to make it the same hight as the object you drew in step 7. 11. Create a new layer. 12. Draw a solid rectangle like the one shown in the image below. 13. Align object, center horizontally. 14. Create a new layer. 15. Paste an image that you like the screen to display (I'm using a screenshot from the Curves+ plugin (because I'm lazy)). Make sure that it covers the white square. 16. Go back to layer 6, select the white square and invert the selection. Go back to layer 7 and press delete. You can now delete layer 6 (if you want to). 17. After this point, we'll be bouncing around layers. I suggest you name your layers (if you haven't already, like me). 18. Create a new layer above "Button". Name it "Button Icon". 19. Draw a small square over the button, the colour should be a light grey (#808080). Be sure it's in the center of the button.This should be a hollow square with anti-aliasing and a 1px border. 20. On the "Base" layer, select the black. Set the primary colour to solid black (#000000) and your secondary colour to "#0A0A0A". Draw a linear gradient from top to bottom as show in the image below. 21. Set the secondary colour to a light grey (#999999). Goto the the "Button" layer and select the white area. Draw a gradient like the one shown in the image below. OPTIONAL: Use one of the many anti-aliasing plugins on the button (if you think it's too rough). 22. Set the primary colour to "#0A0A0A". On the layer "Front-Facing Camara", select the white area. Fill it. 23. Select a square within the circle. Set the secondary colour to "#0C0099". Reverse the colours and draw a gradient like the one shown (I did have to use the paintbrush with anti-aliasing to do that (awkward sizes)). 24; Select the graident, invert selection. Soften edges with the settings shown. 25. Change the primary colour to "#4C4C4C". On the layer "Speaker", select the white area and draw a linear gradient like in the image below. 26. Without deselecting, create a new layer above speakers. Name this layer "Speaker Holes". Select the rectangle drawing tool and change fill to "Percent 25". Make the primary colour completely tansparent, reverse the colours and draw a 'solid' rectangle over the selected area. 27. Deselect. Go back to the layer "Speaker". Use gaussion blur plus with the settings shown. 28. Create a new layer above "Screen Image". Call it "Lighting". 29. Go to the "Base" layer, select the tranparency and invert the selection. Go to the "Lighting" layer and draw a solid white line cut-off by the selection edge (follow the image). 30. Select the white area you've just drawn. Draw a white to transparent gradient like in the image below. Change the opacity to something between 170 and 210. 31. Deselect, flatten and you're done! _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ _ Thank you for reading my tutorial. I hope you had fun executing it. If you have any suggestions, I will most likely head them (unless they suck).
  11. My attempt is as follows: Yes, clearly I did fiddle with some things. Click the thumb nail for a larger image (1000x1000). ___________________________________________________________________________ The tutorial? Brilliant, not the easiest to play around with but still great. You get an:
  12. Is my attempt (click to enlarge). I call it "Holy Reactor". What a brilliant tutorial, because you can apply other creative steps to make it more awesome. I give you 10/10 .
  13. I'm thinking about doing a flash or silverlight app to show the gallery 'cause it's going to get big. Probably the silverlight option is better. But is either allowed on this forum? Hmm......
  14. Although I'd love to, I can't thank everyone a million times. But still; Thanks! P.S. I'm still updating it. Soooooooo many images.
  15. Thanks! I'm currently updating the list. There are about 70 images to put on the list....
  • Create New...