Is there a way to do this with Adobe Fireworks?
I know its possible using Photoshop with this tutorial.
Answer
I haven’t used Fireworks in a long time. I just use GIMP, but Fireworks should work.
In the example image you have provided, the distortion is so little I would just Blur it.
Way #1
try this:
- Select the area you want to effect and copy it to a new layer.
- Create a highly transparent black box narrow enough and centered vertically for top and bottom border.
- Create top and bottom highly Transparent (like 25%) white strip as the border.
- Place text.
- blur copped image as desired.
- (extra) Blur image under border horizontally even more like 100px more (depending on your image size)
But if you really want that rough glass distort effect, you should use GIMP, it’s free! and open source, why not?. These settings are pretty good on an image width of 1024px. Here you go!
Way #2
Example look closely
- Open your image.
- Use the
Rectangle Select Tool
over where you want. - Copy
Ctrl + C
then pasteCtrl + V
. - Now in the
Layers Panel
,Right Click
on thePasted Layer
and selectDuplicate Layer
. - Use the
Paint Brush Tool
setColor (white) Size (Large enough to make painting easy)
and paint over that area. - Use the
Rectangle Select Tool
to select where you want the black part. - Use the
Paint Brush Tool
setColor (black)
and paint the area. - In the
Layers Panel
setOpacity (25)
- Select the
Pasted Layer
and blurFilters -> Blur -> Gaussian Blur
setx (10), y (10)
. - In the
Layers Panel
,Right Click
and selectDuplicate Layer
. - Select all
Ctrl + A
and then pressdelete
. - Now,
Filter -> Noise -> Hurl
setRandom Seed (whatever), Randomization (60), Repeat (5)
. Colors -> Desaturate
setLightness (on)
.Filters -> Blur -> Gaussian Blur
setx (2px), y (2px)
.- In the
Layers Panel
,Hide
this layer and selectPasted Layer
- Use the
Box Select Tool
over where you have the borders (holdShift
to select the other one). andFilter -> Blur -> Gaussian Blur
setHorizontal (100), Vertical (0)
. - Now select all
Ctrl + A
andFilter -> Map -> Distort
setx (10) and the hidden Layer, y (10) and the hidden layer, Displacement Mode (Cartesian), Edge Behavior (Smear)
. - Add text and change
Opacity, and color
Way #3
Here is an example of what I got
- Open the image.
- Use the
Rectangle Select Tool
and drag over the image where you want to do that effect. - Copy
Ctrl + C
then pasteCtrl + V
now select allCtrl + A
. - Now in the layers panel,
Right Click
on the top layer and selectTo New Layer
. Right Click
on that layer selectNew Layer
setLayer name (Cloud), Layer Fill Type (Transparent)
.- With the last layer you created selected
Filters -> Render -> Clouds -> Plasma
. - Set
Turbulence (7)
(Unless it is a very small image). Filters -> Map -> Make Seamless
.- Use the
Scale Tool
setinterpolation (None)
MarkKeep Aspect
. - Scale accordingly
Filters -> Map -> Tile
to the size of your image, Done.Filters -> Blur -> Gaussian Blur
setHorizontal (5px) Virtcal (5px)
.Filters -> Edge-Detect -> Sobel
mark everythingFilters -> Blur -> Gaussian Blur
setHorizontal (5px) Virtcal (5px)
.Filters -> Map -> Displace
setx (30, Cloud layer) y (30, Cloud layer), Distortion Mode (Cartesian) Edge Behaior (wrap)
.- Hide the
Cloud
andImage
layer. - Use the
Rectangle Select Tool
Select where the pasted image is. - Unhide (so you can see the change) and select
Cloud
layer thenLayer -> Crop Layer To Selection
then re-hideCloud
layer. - Select
Pasted image
layerBlur (10px)
Filters -> Map -> Distort
with theCloud
layer asX &Y
, about 20 each, and markSmear
.- Create
New Layer
and select it. - Use the
Paint Brush Tool
set theSize
large enough to paint over the selection. SetColor (Black)
and then paint over it. - Use
Select Rectangle Tool
Hold Ctrl + Click and Drag
over the area where you do not want borders leaving selected where you want borders. - Use the
Paint Tool
setColor (white)
and then paint over the area. - In the
Layers Panel
setTransparency (25%)
. - Select the copped image layer
Filters -> Blur -> Gaussian Blur
you want to un-markKeep Aspect
so you can setHorizontal (100) Virtcal (0)
. - Use the
Text Tool
setFont, Text, Size, Color and Layer Transparency
. - exta, use the
Select By Color Tool
setThreshold (3)
thenClick
on your text, it should now be selected. - Select pasted image layer, then
Filter -> Blur -> Guassian Blur
setx (40), y (40)
.
If you find your image is huge and need more noise, just:
That’s the gist of it! Tween until it looks how you want.
Enjoy.
If you did’t get all that, ask me to explain it. good luck!
Attribution
Source : Link , Question Author : JustTrying , Answer Author : Falling Feather