How do you make a gradient like this
Is it a linear, radial, angle, etc?
Tried a few things but nothing is working to match it yet.
Thanks.
charles badland wrote:
Unless you are using an Adjustment Layer Gradient
Right idea, slightly wrong terminology. It's actually a Fill Layer on which you can make a gradient, then edit its characteristics.
Once you have such a Fill Layer created, you can edit it by double clicking the gradient icon in the Layers panel, and you can move its position by unchecking "Align with layer" then moving the center by dragging it while the Gradient Fill dialog is still open:
-Noel
Similar Messages
-
How would you make an effect like this?
Hi! I'm new to the forums, but hopefully it's ok if I start this new discussion. I'm very new to Photoshop as well (newbie).
Here is the image: http://sffbookreview.files.wordpress.com/2012/10/life-of-pi-banner.png
How would you make the image on the right - with the watercolor painting crop effect of the tiger? Also, how would you make the font on the left gradually turn to orange?
Thanks! Your help is much appreciated.Hi there,
Here's a really quick tutorial on how to add the mask and gradient text over the image of a tiger.
Masking the Image
1) Open your image of the tiger. There should be two layers in your layers panel: the image and a white background.
2) With the tiger layer selected, click on the icon marked below in the layers panel to create a layer mask.
3) Being sure you have the mask you just created selected, paint with black using the brush tool to mask out the image. In your layers panel, if you look at the mask icon, you will see the areas where you were painting (on the canvas) change to black. Use a variety of brushes to recreate the effect in your example image.
Creating Text with a Gradient Effect
1) Use the Type Tool to create your basic text and reposition it on the page with the Move Tool.
2) In the layers panel, control click on the type layer and select Blending Options.
3) In the dialog box that opens, check the Gradient Overlay box and click on the "gradient overlay" text to move to the gradient options. Adjust the angle of the gradient, then click on the colored bar to select the colors you want. Click OK on each dialog to close them.
Final result:
I hope this helps, and please let me know if you need any more assistance. -
How can I make a gradient like this? (Edge between colors is hard, and bends)
I'm using Illustrator CS5
Looking to make a gradient similar to the one in the "BubbleBoddy" font here -
What's the smartest way to go about doing this? I have a basic understanding of gradients, but I have no idea how to get the gradient line to bend like that, or how to get such a "hard edge" between the light and dark pink.
Any help is greatly appreciated! Thank you!draw a curve, copy it, colour it, blend 'em (alt + ctrl + B or Object > Blend > Make
then use your text as a mask. -
How do you make an image like this?
I am sorry if this is time consuming but I saw this image on a website and it caught my attention.
Ai is Illustrator, but a lot of digital artists use Photoshop for this sort of illustration. I suspect most of it for the gaming industry.
Check out Digital Tutors. They have a number of titles that show a step by step guide to producing artwork very similar to your guide.
Photoshop Illustration Tutorials and Training > Digital-Tutors
BTW I do hope this is a serious question. The similarity of your usename to the text in the illustration, had me thinking you might be spamming this forum. Tell me I'm wrong and I'll be happy to help. -
How can I make a image like this one? (image in description)
Hi guys I need to know how can I make a image like this one http://img31.imageshack.us/img31/2710/69823211.gif
I need step by step instructions please. How can I animate it like that? Whats the font? Tell me everything please.To do a step by step instruction on here will take someone a very long time, as you havent really said at what level you are at.
On Youtube there are a lot of animation tutorials for PS. But essentially in this case you are moving that white streak across a few frames at a time.
The font might be found with the help of http://http://www.myfonts.com/WhatTheFont/ -
How hard to make a website like this one ?
Hi, I hope I don't stress people with my status, but I'm a
complete newbie with desire to learn. I just figured out we have
Dreamweaver at school in the Mac studio, adobe version if I recall
correctly and I wanted to make a band website with it, but couldn't
understand where to start.
So first, since I don't want to hire anybody to do it for me,
I would like to know how hard it would be to make a website like
this one :
http://franzferdinand.co.uk/
In my logic, the first step would be to create a background
image with the menu drawn in it then add buttons to them to
navigate. I would then add the content boxes with scroll bars using
the draw div function.
My second question, how do I go about learning this software
? Are courses given somewhere ?
Thanks, Francis.> So first, since I don't want to hire anybody to do it
for me, I would like
> to
> know how hard it would be to make a website like this
one :
>
http://franzferdinand.co.uk/
If you know nothing of web design and development, it's going
to be hard.
Not that you can't do it. It's just going to take you a lot
of time and
effort to get up to speed on things.
> In my logic, the first step would be to create a
background image with the
> menu drawn in it then add buttons to them to navigate. I
would then add
> the
> content boxes with scroll bars using the draw div
function.
That isn't how that site was built nor the best way to to it.
The site in
question is fairly basic HTML and then styled with a lot of
well put
together CSS.
> My second question, how do I go about learning this
software ? Are courses
> given somewhere ?
Don't learn Dreamweaver. Instead, learn HTML, CSS,
Javascript, etc. Getting
a basic understanding of HTML and CSS will then allow you to
figure out
Dreamweaver fairly intuitively, plus you'll have a MUCH
better framework of
understanding to work from.
And feel free to ask questions in here!
-Darrel -
How do you make background gradient?
Hey all,
How would you make the background color a gradient effect,
such as black at the top fading toward gray at the bottom?
And also, on top of that, how would you make a rectangular
main area as your website-content area? It would almost fill the
page, but not quite- so the leftover width would be the gradient
background. The rectangular area would have a background of all
black.
Thanks!<mock><mock>
They are the same ones who have Flash on their site. Life is
too short to
worry about those tiny things....
Murray --- ICQ 71997575
Adobe Community Expert
(If you *MUST* email me, don't LAUGH when you do so!)
==================
http://www.dreamweavermx-templates.com
- Template Triage!
http://www.projectseven.com/go
- DW FAQs, Tutorials & Resources
http://www.dwfaq.com - DW FAQs,
Tutorials & Resources
http://www.macromedia.com/support/search/
- Macromedia (MM) Technotes
==================
"Alec Fehl" <[email protected]> wrote in message
news:f88b1a$kec$[email protected]..
> You mock! Hey - I know developers who name their
subfolder "img" rather
> than "images" because it saves a few bytes in their
code. Everything is
> another brick in the wall and can add up to significant
savings if you get
> a lot of hits.
>
>
> --
> Alec
> Adobe Community Expert -
How can I make 3d shadow like this
Look at her face
How can I make shadow like this
Thank youCould you post (a section of) the image you want to edit?
I assume you could
• create a fairly good mask of the skin areas and use that as a Layer Mask for a Layer Group
• create Adjustment Layers, Solid Color Layers, plain Layers with appropriate Blend Modes, … and paint in artificial shadows -
How do you make a gradient title larger
Hi All,
Not been using iMovie for too long so apologies if this is a really easy answer, I have searched the web but cannot find the right response.
Basically, I have added some white gradient titles to a few movies and in some cases the 'subtitle' text is too long and doesnt fit on one line, even when the text size is smaller. To combat this I used a carriage return to force some text onto a second line, but the gradient background doesnt enlarge with it, meaning the text continues below the gradient.
All I want to do is make the gradient white bos slighlty deeper to cover all the text ... 1 title and 2 lines of subititle. Surely that is possible?
Chrisin short: you can't
those title are, behind the scenes, 'generated', no graphic.
And those generators are limited. In other words:
come as is.
What you can do:
create your own titles!
Read my advice in my user tip here
>>click>> How to create a pointer or a custom title
For your needs:
In any paint-app (my preferred one: Pixelmator, avail in the AppStore) create a graphic, 16:9 aspect ratio, 'empty' background (=shown as checkerboard here), add a gradient, add titles, export as PNG to keep transparencies.
Added to the iMovie Project as 'pic in pic' resize - done. -
How would you detect a ground like this:
I have made racing games in the past, but never a side scrolling type.
Im trying to make one similar to this: http://www.gamesfreak.net/games/Cyclo-Maniacs_3730.html
But how would you keep the player on the ground? well not stuck to the ground because we would want the player to be able to use things like ramps.
Would it be a hit test? hmmmmmmmm Any ideas? anyone.Oh i apoligize. I pressumed because of the popularity of box2D you meant that. Well the code I have so far does a OK job for physics. Allthough i made it in intensions of a platform/side scroller. But its ok. I guess it could possibly be modified for a car or something.
Here is what i have so far:
package
import flash.display.MovieClip;
import flash.events.Event;
import flash.events.MouseEvent;
import flash.events.KeyboardEvent;
import flash.geom.Point;
public class DocumentMain extends MovieClip
public var _startMarker:StartMarker = new StartMarker;
public var _Player:Player;
public var _Boundaries:Boundaries;
public var _Wall:Wall;
public var _Floor:Floor;
public var _LButton:LButton = new LButton;
public var _RButton:RButton = new RButton;
public var _UButton:UButton = new UButton;
public var _DButton:DButton = new DButton;
private var _vy:Number;
private var _vx:Number;
public function DocumentMain()
stage.focus = stage;
//stage.addChild(_startMarker);
//_startMarker.x = 300;
//_startMarker.y = 300;
stage.addChild(_LButton);
_LButton.x = 80;
_LButton.y = 600;
_LButton.height = 75;
_LButton.width = 75;
_LButton.addEventListener(MouseEvent.MOUSE_DOWN, LMouseDown);
_LButton.addEventListener(MouseEvent.MOUSE_UP, LMouseUp);
stage.addChild(_RButton);
_RButton.x = 210;
_RButton.y = 600;
_RButton.height = 75;
_RButton.width = 75;
_RButton.addEventListener(MouseEvent.MOUSE_DOWN, RMouseDown);
_RButton.addEventListener(MouseEvent.MOUSE_UP, RMouseUp);
stage.addChild(_DButton);
_DButton.x = 140;
_DButton.y = 650;
_DButton.height = 75;
_DButton.width = 75;
//_DButton.addEventListener(MouseEvent.MOUSE_DOWN, DMouseDown);
//_DButton.addEventListener(MouseEvent.MOUSE_UP, DMouseUp);
stage.addChild(_UButton);
_UButton.x = 140;
_UButton.y = 550;
_UButton.height = 75;
_UButton.width = 75;
_UButton.addEventListener(MouseEvent.MOUSE_DOWN, UpMouseDown);
_UButton.addEventListener(MouseEvent.MOUSE_UP, UpMouseUp);
_startMarker.visible = true;
_startMarker.x = 500;
_startMarker.y = 300;
_vx = 0;
_vy = 0;
_Player.addEventListener(MouseEvent.MOUSE_DOWN, JumpDownHandler);
_Player.addEventListener(MouseEvent.MOUSE_UP, JumpUpHandler);
this.addEventListener(Event.ENTER_FRAME, enterFrameHandler);
stage.addEventListener(KeyboardEvent.KEY_DOWN, keyDownHandler);
stage.addEventListener(KeyboardEvent.KEY_UP, keyUpHandler);
private function JumpDownHandler(MouseEvent):void
_vy = -20;
private function JumpUpHandler(MouseEvent):void
_vy = 0;
private function LMouseDown(MouseEvent):void
_vx = -20;
private function LMouseUp(MouseEvent):void
trace("LMouseUp");
_vx = 0;
private function RMouseUp(MouseEvent):void
_vx = 0;
private function RMouseDown(MouseEvent):void
trace("RMouseDown");
_vx = 20;
private function UpMouseDown(MouseEvent):void
_vy = -20;
private function UpMouseUp(MouseEvent):void
trace("UMouseUp");
//_vx = 0;
private function enterFrameHandler(e:Event):void
_vy += 2;
//_vx += 20;
_Player.x += + _vx;
_Player.y += + _vy;
processAllTheCollisions();
scrollTheStage();
private function processAllTheCollisions():void
if (_vy > 0)
if (_Player.y > 500)
_Player.x = _startMarker.x;
_Player.y = _startMarker.y;
_Boundaries.x = 0;
_Boundaries.y = 0;
_vy = 0;
else
var collision:Boolean = false;
if (_Boundaries.hitTestPoint(_Player.x,_Player.y,true))
collision = true;
if (collision)
while (collision)
_Player.y -= 0.1;
collision = false;
if (_Boundaries.hitTestPoint(_Player.x, _Player.y, true))
collision = true;
_vy = 0;
private function scrollTheStage():void
_Boundaries.x += (stage.stageWidth * 0.5) - _Player.x;
_Player.x = stage.stageWidth * 0.5;
//_Boundaries.y += (stage.stage.stageHeight * 0.5) - _Player.y;
//_Player.y = stage.stageHeight * 0.5;
private function keyDownHandler(e:KeyboardEvent):void
switch (e.keyCode)
case 37 :
_vx = -20;
break;
case 38 :
_vy = -20;
break;
case 39:
_vx = 20;
break;
default:
private function keyUpHandler(e:KeyboardEvent):void
switch (e.keyCode)
case 37 :
case 39 :
_vx = 0;
break;
default: -
How do you make a gradient background on a button in flex 4
Hey everyone, this is driving me crazy. Below is my css for a button in file. I want a gradient background on a button in flex 4. I can not for the life of me figure out how to do this. There is no longer the backgroundColors option. chromeColor is only a single color and all the examples I see on the web using fill, and linearGradient throw up errors so I assume these were only in the beta? This is very frustrating to not be able to do a simple thing in flex 4 that worked in flex 3. Any ideas? Thanks.
Button {
cornerRadius: 3;
highlightAlphas: 0.36, 0;
fillAlphas: 1, 1, 1, 1;
paddingLeft: 5;
paddingRight: 5;
backgroundColors: #ff6600, #ff9900, #ffffff, #eeeeee;
color: #ffffff;
disabledColor: black;
textRollOverColor: #000000;
textSelectedColor: #000000;
borderColor: #ff6600;
fontWeight: normal;This may not be what you're looking for, but since you are stuck, I'll elaborate on what FTQuest was saying. It will only take a few minutes to do this.
In FB4:
1. right-click the button, choose "Create Skin", give it a package (directory) and name (filename), host component "spark.components.Button" and "Create as copy of" "spark.skins.spark.ButtonSkin".
This creates junk.mxml for you, the skin file.
2. In the source of junk.mxml, change layer 1 (shadow) and layer 2 (fill) colors as I did here in this code. Note that where you see {color#}, this is data-binding to a variable I've made in a color.as file that I've included in the skin file. In fact, that is ALL that I changed in the skin file it generated for me.
snippet from colors.as:
public var color1:int = new int(0xA1D190);
snippet from junk.mxml:
<![CDATA[
include "Colors.as";
layer changes in junk.mxml:
<!-- layer 1: shadow -->
<!--- @private -->
<s:Rect id="shadow" left="-1" right="-1" top="-1" bottom="-1" radiusX="2">
<s:fill>
<s:LinearGradient rotation="90">
<s:GradientEntry color="0x000000" color.down="
{color5}"alpha="
0.01"alpha.down="
0" />
<s:GradientEntry color="0x000000" color.down="
{color6}" alpha="
0.07"alpha.down="
0.5" />
</s:LinearGradient>
</s:fill>
</s:Rect>
<!-- layer 2: fill -->
<!--- @private -->
<s:Rect id="fill" left="1" right="1" top="1" bottom="1" radiusX="2">
<s:fill>
<s:LinearGradient rotation="90">
<s:GradientEntry color="{color2}" color.over="
{color3}" color.down="
{color4}" alpha="
0.85" />
<s:GradientEntry color="{color4}" color.over="
{color5}" color.down="
{color6}" alpha="
0.85" />
</s:LinearGradient>
</s:fill>
</s:Rect>
You can (and maybe should) hardcode colors in here to do your gradients. After this, your button will need to use the skin, like:
<s:Button ... skinClass="Skins.junk">
... where "Skins" is the name of the package/directory I told it to create the skin in.
This may not be ideal for you, but it's working for me. Regarding having variables for color values, I posted a thread this morning asking if this is the best way to do things or not, so I don't know if it's the way to go.
Hope this helps ... -
How do you make it look like a book?
Hi,
I noticed that many best selling books they have along the edges, like a hard book cover.
Then in the middle of the page is a page crease.
These two elements make it look much more like a book.
How do I create these elements for my book?
How do they use the headers and footers?
Many thanks,
ElaineThose books were not made using iBooks Author.
iBA books (hybrid epub) will not provide that style/look.
You'll need to create a standard epub if you want that type of navigation/presenation to the suer. Apple's Pages (also Indesign, etc.) will output the epub format that will provide the exact look in your example/screenshot.
See iBA Tips and Tricks 01 - on 'page turn animation'.
See your other thread, same topic:
The middle crease with a shadow between two columns
Ken -
Extrude and bevel banding... how do you make the gradient smooth?
Hi,
I've got a shape that I want to make 3D using extrude and bevel tool but despite making the blend steps the highest possible amount, I still have banding. I'm using CS6. And there's no gradient on the flat image (it began as white). Any ideas?OMG! Just tried Object>Path>Simplify and it worked! This is the result which I am much happier with:
-
How do you create a background like this...
Hi,
I am building a mock-up for a website and am wondering how to create a background in Photoshop like they have in the following link (where they have these thin diagnol stripes in the background of the entire page):
http://www.neatco.com/
I appreciate your time and look forward to hearing back from you soon.
Thanks!If you Google "Photoshop diagonal pattern tutorial" you will find thousands of tutorials.
-
How can I make a video like this in iMovie?
I want to help my friend create a video with her spoken word poem, and I'm pretty proficient at making videos. But I've never worked solely with text before. If anybody could help, that would be awesome. Thank you!
I'm fairly new to iMovie, I used Power Director up until this point.
For some reason it won't let me post the link. But look up, "On Being Creative" By Samuel Cernuto.
Thanks!To do a step by step instruction on here will take someone a very long time, as you havent really said at what level you are at.
On Youtube there are a lot of animation tutorials for PS. But essentially in this case you are moving that white streak across a few frames at a time.
The font might be found with the help of http://http://www.myfonts.com/WhatTheFont/
Maybe you are looking for
-
How to Play all type audio or video file in Flex 4.5 mobile
Hi, I need audio player and video player include by Mobile app. <s:VideoPlayer - not mobile optimized.
-
Kernal panic: help me solve the mystery.
Hey-oh. I've got a kernal panic on my hands. It's happened about half a dozen times this afternoon and I don't know what is triggering it. Just wanted to start this thread to see if anyone could help spot what is up. The screen gets dark and the rest
-
I can't update the apps on my iphone because user ID defaults to [email protected] and that user ID has been disabled. Can you tell me how to change user ID for apple on my phone?
-
Event manager messages /disconnections
I am trying to establish patterns to my disconnections by referrring to Event manager - but due to my inexperience I don't know the meaning/significance of the messages ! Can anyone explain the relevance of messages below please? The background is I
-
Hi to everyone: Excuse I'm installing CI Java Addin in remote form, but the problem is that the screen puts in blank and I can't see the status, someone can help me saying me the log where all the things of the sapInstGui save . Thanks