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.

Similar Messages

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 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 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

Make an image like this

Hey guys how do I make an image like this:
Note how it is dark on one side and then lightens on the other side. I have Fireworks 8.

OK I did that but the gradient is going sideways, not up and down:
How do I fix this?

How do you make an image or text, appear on every slide?

How do you make an image appear on every slide?

What part did you not understand?
As Andrew said, open the Keynote file, go to the View Menu>Show Master Slides
This is what you should see on the left hand slide of the window. The Master slides are at the top and the check mark goes by the Master Slide that is referenced on which ever slide you have selected in the Slides pane.
Add to the Master slide the image or text that you would like to see on the slides that are made off of that master. You can see in the Title & Bullets master slide, I added the shape in the lower left hand corner and it was added to all the slides build off that master.
If this still isn't clear, let us know where you are getting stuck and we will try to help.

How do I create an image like this?

Completely new to PS. How would I create an image like this with text? https://www.facebook.com/photo.php?fbid=10151570901245020&set=pb.50687255019.-2207520000.1 366989903.&type=3&theater
A link to a tutorial would be helpful.
Thanks!

Hi there,
Are you referring to the text, the color effect, or both?
Adding type is very easy - just grab the Type Tool from the tool bar. The article linked above provides some great tips for editing type in Photoshop.
As is the case with many "how to's" for Photoshop, there are several ways to acheive the colorized effect like the one applied to image you linked to. One method is to use Adjustment Layers, which I have outlined below.
1. With your image layer active (it will be highlighted in blue in your Layers panel, as shown below), create a selection of the area you'd like to colorize. I'm using the Polygonal Lasso Tool to create a diagonal selection - to do so, I held down the Shift key on my keyboard as a created my diagonal lines. This might take a bit of practice, but you'll get the hang of it quickly.
2. Then, in your Adjustments panel (if you don't see it, go to Window > Adjustments), click on the Curves adjustment layer, as highlighted below. Now you can play around with the curves to get the effect you'd like. (Here's a quick guide on using the Curve tool)
3. To select the other areas of your image, command (Mac) / control (PC) click on the adjustment layer thumbnail (highlighted below). Then, go to Select > Inverse.
4. Now we want to deselect part of our selection. Grab the Quick Selection Tool from the toolbar and set it to Subract from selection. Then, simply drag the selection brush over the area you want to deselect. In my case, I only want to have the upper-left corner of my image selected.
5. After you have your selection, click on the image layer and add a Curves adjustment layer like before.
6. Repeat steps 3-5 for the other corner of your image and you should end up with something like this:
The nice thing about using adjustment layers is that you can always change them - just double click on the Adjustment layer thumbnail (highlighted in step 3).
Alternatively, you can select areas of your image and fill the selections with flat colors on separate layers. You can then go in a change the Blend Mode and Opacity for each layer.
Feel free to reply with any questions!
Kendall

Sorry I'm new to Final Cut Express. How do you make an image (jpeg file for example) move across the screen slowly as I've seen in many films.

Sorry I'm new to Final Cut Express. How do you make an image (jpeg file for example) move across the screen slowly as I've seen in many films.

Neil from bristol wrote:
… How do you make an image … move across the screen …
by setting KEYFRAMES
(read, what FC/e's built-in Help-feature tells about it)
resize and set pic to start position
set keyframe
move playhead in timeline to desired length
set pic to end position
set keyframe …

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 can you make an image change every time you refresh a page?

Hi.
I've recently redone my website and was wondering how I could make the image on my main page change every time you refresh the page?
Like is there a certain script you can use?
Here's my website
www.liamfawcett.com
Thanks

Copy & Paste the following JavaScript code between the <head> and </head> tags in your HTML document, in Code View of course.
<script type="text/javascript">

</script>
In the array, change URLs (http://www.example.com) to your own links. Change images (some_image.gif) to your own images.
Save page. Preview in browser. Hit refresh (F5 or Ctrl+R) to see the images change.
Nancy O.
Alt-Web Design & Publishing
Web | Graphics | Print | Media Specialists
http://alt-web.com/
http://twitter.com/altweb
http://alt-web.blogspot.com

How do you make an image enlarge on hover, like on the new google image search?

Here's an example:
http://www.google.com/images?hl=en&source=imghp&biw=1109&bih=690&q=cat&gbv=2&aq=f&aqi=g10& aql=&oq=&gs_rfai=
When you roll over the image it enlarges. I like it because you don't have to click anything, and you hover over a bunch of images without refreshing the page or having an obnoxious popup you have to close.
Is there a ways to create this in dreamweaver? Do you have to make 2 different image sizes (like in the dijointed rollovers)?
Thanks! I love this forum!
Kate

You have to insert a rollover object. Not sure what version you are working in. But you should have the option to select "insert", "Rollover Object" then you followi the guide. You will need to create 2 copies of your image - one that is smaller that will be your thumbnail and then the larger image. The first thing you will be asked for is an image ID - give it whatever name you want, but I recommend lowercase letters only. The 2nd thing will be to insert your thumbnail as a jpg and the you insert the larger image, again as a thumbnail. Don't forget to gill in the alternate id name as well - can be the same as your original id name.
THIS IS IMPORTANT
After you insert the image you must switch to code view and delete the size parameters that appear after the image.
I hope this makes sense...but if you need further help....just ask.

How can I make 3d shadow like this

Look at her face
How can I make shadow like this
Thank you

Could 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 an Image Flow with the Text?

Hello all,
I am using CS4 InDesign on Windows Vista. I am fairly new to Indesign but try to do my research and homework well before asking what I hope is not a really dumb question.
I am writing a book of approx. 350 pages that is an illustrated encyclopedia of 156 plants and their oils.
Each 2 page spread is a single entry for a plant. The graphics frames on each spread are identical in size, position and styles for a consistent look throughout the document.As you can see (hopefully) each page is a single column. See screenshot below
In order to overcome my first problem of positioning and sizing the graphics frames uniformly, I created the master pages with the graphics placeholders sized, positioned and formatted to my liking. This worked wonderfully and I placed all of my 300+ graphics by simply over riding each frame.
Then in my editing I decided to add another 2 page spread somewhere in the middle of this fairly large document.
What a NIGHTMARE. The text predictably shifted but now ALL of my graphics were no longer associated with the corresponding text! Arrrgghhh.I had not anticipated this behavior (used MS Word for 15 years) or I would have done something different.
3 hours later I finished re -"placing" the images associated with the correct text.
I researched the help file and found out about the neccessity of anchoring graphics to text. I have read through the threads in this forum, followed links to "indesignsecrets.com/make-an-image-flow-with-the-text" and " Working with anchored objects by Anne Marie Concepcion"
My concerns are this.
An inline graphic places the graphic back onto your text layer for some reason ( Previously my graphics each had their own layer)
Not wanting to start (again) from scratch with my graphics I converted them to inline/custom anchored objects.
But to select then cut then paste every pre existing graphic to anchor it inline seems to be cumbersome and counter intuitive although the top smaller graphic did position well and the text seemed to wrap ok.
When I placed the larger bottom graphic on the left facing page using custom positioning I was not able to get the text to wrap at all.( The in line anchoring did not seem to allow for positioning on anything but the 'Y' axis).
It seems that there would be a simpler way to place text and graphics where you want them and have them associate and flow together (or not) when you want them to and have text wrap easily around an anchored object without keyboard gymnastics. It would seem that the concept of a certain graphic being associated or linked with certain text would not be an unusual concept in desktop publishing.
Am I missing something?
Can you place an anchored graphics frame on the master page with your desired options?
How would this be done if possible?
Is there any other way (i.e grouping) to keep graphics associated with the desired text so that it flows together if extra pages are added?
Is the fact that my graphics frames are on my master pages responsible for my text wrap difficulty? (I have text wrap enabled on my master pages)
Are there any settings, redundant or otherwise, I need to be aware of?
Thank you in advance for any suggestions or directions
L.N.

Hello Again,
Thank You Bob but I am still a little fuzzy on this. I have already created object styles for the graphics frames. For instance the small graphic underneath the heading (Its a drop of oil) has an object style applied. Now I checked and it has the anchored object options checked in the style dialog box. When I reapply the style to the next similar graphics nothing happens. It is still not anchored. Do I need to create a new style based on "nothing" add my effects plus the anchoring options? Basically start over. If thats what I need to do thats OK. As to your instruction that object styles could accomodate this anchoring thing...thats what I thought too but somehow I can't get it to work. See object style dialog box screenshot below:
For the larger graphic on the bottom of the left facing page. I still cannot get any text to wrap. In the screenshot example the text describing this particular plant doesn't go to the bottom of the page so the wrapping issue on this page is moot. However I have some entries where the body of the description is more involved and does go to the bottom of the page and the text WOULD need to wrap around the plant (larger ) graphic.
Hi there Harb, Yes I found out early on that object styles can't apply size (that would be on my wish list for sure) That is why I found that creating my graphics frames on the master page with the correct size, effects and positioning tickled me so much. Can you believe I originally went through and MANUALLY resized and repositioned each and every 300+ graphics in this book but it still wasn't right. I'm nothing if not persistent. (Now if I could just get my grown sons to pick up their socks!)
Anyway the master page graphics frames idea would be perfect if I could get the images to anchor in their respective spots on the master page as well.
For your second suggestion. I am not clear about why I would need to break the threads of each spread so that each spread is a seperate article. Is the threading issue the thing that is causing my text to move on leaving their associated graphics behind? If so how do I go about doing this?
So to recap:
1. I need to know if I can modify my object style or recreate from scratch with the anchoring option (as I said it didn't work)
2. Can't get text to wrap around the Custom anchored graphic at bottom of page at all
3. Im not clear on the breaking the threading on the spreads
I am willing to go back through and start from scratch (new master pages, styles etc ) if neccesary. This book is the culmination of 7 years of research and artwork.Basically the project is DONE. Now if I can just format it correctly.
I can't thank you both enough for your time, suggestions, expertise and patience.
Thanks again
LN

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 an Image from a Graphics?

1) Is it possible to make an Image from a graphics?
I've returned the Graphics of an image in the method of one class so that I can work with it in another class. I was looking for a setGraphics in the Image class but there isn't one. Nor is there a graphics.createImage(). What I'd really like to do is get the background image, draw on it in a separate class, then return it to the original class (for buffering purposes).
2) is there any way to make a blank Image of given dimensions (without actually making a .gif of a blank screen)? I want to draw on the background even if it is blank, but I can't get the Graphics of a null Image.
thanks in advance.. :-) jen

thanks for all your help guys!
i looked at those websites.
The reason why the site's buffered images work is becuase they are using the paint method in a single class. (i.e. they are not calling the graphics from someplace else). If you call a Graphics (using getGraphics and the like) from someplace else, you don't get a reference or pointer; you get a COPY. The copy will helpfully record your instructions. But the original graphics doesn't get the instructions. That's my problem. My graphics instructions are not getting sent to the originating Graphics, so drawRect never gets executed.
Another problem is that I often have no background picture in my container, and hence, I have a null pointer when I try to draw stuff on the returned Graphics.
So what I want to do is create an image in the subclass of the rectangles, lines, whatever, and send it to my handy little setBackground(Image im) method in my superclass. And whenever the background image is null, create a white image to draw on.
I am calling the graphics from the background of a custom lightweight container. I would REALLY REALLY not like to mess with my container code... it took me a long time to get it working.
I also don't want to override paint. That would make all the buffering work I did obsolete. :-(

How do you make an image like this?

Similar Messages

Maybe you are looking for