Tag Info

Hot answers tagged

5

Photoshop does have vector tools but in my opinion they are far less intuitive than Illustrator's and don't give you the same level of path control. I think that the graphic you have attached will take considerably longer to construct in Photoshop than in Illustrator. I think you'd be better off going into Illustrator and manually tracing the paths; it ...


5

Like @Ilan said, you seem to have tutorial right there on how to get rid of the background, however here's another way of doing it and a way to get rid of the white part. Since it's a black and white image, you could: I'm assuming that this is one flat image you are working with. Fill a new layer with white Hold down Alt key and click the Layer mask ...


5

This can be done in Illustrator with the blend tool. You just need a starting curve and an end curve and create all the lines in between with the blend tool. This can be done with lines or shapes. Create a blend with the Blend tool Select the Blend tool . Do one of the following: To blend in sequential order with no rotation, click anywhere on each ...


4

PSD to HTML is the non-preferred way to go about designing and building web sites. The process is very waterfall-based. It's essentially: Visual designer lays out everything in PhotoShop Client approves it, then tosses the PSD over the fence to the dev team and says "deal with it" Dev team "deals with it" and typically produces a bloated web site with poor ...


3

If I understand correctly, your assets are: CMYK logo Grayscale image This is what I would do Create an empty CMYK PSD file Copy your grayscale image Open the Channels palette. Windows->Channels Click on the Black channel (the last one) and paste your (previously copied) grayscale image. This pastes it ONLY in the K layer, so it will be rendered with ...


2

The top image is a Frame animation. The bottom image is a Timeline animation. To switch between frame and timeline, click the menu on the Timeline Panel and choose the other option... You can also choose whether you want a frame or timeline animation before creating the animation: NOTE! In order to create video timelines you MUST have the "Extended" ...


2

Here's my take on it, it's a bit complicated but very effective, and can especially be used when you scan a drawing and want to take the pencil tracing from the white background in order to change the color. (Switch the Ctrl for Cmd if you are on Mac.) Make sure your image is flattened first on a white background Select all and copy (ctrl+a, ctrl+c) Go ...


2

In this instance the "alpha" is referring to a mask channel, not directly meaning transparency in the image itself depending upon the software being used. What they are actually asking for is a PNG32 format. A 24-bit PNG + 8 bits for transparency. Apple is trying to be diplomatic and state things in the lowest common denominator rather than referring to ...


2

You are correct. You should make your images for retina twice the size you actually need them. Then you should set them in CSS at the actual size. For example You need a 20x20 icon design it and save it as a 40x40 image when you use it on the web page, indicate using CSS that it is a 20x20 image The image will be displayed as a 20x20 image but since ...


1

Highlight a spot channel in the Channel Panel. Choose Merge Spot Channel from the Channel Panel Menu Repeat as needed :) This is going to flatten layers. So if you want the transparency back, you should first create an alpha channel of the transparency. Then, after you merge the spot channels, you can load the alpha and apply a layer mask to reinstate the ...


1

I can't think of a reason for this behavior to affect multiple layers and be sensitive both to increases and decreases in the red color. I tried several different ideas but was not able to reproduce this, so I'm thinking Photoshop just got confused somewhere along the line. The first thing, then, would be to Save As, then quit Photoshop completely. Reopen ...


1

I think this depends on whether you want a raster or a vector version of this graphic. Manually tracing this would take forever in Photoshop; it would be considerably faster in Illustrator, and you could tweak the paths with much greater control, but would still depend on you spending some time tracing. In terms of automatic methods, I have never placed ...


1

In addition to all of the assets (icons, images, etc), I prefer when other designers give me a list of fonts, font sizes, and font weights and the the amount of white space between main elements. Giving white space in pixels is important to help make sure the finished product matches the mockup as closely as possible.


1

I'm assuming you're only doing the design and not the actual implementation? In that case, PSD to HTML generally means that you need to provide the developer with all the assets and details they will need to actually convert your design into HTML. Absolutely yes, it should have the complete, final, polished design of the site, but depending on your client ...


1

I'd imagine unless they specifically ask for a wireframe, they want you to design the finished look of the site. Yes you should include all proposed final assets, as you visually see the final result. You should give them some work in progress updates though. As polishing images can take a lot of work, you don't want to head too far in the wrong direction ...


1

When you right click to "Stroke Path" there's also a function to "Fill Path" you could use it. I suggest using it first. Alternatively you can Right Click to Fill the Path then go to Layer > Layer Style > Stroke and this will give you much more control over the stroke. There's rarely ever a reason to use the Paintbucket in Photoshop.


1

Ink is a free plugin that will provide spec documentation for your Photoshop document. It provides layer measurements, text formatting, and layer style information with the option of turning any or all of these on and off. To install, download and run the Ink plugin from the link above. Once installed, reopen Photoshop and open the extension by going to ...


1

There's this Photoshop script that is free, called Pixelmeasure. It's not as complete as SpecKing, you will need to first make a selection and then run the script to get the measurements. If you have ever done site mockups in Photoshop and needed to mark these with pixel measurements you know what an incredibly tedious task this can be. I ...


1

If you're using CS6 (cloud version) or CC, the Layers panel allows you to filter the visibility of layers by name. At the moment, filtering isn't something you can record in an action, although it's probably been added to what's scriptable (I've not checked). It does, however, make selective hide/unhide very quick and easy. Change the filter from Kind to ...


1

Fortunately it's pretty simple. Create new document and create two shapes. Choose "Path Selection Tool" Select any shape. Ctrl + x (or Cmd + x) Select the second shape using "Path Selection Tool" Ctrl + v (or Cmd + v) Intersect Shape Areas (look at blue circle on options bar)


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

I will go into details what the "dpi" actually means, by examples; with that, you may just see the answer yourself.: In short, your image consists of dots of colour, which are next to each other. But the do not have size in any physical sense. Now, when you show an image on a screen, you will normally just put the dot colors of the image into the raster of ...



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