59

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


18

I'm using Photoshop CC 2014 at the moment and could simply achieve that by doing Image > Reveal All.


18

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


16

Good question, for I too have been a lifetime fan of Fireworks (their entire lifetime). Have you heard of Sketch? I can tell you that it's the only thing that comes close. (It's a perfect mashup of Illustrator and Fireworks, but SO MUCH closer to FW). Your transition should be seamless, and you will quickly be in love. Personally, I'll still use FW until it'...


8

Create a selection before applying the blur...


8

I use Affinity Designer as a replacement for Fireworks. I also use Graphic by Picta which is pretty good too, but vector only.


7

For Transparent Noise Create a new layer with the desired left over noise color you want. Add a mask to the layer in step 1. Go to: Filter -> Noise -> Add Noise. Select the desired amount of noise and click "OK". Repeat steps 3 and 4 until the final amount of transparent noise is desired. (Optional) Select your layer from step 1 and apply an opacity, to ...


7

One huge recent change is the shift to vector graphics. SVG is now a stable requirement for new websites. A good web designer needs to use Illustrator or Inkscape for icons and other re-scalable vector SVG graphics, as well as using Photoshop or GIMP for the photographic, detailed, not-so-re-scalable raster graphics. I'm not sure if Fireworks would have ...


6

THIS IS A FREE ANIMATED MOCKUP .PSD FILE of a website scroll dow and a menu animation completely edit and animated in photoshop ridiculous easy to edit and play around, you can download the file for free here, i also have a tutorial video of how is easy to edit this freebie.


6

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


6

1) Use a Black & White adjustment layer. 2) Use a Photo Filter adjustment layer. I used a custom purple #6c118e. I made the intensity 95% and the opacity 98% (really just messing with the sliders) 3) Added a levels adjustment layer to brighten the image. I just moved the white point slider to the left, towards the middle. 4) Added overall saturation ...


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

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.


5

use rectangular select (M) over the whole image copy the image (Ctrl/Option+C) File > New... on Preset click Clipboard then paste it there (Ctrl/Option+V)


5

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


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

These are the alternatives I've found to fireworks (in no particular order): Gravit- the closest one I've found. Open-source, cross-platform /web-based. Still quite young, I wouldn't dare do the switch though it's promising. Its interface is very similar to FW Sketch- very robust for ui design, but only minimal bitmap editing. Good ecosystem of plugins and ...


5

Saw this question as I was searching for Adobe alternatives. Finally had enough of their hands in my pocket and around my throat about 6 months ago. I'm keeping my (paid for) Fireworks CS6 until it dies, but Xara Designer Pro X10 is similar to Fireworks but can do a lot more. I'm not sure why it doesn't get much publicity but I'm really starting to like it a ...


5

To obtain a similar result I desaturated the image to grayscale Applied the bucket paint tool in multiply blend mode using a purple color.


5

Keep using FW CS5 if it works for you. I can only assume you are seeking a replacement because Apple's latest OSs will not run CS5 applications. No one EVER states you need the "latest and greatest" if what you have works. Apple's newer OS's aren't great or worthy of upgrades in my opinion. Again, just my opinion, but I see nothing after OS 10.10 that ...


4

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


4

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


4

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


4

Right-click (Windows) or Control-Click (Mac) the letter and choose Convert to Paths. Duplicate and place a second circle above a duplicated letter as a guide for your cut Select both paths, the circle above the B In the Path Panel (Ctrl/Command+Shift+F9) Click Punch Paths to cut the circle shape out of the B You now have the original B and a cut shape ...


4

There are a few techniques I know of for extracting this information from an image. What the Font What the font allows you to upload an image of your text and it tries to match the characters to a font. I recommend cropping your image down to just the text before uploading for best results. Project Naptha Project Naptha is a Chrome extension which OCR's ...


4

Assuming you added the bevel/emboss yourself, I'm pretty sure this is Calisto.


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


3

Late answer but this works: /* applies to GIF and PNG images; avoids blurry edges */ img[src$=".gif"], img[src$=".png"] { image-rendering: -moz-crisp-edges; /* Firefox */ image-rendering: -o-crisp-edges; /* Opera */ image-rendering: -webkit-optimize-contrast;/* Webkit (non-standard naming) */ image-rendering: crisp-edges; ...


3

Select the path that you want to convert and with the direct selection tool and the shift key pressed, exclude one point. Some new buttons appear under the menu, one of them is to convert selected anchor points from corner to smooth.


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