Tag Info

Hot answers tagged

16

Things you need to know to create something like this in After Effects: How to make a Project and Compositions When you start AE, you can press Cmd+N to create a new Project with one Composition inside it. If you already have a Project open, pressing Cmd+N only creates a new Composition. In this project, I used 2 compositions. GUI comp to hold the ...


12

InDesign gets my vote. It does all the tasks you're describing, and is meant for layout. However, as a general note, do NOT over-design your résumé. Even if you're a designer applying for a design job, please, make your CV clean and straightforward. If I'm reading through 100 résumés in a week (which I've done), I am really, ...


8

Create a selection before applying the blur...


5

Is this what your referencing? the #52524A color as the top most of grayscale. this was achieved via image > adjustments > gradient map. and setting the black to #52524A.


5

There are probably a few different ways of doing this, and in different programs. This is how I would do it: CODE: Start with a color background, and add a text layer/s with the code in white. TRANSPARENT CODE BEHIND: Either duplicate your text layer or create a new one, apply a gaussian blur to it and make it semi-transparent (30% or so) PICTURE BLUR: Use ...


5

To be honest, I'm not quite sure what your problem is. At least in my download of bootstrap, there is no .png file, just font files (as .ttf, .woff, .svg and .eot). So here are some ideas: 1: If you literally want to change the picture you have uploaded, open it in Photoshop, set Image -> Mode to RGB and color it using a Hue/Saturation Layer with ...


4

Adobe's Photoshop supports something like 300,000 pixel canvas's. It has a "Save for Web" feature that allows you to save a PNG24 file (which supports your alpha transparency). It too has all the functions you are looking for.


4

The reason why your images look different is because of the compression you applied to the second one. The higher the compression, the more the quality degrades. JPEG is a lossy compression format, meaning there is loss of image information during the compression (a sacrifice needed to make the file smaller). For example, this is the same image saved with ...


3

If you look in the comments on that particular post, the guy says he used Adobe After Effects http://www.adobe.com/uk/products/aftereffects.html


3

Your best bet is to use your current work as a guide and recreate the squares using opaque colors. This will also alleviate your intersecting problem. Create guides around your squares. Create squares using the selector or shape tool (vector might give you longer mileage)


3

You don't actually sound like you want greyscale. You want a toned image. In Photoshop.... Image > Adjustments > Desaturate Add a new layer above and fill it with #52524A Set #52524A layer Blend Mode to color Add a mask to allow the color to only cover the image area (and leave transparent areas transparent.) You can do the same exact thing by ...


3

To make the entire image grayscale: image -> adjustment -> black and white First, understand that greyscale is a scale of bright-to-dark values that have nothing to do with color. Two very different colors can appear very similar or identical if you simply desaturate the image, because only the color, not the tonal ("grey") value, was providing the ...


3

Sounds like Illustrator/InDesign combo would give you the most "bang"... though perhaps a combination of Photoshop and illustrator for all of the design elements, and then use InDesign to layout the text boxes and headers as you need. I'm not entirely certain n percentages, but the rest of your list look like either an InDesign or illustrator task. ...


2

As a heavy user of all latest Fireworks versions I couldn't find this feature up to current CS6 version. I think it has something to do with the fact that ClearType is a patented Microsoft technology. In addition to your links, this thread on Adobe forum has some tips how to simulate system anti-aliasing in Fireworks. You can tune Fireworks styles to match ...


2

Prototyping with the 'Adobe Suite' has the advantage of: pixel perfect shiny-ness. The disadvantage is: pixel perfect shiny-ness. The reason "AAA" companies use it has a lot to do with tradition in that that's what everyone used pre-internet. The big ad and design firms were never ones to jump on change so have slowly drug the Adobe Suite along ...


2

If I understand your question correctly, you are asking why your image, on a Retina display, looks a little blurry. If that's the question, the answer is due to the retina display having to scale your image up 2x. The fix for this would be to: create a separate png for retina displays at twice the horizontal and vertical dimension. Then use media queries ...


2

Thanks scott, i tend to agree.... ;-) what i ended up doing was looking at the code that fireworks creates for a slice. I then used the CSS and parsed it through a regular expression to extract the coordinates and slice name. Then i pasted these into excel, translated the numbers to the required format and used the concatenate function to generate a ...


2

I suggest using the adjustment layers, found at the lowest portion of your layers panel. It's the black and white circular icon. When you click this icon, you will find all the standard adjustment options: curves, hue/saturation, and levels. Create this layer above your image and make adjustments until the areas you want adjusted are satisfactory. Then ...


2

The Publishing View in Microsoft Word 2007 lets you maneuver all text and graphics very easily. You can create text boxes just like in InDesign, use rulers and guides to align text, group or ungroup objects, insert info graphic shapes using circles, squares, and rectangles, and more. I've been using Word tools for over 3 months to develop creative, info ...


2

The best way to do this is to build one master piece that is perfectly aligned vertically and has the center of the circle (e.g. with no fill) still intact. then you can rotate and duplicate around this center piece. Leaving an "uncropped" version of an element around is generally good practice for that reason. Want to change the radius or gap between them ...


2

For web, it is much better to design text elements using HTML and CSS than using images. The possibilities in modern standards are so good that the benefits with using images are much less now than they were before.


2

Whatever gets the job done Photoshop is absolutely fine for some tasks. In fact, it may even be better at times. It all depends upon the final desired output. (example: Illustrator can't dither gradients... Photoshop will.) A well-rounded designer will use many tools to complete a project. It is rare to rely on only one piece of software for all projects. ...


1

I know this is really old, but this technique is really useful, make a black square and text layer on top white; group them; go to live filters "other > convert to alpha", go to "adjust color > color fill" and choose your color in this case white, after that you can change the opacity as you want. The good thing about this, text is still editable just use ...


1

In this specific case vectorization is not just easy its brain dead easy. Just: paste image in illustrator hit the live trace adjust live trace settings to 4 colors and set path fitting to 0 px Ignore white on expand object -> path -> simplify Angle threshold to 90 Straight lines. Now there is only one kink in the darker of the two transparent areas ...


1

Alright the lazy way: Open the first screenshot with the white background in photoshop. Magic Wand on White Delete Delete the Background Layer Save For Web End result with the History showing: I suspect you can do this in Fireworks too but I never touch that. I agree with others though that doing this in Illustrator as vector would be a better option. ...


1

I figured it out. Looks like I had to choose Nearest Neighbor in the resize image options, which works perfectly under Fireworks! Image size -> Resample image -> Nearest neighbor is the path.


1

You mention Fireworks but you tagged this Photoshop so this is my answer for Photoshop: For editable text. Have your image on the first layer Create your box on a new layer Type the text out you want over the box on another new layer Right click text layer and go to blending options Under blending options choose Fill Opacity 0 and change knockout to ...


1

Method 1: Place your text object above the block. Set blend bode of the text object to Erase. Flatten Text+Block. Drawback: you have to flatten Text+Block. Both objects will not be editable (unless you save editable copies before flattening). Method 2: Convert the text to vector path (Right click > Convert to Path). Then select text paths and do Path ...


1

I realize this is a 2012 question, however even in June of 2012 this applied..... No one should probably be slicing layouts anymore. With the improvements in Cascading Style Sheets (CSS) and PNG32 support there's little need for slicing anything. And tables should never be used for layout purposes. Tables are for tabular data only. With the use of CSS you ...


1

Assuming that by slices you mean the 9-slice scaling feature of a symbol, it does apply to common library symbols. I use it quite often. If you have problems with your image, you'll have to be more specific on how exactly this "doesn't seem to carry over". In case you mean the slices inside a web-layer that are used for export, the same thing, they work as ...



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