Stack Exchange Network

Stack Exchange network consists of 174 Q&A communities including Stack Overflow, the largest, most trusted online community for developers to learn, share their knowledge, and build their careers.

Visit Stack Exchange

Questions tagged [mockup]

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.

0
votes
0answers
40 views

Can we create sample screens for devices for sharing online in Adobe Xd?

This might seem a stupid question but I couldn't find any solutions on Google (maybe because I can't explain it better or maybe it has something to do with mockups). I know there are a lot of UI kits ...
0
votes
2answers
181 views

What can I do to make the screen look more realistic in a mockup photo? [closed]

The first photo is without photoshop. Pure Green Screen. The second is a rough attempt at adding shadows. Both of these images look photoshopped. How can I make them look realistic? Edit: So ...
1
vote
2answers
55 views

Designing Phones Clay Model

Are there any tutorials for making phone clay designs and on how to give a perspective view like the image below. Or any one can point me in the right direction. I know there are mock ups that I can ...
0
votes
1answer
62 views

Aligning texture vectors in perspective for a mockup item

I have several photos of a certain household item (a football, for example) that I would like to customize its design for a presentation. Each photo is a picture of the same item showing different ...
0
votes
3answers
78 views

Texturing a less than perfect object in photoshop/Affinty Photo

I am not a photoshopper, but I have been given a task to make a mockup for a customer. Basically, I have to take the texture from one bag, and apply it to another, without it looking awful. Bellow is ...
6
votes
5answers
500 views

How to mockup a logo in a realistic environment?

I have recently created a logo. I have seen an online trend of showing off a logo in a realistic environment, illustrating possible use cases of the logo. An example of this can be seen here, with ...
4
votes
3answers
823 views

Creating 3D book cover mockups from scratch

You very often see 3D mockups of books that look realistic enough to pass for a photo of the book at a glance. They’re a great way to make a flat front page come to life, and it’s no wonder they’re ...
1
vote
2answers
154 views

Open source programs to apply vector designs into mockups?

I create mostly logo designs using Inkscape on Linux but I cannot find a way to mockup my designs with an open source software. Are there any open source programs to apply vector (or raster) designs ...
0
votes
0answers
27 views

Is it appropriate to use a slightly different mockup size to the actual project dimension for my portfolio? [duplicate]

I'm doing my online portfolio (graphic design). I've included projects from classes. They have a certain dimension. I was wondering if I have to find a mockup which has the same dimensions as my ...
1
vote
0answers
64 views

Isn't it possible to change a template at moqups.com? [closed]

After creating a template at moqups.com, I cannot change it. Have not found any documentation about it at it's web-app. Does anyone know another option like using a "master" or similar that could be ...
0
votes
1answer
57 views

Where to find a mockup to create an unfolded poster look effect?

I've been rather obsessed with the new Wes Anderson movie, Isle of Dogs. More specifically, I've really enjoyed looking at all the work that's gone into the design of it; everything from the posters ...
6
votes
2answers
101 views

Is there a canonical way of representing parallax backgrounds in a wireframe?

I am currently working on several wireframes / mockups. The product I am designing will have a landing page with a parallax. What is the correct way of representing this in a wireframe? So far, I ...
10
votes
6answers
1k views

Cutting knife practice drills/exercises?

I teach a packaging class as part of a college graphic design program and I've noticed my students' prototyping skills have been on the decline. This is possibly due to less practice in previous ...
1
vote
1answer
38 views

Tools for information architecture mockups [closed]

I often find myself making very high-level sketches of UIs in order to illustrate information architectures. For example, I want to show that a certain page displays a certain kind of information, and ...
1
vote
1answer
993 views

Sketch rendering colors in wrong way for PNG and PDF

Sketch has been showing wrong colors when importing vector images (PDF format) and images (PNG format). I've noticed this several times. Has anyone else faced a similar issue? I followed this link, ...
1
vote
0answers
69 views

Best way to automate the creation of PS-Mockups

I have designed several template pages in Indesign for sales purposes. Whilst most of the design stays the same, some elements (like logo and name) get individualized for each client. Afterwards I ...
-1
votes
2answers
809 views

Can Psd mockup work in adobe illustrator?

I’m new and hoping someone can help out please. I purchased some mockups for my designs not realising the files are psds. I’ve never used photoshop, I use AI but I’m currently on holiday for some time ...
0
votes
1answer
248 views

how to scale artwork and content from mm to pixels

i'm making a template of a ticket of 80mm for a web app in Illustrator CC 2017, but now realize that when i go to export>save for web, the size of the artwork and content change to pixels, but not ...
2
votes
1answer
200 views

A5 Double Gatefold mockup

Can anyone please point me in the direction of a good mockup PSD of an A5 double gatefold mockup please? But one where the gatefolds are half the width of an A5 page or at least a mockup where I ...
0
votes
2answers
98 views

Mockup Dimensions

I'm currently mocking up a site for a phone. When I do a screengrab on my phone the size is 1080 x 1920 px. If I'm only concerned with designing for this phone is it safe to mock with those ...
3
votes
5answers
3k views

Glossy black logo on matte black background

I remember seeing high-fashion packaging with black-on-black printing; but, the difference was with only the finish. Normally, I see gold-on-black, or silver. I want that same black "shiny effect" ...
1
vote
1answer
146 views

What Am I doing wrong with the mockup

I'm trying to make My Own Mock Up But I don't get the realistic vibe from it. What am I missing? EDIT/ I'm very thankful for your guidance @user287001 and here what I came up with. Can you pinpoint ...
0
votes
1answer
46 views

Does Illustrator CSS Extraction work on psd files?

I have a .psd web design mockup I'd like to bring from Photoshop into Illustrator CC and use the CSS Extraction functionality on. Is this possible, or must the file have been created in Illustrator ...
0
votes
1answer
1k views

How to replace Smart Object in Photoshop mockup and make it fit?

I have purchased a mockup and am trying to replace a Smart Object in it by selecting in Photoshop CS6 menu: "Layer" -> "Smart Objects" -> "Replace Contents..." and then selecting my 2000 x 2000 ...
0
votes
1answer
190 views

Duplicate smart object inside element

To be more specific, I'm working on some posters project, and I need mockups. I have one showing one A3 frame with one smart object inside. Now I need mockups for set of 2, 3, 4, 5 and 6 posters. I'...
0
votes
1answer
123 views

How to bring Illustrator CS6 file to Illustrator CC and still use CSS Extraction

If I've begun a project in Illustrator CS6 (a high fidelity mockup), can I later copy and paste this content into Illustrator CC and still expect to be able to use CC's CSS Extraction functionality on ...
0
votes
1answer
113 views

different text sizes on different devices

I am really struggling and was wondering whether anyone can help. I am designing a mockup on photoshop of a website we are going to build. We have to show our mockups of the site for all 3 devices (...
2
votes
2answers
654 views

font size for mockups across all devices

I have to create mockups in Photoshop across all 3 devices (iPad, iPhone and Desktop). Obviously 20px font size on a tablet is going to be a lot smaller then on a desktop so does anyone have any idea ...
1
vote
1answer
1k views

How to place text in perspective on product mockup

Hi i want to write a letter W on the bag, as you can see it has a kind of perspective to it, so the letter should follow this perspective. I am using Adobe Illustrator.
-1
votes
1answer
332 views

Creating a mockup with photoshop using smart objects? [closed]

Hello everyone anyone who can take me through the process like placing a logo on a mug using smart objects. If anyone know a video tutorial please link me to it.
1
vote
0answers
36 views

How to depict mockups longer than the device

just wanted to ask what would be the best way to depict screens that are longer / wider than the device itself. For example a list, that has some kind of important item at the very bottom that is off-...
3
votes
1answer
1k views

Balsamiq sketch skin in Sketch App

I search to have a Balsamiq mockup skin style in the Sketch mac app. Is there a library or something else ? Thanks.
0
votes
2answers
560 views

How can I create an interactive mockup of my Photoshop web design?

This is my first time doing this. I made a web design in Photoshop and I don't know what to do next. I have to show other people the website and I was think of using WebEx. Is there another software I ...
1
vote
3answers
934 views

Create a mock-up of a towel that has been printed with a photograph

Is there a way to use Photoshop or Illustrator to superimpose a photo on a terrycloth texture? I would like to create a mock-up of a closeup image of a beach towel on which has been printed a ...
-2
votes
2answers
163 views

Problems with Photorealistic Product Mockups

I think the biggest problem I'm having when using a mock-up template is realistically inserting my product photo into a stock image because it is a glass bottle with clear liquid. Can you guys share ...
-1
votes
3answers
129 views

Where can I find high quality mock-ups?

I see a lot of graphic designer showing their work with really creative and professional mock-ups. Most of the websites I look have few good mock-up such as: http://graphicburger.com/ Do you know ...
14
votes
2answers
1k views

The problem with mockups for Branding/Corporate-Design applications

I would like to ask you about a problem I’m facing very often at the end of a corporate-design process. After all corporate-design elements are approved, I usually go on with proposing some ...
0
votes
1answer
424 views

Creating a mock-up with foundation (prototyping)

I am new to ZURB's Foundation (new to responsive design, generally speaking), i came from 960GS, so I need help and some advice as I am very confused.. I start design process with 1) drawing some ...
1
vote
2answers
8k views

How to use a vector mockup with perspective?

I don't know how to explain what do I want, so I put some images to explain that. We have a vector mockup here for example (image 1). There is no problem with this mockup because you need just put ...
1
vote
3answers
8k views

Designing a website mockup in Illustrator

I am designing a website in Illustrator and then handing the PDF off to the web developer. What size in inches should my mock up be?
3
votes
2answers
347 views

Pixellated Text on Magazine psd Mockup

I'm new to photoshop mockups to present my work. I can't figure out why the smaller text in the mockup isn't sharp, or the whole image in fact. I've been saving as a jpeg and then viewing at 100%. The ...
0
votes
2answers
208 views

Is Balsamiq good enough to produce a mockup/exmaple of a site to present to a future client?

Is Balsamiq a "Stage 1" product and part of the initial design process for producing a mockup/design for a client or can I be used solely for this purpose?
4
votes
7answers
3k views

How do you create a client website design mockup/image?

For all the graphic designers who do web design too: How do you produce client design mockups for review and then convert them into HTML/Wordpress etc? Are they created in Illustrator/Photoshop and ...
1
vote
2answers
586 views

How to save business card in illustrator to be used in photoshop as mockup?

i have a problem here, trying to design a business card in illustrator and save it as eps to be used in photoshop to create mockup. The thing is, there are bleed line, trim line and safe line. When ...
1
vote
1answer
2k views

How to place UI gif in iPhone perspective mock for use on sites like Dribbble [closed]

I've seen many tutorials about how to convert a .mov file to a gif in Photoshop (Convert Video Frames to Layers, etc.), but none about how to place that gif in an iPhone perspective mock to be shown ...
-2
votes
3answers
813 views

What is Dpi and how to use it in android app design

I just took a project on android app design. I am beginning to learn about app design and this dpi stuff is really throwing me overboard. My main concerns are: 1) What is Dpi( I am not a programmer ...
-3
votes
1answer
305 views

iPhone Screenshots Pixelated

I am having a problem putting screenshots into the iPhone image. As you see, the screenshot is pixelated. Do you know how to make clear screenshot? Basically I am using skew tool to fit the screenshot ...
-6
votes
2answers
95 views

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

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
167 views

How to create the 3D mock-up look [duplicate]

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
104 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 ...