Adobe Creative Suite CS

7K

Solutions

40

Articles & Videos

7K

Contributors

Adobe Creative Suite (CS) is a software suite of graphic design, video editing, and web development applications developed by Adobe Systems. Each edition consists several Adobe applications, including Photoshop, Acrobat, InDesign, Premiere Pro or After Effects. Photoshop, InDesign, and Illustrator are the industry standard applications for many graphic design positions. CS6 is the last version of the Creative Suite; future versions of their creative software would only be available via their Adobe Creative Cloud subscription service.

Share tech news, updates, or what's on your mind.

Sign up to Post

Storytelling through Photography
I designed this idea while studying technology in the classroom.  This is a semester long project.  Students are asked to take photographs on a specific topic which they find meaningful, it can be a place or situation such as travel or homelessness.  Students are then meant to compile their images together and give a presentation at the end of the class of their images and reasoning behind choosing there subject.  Strong technology skills are required as this project requires use of camera, computer and editing software.  Students will need to be guided through the steps of taking images, importing images and creating a presentation of there images throughout the entire semester.
1.  Photograph Images (could be taken from DSLR, camera or even just phone camera)
2.  Upload images to Computer
3.  Create a presentation (current video used iMovie)
4.  Add voice over to presentation
5.  Students present their projects to the class with explanation on the chosen topic

Each step should be gone over and taught in class to give students the opportunity to do the same with their own presentations.
0
 
LVL 16

Administrative Comment

by:Kyle Santos
Congratulations.  Your video has been Accepted and is now published on Experts Exchange.  Feel free to share this video by selecting the social sharing icons to your left.
0
Industry Leaders: We Want Your Opinion!
Industry Leaders: We Want Your Opinion!

We value your feedback.

Take our survey and automatically be enter to win anyone of the following:
Yeti Cooler, Amazon eGift Card, and Movie eGift Card!

How to create built-in UI screens with Adobe XD
When you create an app prototype with Adobe XD, you can insert system screens -- sharing or Control Center, for example -- with just a few clicks. This video shows you how. You can take the full course on Experts Exchange at http://bit.ly/XDcourse.
3
 
LVL 16

Administrative Comment

by:Kyle Santos
Congratulations.  Your video has been Accepted and is now published on Experts Exchange.  Feel free to share this video by selecting the social sharing icons.
0
 
LVL 6

Expert Comment

by:Ali Eslamifar
Great video bob! And I also see you have created a full course here too. It feels so good to see courses and videos like these at EE.

I also have a question; how do you compare Adobe XD with new released version of Sketch?
0
Interactively Combine Shapes with the Shape Builder Tool in Adobe Illustrator
Illustrator's Shape Builder tool will let you combine shapes visually and interactively. This video shows the Mac version, but the tool works the same way in Windows. To follow along with this video, you can draw your own shapes or download the file I use: www.flisser.com/classfiles/shape-builder-exercise.zip.

Please check out the steps I've listed below.

1. Technique 1: combining two adjacent objects - Select two adjacent objects.


 
Several overlapping shapes
Before combining two objects, decide what fill color you want and make that the fill color in the toolbar. One way to do this is to select an object that has a fill and stroke already applied.

color-boxes.jpg
Two selected overlapping objects

2. Click the Shape Builder tool in the toolbar (or press Shift + M).


3. Roll the mouse over the selected objects. Notice the shading, which means the objects are ready to have the tool applied.



Object with shading

4. Drag from the first object to the second object.


The objects are now combined, and the fill is the color in the toolbox, and the stroke is the color of the first object’s stroke.

5. Undo (Ctrl + Z in Windows or Command + Z on the Mac).


6. Now drag from the second object to the first object.


As before, the objects are now combined, and the fill is the color in the toolbox. But this time, the stroke is the color of the second object’s stroke.
 
After dragging over two shapes
So the stroke color of the object you start dragging from becomes the stroke color of the combined object.

7. Undo, then go on to the next technique…


----

1. Technique 2: overlap of two adjacent objects. Again, select two adjacent objects.

2. Roll the mouse pointer onto the overlapping area, and notice just that area is shaded.



Overlapping area selected

3. Click, and that area becomes a new object.


 
After clicking the overlapping area

4. Click the Selection tool (or press V).

5. Drag the new shape out of the way so you can see.



There is now a hole where it used to be, and the new shape has a single stroke color. The stroke colors around the hole match the stroke colors of each object.

New shape dragged away----

1. Technique 3: using an object as a cookie cutter - Undo about three times so you get the original shapes back, and go to the next technique…



2. Select the same two objects as before.


With the Shape Builder tool active, hold the Alt key in Windows or the Option key on the Mac, then drag from the overlapping area into one of the selected shapes.

The overlapping area and the shape you dragged onto now disappear.

Removed circle

3. Undo, then Alt + drag or Option + drag from the overlapping area onto the other object.


You get a similar result.

4. Undo so you get the original shapes back, and go to the next technique…

1
 
LVL 16

Administrative Comment

by:Kyle Santos
Video submission is Approved; the steps provided are a great addition to the work done in this video.  Thanks for your contributions and efforts, Bob!
0
 
LVL 3

Author Comment

by:Bob Flisser
Great, glad you like it!
0
Selection Color Change in Adobe Photoshop
Make a selection using the pen tool to trace the selection. Then alter the color of the selection by using the color balance option in Adobe Photoshop.
0
Photoshop: Remove Unwanted Object
In this Micro Tutorial viewers will learn how to remove an unwanted object using Photoshop’s
feature known as content-aware fill.
3
Selecting Color Range in Photoshop
In this tutorial viewers will learn how to select a color range in Photoshop and how to easily apply them to multiple projects.

1. Open an image for editing in Photoshop

2. Open the select Color Range Selection tool by going to Select > Color Range

3. Select a preset such as "Skin Tones", or choose "Sampled Colors" to select custom colors

4. Use the eyedroppers to select colors to be included in the selection. The preview image in the Color Range window shows the areas that will be selected as white.

5. The fuzziness slider affects the sharpness of the selection, much like the Magic Wand tool's tolerance setting

6. Click OK to select the color range

7. Use the Marquee tool on negative mode to deselect unwanted areas

8. The selection can be edited separately from the rest of the image

9. The selection can also be deleted and replaced with a flat color or gradient to create an "endless sky" effect: - Delete the selection using the Backspace button - Adjust the size of the image using Image > Canvas Size - On a new layer under the image, fill in the area with a gradient

1
Improving Your Photoshop Layer Workflow
In this tutorial viewers will learn a few layer organization tricks and tips to improve their workflow in Photoshop.

1. Open a multi-layer document in Photoshop

2. View all your layers by going Window > Layers

3. To make sure your layers can be identified, name them by quickly double clicking on the layer name in the Layers, typing a new name, and pressing the Enter key

4. To visually group similar layers (e.g. all text layers) right click on the eye icon next to the layer and select a color. This color-codes layers to quickly identify them while scrolling through the layers list

5. To group layers in folders, click the file folder at the bottom bar of the Layers window. Rename the new group the same way you rename a layer.

6. To place layers in the folder, click and drag them onto the folder. To collapse the folder and hide the layers from the list, click the triangle next to the group's folder icon

7. To view only one layer, hold down the Alt key while clicking the layer's eye icon. This will toggle the visibility of all other layers so you don't have to individually hide each layer

1
Batch Image Resize in Photoshop
Users will learn how resize a batch of photos from a single command in Photoshop via Photoshop's Image Processor.

1. Open up an Image you'd like to resize in Adobe Photoshop

2. Adjust the image size according to your preferences. Image > Adjustments > Image Size. Write down the new dimensions.

3. Open up Image Processor. File > Scripts > Image Processor

4. Select the source folder of images to resize

5. Select the destination folder where the new images will be saved

6. Under File Type, check "Resize to Fit" and enter your desired dimensions

7. Uncheck "Run Action" unless you have an Action you'd like to implement

8. Click "Run"

9. Check new images and make sure they've processed correctly

0
Creating a Vector Texture in Photoshop
In this tutorial viewers will learn how to create a vector texture to apply a non-rasterized texture to vector images, using Photoshop and Illustrator

1. Open a textured image such as a scanned-in piece of cardboard in Photoshop

2. Convert the texture to black and white by going to Image > Adjustments > Black and White

3. Adjust the contrast by going to Image > Adjustments > Levels. A higher contrast image will yield a more defined texture

4. Save an image as a PSD by going to File > Save As and selecting the .PSD option

5. Open the PSD in Illustrator

6. Convert the texture image to vector shapes using the Image Trace tool (Window > Image Trace)

7. Select a Preset that fits your texture. For scanned-in paper textures, the Shades of Gray preset works best. Trace by clicking the "Trace Button"

8. With the image selected, go to Object > Expand and ensure both "Object" and "Fill" are checked

9. Save the texture as a .AI file

0
Color Correction in Photoshop - Levels
In this tutorial viewers will learn how to correct colors in Photoshop using the Levels adjustment

1. Open a photo for editing in Photoshop

2. Begin by creating a new adjustment layer by going to Layer > New Adjustment Layer > Levels

3. Select "OK" on the dialogue

4. The Levels adjustment works by adjusting how black, white, and grey colors in the image are displayed. The black slider on the top (input) histogram will correspond to the black slider on the bottom (output) bar

5. Dragging the black input slider closer to the center will cause more colors to be displayed as black

6. Dragging the black output slider closer to the center will cause more black colors to be displayed as grey

7. Similarly, dragging the white input slider closer to the center will cause more light colors to be displayed as white

8. Dragging the white output slider closer to the center will cause more light colors to be displayed as grey

9. Dragging the grey input slider affects which color will be the "middle" color in the image and adjusts both dark and light colors

10. Adjusting the RGB channel will affect all of the colors in the image since it adjusts black and white; use the dropdown to select the Red, Green, or Blue channel for a different effect

11. When using a color channel, dragging the black input slider to the middle will reduce the amount of that color, while dragging the black output slider to the middle will increase the amount of that color. Dragging the white input slider to the middle will increase the amount of that color, while dragging the white output slider to the middle will reduce the amount of the color

12. The black and white eyedroppers can also be used to select the colors that should de displayed as black and white in the image

0
Free Tool: ZipGrep
LVL 8
Free Tool: ZipGrep

ZipGrep is a utility that can list and search zip (.war, .ear, .jar, etc) archives for text patterns, without the need to extract the archive's contents.

One of a set of tools we're offering as a way to say thank you for being a part of the community.

Color Correction in Photoshop - Hue and Saturation
In this tutorial viewers will learn how to correct colors in Photoshop using the Hue and Saturation adjustment

1. Open a photo for editing in Photoshop

2. Begin by creating a new adjustment layer by going to Layer > New Adjustment Layer > Hue and Saturation

3. Select "OK" on the dialogue

4. The Hue adjustment works by allowing a certain color to be displayed as another color; effectively moving the entire hue spectrum of an image around. This is seen in the lower area of the Hue and Saturation window.

5. Before adjustments, the two color blocks (input and output) are the same; after adjustments all colors on the bottom block (output) are shifted. The color on the input block will be displayed as the color directly under it, on the output block

6. The Saturation adjustment works by adjusting how vivid/intense the colors are displayed

7. The default setting for this adjustment is "Master", which adjusts all colors in the image, but this can be set to an individual color channel to affect only that color

8. When adjusting an individual color, the input/output blocks show high, low, and middle points that can also be adjusted

0
Color Correction in Photoshop - Color Balance
In this tutorial viewers will learn how to correct colors in Photoshop using the Color Balance adjustment

1. Open a photo for editing in Photoshop

2. Open a photo for editing in Photoshop

3. Select "OK" on the dialogue

4. The Color Balance adjustment works by allowing you to reduce the amount of one color in an image, while boosting the opposite color

5. The default tone adjusted is the midtones, which will affect the general color of an image

6. To adjust the darker tones in an image while leaving the other tones intact, set the Tone to Shadows

7. To adjust only the lighter tones in an image, set the Tone to Highlights

8. To boost the warmth of an image, reduce the levels of Cyan and Blue

9. To boost the cool tones of an image, reduce the levels of Red and Magenta

10. To counter a colored cast over an image, simply reduce the slider of the unwanted case; e.g. to remove a red tinge from a sunset, boost the Blue and Cyan while reducing the Magenta

11. Ensure "Preserve Luminosity" is checked so that the brightness of the image isn't affected

0
Creating an Image Sprite
In this Micro Tutorial viewers will learn how to create a CSS image sprite
(In a later tutorial, viewers will learn how to use CSS and HTML to create a navigation menu using this sprite)

1. Open a new Photoshop document with a width of (Icon width)x(Number of icons) and height of 2x(Icon height)

2. Click and drag to create guides that divide the canvas into equal boxes, one for each icon

3. Use the shape tool to create a base for a button in the top left box

4. Select the shape, hold down Shift+Alt, and click and drag to duplicate

5. Add text to the top left shape using the Text tool

6. Select the text, hold down Shift+Alt, and click and drag to duplicate

7. Edit the text for each button

8. Select all layers, hold down Shift+Alt, and click and drag to the second row to create the hover icons

9. Select one of the hover icon layers, right click, and select Blending Options to apply an effect

10. Right click on the layer again and select Copy Layer Style

11. Right click on the other hover icon layers and select Paste Layer Style

12. Save the icon as a transparent image

13. In a text document, note the height, width, and (x,y) coordinates of each icon

0
"Postcard" Effect in Photoshop: Layer Masks
In this tutorial viewers will learn how to create a postcard text effect in Photoshop and get an introduction to Layer masks

1. Use magic wand to select the "inner" part of the letters

2. Create a new layer and fill the selected area with black

3. Go back to the original layer and right click > Rasterize Layer. Delete the "inner" part of the letters

4. Edit the background photo using Image > Adjustments > Levels

5. Add an inner border by right clicking the background layer and selecting "Layer from Background". Then Right Click and select Blending Options. Create an inner stroke.

6. Copy and paste an image onto a new layer

7. Hide the layer with the black letters and move the new image around so it fits into the spaces of the layers

8. Use the magic wand to select the black inner letters

9. Click on the layer of the new image and go to Layer > Layer Mask > Reveal Selection

10. Add "extra" text as needed, or add pictures to each letter.

0
Using the Clone and Stamp Tools
This video demonstrates how to use each tool, their shortcuts, where and when to use them, and how to use the keyboard to improve workflow.
0
Using Multiple Filters
The viewer will learn how to create multiple layers to apply various filters and how to delete areas from each layer’s filter.
1
Using Content Aware
This video shows how use content aware, what it’s used for, and when to use it over other tools.
1
 
LVL 7

Author Comment

by:Tony Baril
Thank you very much, and i'm glad you enjoyed the video. I have only thought about listing on Youtube, but never thought about a DVD book! Although I am a terrible writer, I could maybe make a DVD, who knows!
0
 

Expert Comment

by:Need-a-Clue
Hi, thanks for the response. I have some ideas for you. Mainly because I am a frustrated user of Photoshop. I don't use it enough to become proficient, but often enough that I NEED to learn more. Your method of teaching is great. I got the point the first time I watched it. What I Am good at is being able to know when an instructor is not giving enough information, or too much. You did just perfect. I'd be happy to act as your proofreader helper for free. It would be worth it just to learn more. Think about it. Many have made TONS of $$$$ writing similar types of tutorials on other subjects.
0
The Most Helpful Keyboard Shortcuts
The viewer will learn common shortcuts with easy ways to remember them. The viewer will then learn where to find all of the keyboard shortcuts, how to create/change them, and how to speed up their workflow.
0

Adobe Creative Suite CS

7K

Solutions

40

Articles & Videos

7K

Contributors

Adobe Creative Suite (CS) is a software suite of graphic design, video editing, and web development applications developed by Adobe Systems. Each edition consists several Adobe applications, including Photoshop, Acrobat, InDesign, Premiere Pro or After Effects. Photoshop, InDesign, and Illustrator are the industry standard applications for many graphic design positions. CS6 is the last version of the Creative Suite; future versions of their creative software would only be available via their Adobe Creative Cloud subscription service.