Help - Search - Members - Calendar
Full Version: A 2.1 GDK
Invision Power Services > Community Forums > Community General Chat
SumGuy
Now that 2.1 is out of beta will we be seeing a new GDK soon with all the new graphics? Or should we keep using the 2.0 GDK?

(looking to start doing some skinning for 2.1 but don't know if I should wait for a GDK to come out innocent.gif )
Quillz
Are there really any new images? I'm pretty sure 2.1 still uses the 2.0 GDK.
SumGuy
I'm hoping it would have all the RTE graphics (maybe i'm just dreaming :-" )
neocodex
you could just right click and save as then tongue.gif, and yea its not any new graphics tongue.gif
SumGuy
QUOTE(neocodex @ Aug 26 2005, 11:07 PM) *
and yea its not any new graphics tongue.gif


You sure? I'm seeing over 20 more files in the images folder (not including the folder with all the RTE icons wink.gif )
Vlad#
I think before IPB 2.1 goes final a graphics designer will look it over - and after that we will probably get the GDK original.gif
neocodex
QUOTE(SumGuy @ Aug 26 2005, 08:30 PM) *
You sure? I'm seeing over 20 more files in the images folder (not including the folder with all the RTE icons wink.gif )
touche tongue.gif, it doesnt look like any different graphics to me tongue.gif
Chris Griego
New Images in v2.1

I doubt there can be a GDK for the RTE images because they are the conventional images used the web over.
mprowler
whats RTE?
SumGuy
QUOTE(mprowler @ Aug 27 2005, 05:41 PM) *
whats RTE?

Rich Text Editor. It's the new page ya see when you post a topic wink.gif
mprowler
i know what a rich text editor is i jsut dont know the abbr for it tongue.gif

thx
Quillz
QUOTE(Mireno @ Aug 27 2005, 12:48 AM) *
I think before IPB 2.1 goes final a graphics designer will look it over - and after that we will probably get the GDK original.gif
I thought that, as well. In much the same manner James Mathias finalized the 2.0 GDK from PF4 to 2.0.0. thumbsup.gif
FυsE
But keep in mind, some images arent used anymore.
FCB-Mo
how the heck do u use GDK's? i opened the PSD file with photoshop and did everything i needed to do but now all i have is a sheet full of buttons. how do i get them to save as all the separate files?
Alex Duggan
File -> Save for Web
.Wolfie
QUOTE(Alex Duggan @ Sep 9 2005, 09:14 AM) *
File -> Save for Web

blink.gif

Ok smart alecks(Alex)...

Is there any way to change the color scheme just as easy, or do you have to modify each button one at a time?

laughing.gif
Lemon Head
I hope you get a good answer on this. I think someone was going to post a guide for newbie's in plain english sometime ago. Not sure if it appeared. I muddled through it in Paint Shop Pro but probably spent hours on it I didn't have to had I known a proper method.

Also which Myriad Font settings does IPB use? I can never get new text for buttons to look the same.
Morvak
QUOTE(Lemon Head @ Sep 9 2005, 11:44 AM) *
I hope you get a good answer on this. I think someone was going to post a guide for newbie's in plain english sometime ago. Not sure if it appeared. I muddled through it in Paint Shop Pro but probably spent hours on it I didn't have to had I known a proper method.

Also which Myriad Font settings does IPB use? I can never get new text for buttons to look the same.


i've never messed with the font. but to edit the default colors just rely on blending properties for each layer in photoshop, and the same goes for psp (whatever method goes in that program).

i have photoshop and to edit the image colors, for the majority of the buttons you will need to do blending adjustments, such as color overlay, on each button. and then that's just a matter of copying and pasting the layer style of the button you just edited to the other buttons so they all are the same.

you also need to color in the backgrounds that the buttons are on so that they match with any edited CSS colors on your website.

some icons you cannot easily alter the colors - for instance, the yellow crosses or plus signs that appear on the buttons to make a new post or what-not. that takes some extra fooling with if you want to alter their colors - for instance, some of those little icons on the buttons have blue hue drop shadows that aren't masked or aren't blended through a layer adjustment and you actually need to zoom all the way in to edit the pixel colors. but it's only on a few. i simply did a layer blend adjustement anyway on the icon and did "color overlay" and used "color burn" to dark the blue coloring to make it black. was easiest instead of hand editing the pixels. course, you could just delete the icon and replace with your favorite.

of course, to replace the buttons with your own images, make sure you view the slices so that you know what areas to work with as sometimes if you make an image too big, it could break the table that's its on or make things look funky. just keep in mind what you're editing and where it's going to be on your website.
Alex Duggan
Can add an adjustment layer to the entire GDK at once also (Layer -> New Adjustment Layer) - is a few different ones there to choose from (Colour Balance. Hue/Saturation etc.) - but if you know exactly what colours you want and want to customise the buttons in much greater detail, method posted above works great - doesn't take all that long to do either.
Lemon Head
These are great replies. Thank you!

I re-opened the GDK in Photoshop CS2 and was able open the layers of a particular button.
For example Fast Reply t_qr, can be opened to see the various layers. I noticed options for copying the layer styles and an option for Blending Modes. I opened it and spotted the Color Overlay option.
If I tick it, it makes the button's backgorund (blue) turn red. What do you next to change the colours of the button from red?

In Paint Shop Pro, when you click on a layer in the Layer Pallette it slected it in the GDK so that you knew which layer/image it was. I found ticking the visibility option helped me establish which button was which layer but is there a better way?

Thirdly when I open the GDK i Photoshop it says a font is missing but I have the Myriad font installed?
Lemon Head
Hhhm, I found you can click to the right of the tick boxes to see each blend types properties. I was able to change the color but the gradient is underneath and so does not show.

How do you change the colours of the Invision Blue Gradient to your own?
Alex Duggan
QUOTE(Lemon Head @ Sep 9 2005, 07:00 PM) *
Hhhm, I found you can click to the right of the tick boxes to see each blend types properties. I was able to change the color but the gradient is underneath and so does not show.

How do you change the colours of the Invision Blue Gradient to your own?


Click the little down arrow to expland that particular icons different layers:

Click to view attachment

Right click on the 'Button Shape' layer and select 'Blending Options'

Click to view attachment

Then go to the Gradient Overlay section

Click to view attachment

thumbsup.gif
Lemon Head
Great! Found the options but it is blue. How do you change the gradient colour, say from green to light green? Sorry I'm new to Photoshop! I can some examples in there with ghastly colour ranges!

Aha! Sussed it. You select the colours first as foreground and background colours, then click on the existing gradient and then click on the left and right lower arrows below the gradient. Then you select use foreground colour for one end and background colour for the other. You can also save your gradient! Thanks for the help!

Click to view attachment
.Wolfie
In that screen, click on the lower colored marker (either the bottom left or the bottom right), then you can change it.


QUOTE(Alex Duggan @ Sep 9 2005, 02:05 PM) *
Click the little down arrow to expland that particular icons different layers:
Alex, your screen shot looks different for me. My drop down arrow is on the right, and also next to the "eye" icon on the left, I don't have that second row.. wassat.gif The location of the drop down arrow doesn't matter much since it works the same, but whats that second column for?

Oh and thanks for trying to provide the detailed help. biggrin.gif
Larry
Wow, wish I had that post of yours awhile ago Alex. When I did mine I stared at Photoshop for a long time figuring out where to start
Lemon Head
This is going to sound daft but I'll ask anyway! I just came to make a few buttons for my skin now that I know how to edit the gradient thanks to the posts above. I'm used to PSP which allows you to edit the pixels on a layer eays as pie but when I try to do the same in Photoshop the pixels do not change. It may be but the pen and Brush Tools in Photoshop seem a lot different to Paintshop Pro's.

Which Photoshop CS2 tool do you use to edit the pixels of say the icon layer, for example the + of the p_edit button. I want to change the colour of the surround blue pixels around the yellow cross because my buttons are not blue. I have selected the layer for the + icon but the brush tool does not change the colour of the pixels?

Assuming I can work out how to change more than just the gradient of the button, how then do you save the button with its 4 layers into a gif?

Thanks for your help!
This is a "lo-fi" version of our main content. To view the full version with more information, formatting and images, please click here.
Invision Power Board © 2001-2008 Invision Power Services, Inc.