Using Paint Bucket In Photoshop - adobe

So i'm trying to use the paint bucket in Photoshop CS6 to design a logo for a client of mine.
http://i.stack.imgur.com/Et7OO.png ( What I currently have)
I want to colour the pale bits left with a different shade of green, when I use the paint bucket it covers the whole image, how do I colour in the remaining bits with the colour I want?

when picking the paint bucket you can change the tolerance in the top bar so that it only changes the colours you want. At the moment its most likely at 100 but if you change it to 20 or so it should work for you.
Another possibility could be that you are using the paint bucket on the wrong layer. Make sure you have the layer of piece of the image you want to change selected.
EDIT: Also, you are better off asking this question here. That community can help you better with that type of question.

Related

illustrator tracing sharp edges

I am new to Illustrator. I watched some videos about image tracing to make vectors and it worked for me so far until today. If i try to make simple colours and shapes into vectors it is brilliant. Today though i have an image that uses 3 colours and a pattern. The colours i use are black, orange and dark grey. I have a pattern of thick grey lines covering 50% of the image. I played with the tracing settings for hours but it just refuses to keep the lines straight. It makes the lines rounded. Check out the first image versus the second one.
[1] https://ibb.co/eoEVYa
[2] https://ibb.co/nOu8KF
Image Trace is a great tool, but it's not perfect. Adjusting the settings may improve it but it won't be perfect. If possible depending on the design, especially one as simple as the example images you've included here you should use another method. To recreate the lines there maybe:
create a line at the angle you want (Pen or Line tool),
duplicate that line and move it above the first,
align the two,
use the blend tool to add as many copies between the two as needed,
expand them,
make a background to fill the negative space and move behind the lines,
create a rectangle shape with no fill and position above the others,
shape build the excess areas away
Example

Applying greyscale effects to images - Photoshop CC 2017

The image below has a kind of faded grey look with what seems to be some slight blurring and works quite well as a generic banner image.
Usually I am provided with these images or just find stock images but I'd be very interested in learning how to apply these effects with Photoshop or CSS. I have a feeling that Photoshop is a more appropriate tool.
The image I'm experimenting with is this:
It isn't the best image but for my testing purposes at least it's a similar shape and size.
I know I can use things like de-saturation or a coloured layer with a colour blend mode for this sort of thing. However, does the first image look like it has a specific effect or is it just a case of trial and error?
I appreciate this is similar to this question.
open your image in photoshop, add a new layer on top of the image, fill the layer with a color of your choice (in this case grey/black) then reduce the opacity of the layer. You will get something similar to what you want. This is a simple trick. It can be done in other ways too with more modifications.
Maybe you could get the effect by using css blur and overlaying the image with a gray layer with opacity.
You could also just create the effect in photoshop and use that

Only show group once while tiling with SVG

I'm designing a website which uses a SVG-document as background. I want this image to tile on the X-axis. Which works great, but I wanted to know if it is possible to show one group in the SVG only once, such that in subsequent tiles the group is hidden.
The above image visualizes what I want to achieve. The image having one group (in the image the red circle) that is invisible in the following tiles.
Now I am aware such things can be achieved using additional CSS backgrounds but I am really interested if such thing could be achieved using a single SVG background.
Thanks in advance!
The answer is no. If you are relying on CSS to tile the background - ie. with repeat-x, then no. there isn't any way to do what you want. When an SVG is used as a background like that, it becomes immutable - effectively the same as a PNG or a JPEG.
You will need to use a different method.

RGB image components misaligned

I am using aplypy to create an RGB image of the Eagle nebula from three FITS files, representing the red, green and blue components of the image. The FITS files are available here, 673nm being the red, 656nm the green and 502nm the blue.
import aplpy
aplpy.make_rgb_cube(['673nmos.fits','656nmos.fits','502nmos.fits'], 'nmod_cube.fits')
aplpy.make_rgb_image('nmod_cube.fits','nmod.png')
f = aplpy.FITSFigure('../data/nmod_cube_2d.fits')
f.show_rgb('../data/output/nmod.png')
The image should look something like this, but comes out looking like the image below. The blue component is clearly misaligned with the red and green.
make_rgb_cube is supposed to realign the three images in to the same projection based on the WCS information in each FITS header, according to the docs, but it doesn't seem to be working in this case.
Do I need to employ a star matching library to get the alignment accuracy?
There is an error in the WCS coordinates in the header of the Blue FITS file. I have contacted spacetelescope.org to alert them.
Another example from the site, of M17, is created correctly using the aplpy script shown in the question. Blinking through each filter using DS9, as suggested in the comments, confirms the correct alignment.
Use the STScI software TweakReg to align the images and get a good alignment before combining. More information and worked examples can be found on the DrizzlePac website.
TweakReg:
Combining images using astrodrizzle requires that the WCS information in the headers of each input image align to within sub-pixel accuracy. The tweakreg task allows the user to align sets of images to each other and/or to and external astrometric reference frame or image.
It is optimized for use with HST instruments, but can be adapted for other observatories/instruments.

css sprites or Image map?

first and foremost the link to my site is
http://graph-art.matc.edu/harrisd5/vicom123/assign2/index.html
I"m a student new to web development...please for me???
The navigation below my images I wanted to change the color About/prices/locations
into the color of Services and gallery boxes when hover over it.....and vice versa About/prices/locations.
I also wanted wanted to change the color of all of them when click which I believe is active???
I wanted to know how can I accomplish this do I use css sprites or image map?????
Image Map, if you want a quick solution. But controls on each elements (and changing colors on 'hover') etc., are difficult to achieve.
CSS Sprites is a bit advanced CSS programming. Besides it only makes sense to use one if you have a very high traffic website (to save bandwidth, etc.), otherwise it is as good as not using one. Understanding co-ordinate geometry is an advantage here :)
Hope this helps.

Resources