Skip to main content
Share Your Experience: Take the 2024 Developer Survey
18 votes
Accepted

How to mockup a logo in a realistic environment?

The easy method: Download it. There are a lot of (free) mockups like this available online. These are usually Photoshop files which have the logo embedded in a smart object. By replacing the logo ...
PieBie's user avatar
  • 4,376
17 votes

The problem with mockups for Branding/Corporate-Design applications

This is the classic problem with high fidelity prototypes. In this case, all you have to do is to use a low fidelity prototype. In UX, we use sketchy-style wireframes for that. You can easily apply ...
rumtscho's user avatar
  • 1,347
14 votes

The problem with mockups for Branding/Corporate-Design applications

If you do several mockups I would encourage you to pair up with your local printer house or a company that does sell the product and you could work on a mockup around what they offer. Some print ...
user9447's user avatar
  • 18.3k
13 votes
Accepted

Is it unprofessional to use whimsical names as sample data in your designs?

Whether or not it's perceived as "professional" will depend on how things are perceived at your company. No one else could possibly know that. I don't think there's any harm in it provided ...
Scott's user avatar
  • 209k
12 votes
Accepted

How to quickly generate rectangles in place of text

The visual effect that you refer to is called "Greeking". Greeking obscures portions of a work for the purpose of either emphasizing form over details or displaying placeholders for ...
Kris Van Bael's user avatar
11 votes

How to quickly generate rectangles in place of text

You can use any text you like (e.g. a Lorem Ipsum text) and use a tool that supports Regular Expressions, such as Notepad++. Search: \S (upper case S), \S means "no whitespace" (a lower case ...
Thomas Weller's user avatar
9 votes

Cutting knife practice drills/exercises?

Going to date myself here a bit..... In college, we had to create mechanicals by hand... yeah... rubyliths/amberliths, press on type, overlays, etc. You are right that doing this went a long way to ...
Scott's user avatar
  • 209k
9 votes

How to quickly generate rectangles in place of text

If seeking something which does not possess font dependencies... Option 1 for Illustrator... Draw strokes.. then erase... Chances are I'd do this once and save it to a Symbol Library so I could ...
Scott's user avatar
  • 209k
7 votes

How to mockup a logo in a realistic environment?

For myself, I have a suite of 3D modeling and rendering tools I've become quite comfortable with, and I use them whenever this situation occurs. As the previous answer stipulates, when you show the ...
GerardFalla's user avatar
  • 9,626
6 votes

Creating 3D book cover mockups from scratch

I always recommend using a direct 3D application with a photorealistic render engine. Use Blender. https://www.blender.org/ I am pretty sure that you can learn how to make a book and unwrap it in a ...
Rafael's user avatar
  • 37.4k
6 votes

How to mockup a logo in a realistic environment?

Here's a rather simple way to do something similar, without any 3d effects (or any lengthy 3d rendering), simply using basic effects in Photoshop. What you will need: A photograph of a window/wall/...
Billy Kerr's user avatar
  • 86.8k
6 votes

How to quickly generate rectangles in place of text

If you intend to use InDesign, you can set up a Character Style that uses a thick underline to cover the entire wording. Then you can create a Paragraph Style and under that, a Grep Style, that ...
Lucian's user avatar
  • 29.3k
5 votes

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

Another late reply. Shadows, and shadows. A 3D mockup should be thought as a Photography. The original image looks as if someone used the built in flash, which is almost always a bad thing. Scott, ...
Rafael's user avatar
  • 37.4k
5 votes

How to mockup a realistic cloth tag with a custom shape?

An answer with several parts: The truth is that if you want real flexibility in making mockups you need to learn a 3D program. Use Blender https://www.blender.org/ that is free, very powerful. If ...
Rafael's user avatar
  • 37.4k
4 votes

Glossy black logo on matte black background

The process is called spot UV varnishing. You need to ask your print company if they can do it. Not all print companies have the required equipment. Generally, those printers who specialise in high ...
Billy Kerr's user avatar
  • 86.8k
4 votes

Cutting knife practice drills/exercises?

This is an interesting question for someone of hybrid origins such as myself - when I first studied art and graphic design, Xacto skills were definitely part of the expectation, and there were no ...
GerardFalla's user avatar
  • 9,626
4 votes

Cutting knife practice drills/exercises?

Papercraft of their choice from their favorite TV shows and games would really get people motivated. You would then decide what the complexity should be and give them a sample image of what the ...
LateralTerminal's user avatar
4 votes
Accepted

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

Take a better photograph to begin with. When editing photographs, there's an age-old adage that applies: You can't make a silk purse from a sow's ear. The photograph of the phone, hand and table is ...
Billy Kerr's user avatar
  • 86.8k
3 votes
Accepted

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

Traditionally it is never an issue to open older files with newer versions. I would not copy/paste, I'd open the legacy file. But you shouldn't have any issue moving forward in versions. It's only ...
Scott's user avatar
  • 209k
3 votes

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

For anyone stumbling upon this today looking for options, AdobeXD or Sketch are far superior to Photoshop mockups as they can be made client-side and interactable. XD can be ported to a phone through ...
Rhys Dyson's user avatar
3 votes
Accepted

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

I have not seen a standardized way of showing/indicating the parallax effect. One idea is using the image icon with a mouse indicating it is moving up or down.
AndrewH's user avatar
  • 12.7k
3 votes

How to create mock ups in GIMP using templates like PSD in Photoshop?

Yes. GIMP's native file format is XCF. It's the format you should use to save your original work for future editability (whether it's being used as a template or not). It's a lossless format, and it ...
Billy Kerr's user avatar
  • 86.8k

Only top scored, non community-wiki answers of a minimum length are eligible