Questions about creating scale or full-size models of a design or device. They are used for teaching, demonstration, design evaluation, promotion, and other purposes.

learn more… | top users | synonyms

-3
votes
2answers
20 views

Are there any low-cost freelance websites for doing Apple watch app mockup? [on hold]

I have an image I would like displayed on an Apple watch but I'm brand new to mobile app marketing. I'm hoping I could find a place which might point me in the right direction.
0
votes
0answers
49 views

How to create the 3D mock-up look

I saw this on Dribbble and I thought I'd have a go at reproducing it - https://dribbble.com/shots/2200956-Controlled-Content But i'm struggling to do so. I've had a play around with shear and ...
0
votes
1answer
38 views

How many pages should I do as mockups in web design? [closed]

Let's say we've mapped out the sitemap and there are about 10 pages. How many of those pages should I create as mockups? Of course, it's a given that there should be the landing page. But aside from ...
6
votes
4answers
257 views

Why @2x Mockups

Just for my own curiosity, why is it becoming a trend to create "@2x" mockups in photoshop? Other than creating larger native file-sizes, what's the difference between a 360ppi mock vs a 72ppi mock ...
0
votes
2answers
116 views

How to design Desk calendar mockup?

I have searched many website for free Desk Calendar mock up's but there are no such things i am happy with. But now i want to create a mock up. So if you help me how i can make a photo realistic desk ...
1
vote
2answers
59 views

How can I view my PDF as a brochure?

I made a brochure (4 panels each side) in InDesign and I'd like to see what it would look like folded without printing it out yet. Kinda like an e-magazine or issuu, where you can flip the pages. Does ...
0
votes
2answers
32 views

Can you re-use layers but in different locations / dimensions?

In website mockups, I design the front page, then duplicate layers constantly for other pages design. Things like the header and footer stay basically the same, so they are copied. Their exact ...
0
votes
1answer
64 views

How can I get smooth fonts in mock ups?

I am mainly a coder but have to do design mockups from time to time. For this I have Fireworks CS5 which is great because I know how to use it and can just chop up various supplied media into a ...
2
votes
2answers
460 views

What's the width to mockup websites for desktop and mobile now?

Recently, I was practicing web design beyond code things. But after I opened Sketch and just started to make a rectangle of my site, I got stuck. What width should I use? I'd search for the ...
1
vote
2answers
81 views

Creating bulk PDFs from Spreadsheet?

I have designed a TCG game with roughly 500 card created. I have a card frame made, and would like to use these to create a PDF of each card. Is there a way to automate this so i can make any changes ...
-2
votes
1answer
71 views

Redesigning website mock-up

I have to redesign a website and provide mock-ups. I was given the link to the live website but i was wondering how will i go about creating this mock-up? I make my own original mock-ups from scratch. ...
-2
votes
1answer
52 views

How to make some PSD file not to save as overwrite

Is there anything safety lock like feature for psd file to preserved its original file? I have free mock ups psd file from graphic design community site, I always use them, but some time I ...
4
votes
5answers
255 views

Most efficient way to adapt current mockups to different devices and resolutions

I've completed about 90 screens of mockups in Photoshop for an app. The mockups are done for iPhone 5 / iOS7 (640px by 1136px). Everything is calculated to pixel-perfection. Now management wants to ...
7
votes
2answers
3k views

Why are Apple products so common in mockups?

Inspired by this question: Why are Apple Macs used so much in the graphic design industry? While browsing through the web trying to find device mockups for my website, I realized that about 90% of ...
1
vote
1answer
118 views

How to smooth out lines of rotated smart object in photoshop?

I am building some kind of mockup for business card and while i was trying to create the looks like cards are on top of each others i used smart object to easily change look of business card on all ...
1
vote
1answer
68 views

How to change canvas size in fireworks without your work being moved?

I am making a website mockup in adobe fire works. I noticed that i need more space so i try to change the canvas size vertically and it does add more space but i notice that my content is moved out of ...
0
votes
4answers
339 views

How to create mockup like this?

What is the normal process to create mockups like this? Are they created in 3D and then in photoshop? Would be a great help if you guys can help me.
0
votes
3answers
289 views

How to create perspective like this in Photoshop?

I really want to start creating professional mockups for my branding projects and for my portfolio but don't know how to create perspective like this.
0
votes
1answer
76 views

optimizing a website mockup for portfolio

I saved my website mockup as a jpeg and the highest quality but when i upload it to my portfolio and see how it looks i notice the quality is worse still. The proper size is not showing as well. ...
1
vote
2answers
1k views

How to prepare (what all sizes and resolutions) mockups and UI graphics for an Android app in PS

I've seen similar questions asked here but they did not answer my question 100%. So please bear with me. Now I am starting an app design project for iOS and Android. I've been designing for iOS for ...
2
votes
3answers
240 views

How to present a print project to a client?

I'm a self-taught designer and now I'm working on a packaging project. I'm designing in Adobe Illustrator CC using CMYK color mode, but now, I want to present my client the work with a mockup and I ...
1
vote
1answer
719 views

Creating mockup template using inkscape for logo design presentation

How do I create mockup templates for Logo design using Inkscape? I don't have Photoshop where mockup template can be created very easily. I have created a logo and I want to use this mock up as a ...
0
votes
5answers
298 views

Web mock up to Dev

I was curious what is the process/ workflow for a web project. Specifically if you as a designer created a mockup in a (.psd or .ai), and you need to hand it of to the developer. Do you annotate the ...
2
votes
2answers
2k views

How to create 3D presentational mockup templates to showcase logo design to a client? [duplicate]

I would like to know how to create a 3D presentational mockup template that utilizes smart objects to change dynamically for example logo design. I would like to know also tricks on how to add shadows ...
0
votes
1answer
226 views

How do I create a mockup of an app on desktop and iphone? [duplicate]

I don't know how to describe exactly what I'm looking for, but I've seen a service which allows me to take a mockup or illustration and put it realistically in pre-made images of a Mac and iPhone. ...
3
votes
2answers
58 views

Wire framing over full design?

I've experienced both PSD designs and wireframes in the past to work from, though never have I experienced using both. What's the main difference between a wireframe and a PSD mockup?
24
votes
4answers
346 views

Is there an advantage to doing a full image mock-up versus diving straight into writing the HTML/CSS?

In the past, many companies and web designers had a workflow that was two or three parts, minimum -- design, markup, backend. These are generalizing and the lines may blur a bit... but I'm sure you ...
0
votes
0answers
51 views

“Skewed”/Inclined 3D Style Tile [duplicate]

Does anyone have any idea how to create this realistic "skewed"/inclined 3D Style Tile?: Things to note from this design: The image "wraps" around the slab. The image has a light source that ...
6
votes
2answers
712 views

Using real products when creating fake mockups

When creating mockups for marketing material, what is the legality of using real products to demonstrate the use of your application? Examples for any given application: Google chrome with a ...
1
vote
5answers
3k views

Best tool to create a mock GUI quickly? [closed]

I'm looking for an application/tool to easily create a mock GUI. This GUI will be used by users to control home devices remotely. They can login to a website or use an application to view/control ...
4
votes
3answers
764 views

How to create an animated demo of my webdesign?

How to create an animation of my webdesign so the client can see the interactivity in the page (including popups, tooltips...) instead of seeing a set of still images? I used to make this task using ...
0
votes
1answer
374 views

How can I make 3D mockups for packaging more realistic?

I'm new at making 3D mockups. I have tried making 3D mockups(attached one) but they don't look like a real image. I have used both CorelDraw x5 and PhotoShop CS6 to achieve the necessary results. ...
0
votes
1answer
147 views

What is the tool that web designers do to present prototype

How do some web designers present their responsive website prototype in a computer, tablet and mobile presentation like this
2
votes
2answers
239 views

How to reduce screenshot dimensions for putting in a macbook mockup?

I need to put a screenshot of a desktop application into a macbook mockup. My problem is that the mockup I have needs a screenshot of 2880x1800px but my system screen is not big enough. I have ...
0
votes
0answers
144 views

How can I apply data set to a smart object in Photoshop?

I have a .psd file of some mock-up boxes, and I want to apply different text to multiple versions. The solution here is good, but doesn't seem to work with smart objects. The file that I have has the ...
1
vote
2answers
168 views

Which software to create mockups for webdesign

I used to use AdobePhotoshop for this purpose but after months i realized that it's not the best tool for this, does anyone recommend a good tool for webdesign mockups
2
votes
6answers
2k views

Turn die-line into 3D mock-up

If I have a 2D die-line of a product. What's the quickest way to turn it into a 3D mock-up? Preferably it should output to a popular 3D format like 3ds Max. Here's an example of the kind of dieline ...
0
votes
3answers
520 views

Mockups Pixelate Image

So I used a normal screenshot (630x1136) from an iPhone and I dropped into the PSD file. I tried so many ways but the image on the phone looks pixelated. Do you know how do I make make look good? ...
23
votes
6answers
17k views

How to create animated GIFs of prototype mockups, like the ones on Dribbble?

I'm sure you've seen Dribbblers upload animated mockups of their designs. Here's an example: I can create mockups on Photoshop and even apply simple Tween Animations to them but I can never get ...
13
votes
3answers
1k views

How can I showcase a working example of my past web development work, without linking to the constantly changing live site?

Whenever I design a website, I think it's useful to not only show screen captures but also coding abilities. Unfortunately, most of the time, clients end up editing websites themselves and if ...
23
votes
9answers
28k views

What is the difference between wireframes and mockups?

I would like to know the difference between Wireframes and Mockups. I'm hoping to gain a simple understanding of the difference or to definitively know that both are the same. I googled it but I ...
0
votes
0answers
61 views

Readable/clearer type on 3D rotated images

I'm using a lot of 3D rotated images, especially in mockups. I've always noticed that text become slightly less clear when they're rotated. I've always accepted this, since I thought there was no way ...
0
votes
1answer
747 views

PSD mockup template not getting design in place

I am trying to create mockup for my business card design but when I paste the design in the smart object layer and save it, the design only gets the effect of the template but the design do not go ...
-2
votes
4answers
1k views

Screenshot mockup of website on different devices [closed]

Which is the best way to show how a website differs on various devices for responsive web deisgn such as the screenshots found here
0
votes
4answers
1k views

How do I create a mock-up photorealistic book and graphics and what free tool could be used? [closed]

Can you create illustrations (see below) with indesign? I would like to create this content and offer PDF brochures to visitors and make it look much better. However, I am not sure if this is ...
0
votes
1answer
509 views

avoid blurred texts on mockups distorted images

I downloaded some psd to show my mockups, but it looks like the text is going to be blurred when I put anything inside the distorted smart objects. How to avoid this problem?
0
votes
1answer
462 views

How to Stop PS6 Vanishing Point Tool Pixelating Images

I've always run into this issue, and diving into it a bit more today, I can't seem to figure out 'HOW' to stop the PS6 vanishing tool from pixelating my website mock-ups! I often mock-up web ...
2
votes
3answers
29k views

UI Mockup and wireframing tool for Mac OS X app UI's [closed]

I'm looking to get some input from experienced designers, since my main job revolves around coding and not so much designing... What good tools are out there that one can use to mockup some os x ...
0
votes
1answer
148 views

How to add transparent browser windows for UX/UI wireframes?

I'm sure there's some tools available. Other than hand designing browser windows, other programs and export transparent wireframes? Has anyone made browser windows themselves with illustrator or ...
-2
votes
1answer
385 views

Site that creates an image with an uploaded photo on a Mac? [closed]

Is there a site/software that can aid in the design of an image that shows a Mac/PC with my product/screenshot displayed. I once found a site that enabled you to upload an image, choose a type of ...