Wiki Entry #1

Photo Shop 101: Diffuse Effect

Photoshop tips: Diffuse Effects

The Diffuse glow effect highlights and gives a soft smooth look. It really defines textures especially when combining colors. 

How to:

 

1. Hit the D Key to reset your colors

2. Filter>Distort> Diffuse Glow. 

3.Keep the diffuse effect low. 

4. Go to Image>Adjustments>Hue/ Saturation

5. Lower the saturation to accomplish the "dream like" effect

 

Sources: http://www.creativebloq.com/photo-editing/photoshop-tips-and-fixes-612316

 

______________________________________________________________________________________________________________________________

Wiki Entry #2 

 

Photo Shop 101: Editing Multiple Type Layers.

 

To edit aspects of multiple type layers, hold down Command/Control. Then select the "Type Tool". Then you can go ahead and change the settings in your "Options Bar". (Make sure you have highlighted the selected layers you want to edit.)

Image owned By: http://www.creativebloq.com/photo-editing/photoshop-tips-and-fixes-612316

______________________________________________________________________________________________________________________________ 

Wiki Entry #3

 

20 Photo Shop Keyboard Shortcuts 

 

1. Click Command/Control+Shift+Alt/option+E: This will create a copy of all your Layers.

2. Click the F Key: This will go through a series of workspace backgrounds.

3. Click the X Key: This will change your background colors.

4. Click the D Key: To Reset your background colors to black and white.

5. Click the "]" Key or the "[" Key: To Change your brushes size.

6. Click Command/Control+"J" to Duplicate a selected layer.

7. Space Bar: If you hold down the space bar you can navigate around your image. 

8. Click the TAB Key:  to hide/show your panels/tools.

9. Click the Command/Control+"T" to Transform your layer

10. Click Command/Control+"E": to merge several highlighted layers.

11. Command/Control+Shift+Option+S: To Save for the web/devices

12. Command/Control+"L": to show your levels box.

13. Command/Control+"T": Free Transform tool

14. Command/Control+Shift+Option+"C": scale your image

15. Command/Control+Option+"G" Make a "clipping mask"

16. Command/Control+Option+Shift ">/<": To Increase or decrease the size of your text by 10pt.

17. Shift Key+F5: Fill your selection

18. Click the "}" key or the "{" Key to: Increase or decrease your brushes "hardness"

19. "," Key or the "." Key to: Go back to the previous Brush or Go to the next brush.

 20. Command/Control+"[" Key to: Send your layer back.

______________________________________________________________________________________________________________________________

Wiki Entry #4

 

The Magic Wand Tool.

 

 

The magic wand tool lets you automatically select pixels and regions based on color and tone. It makes selection easy quick and effective.

 

______________________________________________________________________________________________________________________________

Wiki Entry #5

 

Photo Shop 101:  "Combining Images With Text"

1. Select the image layer you want to use.

2. Drag the image layer over your type later make sure to hold down the "Alt/Option" Key

3. Click the line that is in between the layers panel, to clip your image with your text!

 

 

Image owned By: http://www.creativebloq.com/photo-editing/photoshop-tips-and-fixes-612316

Sources: http://www.creativebloq.com/photo-editing/photoshop-tips-and-fixes-612316

______________________________________________________________________________________________________________________________

Wiki Entry #7

"How to Use External Cascading Style Sheets (CSS)"

 

1. Open a blank document in any text editing program, then write out your styles as if you were writing code in the <style> tag. (Just like an internal style sheet) ( Side Note* Make sure not to write any HTML. )

--------------

" For example:

body {
  background-color : #fff;
  color : #0c0;

} "

-------------- 

2. Once you have written your style sheet in your text editor save the file as a .css file. 

3. Now its time to link your external css sheet in your HTML! ( You link the External CSS with the <link> tag. )

4. The <link> tag resides in the "head" of your html doc. Use this code to link to your style sheet.

--------------  

• href="/URL of your stylesheet"
• rel="stylesheet"
• type="text/css"

--------------  

5. Your done!

 

Side Notes:

*All three of these "attributes" are key to making sure your stylesheet works correctly. 

*Every page you want to use with your stylesheet should include that <link> code. If done correctly your entire site can be set up with the same style sheet.

*Anytime you want to change your site all you have to do is change that stylesheet. 

 

Source: http://webdesign.about.com/od/css/a/aa051203a.htm

 

____________________________________________________________________

December 16 - 20, 2013 -

 

How to change the color of your websites scroll bar In two easy steps.

 

1. Copy the code below into your clipboard.

2. Past the css into the site you are currently working on.

        - and your done :D

 

<STYLE TYPE="text/css"> body { scrollbar-face-color: #CFBB96; scrollbar-shadow-color: #B7673A; scrollbar-highlight-color: #F0E2C7; scrollbar-3dlight-color: #ffffff; scrollbar-darkshadow-color: #974F26; scrollbar-track-color: #E3CA8E; scrollbar-arrow-color: #861230; }</STYLE>

After you have pasted the code into your page you are done; you can now edit the color of your scroll-bar.

Feel free to edit and customize the colors, all you have to do is replace the hex code in the css you pasted into your site.

 

___________

 

 

Here are some examples of other hex codes you could use.

 

Standard 16 Named Color Codes

Black or 000000	Gray or 808080	Silver or C0C0C0	White or FFFFFF
Navy or 000080	Blue or 0000FF	Teal or 008080	Aqua or 00FFFF
Purple or 800080	Maroon or 800000	Red or FF0000	Fuschia or FF00FF
Green or 008000	Lime or 00FF00	Olive or 808000	Yellow or FFFF00

 

 

Images provided and owned by: http://www.colourlovers.com/web/blog/2007/06/30/ultimate-html-color-hex-code-list

 

CSS and other information provided by: http://www.homestead.com/~site/scripts_LiveContent/LiveContent.dll?CMD=CMDShowUrl&URL=ProfessionalHelpPages_Archive32_2326