Mobile app version of vmapp.org
Login or Join
Frith110

: Avoid cropping "transparent" areas when using logo We have the following logo for a project at my school: (PDF: http://dl.dropbox.com/u/13934366/M2/Grafiska/Logotyp/M2.pdf) Now, as you can see, it

@Frith110

Posted in: #AdobeIllustrator #AdobePhotoshop #Logo

We have the following logo for a project at my school:



(PDF: dl.dropbox.com/u/13934366/M2/Grafiska/Logotyp/M2.pdf)
Now, as you can see, it has a descending triangle to make it look like a speech bubble. However, we still want it to be centered based on the center of the rectangle. So I figured I'd just add an identical margin above the rectangle to the one below it created by the descending triangle.

But whenever we use the logo in other programs, such as Photoshop or Pages, they ignore this margin with regards to positioning etc, and instead crop to the actual content. Is there any way to avoid this behavior?

When using Place... in Photoshop, it's possible to select "Crop to Crop Box" which initially inserts it with the extra margin. But if I use the alignment tools, it will still align it as the "naked" logo.

Update: It seems the consensus is "eyeball it" in most applications. I should, however, mention that InDesign actually places things with the frame/artboard intact. Considering Pages has a masking tool for images, it should be possible to adjust the margins for that application as well.

10.06% popularity Vote Up Vote Down


Login to follow query

More posts by @Frith110

6 Comments

Sorted by latest first Latest Oldest Best

 

@Murray976

In Illustrator.. Add a no fill, no stroke rectangle around the full area of the logo, including the additional margin at the top.

This will cause the art to be seen as that entire block but that "hollow" rectangle will never show anywhere.

10% popularity Vote Up Vote Down


 

@Karen819

This question is old but I had the same issue and was able to solve it for my case. In my case, the image is to be exported and used in a mobile app. The image needs to be centered in the app with respect to content. One way to make that happen is to include addition transparent "padding" on the left or right. When the app layout centers such an image it appears as desired. I am using Photoshop.

I found that using "Export -> Export as..." did the trick but "Export -> Layers as Files" did not.

10% popularity Vote Up Vote Down


 

@Vandalay110

For Pages your problem is fully solvable:

Simply make an invisible frame (i.e. safe zone) around the logo and save as .AI:


Create a rectangular safe zone frame around the logo.
Set its Fill & Stroke to None (invisible).
Save as .AI.
Drop the logo in your Pages document, Done. Safe zone persists around your logo.

10% popularity Vote Up Vote Down


 

@BetL875

There is a workaround for Photoshop if what you're trying to do is align the horizontal center. As you've discovered, Photoshop's auto-align tools look only at the pixels and ignore that 100% transparent top margin, but if you invoke Free Transform (Cmd/Ctl-T) you'll see that the Smart Object still remembers your initial "Crop to Crop Box" choice, so the horizontal center handles will be in the right place.

Drag a guide and snap it to those handles, exit Free Transform and snap your other object(s) to the guide.

Alternatively, drag out your guide first, then use the Free Transform trick to let you snap the logo to the guide at the correct center alignment.

In layout-challenged applications such as Pages, you're going to have to eyeball it, I think.

10% popularity Vote Up Vote Down


 

@Sims5801359

Good question, and something that I've found a problem myself.

You could create a separate version of the logo which includes a visible crop box.

Make it really obvious it's not to be used for final artwork - probably by having the text "FOR PLACEMENT ONLY" right across it.

Once you've got it right, place the regular logo over the top and delete the original "placement" logo.

10% popularity Vote Up Vote Down


 

@Radia289

I'm quite sure the logo, saved as vector, png or gif, will make that margin disappear when exported, because what the programs read is that there is no information in that space (at least I'm certain about it in all the adobe products). I'm not sure why you need it though. Is it only for alignment? If you are making this logo for someone else, you can clarify in the logo manual that that space needs to be always empty. Hope I helped!

10% popularity Vote Up Vote Down


Back to top | Use Dark Theme