Gradient Fading of Symbols
I am trying to create the "reflection" effect for symbols in
a presentation. I have accomplished flipping the image and changing
its alpha value to create the reflection illusion. However, I would
like to be able to fade the "reflection" as it gets further away
from the "true image". This way the reflection fades away the
further it gets from the native image.
Also, are there any good sites that describe how to do
relatively basic graphics effects for lower level users?
If you visit the following link, a method is described at the
beginning of the tutorial.
http://www.gotoandlearn.com/play?id=32
The site has some fairly good tutorials that may work for
your latter request as well.
Similar Messages
-
Colour to transparent gradient in Illustrator CS2
I am creating a logo in Illustrator CS2 and i want to put a reflection
underneath, that has a gradient fading to transparent. It can be done but the logo needs to be used in other programs such as InDesign. When placed into InDesign the transparency of the gradient is no longer there, it changes to white.
Is there any way to do this?
thanks TimTry using a transparency mask: http://livedocs.adobe.com/en_US/Illustrator/13.0/help.html?content=WS2D8B6C1E-A2C8-4902-8 9C8-E5D04A6B314B.html
-
Gradient mesh tool in a donut-type shape
Hello
I am trying to use gradient mesh in a donut-type shape. Basically I want the inner and outer circle of the donut to be black and the inner to fade to gray and back. In other words I want the gradient mest to follow the path. Now I realise that gradient mesh cannot do this. So what I did was cut my shape in four and then try to apply gradient meshes -- still it didn't work. Hopefully the below will explain what I am trying to do and what I end up doing!
Thanks in advance for your help
JohnOr … if you find time to do some origami (note that it's just a related topic to entertain a little bit).
1. First, turn on Smart Guides in the View menu, set up some construction guides and draw a rectangle that has the same width as the circular guide, but 50 % of the circular guide's height. Like this:
2. Select the rectangle
3. Object > Create Gradient Mesh: 1 row, 4 columns
4. Direct select the top left mesh point
5. Double click the Scale Tool and choose Uniform Scale = 0 %
6. Now, select the second mesh point from the top left and scale it: Uniform Scale = 0 %
Repeat scaling each single mesh point until all direction lines completely scarper.
7. Direct select the lower 5 mesh points
8. Double click the Scale Tool and choose Uniform Scale = 0 %
9. The next step is to direct select mesh point B and drag it onto the circular guide's anchor point W.
10. Now, direct select mesh point D and drag it onto the circular guide's anchor point O.
11. Direct select mesh point A and drag it to the South Pole. Do the same with mesh point E. This is the result:
12. Take the Convert Anchor Point tool, click on mesh point N and Shift drag to the left until you reach the vertical guide G1.
13. With the Convert Anchor Point tool click on mesh point W and Shift drag to the bottom until you cross horizontal guide G3.
14. With the Convert Anchor Point tool click on mesh point O and Shift drag northwards until you cross horizontal guide G2.
15. Finally do the same at S, but note that there are actually two congruent mesh points, so you'll have to fiddle around a bit in order to drag out the direction lines. However, you should be able to get this:
Now take this mesh object and add it to any Symbol library, so that you can use it as a conical grad maker in future sessions where you just draw a rectangle, fill it with a linear gradient, place the symbol on top of the rectangle and execute the Object > Envelope Distort > Make with Top Object command. -
Hello,
I have been using CS5 for about 2 years now and suddenly it started acting up. I do a lot of gradient fading on band photos, i.e fading them into one another. I am a novice at best, but I have a working knowledge of the program. a few weeks ago my gradients started acting goofy. Normally, I could take a photo, fade the edges out to transparent multiple times on the same mask. I.e I could open a layer mask, make all the fades I wanted, and then move on to the next photo. Now, I make a fade, then when I try to make a second, it removes the first.
This same thing happened to me a few months ago but I can't remember how I fixed it. I have scoured google and gone on an endless search of people having this issue and being told to use other tools, other methods, etc. I know what I am trying to do (and have successfully done it for 2 years) for whatever reason something is tweaked, or a setting changed that won't allow me to. I have reset the gradients, followed the hard key preferences reset procedure, and even completely uninstalled the program from my rig and re-installed. Nothing has helped.
PLEASE HELP!I suspect that you used to have gradient option set Foreground to Transparent, and that you now have it set to Foreground to Background.
-
Right way to add graphic sidebars around the container or any div for that matter?
*** Note sidebars maybe the wrong term and confuse you here
If i want graphical sidebars around both sides of the main
container div..... so that if i had a margin of say 20px on each
side and the sidebars are maybe 8px in width, well i can create a
small maybe 8px x 5 px image and repeat it the height of the
conatiner div.
Is there a done way to inset the graphic into the div and
then have it scale to the height of the div.. Here is a pic example
of what i am trying to do,
http://i44.tinypic.com/1zdbr78.jpg
Or look at this site, see the gradient faded red sidebar
graphics around the whole contaner, they do a similar thing inside
the conent div boxs as well.
http://www.mayfindesign.com/Do you mean a border? When I need to do this, I use three
graphics:
1. A top capping graphic
2. A vertically tiling center graphic
3. A bottom capping graphic
In ASCII art the three would look like this -
|=================|
| |
|=================|
where "|" is the vertical part of the border, and "=" is the
horizontal part
of the border. Since the middle graphic tiles vertically, it
expands to
fill the height of the container perfectly. The markup for
this would look
like -
/* CSS */
#topCap, #bottomCap, #middleContainer {
width:300px;
margin:0 auto;
#middleContainer {
background-image:url(/images/middleBackground.jpg);
background-repeat:repeat-y;
HTML
<body>
<div id="topCap><img src="/images/topCap.jpg"
width="300" height="20"></div>
<div id="middleContainer">....</div>
<div id="bottomCap"><img src="/images/bottomCap.jpg"
width="300"
height="20"></div>
</body>
Murray --- ICQ 71997575
Adobe Community Expert
(If you *MUST* email me, don't LAUGH when you do so!)
==================
http://www.projectseven.com/go
- DW FAQs, Tutorials & Resources
http://www.dwfaq.com - DW FAQs,
Tutorials & Resources
==================
"rams30" <[email protected]> wrote in
message
news:gjidto$ku$[email protected]..
> *** Note sidebars maybe the wrong term and confuse you
here ****
>
> If i want graphical sidebars around both sides of the
main container
> div.....
> so that if i had a margin of say 20px on each side and
the sidebars are
> maybe
> 8px in width, well i can create a small maybe 8px x 5 px
image and repeat
> it
> the height of the conatiner div.
>
> Is there a done way to inset the graphic into the div
and then have it
> scale
> to the height of the div.. Here is a pic example of what
i am trying to
> do,
>
>
http://i44.tinypic.com/1zdbr78.jpg
>
> Or look at this site, see the gradient faded red sidebar
graphics around
> the
> whole contaner, they do a similar thing inside the
conent div boxs as
> well.
>
>
http://www.mayfindesign.com/
>
> -
Illustrator: Pixelisation when making my Logo Image Smaller
Hi There,
I am a hardcore Photoshop nut lol but I have recently approached learning how to use 'AI' to create my company Logo so that It can be Vector based and therefore Re-size it according to web and print as needed.
You've proberly encountered this problem lots of times and i'm proberly being really silly, but I am having major problems re-sizing and it, causing pixelization on my Image, esp when going to 'Save for web and Devices'.
I did have 'drop down shadow effects' on the Logo but I believe I have deleted all of that in Appearences, Incase it is the raster effects causing the problems... but even back at its seamingly basics, I'm still having the same problems.
I tried making the Image smaller using the 'scale' & 'transform' tool before taking it into 'Save for Web and Devices' and even on my artboard it now looks pixelated..
My Artboard size is 1200 x 1200 and in 'Save for Web and Devices' it says the Original Image size is 800 x 600 (which I believe is the size of the document I chose when starting my project)...
I tried Playing with the PPI in the 'Document Raster Effects' settings, this doesn't seem to be making a difference.. Infact I'm sure playing with all the settings has almost caused my edges already to not be as sharp in view: 100% (RGB/Overprint preview) as they once were and I don't think I have the original document to go back too, due to thinking the Logo was fine, before relizing I had a problem in resizing & saving.
I have tried all of the save options in 'Save for Web and Devices' but still the Image looks pixelised, even when ignoring previewer and going ahead to re-opening the saved Image.
I'm using Adobe Illustrator CS3 if that's any help..
Any help anyone can give me, Id be very greatfull, I've spent hours trawling the web tirelessly without any result and after being so happy with the Logo, it would be such a shame to have to delete it and try and start all over again either in Illustrater or back in Photoshop (where I know the quality won't be as good)..
A massive Thanks to anyone who can help with this..
PinkHi Jacob,
Objects:
Paths: 5 (0 open, 5 closed, 28 points, length = 514.658 px)
Compound Paths: 2
Gradient Meshes: NONE
Symbol Instances: NONE
All Type Objects: NONE
Point Type Objects: NONE
Area Type Objects: NONE
Type on Path Objects: NONE
Clipping Masks: NONE
Opacity Masks: NONE
Transparent Groups: NONE
Transparent Objects: NONE
RGB Objects: 7
CMYK Objects: NONE
Grayscale Objects: NONE
Spot Color Objects: NONE
Pattern Objects: NONE
Gradient Objects: NONE
Brushed Objects: NONE
Styled Objects: NONE
Fonts: NONE
Linked Images: NONE
Embedded Images: NONE
Non-Native Art Objects: NONE
this is what the document says for 3 of those Imported Images on one layer, I wasn't sure where I was looking to see if it was raster or vector artwork?
It was fine, some of the rounded Images are a little jagged now, after fiddling with all the settings so much.. but I can live with a little discretion... but I'm going that low for my Tumblr avatar
Thanks, Pink -
Movies on photo album page not working correctly
I have movies on some photo album pages, and only since updating to Snow Leopard, when I click on a movie, the sound begins to play, but the picture sticks on the poster frame. If I go "back to album" and click the movie again, it will usually play normally. What gives? Anyone else have this happening?
I have a similar problem with movies. Put a movie made on the iphone into a space holder place on a Blog page. Got the green plus sign and it played on the page.
After publishing I see the first frame on the main blog page, but when I click read more to see the movie and whole blog entry I get a faded quicktime symbol with a question mark symbol in the middle. -
White lines around PNGs when exported to PDF
I am having the problem that imported images frequently have white bars around the outside of the image when the document is exported as a PDF. Looking at the two images currently affected I notice they are both PNG images. I fixed the image that was just rectangular in shape by just turning it into a JPEG as I did not require the use of transparency, but the second object is a different matter and I require the use of PNGs transparency. These lines are not present when in indesign normally.
The line is only noticable in one spot where a black rectangle meets the black background (only the top of the rectangle is visible against the black as one side is covered and the other side is out of the crop area) so I am not certain if this is the only spot it is occuring.
The line is not even a straight white line!
I have had this problem before with lines appearing around objects which should not be there, as well as objects not appearing as they do in inDesign, any advice for fixing this?Ok guys I don't know what was wrong with my old TIFF image, but I swapped it out for a TIFF image which had a gradient fading from black to transparent as opposed to a straight black box and now the line is not there *shrug* it seems quite weird to me since I made sure the image was correct by cutting off the top segmant of the image where the trouble was.... but I dunno....
The exact same image in illustrator or photoshop showed up fine.. so I cannot understand what the problem was
EDIT: GAK!! its back on a new image I just put into the document same problem except it is on all sides of the black rectangle... *shakes fist* bah I will put another bloody gradient around the stupid thing....which by the way worked and the gradient was placed on the bottom layer so I dont see how it could be the image? I think this is proving that the problem is with acrobat (or saving from indesign) not the image...
NOTE: I would rather not post the files for various reasons -
Good afternoon,
When I try to print to PDF from Illustrator, the following error pops up. Any thoughts on how to correct this?
Many thanks!
%%[ Error: undefined; OffendingCommand: setdistillerparams; ErrorInfo: CalCMYKProfile U.S. Web Coated (SWOP) v2 ]%% %%[ Flushing: rest of job (to end-of-file) will be ignored ]%% Error accessing color profile: U.S. Web Coated (SWOP) v2 %%[ Warning: PostScript error. No PDF file produced. ] %%Thank you. When I save to PDF, the gradient that I have in my document does not show up correctly. I have a gradient fading from blue to green. The blue shows up fine, however, the green is simply a white rectangle. Is this part of the issue described earlier?
Thanks. -
How do I fade the edges of a photograph
I would like to fade the edges of an image to match the background of my blog so the picture isn't a boring rectangle. You can see the main image here and see what I mean... it looks like a generic blog header with the blocked image.
I tried using the gradient tool, which I've used to create a reflection effect for ads and such, but had no luck in this project because it doesn't radiate evenly across all sides. I would even consider a rougher look, like when you use the spray, to fade the edges.
Any ideas or a point towards an existing tutorial would be much appreicated. Is there an action for applying this type of effect to images?Hi there -
Your image link isn't working so I'm not precisely sure what effect you're trying to achieve. Below is a brief tutorial on how to easily feather the edges of an image by using a mask - if this isn't what you're looking for, post a reply and try relinking your image.
1. Open up your image in Photoshop - I have deleted the background layer so that I'll have a transparent image when I'm done (saving as .png).
2. In your layers panel, click on the Layer Mask icon, shown below.
With a layer mask, white areas will show your image while black areas will mask your image - this is a non-destructive way to "erase" areas of an image in Photoshop. Here's a great little beginner guide to masks.
3. Now, grab your Gradient Tool and set it to a Black to Transparent gradient.
4. Now you can drag out your gradient, fading away the edge you'd like. You can also use a large soft brush set to black to do the same thing. Make sure that whenever you're editing the layer mask, you click on the layer mask thumbnail in your layers panel - not the layer thumbnail (you can see in the screenshot below that there are small white corners around the layer mask thumbnail telling me it's selected).
When finished, save your image in a transparent format such as .png so that the background of your website will show through the transparent areas of your image.
And again, if this is not what you are looking to do, please post a reply!
Cheers,
Kendall -
Disappearing Photoshop Workspace
Hi,
I'm a Mac user OS X Lion, Photoshop CS5. I'm not a technical person so apologies if i'm not using the right terms.
I used to be able to move the PS window about freely, however suddenly the main 'frame' is rooted to the screen. The minimise options are also missing and it appears the edge of the 'frame' is missing off the edge of my screen to the right. I can however move the two different top bars within the top frame (the one which has a faded PS symbol in it). I can also minimise the whole of photoshop if I open another application on my Mac such as Google Chrome. I do not have this problem with any of my other programs on Mac and can move everything about freely by dragging and dropping any grey bar at the top.
I've tried various things to make this work, craete new/change workspace, float windows (although i've always likes the grey background and tabs), standard screen mode full screen mode, changing the options in the interface section in preferences. I cannot however move (drag and drop) the main frame work.
The pallette to the side which contains my layers and effects options (icons on the side of it) which is usually to my right is also missing.
I'm not sure if there are some settings that i've missed having a play with, I'm just sad my saved workspace which i've tweaked over the past few months has suddenly disappeared.
If anyone could help, i'd be really grateful.
Thanks,
Michellehere are some images that should better describe my issue.
the layout i was previously using had the following features
Photoshop window chromei could resize move and minimize the entire workspace.
Tabs across the top with all open files
fully visible right panel (with layers etc)
Due to an accidental keyboard shortcut or something, i cannot get all of these items back on one screen.
Below are images that show two different screen modes and my photoshop preferences.
thanks for your help!
MAC OSX 10.6.8
PS CS6 Extended -
"Too many objects" (Illustrator - FC)
Hi all,
Are there guidelines on just how many objects (or what kind of objects) cause this error? Tips on this topic would be greatly appreciated as well.
Old threads on this seem to indicate that
I don't come close to it (number):
http://forums.adobe.com/message/2528581
"kind of object" seems to matter:
http://forums.adobe.com/thread/726669
I am of course assuming the threads above are accurate.....
This is the Illustrator document info (Objects) I'm trying to open in FC:
Objects:
Paths: 52 (17 open, 35 closed, 198 points, length = 60099.035 pt)
Compound Paths: 2
Gradient Meshes: NONE
Symbol Instances: 7
All Type Objects: 231
Point Type Objects: 231
Area Type Objects: NONE
Type on Path Objects: NONE
Clipping Masks: 6
Opacity Masks: NONE
Transparent Groups: NONE
Transparent Objects: NONE
RGB Objects: 277
CMYK Objects: NONE
Grayscale Objects: NONE
Spot Color Objects: NONE
Pattern Objects: NONE
Gradient Objects: NONE
Brushed Objects: NONE
Styled Objects: NONE
Fonts: 1
Linked Images: NONE
Embedded Images: 6
Non-Native Art Objects: NONE
Thanks!
EdOk, hopefully this helps others. In my case (and my case alone), the culprit was text - just like what was described in the #2 thread above (regarding text styles, etc).
Truth is, I didn't even notice it (these are files from other people consolidated into a single document)...until I saw some text layers had that "meatball" in the plate indicator - btw, whatever it was doesn't show up in the Appearance pallete of Illustrator so add that to the mystery - I just dragged the meatball into the trash can - not really knowing what it was (and it didn't affect the appearance of the text either...go figure).
Hopefully, an update/fix to FC make it friendlier as far as messaging is concerned. "Too many objects" is just too vague.
I think a lot of users can share my horrific experience:
You go through the effort of organizing your Illustrator document for FC
Now that its all neatly organized;
You can't get it into FC with a vague message about "too many objects"
You randomly start making changes to no avail (because of this vague message), and really, in my case, without that past thread I'm referring to, TEXT would be the last place I'd look.
Ed@SF wrote:
Hi all,
Are there guidelines on just how many objects (or what kind of objects) cause this error? Tips on this topic would be greatly appreciated as well.
Old threads on this seem to indicate that
I don't come close to it (number):
http://forums.adobe.com/message/2528581
"kind of object" seems to matter:
http://forums.adobe.com/thread/726669
I am of course assuming the threads above are accurate..... -
Quicktime isn't working properly
Ok, I know this question has been asked a few times, but I can't find anywhere that it has been resolved...so I will ask in the hope that someone out there knows how to fix it and will share with the rest of us.
When I got my new MacBook in June 06 Qiucktime worked fine, then after doing a routine Software update it just decided that it didn't want to play anymore and for most of the streaming things the Quicktime symbol would fade and a huge question mark appear. Most of the stuff on my hardrive still worked, but stuff via the internet didn't.
I have done a few updates since then and it is compleetly installed with to the minute information (just did another one today). Now some stuff that didn't work before will work now, but other things won't. When I go onto Youtube I can't play anything and the faded QT symbol with the ? appears. Some adds that you get on website also have this.
I have tried heaps of things...restoring to factory setting, changing settings one thing at a time, uninstalling it then reinstaling it. My dad has a Mac that is about 3 months older than mine and I have tried copying the settings on his and even though I have the same version as him, his works and mine doesn't!!!
It's just annoying that I can't fix this problem!!!
What do I do....Can someone help?
MacBookyou tube uses flash, download the universal version here: (the one on the left)
http://www.adobe.com/shockwave/download/download.cgi?P1ProdVersion=ShockwaveFlash&promoid=BIOW
also, open your system preferences
go to QuickTime
click the advanced tab
click the MIME settings button, at the bottom
click use defaults, at the bottom
also, while there , make sure the Enable Flash checkbox is checked
also, download Flip4MAc - it will play any Windows Media inside of QuickTime:
http://www.flip4mac.com/wmv_download.htm -
When trying to import a file from AI, I got the following message:
"The design file you have selected has too many objects to import into this beta version of Adobe Flash Catalyst.Please consider rasterizing complex groups or layers, then try importing it again."
What is the limit amount? Will this increase with beta 3? Or full release?
ThanksI am trying to open my first AI project in Flash Catalyst but it is not being friendly to me (or I too it evidently)
I am getting the following error message when trying to open the Ai from Catalyst...
"The design file you have selected has too many objects to import to Adobe Flash Catalyst"
It then tells me I should flatten some layers.
I can't see this being the case because I only have 25 total layers comprising of:
2 simple rectangle paths w/gradient
2 arrow symbols
2 Jpegs
19 text layers
I'm on a running Snow leopard on a Mac Pro.
-Daniel -
Direct pixel access on MovieClips | AS2.0.
How can anyone read and change the RGBA pixel values of
MovieClips in AS2.0?
This question comes up, when we need to apply self coded
filters on a MovieClip.
For example I want to make a MovieClip to appear mirrored and
it's pixels to change their alpha from 100 to 0, from the top side
to down. As far as I know all Flash filters are applied to the
whole MovieClip. Thus I guess the only way is to make a function
that will take the pixels RGBA values and their positions relative
to the origin of the MovieClip instance and change dynamic their
values. This technique is used in many Photos presentations as far
as I have seen, where the photo is apperead as mirrored and
gradient-faded.
In another case I want a dynamic Fish-Eye filter to be
applied to panoramic moving image, giving in that way the sense of
depth to the viewer. In order to do that I have to know the XY-RGBA
(A for Alpha) values of each pixel, and to be able to change them
dynamically on runtime.
Anyone that can help?...
Thanks.a) yes only for bitmap image data - however you can 'draw'
any on stage clip into a BitmapData object. Then you can
attachBitmap using the Bitmap data object to the current clip.
b) yes - in the colors pallet if you have applied a gradient,
you can select any of the color points on the bar and reduce the
alpha by any amount.
However, if you are planning on using this for the 'mirror'
effect - you will need to create a mc that 'overlays' the newly
created mirror image clip and then use it to mask the mirror -
remember that when using a alpha based mask both the mask and the
maskee need to have their 'cacheAsBitmap' properties set to true.
sorry for jumpin in there kg :)
Maybe you are looking for
-
Moving activities from one track to another
Hi, I was wondering whether it's possible to move activities (not activated nor transported yet) from one track to another. Here's our setup: Project is divided into 2 phases: Phase A is completed developed - Still waiting for the results of UAT. Pha
-
I need to base64 binary encode a BLOB of up to 60k. Basically I need a way to base64 binary encode a BLOB and output it to a text file. I don't want to use UTL_ENCODE.BASE64_ENCODE(r raw) because breaking my BLOB into RAW size chunks, encoding each c
-
The problem keeps surfacing every time I use the browser. Around 1-2 times per session. It causes the screen to become unresponsive, and soon after it blacks out for about a second or so. Once it comes back I get a message saying that my Display driv
-
This Entry Already Exists in the following table 'Contact Persons' (OCPR)
I was just trying to add a contact name 'Peter' to a BP master data's contact tab. But it is giving me the error message: This Entry Already Exists in the following table 'Contact Persons' (OCPR) (ODBC-2035) [Message 131-183]. We've already have lots
-
Can I have my I tunes library on my iMac and my new MacBook Pro
I have just purchased a new MacBook pro retina display however my iTunes library is on my desktop IMac. Is its possible for me to see the same library on the 2 devices and if so how can I do this? Thanks