Adobe Comp is one easy way to create quick mockups of your web site or app on a mobile device. Just follow these steps:
1. Download and install Adobe Comp CC on your device. The app is free, and available for iOS (iPad and iPhone) and Android tablets and phones. You will need a Creative Cloud plan to sign into the app.
2. On your tablet or phone, take a screenshot of what you want to “pose” on the device. To take a screenshot on an iOS device, press the home button and the power button simultaneously. One most Android devices, you press the volume down and power buttons simultaneously. Instead of a screenshot, you can assemble artwork in Photoshop or any other program that you wish. Just be sure to create it at the size of your device screen. Here, I just took a screen shot of my Web site on my iPad in landscape orientation.
![IMG_1153.PNG IMG 1153](https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgjTNrweNdotYSwFScaPVTBSBWRjZFfPu9dA5NjTf5Q7roRo3MnvhEcZI9WeYo0EL699U4yO0Y-O9rfXRKBamrDrucoPxLfGGozOgd7r0-AOELzX64_0oC9Rvx_lGdbPJF-yMgL/?imgmax=1600)
3. Run Adobe comp on your device
![NewImage.png NewImage](https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiv69JSXvjVrZO52fUJEu2nV0cQ7D4Ev_nFYUtMxdp1XIbwW2OdU9FLIBJbnHREzNdFEmBPX6z3iLbX6ZZ5opQjpUSxvngNHftfYs6bNAUMIYK5ulPL8XrnGvm5-yN6KeuS2sAc/?imgmax=1600)
4. Tap the plus icon in the lower right corner to create a new composition
![plus_sign.jpg Plus sign](https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi4YgBORJmA-HbyoY61kkF9Y4I-F-lCFV5SLo3Jd5NETV9WaN51VfqDBJxwxASckBKeq-lI6xzji9WaDg1Nt29t4LFVlB6iarcoBgDHFpWy_6nIe4gPQzBIPflNVnDmQh_eWtf5/?imgmax=1600)
5. Choose the proper size project for your device
![page_size.jpg Page size](https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjLUFWYOPizDePtxsu4bOBaNy4vhmWiFAefNTPZRhe5_w7w4vEb64Nxu2eRCNfh8D_bZv9TkS-EMqpDfd0UWvEG3C02mxN2V34fjT53Elvu1m5fvgPlQxHYo1fUqjv4_4f90mLr/?imgmax=1600)
6. Tap the place image button and locate the image from step 2. In my case, the image is a screen shot, so it is “On my device"
![on-my-device.jpg On my device](https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj_0z1Zo5I6RBWK2W6muGFlo2QraQ_z3MbKN9duEwqfKqI9N4sPUsy-gibQt8iHNFEEjjaKQzqMm0jppHiIj_JpcwMopU3wgX5xdBZiM2ZoLxKfdqIeCi1iysCyNzVpo4ih7mBq/?imgmax=1600)
7. Drag your image to the upper-left corner, and then grab the lower-right selection handle and drag it to fill the canvas
![left-corner.jpg Left corner](https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEibtroS_v-3MvMMQ860FVOYTL5ijqFSXKRxAaX3naL24dILt-agl_eIxw-S8plaXSRooxd5IrQIZJ2kc0hzlZdTMfBflt4Xv0KHb-r7iSNoFVsqmzDqIKiPC2Ze_Vvp_01evJr-/?imgmax=1600)
![full.jpg Full](https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgvrWyOujebbemSvNIUsafKO9J9Zmnx8LSDcyev_CDc3f0tPl4F7Gi8xjXmb_z81xZ7BageK95_MtZSn164FZpBvS3qIl3W5Ex3HZ83VL210K0KOnJyf_pnbsX_YtDITS_B8NNO/?imgmax=1600)
8. Tap the share button and choose Auto Mockups
![auto-mockps.jpg Auto mockps](https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgpIUYwgwJthf208sDo-LvTgEuDt9UqH0VigUIb2lln73CTH-kdAsLsvCpfkt9Gp8fCwe5M9Ha9WcA_M3iAkUQqNDMrHlFG4bgzDi_P64Y-g0h88_ddONQOyvrxX1Pdjf4rDwGq/?imgmax=1600)
9. Your artwork will appear “posed” on a device. Depending on what device you are targeting, you may have multiple mockups available, Swipe to the left to see additional mockups.
![device1.jpg Device1](https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj4eZT38nzHgH1au34fCY03TtVaNq5YHJX3mK0QoxhMI2cb2H7R5oB9wzhl0j7qzNjjNv4KdGfzHIEixJg0Xn3hY5PlDgBPWUI3FQUF2gjDfLLEGLGehIlR7BFOiDcUMMh6qV7d/?imgmax=1600)
10. Tap the share button to save the image the finished mockup to local storage, Dropbox, etc.
![share.jpg Share](https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjrvG5jQkKdsvdkC_oeF3CJx8D3EiJ_5dkr6D0gwRr070TRUj_SA0cnF0rap6Oqs-YcPT7R7cDpD3SpcdYcXfbCHHvQy4yebEPyo2braIQYsObXI8y7wY8pgEFhkMUN7LYbcPw1/?imgmax=1600)
The finished project:
![Project.jpg Project](https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhlZDJ4tqq5UeBpoXy9YK1PZNk6rCpRvXMKY3wQ8c_1Ym4-z1WXSTKeTgLzSdsdxGcCqhC2za5P7kozZItR9qHtLw0h5RERgMycByE3bVV1JVcuG9NyUM2EEFPdzliJdbjQJqVQ/?imgmax=1600)