I am really new at photoshop and I created some some effect on text few days back now I Want to get the same effect and apply it again in different image
It's basically a date and now I want to modify it but I need same effect
Here is the image that I created
I now want to edit it to todays date but I don't remember how I did.. Please help me people..
Double click on the layer containing the text to get the layer style window.
There you will find a "Drop Shadow" option than you need to click and check. The settings that I would guess for the image you posted are
Distance: 0
Spread and Size vary depending on the size of your text
You can save the layer style by clicking "New style" in the layer style window. This will allow you to re-use the same settings.
To use a saved layer style go to Styles in the layer style window and choose from the styles list.
Related
another quick question. I've seen this multiple times now in different code sets. Someone calls for an image from the css
HTML:
<i class="icon-map-marker2"></i>
CSS
.icon-map-marker2:before {
content: "\e6f9";
}
Which gives the output of this:
As you can see the picture isn't transparent background. I was looking to edit it to give it transparency, but can't seem to find out how. I've also tried things with the CSS like:
style="background-color:rgba(0, 0, 0, 0.5);"
// Changing the last value's number though and stuff like that
opacity: 1;
// etc
I want to keep the gold color, but have a transparent background! Thanks for the assistance!
An example is on Canvas' live preview - Hover Home -> One Page: http://preview.themeforest.net/item/canvas-the-multipurpose-html5-template/full_screen_preview/9228123?_ga=2.252490057.1116575863.1496646725-686174233.1494200798
Try adding css for a tag for background color:
a{
background:transparent;
}
Background coming form .fbox-icon this div.. just add css for that
.feature-box.fbox-bg.fbox-center .fbox-icon {
background-color:transparent;
}
An option... Download the photo and save it as a png with a transparent BG.
Personally I use Photoshop though there is a free software called Gimp - Free & Open Source Image Editor that will allow you to format transparent photos and then save them as .png.
Typical method involved saving an image locally, editing and
exporting as transparent png.
Right click the hosted photo in your browser and then choose Open Image In New Tab
Right click on the image within the newly opened tab and select Save link as, then choose your destination folder.
Open your image editor software, see my link below for GIMP if needed.
Typically, if you have a good contrast between the BG and the
image or the background is one solid color, as is in your case. You can pull the image out of the background by using the Magic Wand tool.
You can also use the lasso tool to make the selection, where you sort of draw around the selection. However, this method is a bit more tedious and time consuming.
Once you have your image selected apart from the background you wish to remove, simply hit the delete button to delete the selected pixels. *MAKE SURE YOU HAVE THE BACKGROUND SELECTED AND NOT THE IMAGE WHEN YOU DELETE!
Only need feather if you have soft edges, if not skip feathering.
Feather: Feather the selection. Under Select->Modify->Feather. Enter a low number like .5 though you may need to experiment to find the right amount
to feather your softer edges, when needed. Then select the inversion and delete the selected inversion to apply the feather and soften your edge.
Now export your image as a .png file and host it so you can link to the new transparent image.
In PhotoShop, you would choose File->Save For Web Choose PNG-24 and select Transparent
Note the size, preview if needed, then save.
Now re-host within your websites image file structure or online at imgur or other img site and link to the newly posted
transparent pic.
I don't even know where to begin or what codes will be needed.
I'm trying to build a website that allows the user to change a certain part of an image's color. Just like a coloring book page online, where someone can choose a color from the palette and it will allow them to click on that part of the image to change it to that color. Once they are done they can save the image to their computer.
Any help in the right direction would be incredible!
You can try to make a transparent div over a div containing the image which is in absolute position of the div containing the image.
Then you can check some javascript plugin to get a color picker plugin.
With Javascript and for example jQuery, you can add some events on click on the color picker and then on click of the div which is hover the image to apply the picked color.
I hope this is clear for you, otherwise I can make a JSfiddle
I'm building an access database for my music catalog. I've created one main table with a bunch of queries. I want to make a decent looking front end. I have a bunch of buttons with macros assigned to them already. The problem (which I presume is something very small that I'm missing) is that I added a picture to the button it's just a picture of vinyls that would run a query to show my vinyls. The picture only displays a portion rather than the whole picture. I can get it to show the picture by expanding the button size but this is not desired.
Any help is appreciated.
Thank you and Happy Thanksgiving.
The button doesn't resize the image you assign to it.
You first need to resize your picture files to whatever size you deem suitable for the button, then use that scaled down image.
Alternatively, you can use the Image control instead of a button. That control will allow you to resize the image inside it, but it will generally appear slightly blurry, depending on the image and the dimensions you resize it to.
Also, forcing Access to load larger image and then resize them can make your application less responsive if you have a lot of images, since you make it do extra work.
A workaround is to work with an image and a button.
Insert and size the image you need in the form
Add a button, setting its property "transparent" to true
Overlay the transparent buton over the image
Make sure the button is on the topmost layer usuing the "bring forward" in the image menu. We have then the transparent button over the picture
Associate VBA code or macro to transparent button.
For all intent and purposes, user will click on an image, but because there is a transparent button over it, will be in fact clicking on the button
I am able to add given text into canvas using jcollage ( http://radikalfx.com/files/collage-with-text/demo.html) plugin but when user entered a text such as: www.example.com, it should automatically be converted to a hyperlink.
Some body please help how to figure that user entered text is hyperlink and how to find hyperlink position because i am converting that canvas as image and showing in web view in Titanium there also if user clicked on hyperlink i have to transfer it to that page.
That's not as simple as you might think.
The canvas doesn't actually "store" the text, it's just a grid of pixels. It's not aware of elements drawn on the canvas or anything. As such, the canvas can't "hyperlink" a text element.
One of the options would be to add a click event listener to the canvas, get the x/y of the event, and if you hit the text, redirect to the url. To do this you would need to keep track of the text's position (rotation?) and size, manually.
Another, possibly easier option, would be to simply add a element on top of the image that contains the text. Then, you can simply add a hyperlink.
Working example of a link overlaying the canvas
It's not possible.
In order to make a "hyperlink", you would have to create your own box, fill it with text, keep tabs of its position (in 3D -- to make sure that it's not covered by another layer), style the text in a specific format, and THEN check to make sure that if a person clicks on the canvas, and the click happened on the box, AND the box was the top-most layer, that you'd set the user's window.location to be equal to whatever they typed in (if you validated that it was, indeed a correctly-written URL).
I am trying to get my search boxes to change a different colour on click but at the moment it only changes colour for the duration of time I am holding down on my mouse. As soon as I let go of pressing down the cursor it changes back. How do I make it so it changes colour but as soon as I click something else on the page (even whitespace) it changes back to the original colour?
Take a look at this:
http://jsfiddle.net/LPVfn/
Cheers!
James
use
.search:focus
instead of
.search:active
There is a js library called HoverIntent. Maybe you could use it to get the desired effect.
http://cherne.net/brian/resources/jquery.hoverIntent.html
I'm currently using it to delay displaying a div tooltip for a few milliseconds after the user hovers over the search box.