58

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

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


15

Head over to Adobe.com and do a bit of reading regarding features. In general: Photoshop = raster image editing (photographs) or digital painting (Illustration) Photoshop Extended = Same as Photoshop + ability to use some 3D tools and basic video editing Illustrator = Vector artwork (Logos, illustrations, etc.) Indesign = Page layout (books, manuals, ...


15

There is no text box colour in Photoshop. The only way is to draw rectangular shape layer below the text layer (you could also use a bitmap layer). Yep, that's different to some other design software.


14

There are some "rules" regarding color harmonies that you will find very helpful for this case and any future ones you might have regarding colors. Color combination is really the most important part of color theory and designing with colors, and also the hardest-- It always comes down to your personal judgement and how you look at colors. There are, ...


13

This is the Language Selection that the package has. LS4 contains: Deutsch - German Español - Spanish Español América Latina - Spanish Français Canadien - French Français - French Italiano - Italian Nederlands - Dutch Português do Brasil - Brazilian Portuguese Svenska - Swedish LS16 has: English Japanese (not sure)


12

There is a quite old thread on Adobe forums where speculation is made that it's because Fireworks is a screen-specific tool and this behavior might change in the future. However, you can change the limit. Make sure that Fireworks is closed, open Fireworks CS6 Preferences.txt file located in: Windows 7/Vista: C:\Users\USERNAME\AppData\Roaming\Adobe\...


11

You can try Object > Path > Simplify and adjust the Curve Precision and Angle Threshold settings to perhaps get a curve. There's no straightforward method, which I'm aware of, other than this.


10

File -> Export -> Choose "FXG and Images" in the drop-down for file type. This produces a much higher quality vector map than the AI8 "Save As" format does.


10

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


9

Other than Photoshop, whose guides are monomanically monochromatic, guides in the rest of the CS applications pretty much follow the rule that when selected they will assume the color of the layer they're placed on. If you have, say, three layers in AI or ID and place guides on each one, a simple marquee selection will expose their "true colors" so you can ...


8

Actually the only way to see which fonts are used, is to use "Replace fonts", note the missing ones and close the file without saving. Search them, download/buy/install them and you are done. I'm not aware of another way to do it. :/


8

Create a selection before applying the blur...


7

"Also when I export PNG24 with alpha transparency in fireworks, it always adds background color, but in photoshop, it exports with alpha ." You need a PNG32 for the alpha channel, so when you save a PNG24 with an alpha channel, PhotoShop actually makes it a PNG32. In Fireworks, it actually let's you manually make the decision, so if you choose PNG24, you ...


7

There is no universal "best" software for GUI design. It just depends on your software/workflow preferences. Photoshop I'm not sure what you mean by "multiple editable gradients", but if you know what you're doing, Photoshop provides all the tools you need to design any GUI you can imagine. No "tricking" of tools needed. Despite its name, Photoshop has ...


7

I'm 99.999999% sure the example you posted is just a typeface that's like that. If you want to achieve a rough approximation in Photoshop, it's possible using the Bevel and Emboss Layer Style. The key is the custom contour. The best way to do something like that would be to use a font with the effect baked in, or draw custom shapes... probably in ...


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

Call me old school, different or just plain wrong but Photoshop should be used just for that: photo editing and retouching. Fireworks should be used for web design (the CSS exporting ability alone in Fireworks is heavily underrated much like Fireworks itself). Illustrator for, yep you guessed it: illustration work and logo's. InDesign for magazine/newspaper ...


6

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


6

There's also the Smooth tool if you prefer a more hands-on approach. Rub it over a selected path, and it smooths it where you rub. If it doesn't smooth enough, keep rubbing. From this tutorial: Double-click the tool icon to set how closely the smoothed line sticks to the original (fidelity) and how strong the smoothing is each time (smoothness). A nice ...


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

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

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

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

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


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


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