Create A Bevelled Effect Frame Rectangle Button Shape In Photoshop

I am a designer who primarily uses InDesign and Illustrator and have a client that wants to recreate this gold and black gradient beveled embossed looking rectangle... however they want it in Photoshop. I for the life of me, can't remember how to do this with the gradients and changing colors. Is there someone out there that wouldn't mind giving me a step by step process on how to create that background box? I've attached the image. I know how to add the text, and all of the rest of the info, just needed help creating that outer border.

Thank you!
Stacey


Similar Content



Need Some Directions On How To Create This Effect


Hi I'm quite a noob.
I would like to get some help creating this effect in photoshop.
1. The effect of having a gradient-like effect of the background. Is it made by creating a solid color and then using a large pixel soft brush to create the light effect?
2. The torchlight like effect of the images of the girl and the hands.
Thanks.

Text In A Complex Shape - Hole In The Middle

Hi all.
I'm no newbie to Photoshop but today I came across something that annoyed me as it should be easy, but I just can't seem to make it work.
Ok, so let's say I have a load of text - lorem ipsum x 200 words - and I want to put that text in a shape and have it fill the shape.
Now, I know that I can make a path and click within it with the text tool to fill that path. However, I want to fill a shape that has a complex hole in the middle of it, which I want the text to flow around and past.
For example, let's say that I need to fill the area marked in green in the image below with text, leaving the white areas (there is also a white border) clear.
I have made a path but when I use the type tool it just fills in the rectangle and ignores the central area.
Any ideas?

Tate Modern Logo

Hey all. I'm trying to recreate the blur effects of the logo(s) used for the Tate Modern.

The logos:






The topic has been discussed befo
http://graphicdesign.stackexchange.c...o-in-photoshop

One of the solutions suggests using gradient masks, feathering and adjusting the curves. This works but falls short of achieving the more exaggerated effect of for instance the last two photo I've posted above. Are there other things I can do to bloat/obscure the shape of the letters? I also want them to still look like there going in/out of focus.

In addition I've had trouble with the gradient masks:



As you may be able to see, part of the text (diagonally across the middle) is masked over slightly. The idea was to create two complementing gradient masks so one masks over the top left one layer, one masks over the bottom right of one layer so when the layers are placed on top of each other it creates one seamless, solid color. I thought I could do this by copying the gradient mask of the first layer, moving it to the second layer and inverting the colors, but as you can see a grey area appears, where the two fading gradient masks seem to overlap. Here is the text with the gradient masks disabled:



Also the original typeface they used is supposedly VAG Rounded.

Thank you so much for your time!

How To Copy A Lasso Selection For Rotoscope Work...

Dear people smarter than me,

I need to do some rotoscope work on a piece of video in Photoshop. I can't use After Effects in this instance, I have to use Photoshop. So I want to cut out the image of a submarine as it is sinking slowly. The sub is slightly rotating as it sinks, so it's basic shape changes only slightly from frame to frame. What would make my life much easier in working with all 200 frames, would be if I could use the lasso tool to draw around the sub and cut out the shape, the copy that shape of lasso selection, and apply it to the next frame around the sub, and then just alter the shape of the lasso, to the now slightly changed shape of the sub. This would speed up the process infinitely, so I don't have to redraw the shape on every single frame. Is there a way to do this? Help, advice, tutelage in this area would be so very much appreciated. Thanks in advance, and I am glad there is a place I can go where people smarter than me are willing to help. Thank you so much!

Cheers,
Carlo

Tricks For Efficient Gradient Fills

Hi, there. This is my first post on photoshopgurus. I do cartoon maps of towns and properties. I enjoy all aspects except doing trees. My process goes as such: I pencil draw the area and then trace with a black art pen. I then scan it in. From there I do clean up in photoshop of lines and I close any missing gaps so I can use the bucket fill to drop colors into areas. With trees this is a very tedious thing to do, expecially making sure every black line is connected. Also with trees I select the inside with the magic wand and drop gradients in. I want a different look and a less laborious task. When I look at similar artwork from other people I want to do the same technique as them but don't know an efficient way to do it. They have filled trees with a radius gradient but didn't have to outline their shape in all black to contain it. Yet they somewhat retain the same shape even though it can leak outside of the lines. Which I like the look of. Does anyone know how I can acheive this look in a timely manner? Thanks for all your input. How can I accomplish the look of the first tree?

Art Deco Retro Poster Help

Hi I'm new here. I'm by no means a beginner but I'm not an expert either and there's still some areas of photoshop that I'm still unsure about. However I learn by experimenting.

I'm a big fan of retro style posters, particularly ones from the 1930s/1940s or appearing to look like from that era.

I've been trying to design some artwork to look like that but don't know how to get the 'human block effect' and the grainy gradient effect.

Does anyone have any tips of how to get about this? I'm not asking for a step by step guide because that would take too long for you. Just any advice that will get me started.

I'd like to add that I'm not trying to copy the following images and claim artistic license, I'm just merely wanting to recreate that style.

Here are some example images.

Thanks.

How Do I Create This 3d Shape

Hi all

I need to redraw this shape in photoshop. I started by created rounded rectangles, and moving one under the other.

However, I can't re-create the edges between the 2 squares so I expect I am going about it wrong!

I want to learn to do it myself really rather than ask someone else to do it.

I have tried 'creating 3d squares in photoshop' but all I get is how to make cubes, which isn't the same.

Any pointers please?

thanks

Edward

Effect Replication

Hi Gurus, I have been working on trying to create an effect that resembles the image I have attached.
I have been trying to figure out how I can achieve this accurately so that it does not look "effecty". I like the analog feel this art work has which is probably near impossible to recreate.
I have tried to create this in illustrator but there are just so many subtleties in the light and shadows which i am not as experienced in as the original artist (Karel Martens).

Any advice, ideas or even programs outside of CS6 any one could recommend would be greatly appreciated.

Thank you in advance

Jake

Image That Looks Different On Black Background And On White

Hi,

Today I saw a picture that looks different on black background and on white. There is an example attached. Does anybody knows how to do this? I found an explanation on the link below, but doesn't worked for me (when I create the subtract layer, it doesn't result on a transparency layer):

graphicdesign.stackexchange.com/questions/9088/image-that-looks-different-on-black-background-and-on-white

All I know is that the final image must be a PNG file, with transparency on it... But don't know how to merge the two images to get the effect of different images depending on the background color (black or white).

Can anybody help me to understand that effect?

Help On How To Automatically Update Smart Linked Object

Hi.

This is my first post here, I'm French, so excuse any English mistake i may do.

I'm not an artist / designer / ..., still new about using image software editing like photoshop.

So i downloaded Photoshop CC to try it because i wanted to do something on my spare time.

I want to render digitaly a card collection based on a online Collectible Card Game (Duel of champions if you wanna know).

For this I downloaded their card art from their site.

Then i want to add several effect / filter to render them nicely.

So i read and watch many tutorial in this purpose.

I ended with a good result for 1 card.

Here is an example :


So what i did :
I get a source card art image, adding its red border, embossed it to get relief, adding a gloss effect in 3 different layers (the card art, the border and the gloss effect). Than i duplicate all this layers, swap them vertically and moved down to get a reflection.
I added a gradient to this new group of layers to have a nice fading effect to the reflection.

As I do not want to redo all the process again and again if I change main the source card Art, I want the reflexion to automatically update.

This was done using Smart object, both main source card Art and the (vertically swapped) reflexion card art using the same object storing my different main source card art.
So when i change in this object the main source card art used, it automatically change both the rendered card and its corresponding reflexion.

And then i Added a displacement filter to simulate a water reflection.

And the first problem (solved by now) occurred :

If i want to apply a filter to the group of layers corresponding to the rendered reflexion card, Photoshop have to convert and merged the whole group of layers into another new smart object and then apply a smart filter onto it. That worked but i lost the auto updating of the reflexion as the previous conversion have made Photoshop create in fact a whole new duplicated object storing a my different main source art.

So i partially resolved This by using Smart LINKED object instead of Smart object. I say partially because it is not really fully automated anymore.
Now if I change the main Source card Art to render a new one, I have to "manually" save file / update smart object to get the reflection updated.

I kinda accelerate this using a action performing a batch of saves to get a "save all" options (that clearly miss in photoshop). But for this i still have to open all my smarted linked object in order to apply the "Save All" batch.

But know I want to generalize the process to cards left, and render my whole card collection.

So i created a template based on what i've done so far using in this template Smart LINKED Object for the Main source card art and the reflected one. By the Way I exported the Reflection group in a PSD file, and refered to it as another Smart LINKED Object in my template. Doing so i'm sure Photoshop no more use a temporary PSB object correspond to the converted / merged reflexion Smart Object (remember : created in order to apply a smart Filter on it).

So what Happen now ?

I create a new testing psd file in witch i embed several new smart objects each one is an occurence to my template. Here i have to used smart Object and NOT smart LINKED Object because if so i'll always end up with the same rendered card several times. I have to get Phososhop create it own temporary duplicated object so a modification to one don't affect all the others after "Save All" batch on the corresponding working card.

So with what I have now, if I want to change 1 of the rendered card, i go its corresponding (duplicated) template object and from there i access again my LINKED object storing all my main source card Art.
I change to what source card art I want, and I have to open the reflection smart LINKED Object too in order to apply the "SAve All" batch.
Here is the "fun" (issue) thing : I have to apply the batch 3 time in a row to have the rendered card changed in my main testing psd file. I suppose saving 3 time time propagated the change along the Smart LINKED Object chain.
AND I have to make sure ONLY the corresponding smart (LINKED) Object file are opened before. If another file from a different rendered card is opened too the change will also be propagated to it and so having a duplicated rendered card. (I only want each card rendered once, but using the same template to avoid repetitive work).

So I explained in detail, but maybe not clearly, my situation and the step i went through.

TLDR
To summarize : I have a collections of Card art (jpeg).
I created a Template applying effect to render 1 card.
I created another template appliying same effect to render 1 REFLECTED card.
In both i use the same Smart LINKED Object that Store my collection on Card Art.
I make another Smart LINKED Object in the first template that reference the second one.
So with my first template I can update the rendered card and its rendered reflexion after changing the main source card art in the subsequent smart LINKED Object that store my whole cards art. I have to had all corresponding Smart LINKED Object file OPENED and save them all to have th updated result.

So not really automatic.

Then I want to render my whole card collection with effect and reflexion.
I create in my project a duplicate of my first template for each card to be rendered.
Then I have to open ONLY all subsequent corresponding Smart LINKED(or not) Object file of current working rendered card and change the main source card art, save all the file (several time to propagate change) to properlly update the current rendered card.
I have to do this for EACH of my duplicated template in order to render EACH of my cards.

Definitively not automatic process, and prone to errors.

Do you know a way to fully automatically render my card collection ? The only thing I want to do is chose one time the main source card art for each rendered card.


Finally another way to explain this issue and maybe get an answer is to instead explain simply what I want to do :

I have a collection of (jpeg) card art from an online card game.

I want to render them all with effect (gloss, emboss border, faded and water filtered reflection).
I want to do this automatically.
The only thing i manually want to do is chose the card art to be rendered for each of the card i want to render in my collection.

Here is an image of what i want based on what i've, not automatic, done so far :


Thanks for any help from photophop professional here.