Announcement

Collapse
No announcement yet.

changing pictures & names on skins

Collapse
X
  • Filter
  • Time
  • Show
Clear All
new posts

  • changing pictures & names on skins

    Hi, all thanks for looking.
    First of all I 'd but did not find anything.

    I have photoshop (know very little about it) but can figure it out if someone could give me the basics on what I need to do for the question below.

    All I want to do is change the phone & TV pictures on the bms skin and just put in some text instead.I want to keep the brushed metal coloring & shading.
    Just use the basic white text like it has now on the skin.

    Is this fairly easy to do?


    Any help will be appreciated...

    I tried searching but could not find anything on doing this kind of thing.

    Thanks

    Michael
    Win 7 Pro 64bit, 4gb DDR2 Ram, q6600 Processor, Solid state drive & 7200 drive, Andrea mic, Sirius, DE HD Radio, Opus power supply, 10.4" touchscreen.
    1.)Orion 2500d Amp
    1.)Orion 15" h2 Sub
    1.)Orion 8004 Amp
    2.) Sets Orion Components - P-SERIES

  • #2
    Anything is easy to do when you know how to do it. And yes it is possible, but a lot easier if you have the psd files. If you don't have the psd files then you'll have to copy small portions of the botton your working on and paste the portions over top of what you want to cover. That's how I do it any ways, don't know about anyone else. Draw out a cut area as close as possible to the area you want to cover so it will hopefully blend in when you drag it over. Then go to edit and choose copy. Then go to edit again and choose paste. Drag it over to an area to cover. Then paste again and drag, over and over and over again until you get the area covered. Then when I finish covering the area I merge them all down. Give it a try unless somebody else has an easier way. Good luck.

    Peese
    Peese

    Comment


    • #3
      Originally posted by pcfreak
      Anything is easy to do when you know how to do it. And yes it is possible, but a lot easier if you have the psd files. If you don't have the psd files then you'll have to copy small portions of the botton your working on and paste the portions over top of what you want to cover. That's how I do it any ways, don't know about anyone else. Draw out a cut area as close as possible to the area you want to cover so it will hopefully blend in when you drag it over. Then go to edit and choose copy. Then go to edit again and choose paste. Drag it over to an area to cover. Then paste again and drag, over and over and over again until you get the area covered. Then when I finish covering the area I merge them all down. Give it a try unless somebody else has an easier way. Good luck.

      Peese
      Thanks for the responce.
      I do have the Psd's. So I should be able to remove layers to get rid of the pic-graphic's then just put in some text right?.
      Or at least that is what I have seen on some tv shows.
      Now I just have to figue out how to take it apart.LOL

      Thanks for your help
      Any other help will be appreciated.
      Thanks
      Michael
      Win 7 Pro 64bit, 4gb DDR2 Ram, q6600 Processor, Solid state drive & 7200 drive, Andrea mic, Sirius, DE HD Radio, Opus power supply, 10.4" touchscreen.
      1.)Orion 2500d Amp
      1.)Orion 15" h2 Sub
      1.)Orion 8004 Amp
      2.) Sets Orion Components - P-SERIES

      Comment


      • #4
        I know this thread is old but I have the PSD's for the brushed metal skin and i do not know anything about Photoshop. What I would like to do is edit the RIP, RADIO, PHONE, & TV Buttons on the Main Menu. I have opened the menu psd and can see the layers and all but i don't see how to edit the text or the icon for the buttons. Could someone help me out? Thank you.
        "I'm going back to Cali(Iraq), Cali(Iraq), Cali(Iraq), I'm going back to Cali(Iraq), Cali(Iraq), Cali(Iraq), I know so!!!!" Now I'm here!!

        By "ToneRiddle"

        Comment


        • #5
          Can somebody help me out with the above question? I really want to get this finished before I put it in the vehicle.
          "I'm going back to Cali(Iraq), Cali(Iraq), Cali(Iraq), I'm going back to Cali(Iraq), Cali(Iraq), Cali(Iraq), I know so!!!!" Now I'm here!!

          By "ToneRiddle"

          Comment


          • #6
            When you say "edit" the buttons what exactly does that mean? Do you want to change the text the color the size?? It is very hard for people to help you when the question is so general. Please be way more specific!
            APPS:
            "RR CD Drive Monitor"

            Skins:
            Download the "MAS" beta here...
            New! The Skin Skin community project.

            Comment


            • #7
              If you just want to change the text to something else, it's not that hard. Go through each layer (the ones marked with the icon "T") and toggle it until you find the right one. Seriously, if you want to graphically edit skins, start learning some basic Photoshop functions.
              iGMon - Integration between iGuidance and Road Runner
              CFX - Skin for Road Runner

              Comment


              • #8
                Ok, for starters I so know that I need to learn some basic PS skills. This is what I want to do:

                I have the PSDs for the Skin. I open the MENU one in PS and this is what I get:

                Click image for larger version

Name:	menu.JPG
Views:	1
Size:	53.6 KB
ID:	2255626

                1. What I would like to do is change the icon and the text for the RADIO button to an EMULATOR icon and the text to EMULATOR or EMUL.

                2. I want to change the RIP text to WX for weather.

                3. I want to extend the volume bar all the way across like in Mediacar, thus elimanating the TV and PHOCON icons.

                4. How would i make an icon to replace the RADIO one and look like the others and blend in well?

                How do I do all that? Is there a place to go and learn some basic PS skills just for skinning? I know there are tutorials on PS for some basic stuff, but that mostly deals with photos.

                Also I can see the Layers box down on the right and i can check and uncheck the "eye" and remove and put things back but what else can i do with it?

                Click image for larger version

Name:	Layer.JPG
Views:	1
Size:	14.6 KB
ID:	2255627

                I hope I described everything thouroughly enough??? And I apologize for being a noob when it comes to skining. I am trying to learn. Plus when you go to search in the forum for stuff like this, there isn't enough, IMO.
                "I'm going back to Cali(Iraq), Cali(Iraq), Cali(Iraq), I'm going back to Cali(Iraq), Cali(Iraq), Cali(Iraq), I know so!!!!" Now I'm here!!

                By "ToneRiddle"

                Comment


                • #9
                  Well..... First off no need to apologize. We all started somewhere. Now what you are asking is fairly simple I could get it done in About 20 min. But to explain it to someone else that could be a chore but I am about to give it a try so hang on to your seat.

                  First off some basics: The most esential element in photochop is the layer pretty much everything is a layer. The layer window in the lower right corner is your friend your very best friend. I suggest making it as big as you can get it while still leaving enough room to work on your "photo". The ">f" after the layer names is the effects applied to the layer. Most of the down, on, off states you will see on skins are just changes in the effects on a layer. These effects can be coppied and pasted from one layer to another (by right clicking the layer). Most layers have an thumbnail icon of what that layer contains. Text layers usally just contain a "[T]" icon (unless the layer has been rasterized but that is for the advanced lession hehe). Layers can be duplicated which is what I would suggest if you do any changes (i.e. duplicate the layer you want to change, rename the new layer, hide the original layer, then do all your editing to the new one so if you mess up you can just delete it and duplicate the original again and start over). Lastly is linking layers. The small layer window pic you posted shows one layer selected. Indicated by the highlighted name and the small paint brush icon next to it. Clicking another layer selects it but clicking the second check box(the one to the right of the "eye") will link the two layers together so that you can perform many operations on both layers. Not all actions will be done to both layers but most will. Be careful with this cause it can cause a bit of heart ache if you leave a layer linked on accident and have to undo a bunch of work. Now on to you questions one by one.

                  1) Most of the Icons you see for buttons on skins are really just text. You can find several font packages on the web for free that have icons instead of letters when you type. some of them are two layers combined (for instance the tv icon in the picture you posted, the tv itself is really just text at a very large font size. I can't remember the font name but I have seen it before. The letters "TV' inside the tv are a very small size standard font. These were at on time (or still are I'm not sure I don't have the PSD's) two seperate layers. To combine layers click "Layer>Merge Down". To change the text and icon for the radio button find the correct layer by turning on and off visability on every layer til you find the right one. On the tools pane on the far left select the text tool. Duplicate the original layer (right click) and hide it. Select the new layer. Now move over the image window and click on the text "RADIO" (note: the cursor will change a bit when you are over top of it make sure the cursor changes or you will make another layer.) Once the cursor starts flashing to indicate you are ready for text entry double check the layer window to ensure you are still editing the correct text layer. If you were able to click at the end of the word just backspace to the front and type the new text. If not at the end just throw in a couple "Deletes" and your good to go. Finally you will have to click the move tool in the left tool bar to position the new text I sugest using the left or right arrow keys as to not mess up the up and down alignment of the text. As far as the icon goes I am pretty sure this is just text too. Think I have seen it before also. To get some thing that you like for an emul icon you will have to just look around. Windows does come with a few icon based fonts. In my PSD's I have two text layers all the way at the top of the list of layers. I will type every key on the keyboard then hit enter and type every key again this time holding the shift. Then duplicate this layer to give me the two layers. I use one layer for a base and the other one I just run down the list of fonts installed on my machine to see if I already have an icon that will work.

                  2) This is the simplest task on the list. Find the right layer (using the "eye" to find it) select the text tool from the left tool bar. Duplicate the layer and hide it. the click the text on the image and edit it. Select the move tool and move it with the arrow keys. Done!

                  3) This is the most difficult task to explain but fairly simple to do. We will start with phoco. Find the text layer(s) that make up the icon and hide or if you want delete them. Now find the layer that is the button itself expand the effects tab (">f") there should be a list of one or more effects there using the "eye" turn off the "Outer Glow" effect so that the button looks just like the bar under the volume slider. Next we have to relocate the mute and vol - buttons. Find all the layers concerned text, buttons, everything and link them as described above. If my guess is right it should be four mabye five layers (not sure about the red dot you will just have to look with the "eye" hehe). Once all the layers for those two buttons are selected click the move tool and use the arrow keys to slide everything to the left (holding shift makes them move faster). If you forgot something just ctrll-z and find the layer you forgot. Next is the tv icon repeat the steps above to get the vol+ and tools button slid over. For the final step find and select the volume slider itself once it is selected click "Edit>Free Transform" at the tool bar across the top change the width percentage until you like the size of the thing. To accept the changes double click on the rectangle box around the slider image. That should get you fixed up there.

                  4) Again the radio icon already on the skin is probably just text. So to change it find some other text.(a icon/text that comes with windows comes to mind it is a key board but if you were to "Edit>Transform>Rotate 180" it might look like a old SNES controller check it out) If you can't find anything you like that is text you will have to draw out some thing or find a picture from the web to use and this is a bit more work, just a bit but deffinately doable. the only thing I can really add on this is that if you find something new copy the layer effects from the original icon and paste them to the new one to get the same look. If the pic you find is color there are many adjustments under "Image>Adjust" to remove colors from the pic or make it black and white so it looks like the other icons.

                  As far as where to go to learn I went to Barnes & Noble


                  I hope this helped and I hope the spelling isn't too bad Cause I am not about to spend the time to check it all good luck.
                  APPS:
                  "RR CD Drive Monitor"

                  Skins:
                  Download the "MAS" beta here...
                  New! The Skin Skin community project.

                  Comment


                  • #10
                    if u can send me the psd id be happy to change it to whatever you want.
                    id be happy to help with any photoshop related things.

                    Comment


                    • #11
                      Sweet05, thank you for the great explanation. However I couldn't do one thing that you explained. Now bear with me for just a sec and maybe you can see why.

                      For starters I am using Adobe Photoshop CS Central European version 8. I found the layer for the RADIO. Actually the layer is for all the text on the MENU pictureand it is labeled "Text" in the layer box. I copied it and made sure that the original was "unviewed". I tried using the “text tool”. However none of the tools in my tool menu are called “text tool”. But never mind that, I used this one which I figured was it:



                      The cursor never changed when i put it over any of the text. All that particular tool wanted to do was make a new layer of text like you said would happen. So I tried some of the other tools and to no avail I couldn't edit the text. Did I miss something? I made sure that I had that layer selected when I was rtying to edit the text.
                      "I'm going back to Cali(Iraq), Cali(Iraq), Cali(Iraq), I'm going back to Cali(Iraq), Cali(Iraq), Cali(Iraq), I know so!!!!" Now I'm here!!

                      By "ToneRiddle"

                      Comment


                      • #12
                        This is the tool bar pic that I tried to attach earlier:

                        Click image for larger version

Name:	Toolbar.jpg
Views:	1
Size:	47.6 KB
ID:	2255640
                        "I'm going back to Cali(Iraq), Cali(Iraq), Cali(Iraq), I'm going back to Cali(Iraq), Cali(Iraq), Cali(Iraq), I know so!!!!" Now I'm here!!

                        By "ToneRiddle"

                        Comment


                        • #13
                          Please post a screen grab of just the layer window with the text layer in question visable and selected. It might be a rasterized layer (I touched on that earlier). If it is rasterized the test tool won't work. And yes that is the correct tool for text.
                          APPS:
                          "RR CD Drive Monitor"

                          Skins:
                          Download the "MAS" beta here...
                          New! The Skin Skin community project.

                          Comment


                          • #14
                            Sweet05, here is the layers box with the text box selected. I really appreciate all the help.

                            Click image for larger version

Name:	Layers.jpg
Views:	1
Size:	61.5 KB
ID:	2255659
                            "I'm going back to Cali(Iraq), Cali(Iraq), Cali(Iraq), I'm going back to Cali(Iraq), Cali(Iraq), Cali(Iraq), I know so!!!!" Now I'm here!!

                            By "ToneRiddle"

                            Comment


                            • #15
                              Yeap, it is a rasterized layer. No problem with the help I have nothing better to do lol. This does change things a bit though. Text that has been rasterized basically turns that text into a picture therefore it is no longer editable as text. Sooooo...... What to do now hun?

                              Note: The description for #1a assumes you don't know the font you need to use or you don't have the one you need. If you know the font name you need and you have it see #1b. I would strongly suggest reading both though for educational purposes.

                              1a) Create a new layer using the text tool with the text you want at this time the font really doesn't matter.(the one you have circled above just click anywhere really and type. This will create the layer.) After you type the text in click the move tool and move the text close to where it needs to be this doesn't have to be exact yet just close then click the text tool again this will allow you to change the font on the text layer you just created with out having to select the text itself. Now you should have the text tool selected the new text layer you just created selected and the text in a non-edit mode (should be no cursor flashing on the text line) On the top tool bar click one time on the font name if the list drops down close it. Next use the up arrow to go all the way to the top of the list of fonts then use the down arrow to slowly go down one font at a time til you find the right one or something that is close. I think the hard part is going to be to match the text font with the original if you don't have it. Once you get a close match move the text around with the move tool and the arrow keys to get it lined up just right. You may have to switch back to the text tool and change the font size.

                              1b) If you have the font you need select the text tool and creat a new text layer with the text you want. Switch back and forth between the move tool and the text tool to get the font size, font color and alignment all matching as close as possible.

                              2) Now to remove the old text. Select the text layer that came with the PSD. Select the selection tool (the top left one in the left tool bar). Draw a small box around the part you want to remove by clicking and dragging. Once the original text has a box around it select "Edit>Clear" and the unwanted text should magically disappear.

                              I am going to assume that the icons are rasterized also so you will have to do much the same procedure to remove them unless they are on there own layers in that case just delete that specific layer and use text to make you own icons.

                              If you have anymore questions just ask. There have been a few offers from people to do this for you (I would even be willing to do it like I said it would take me about 20-30 min and I have nothing but time) but it sounds like you would really like to do it on your own. So stick with it you can do anything you can imagine with photoshop it just has a steep learning curve but the possibalities are endless. Just check out the two skin links in my sig to see a few examples of photochop magic.
                              APPS:
                              "RR CD Drive Monitor"

                              Skins:
                              Download the "MAS" beta here...
                              New! The Skin Skin community project.

                              Comment

                              Working...
                              X