i'm currently working on a project with photoshop.
Currently my image looks like this: http://prntscr.com/fpo3wq but when i add text to it which is longer than the layer is, then sadly it's out of "shape" e.g http://prntscr.com/fpo4ev
How would i fix that issue?
Very simple:
Select the text tool.
Click and drag to make a text box.
Type what you want and adjust font size according to the layer size.
Drag it around to fit it inside the layer.
Related
My problem is three-fold. I'm going to try to explain as detailed as I can, because I've asked this question before and haven't gotten any clear answers.
What I'm Trying to Do:
I have diagonally shaped images, that I'm trying to make clickable, so I separated them out of the background image. They were originally one image, but I've cut out several pieces of the image and I want to align them identically to how they were in the original image. This might not the best method for what I am trying to achieve, and if there is a better way to make non-square areas of an image clickable, that would solve all of these problems. If not, here is my problem. The problem is, as soon as I align them in XML, I boot them up on an Android emulator or my phone, and they are aligned differently on both, differently than the preview and from each other.
Below is my example, and I'll try to explain what I mean.
The black and white grid is my background. The brown, red, and yellow lines are separate images. I don't want to just combine them with the background, because I need those lines to be clickable. I'd set a button behind them, but they are diagonally shaped and I need the entire shape to be clickable. However, they have to be EXACTLY where they are in the background, aligned specifically as they are to the background. The problem is, as soon as I load it on another device, it scales, and everything misaligns.
It also misaligns depending the device, so I presume it's because it's scaling the different parts differently.
I need a way to align it the way I want it, and have each image scale together.
How I've Been Trying This So Far:
Initially, I tried just using XML. And herein was my first problem. My background image is 1920x1080. It loads on the emulator without a problem. However, if I try to load it on my phone, I get the following error:
OpenGLRenderer: Bitmap too large to be uploaded into a texture (5760x3240, max=4096x4096)
So that leads to my first question. Why is my 1920x1080 trying to load as 5760x3240?!
I bypassed this, by using Picasso to scale the image to 1920x1080. As a sidenote, in addition to programmatically loading the image, I also am removing the title bar. Here is my OnCreate:
super.onCreate(savedInstanceState);
this.requestWindowFeature(Window.FEATURE_NO_TITLE);
this.getWindow().setFlags(WindowManager.LayoutParams.FLAG_FULLSCREEN, WindowManager.LayoutParams.FLAG_FULLSCREEN);
setContentView(R.layout.activity_main_layout);
Picasso.with(this).load(R.drawable.backgroundimage).resize(1920,1080).into((ImageView)findViewById(R.id.background));
On the XML side, I've tried all sorts of different things. Relative layouts, linear layouts, frame layouts...None seem to scale the separate imageviews the same.
Which leads to my second question.
How do I scale two differently sized imageviews together, so that they maintain their alignment on different sized devices?
My second imageview is 198x547(this would be the equivalent of one of the squiggly lines in the example images) and even setting that in Picasso does not maintain my alignment. In fact, that doesn't seem to work at all, since I have to scale it differently to even match the alignment I have in the original image.
Summary Questions
I need a diagonally shaped portion of an image to be clickable. Is cutting the shape out as a separate image the appropriate method for doing so? If not, how do I make such a specific, non-square area of an image clickable?
I need specific alignments to scale together. Why aren't they?
Why does my png file upscale itself?
How do I remove the background of captcha images using Adobe Photoshop?
The letters and numbers shall be recognizable by OCR. I want to create an action in Photoshop that can be used for all captcha images.
Example captchas:
Make a adjustment layer Black & White.
Duplicate layer and change order to first.
Change blend as Color Dodge.
Duplicate layer and change order to first.
Change blend as suitable one
I'm learning how to use Photoshop's pen tool. Now that I have a path in my PSD, I'm having trouble dealing with my unrelated layers. For example, I select a layer on the layer palette, then when I try to resize that layer by hitting CTRL+T, the path gets selected as the thing I want to resize. How do I ignore that path and resize the layer (thereby leaving the path unaffected)? The layer is completely unrelated to the path...
Layer sizes are locked to the canvas' size, you should change the canvas size and every layer will change their size.
You should make sure the path is not selected. Go to Paths palette, and deselect it.
I'm using PS CS6 and have almost no experiences with Photoshop. I just need to get some sizes in pixels to create HTML.
Maybe a trivial question, but couldn't find any answer on Google and stackoverflow.
Problem:
The main image consists of different layers. Those layers contain an image. How do I get the size of those images in pixels? I could use the ruler but there has to be a much more simple way. Any idea?
Please assist me.
Try this
For Single image (sub-Image)
Select or click on Image than look under menu of cs6 you can show [Show Transform Control] check it and you can re-size your image in any size.
For Whole Image
PS>Image > Image Size > Give Wight and Height in Pixel so u can use that image as HTML file.
Hope It will be work
Regards
Dhruvil
for images or other objects on a layer show the info palette (F8) and select the object as if you wanted to resize it (eg click upper right corner). The dimensions of the image are then displayed in the info palette.
In PS CS6 simply make a rectangle and you have shown its size next to the cursor. Before this make sure that you have pixels as your main unit in preferences.
Good Luck.
As you can see here the screenshot in photoshop:
After I save it for web, using PNG-24 format this is how it looks like on my website:
Why isn't the image opacity working on my browser? Using firefox.
Actual PNG :
I'm not really sure what your desired effect is, but I think that you want the gradient to disappear at the bottom. With that assumption, the problem with your gradient is that it fades from your brown color at the top to white at the bottom.
Your gradient looks something like this:
You want to change the color on both sides of the gradient to be the same brown color, then reduce the opacity of the right-hand side to 0%, like this:
I've adjusted it for you already, so here it is:
It doesn't look any different on a white background, but when it is on another color or texture you'll see the difference.
Does your Photoshop layer have some effected added to it? I.e multiply etc. That would mean the layer is dependant and effected by what is below it.
I face same kind of problem long years ago. when we save our file or image for web. it should be save as web & when we save in PNG format make sure that all background layers off. then just save as web & select PNG(24) from setting option.
& Yes Make sure that where you past the image in web must have CSS in the tag.
background-color:none;