Hot answers tagged effects
21
It's pretty much simply a Bevel & Emboss layer style set to Emboss. An inner shadow helps a little bit. But depending upon your needs, the inner shadow may not be required.
7
Sooner or later, a company logo will need to be reproduced in just one solid colour/channel, where even halftoning or greyscale aren't achievable.
You'd normally use a special variant of the logo for these purposes of course, but you need to consider how the underlying design will adapt. Will it still be recognisable? Perhaps not if effects, or even ...
6
Did a little poking around...turns out that Poly uses something called Delaunay Triangulation. If you search around for that term, some stuff comes up.
This guy (Jonathan Puckey) claims to pretty much own the process, but these guys (createtogether) would disagree - they've created a brush in Illustrator that lets you create something similar. I've not ...
6
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 ...
6
In Photoshop, you can manually create a blur effect in everything surrounding your image using the Blur Tool.
For example:
Rasterize your text so you have a bitmap image of your text.
Duplicate your layer (to keep the original safe!)
Select the Blur Tool, choose an opacity of 30% or so, and a brush size of 40px.
Start blurring your image from the ...
6
This has very little to do with GIFs.
Firstly you need to create the face-morph effect. There are apps that do it for you but it isn't a one-click process.
Secondly ther is a transition effect to blend between stages. It includes tiles, waves and a gradient mask.
Either way, this video (which it was at one point) isn't an easy process if video editing ...
5
Historically, issues would be:
reproducibility: Can it be faxed, photocopied, mimeographed, shown on 480TV, etc?
resizability: can the logo be increased/decreased in size and still look good?
cost: can the logo be reproduced with 4 color or spot printing without breaking the budget
file complexity: can the RIP software process the file to begin with?
can ...
5
I believe that may be a photographic technique called light painting. Though I'm sure something similar is achievable in photoshop. I could be wrong though, but that's what it looks like to me.
The way I would handle this though is I would find some suitable text edit it a little bit to get the look I want, find some quality stock imagery of sparks and ...
5
I don't know about a template. You'd need to
select an image or texture for your surface
drop your art in at the desired angle
overlay the setting with a gradient and add shadows for a lighting angle
add soft-focus for effect
judiciously apply film grain to temper that overly-smooth cgi look
Get one setting working the way you like, then create a few ...
4
From kindergarten to elementary school the majority of my (and other kids') drawings had a thing called "corner Sun" which was a quarter of the Sun filling the upper-left corner. At first this analogue might sound far–fetched or tongue–in–cheek, but I think the concept of corner Sun points to the source where the idea of ideal drop shadow comes from.
Now, I ...
4
In your designs of your own devising, be consistent. If one object has a top-left light source, then all of your objects should have a top left light source.
In designs of others's devising, you need to be consistent with their format. In the case of Apple's Mac OS X (per the HIG), drop shadows come from the top-center, and actually a bit on the front ...
4
@Jack this actually is a bevel
To use:
drop shadow, about 1 or 2px (opacity low)
gradient (light green to slighter darker green)
Bevel (opacity low, size 1 px)
Note: If you invert it (dark inner shadow, and reverse the gradient and bevel and you will have your pressed/mouse-over button.
Will provide screenshot and download later
EDIT
This is what i ...
4
I recently ran into this exact issue with a client, and it took great effort to convince the client and another designer against it.
Basically, we were engaging in a brand development project for a client whom we were also building a website for. Very early on, the other designer suggested a "neon sign" look. The client loved the idea and latched onto it.
...
4
If you're using GIMP, I've created some pictures (== 1000 words * 5) that should show the process:
EDIT: Just be sure to start with a transparent background. I made the mistake of starting with a white background, but I fixed it using Colours->Colour To Alpha. Alternatively, if you're insane, you can use Channels or something similar.
Copy your image ...
4
This looks like a photo, so I'll treat is as one.
You are doing few things wrong here.
You should've used plain white paper instead of one that has
lines.
You should've used proper/better lighting, perhaps a light directed right into the paper, but the more sunlight, the better it is.
It doesn't take more than common sense to know that less lines ...
4
It is simply a white drop shadow applied to the text.
In this case, it is achieved with the CSS code:
text-shadow: 0 1px 0 white;
Works best on bold text.
The icons would probably have been done in Photoshop in a similar style to match. In Photoshop, you could get the same effect by duplicating the text, moving the duplicate down one pixel, dropping it ...
4
Using Strokes
This does alter the original shape. If that bothers you, this isn't for you, but it's a much easier solution than doing it manually.
Change the black stroke to the same color as the fill:
Up the stroke a bit and then give it a "Round Join" corner in the Stroke palette:
Outline the stroke:
Merge the stroke and the fill in the ...
4
So it's just two adjustment layers you need to add? I'd create an action to add them, then use a batch (File → Automate → Batch) to process all the original files. You can include a Save For Web command in the Action to save them to a known location, as well.
Should be a fairly quick job to set up, and it also shouldn't take long to stomp through 138 or ...
3
To bring it down to the simplest statement: Avoid any treatment that requires transparency effects (including use of blend modes, drop shadows, etc.), gradients or textures in the basic design of the logo, wordmark or logotype. Use solid colors. Be sure it works reversed out of a dark field as well as on a light field.
Once you have that basic shape and ...
3
You can do that with drop shadow
Effect > Stylize > Drop Shadow..
Just make sure that blur is 0px
Can be later on controlled from Appearance window
Window > Appearance
3
Find a tutorial?
How about this:
Write out your text in your desired font.
Create a white oval on top of your text
Lower the opacity on the white oval (Window >> Transparency)
Select the text, right-click it and "Create outlines"
Select the text and the oval, now go to the pathfinder window (Window >> Pathfinder)
Select "Trim"
Select the Direct Selection ...
3
It greatly depends upon the art and your skill level with Illustrator.
Illustrator does have drop shadows, gradients, glows, etc. So it can all be done in Illustrator. It's merely a matter of one's proficiency.
SVG offers a great deal more than any Photoshop format will. SVG can be scaled on the fly and maintain appearance... png/gif/etc. can't.
3
If SVG is the desired output, I'd suggest giving InkScape a try. It's open soure. While the UI isn't quite as polished as AI, it's quite robust and the native file format is SVG, so ideally suited for SVG work.
As for 'effects', you can emulate raster effects with vector files and vice versa. It can be tricking depending on the type of effect, but certainly ...
3
The the letters, convert to outlines, and union them if you want them tightly kerned/overlapping like that.
Then clone it 3 times so you have 3 identical objects on top of each other.
Give the bottom one a large black stroke. Give the middle one a medium gray stroke. Give the top one no stroke, but a white fill.
Now convert the middle one's path to an ...
3
I'm a HUGE fan of the Appearance Panel.
Using the Appearance panel you don't need to duplicate anything and you can keep the text live so you can edit it at any point in the future. Duplicating objects, for me, simply means there's two to three times more work involved if you should need to change something like a single character. Also, if you create this ...
3
Most of it can be done with photoshop as plainclothes suggests.
And sometimes it works well.
But if your portfolio is primarily print work, nothing beats actual samples of the printed work.
Alternatively, I find nothing wrong with not going the photo-realistic route. If you designed business cards, just show them as your standard rectangle. That let's ...
3
Well, I solved it.
Let's consider my avatar as the original image. I make sure it is cropped into a circle.
Then in photoshop, I do Filter->Distort->Polar coordinates->Polar to rectangular:
Then, I resize the contents (but not the container [e.g. select all, edit->transform->scale]) of the image horizontally. The percentage I reduce is the percentage ...
3
I suppose someone should tell you that any logo you create by this process won't really be all that good in terms of quality, in the same way that me tweaking a WordPress template doesn't make a quality website. Sure it works, and doing it yourself is always the cheapest option, but at some point you might want to seriously consider investing in a graphic ...
3
Download the psd here click on the blue-button.psd text in top left corner
Its all done with gradients, inner shadow for the highlight at the top and for the shadow round the edge i used a bevel. You can download the psd above ^. Its all a little off just were a picked random colors from the jpeg.
2
Find a good water texture, put it over the layers, change the blending mode to overlay. This is a quick result:
Btw: i also removed the saturation of the water texture befor aplying it.
Hope this helps? If not, be more clear and i will try to help
Only top voted, non community-wiki answers of a minimum length are eligible
