Tuesday, November 20, 2018

Stay Strong


AND HAPPY THANKSGIVING TO YOU ALL!!!!

Procrastination - We all do it...








From: http://designtaxi.com/interstitial.html?v=1&advertiser=External&return_url=http%3A%2F%2Fdesigntaxi.com%2Fnews%2F384999%2FHonest-Funny-Charts-For-Anyone-Who-Has-Procrastinated-Before%2F

Please assess my teaching!!! I am grateful for your feedback.

Hello Students, I believe you can still go through the teacher assessments. I appreciate your time in doing the assessments and writing any feedback you feel would help me and future students. I believe in constructive criticism and appreciate it from my students!



I do use your comments!
Cheers!

Thursday, November 8, 2018

Project 5 process timeline

Here is how the next few weeks will go for us:

11/13 - Approved compositions (IN GRID) based on narratives and finalized article. 
11/15 - Images manipulated, sized and ready for your composition, and text grammatically corrected.  Production work IN CLASS. Design feedback, and lecture on Typography
11/20 &11/22 - THANKSGIVING ( TUT 5 - Project 9) + Feedback over email as requested)
11/27 - P5 Test prints, changes as needed, and any last minute preparation for critique.
11/29 - FINAL PRESENTATION, DIGITAL NOTEBOOK Due in dropbox (PARTY?).

RESOURCES: ALL about In Design and what you need to know for P5

In Design course
https://helpx.adobe.com/indesign/tutorials.html

Beginners Guides to InDesign
http://design.tutsplus.com/series/beginners-guides-to-indesign--vector-4951

A 20 Minute Intro to Typography Basics
http://design.tutsplus.com/articles/a-20-minute-intro-to-typographybasics--psd-3326

Typography bare basics
http://www.creativebloq.com/typography/what-is-typography-123652

Grids in In Design
https://helpx.adobe.com/indesign/using/grids.html

Setting a Grid in In Design
https://www.youtube.com/watch?v=jWH6HDaMkMM


The Grid System: Building a Solid Design Layout
https://www.interaction-design.org/literature/article/the-grid-system-building-a-solid-design-layout

Brief Process document information for Project 5

Project 5

In your P5 brief make sure to have the following pieces under your 'Research' area:

• Inspiration (Visual and Writing)
• 3-5 styles you would like to approach (Visual and Writing)
• 2-3 possible Typefaces (Explain in writing your choices)
• 2-3 possible color palettes (Explain in writing your choices)

Remember that all the bullet points above have to reflect your personality/style in a way, 
as it is a self-promoting piece!





Layout, Grid and Hierarchy references


https://www.pinterest.com/pin/462181980492221336/
__________________________________________________________________




http://www.howdesign.com/design-business/design-thinking/design-hygiene-handy-design-checklist/

__________________________________________________________________________________________ 



http://www.companyfolders.com/blog/rule-of-thirds-graphic-design 
 __________________________________________________________________________________________\




http://vanseodesign.com/web-design/grid-choices/

http://thinkingwithtype.com/grid/#Multicolumn_Grid

 
___________________________________________________________________________________________


http://www.elleandcompanydesign.com/blog/2015/1/21/the-basics-of-visual-hierarchy-and-why-its-important-for-your-website

_____________________________________________________________________________________________




________________________________________________________________________________________________

 

Thursday, October 25, 2018

DUE on Tuesday 10/30

Please send me your drawings (JPEG pictures) by 5 pm tomorrow afternoon for approval.Otherwise you will be really behind.

Please bring your digital room mostly completed on Tuesday!!! Please put in the work for this weekend... THIS PROJECT IS DUE THURSDAY!!!!

Interesting effects for composites!! Apply this to your P4

Check this out!! Every student can take advantage of at least one of these!!

http://spyrestudios.com/28-photoshop-compositing-tutorials/

Plus, 

10 things you need know about compositing photoshop!

More on building a room using Photoshop and Illustrator

https://www.youtube.com/watch?v=6wVQ4qWJExg

https://www.youtube.com/watch?v=HBtnm3_hFNc

https://www.youtube.com/watch?v=_FWGexFkxBE&t=106s

https://www.youtube.com/watch?v=ZiiWy0AD_s8

https://www.youtube.com/watch?v=908kyBQLhxc

Patterns in Illustrator, and how to make them into a perspective view.

Try these:

http://graphicdesign.stackexchange.com/questions/16687/illustrator-cs5-brick-pattern-with-perspective

http://graphicdesign.stackexchange.com/questions/37061/how-can-i-transform-patterns-in-illustrator-to-simulate-a-perspective

Perspective Overview:

https://www.video2brain.com/en/lessons/perspective-overview


Illustrator Mastery: 25 Techniques Every Designer Must Know

Tuesday, October 23, 2018

Perspective Resources

PHOTOSHOP

https://helpx.adobe.com/photoshop/using/perspective-warp.html

https://helpx.adobe.com/photoshop/how-to/photoshop-perspective-warp.html

http://www.photoshopessentials.com/photo-editing/perspective-crop-tool-cs6/

https://www.macprovideo.com/hub/photoshop/3d-perspective-vanishing-point-in-photoshop-cs5

ILLUSTRATOR

https://www.youtube.com/watch?v=IXsktiCG4Ls

http://www.creativebloq.com/illustrator/using-perspective-grid-tool-51514869

http://graphicdesign.stackexchange.com/questions/20304/how-can-i-add-perspective-to-something-using-illustrator

https://www.pluralsight.com/courses/illustrator-cc-perspective-tool?gclid=CPut-p6x1tICFdU8gQod4BAGRg

https://helpx.adobe.com/illustrator/using/perspective-drawing.html

Tutorials and references in Illustrator Perspective

Perspective References

Intro to Perspective Tool in Illustrator

Drawing Perspective from a drawing


This exercise must be completed before P4 starts

Please complete this Tutorial in class before starting project 4.

https://design.tutsplus.com/tutorials/create-a-shimmering-cityscape-in-perspective-using-illustrator-cs5--vector-4442

Illustrator Perspective Grid Visuals


Keep in mind:
  • You can pick from 1-point, 2-point, or 3-point perspectives, but each document can only have one grid at a time.
  • Some control points affect the entire grid, so there’s only 1 set of controls.
  • Some control points affect the  individual planes, so there’s 1 set of controls per plane.





Information from: https://tinytutorials.wordpress.com/tag/perspective-grid/

Tuesday, October 16, 2018

Time Management Tips

With exams approaching, you should be thinking about how to get better at time management and organize your days so you can strike the right balance between home, work and university life.
By taking the time to arrange your priorities, you can give yourself the best chance of staying on track and organized during the exam period, which in turn can help reduce stress levels, something that can be the difference between success and failure at university.

Take a look at our top seven time management tips, so that you can do your best at university and also find moments to relax and even earn some money on the side.

1) What do you have to do?

The first stage of improving your time management is to list absolutely everything that you have to do. This may sound obvious, but speaking from experience, most students tend to leave important tasks until the last minute, which can impact on the quality of their work and their overall grade.
Include any university deadlines as well as any shifts you work on the list, and make a note of how much time each priority will take out of your schedule.

2) Create a life schedule

Whether it’s a pin-up planner, a timetable or a calendar on your phone, find an organizing tool that works well for you and add your list of priorities to it. Also, think about when you are most alert, so that you can plan your study periods around these times.
Find time for socializing, but also make sure that you get enough sleep. Most people need between 7 to 8 hours sleep every night to remain focused and alert during study periods.

3) Be flexible but realistic

Typically, allow around 8-10 hours a day for working, studying, socializing and anything else practical you need to do.
As a full-time student, you’re expected to dedicate 35 hours a week to university studies, including the time you spend in seminars and lectures. If you only spend 15 hours a week attending tutor-led learning, you should use the extra 20 hours for independent study.
It’s also important to remember that things often take longer than expected. So, allow a little extra time in case you spend longer on a task than you thought you would.

4) Allow time for planning to avoid repetition

Taking the time to research, plan and think about your work is crucial for good time management. Allow yourself the time to process new information and plan how you are going to use it, as this can help you to avoid having to re-read and repeat any research.
One way of effectively planning before researching is to make a list of everything you want to find out, so that you can make notes below each subheading as you go.

5) Avoid procrastination and distraction

One way to avoid procrastination is to think about the different places you have been when studying – where were you the most focused? Where were you most distracted?
Remember, what works for one person might not necessarily work for you.  For some, studying with friends can limit their productivity. But for others, studying in groups can help to increase motivation and avoid procrastination.

6) Exercise to clear your head in between study sessions

Believe it or not, exercise works in the same way sleep does. It can focus your state of mind, helping you to clear your head in between study sessions. If you’re new to exercise, aim to fit in a 10-minute run here and there, steadily increasing the amount you do as you go on.

7) Has your organization been effective?

Constantly reviewing and reassessing your schedule can help you to recognize whether you need to make any changes in order to help you complete any university tasks and also have time to relax and spend time with friends and family.


By:

Rachel Campbell is a creative content writer for Pure Student Living, a provider of high quality student accommodation situated in a number of locations throughout London.

Research Exercise 10/15/18

Please find a sound source in the internet about either Photoshop or Illustrator, about any of the tools we have covered, or any tutorials that have truly enlightened you.

You must share the link, a title for it, and a paragraph explaining why you chose this source in the comments area below.

Sources MAY not be repeated!!!!!!! if you see several comments already, make sure you check their links, so that you do not place repeated information below. You are not getting credit for repeated sources.

After placing your information, you must comment on another classmate's source, with intelligent input.

Softening the edges of Gradient mesh shapes.

Check this out!

https://design.tutsplus.com/tutorials/create-a-burning-vector-match-using-gradient-meshes--vector-4349 

Printing Resources!!

Please see below! The UPS store have great prices on printing...

https://drive.google.com/file/d/11PtzIXMjaJ4Ivymvh0shK8Rnd79mKZJW/view?usp=sharing

Thursday, October 11, 2018

P3 file details - Follow these instructions!!!!

Ok, for P3, Please follow the mounting directions on your brief (dimensions, board, tag, etc). In this mounted piece, you will place your FINAL work (illustration placed in photograph) at 8.5 x 11. On the back of the same board, centered, you will place a photo of your gradient mesh object ONLY (Size at your discretion but bigger than 4x6).

So, we should have one board, with a file placed in each side of it.

For the dropbox, please turn in a zipped folder, again following the instructions on project brief and naming your folder appropriately.

Contact me with any questions until Monday 5pm.


Tuesday, September 25, 2018

BRING YOUR TEXT BOOKS THURSDAY

BRING YOUR TEXT BOOKS THURSDAY

P2 submission directions - 2/20/18

BEFORE Class on Tuesday:
Please place the original ai. file, a press ready PDF and a JPEG file INSIDE a single folder along with a PDF of your process notebook.

Name your files correctly. Once all 4 files are in the folder, please go to FILE> COMPRESS this folder.

Upload the zipped file to dropbox BEFORE 9:30am of Thursday (9/27/18).

Confirm submission has been successfully uploaded, as the computer/internet may not complete the process as you intended.

Be in class a few minutes early to set up for presentation and critique!

Friday, September 21, 2018

Feedback on Project 2

Hello Students, thank you for placing your P2 updates on the Dropbox! If you turned it in on time, you got credit. The general feedback that applies to most students is:
1. Soften your value transitions by adding more shapes and more greys.
2. Add more details
3. Use brushes and start on your HAIRS!! It will take more time than what you think!

In using brushes, experiment!! Press the [ or ] to change brush sizes... you can upload brush libraries from the software (from the brushes panels) or find some new ones from the internet. 

A lot of you didn’t show me progress from Tuesday, which lowers you progress grade, but mostly worries me about your time management for this project. 

Please make sure you have your project mostly finished by Tuesday!!!

See you then!

Tuesday, September 18, 2018

Due dates for the next 2 weeks

Hello Students, as we discussed, we will have an "online" class this coming Thursday.
Just to clarify all the due dates coming up, please see below:

Thursday 9/20/18a JPEG picture of your Project 2 progress due on dropbox by 3:30pm. I will be sending you feedback if needed.  Start TUT3 (Chapter 2 of your book)

Tuesday 9/25/18TUT 3 (Chapter 2 of your book) DUE in Dropbox. Last P2 feedback

Thursday 9/27/18Project 2 DUE - Come to class ready for Critique with your mounted pieces. Digital files in dropbox BEFORE 9:30 am.

Please email me with any questions.. Don't be stuck or frustrated until we see each other again...

Tuesday, September 11, 2018

Tutorials & Videos on how to create Hair in Illustrator

5 steps for realistic hair
http://www.creativebloq.com/digital-art/how-create-realistic-hair-4-simple-steps-51514929

Great example tutorial of eye lashes and lips...
http://www.vector2012.videocreative.org/11/p-147-curly-hair/Index.html

https://www.youtube.com/watch?v=RKBSxsygOAY

https://www.youtube.com/watch?v=ZjGrNr8qB80

How To Make Realistic Looking Hair in Illustrator
http://www.cjboco.com/projects.cfm/project/tutorial-ai-realistic-vector-hair/1.0.0/

Help with the WIDTH tool! Great for a countoured look and organic feel...

These links will teach you how to manipulate a simple stroke, making it wider and/or thinner! Really useful for a more a artistic style, and portraying the reality of hairs! Try it out!!

http://www.creativebloq.com/illustrator/how-use-width-tool-81412630

http://blogs.adobe.com/tonyharmer/2016/06/17/how-to-use-the-width-tool-in-illustrator/

P2 tips!!

Hello students!

Here are a few things for you to focus on Project 2:

1. Make your tone shapes with soft edges (curved) instead of hard angles.
2. As you layer your project and add details, try to make your continues tone more subtle, with more tones of greys, instead of sharp changes (light grey and dark grey).
3. Use different brushes, for more contoured lines instead of the default brush.
4. Put in time on developing the details (eyes and hair), as these areas are the most time consuming and the most dramatic visual effect in your project.
5. Push your self!! When you think you are done, look at it again!!

Looking forward to seeing your work!

K. Lord

Monday, September 10, 2018

This week's "To do" list

1. Have a picture (P2 requirements - value, size, personality) brought to class and approved by Tuesday.
2. Start TUT 2 (Chapter 1 of your text book "Campground Icos") on Tuesday's class.
3. Digital development for P2 due on Thursday.
4. TUT 2 completed before Thursday's class.

Thursday, September 6, 2018

We started Illustrator!! Here are some resources...

Illustrator for Beginners PDF Book:
https://drive.google.com/file/d/0B7wRkTp3nBt2UGdfNXl5cnUtNzQ/view?usp=sharing

Illustrator for Beginners Video:
https://www.youtube.com/watch?v=IBouhf4seWQ 
 
Illustrator for Tutorial for Beginners to Advance - Free Tutorials:
https://helpx.adobe.com/illustrator/tutorials.html 


Please take advantage of these resources!

Exemples of high value photographs






More on Value Scale & Tonal Range


Value -- the range of light and dark within either neutrals or colors. Black is at one extreme, white at the other.

In painting, value changes can be achieved by adding either black or white to the chosen color.
However, this also reduces the saturation and adds to the dilution of the color.
Believe it or not, value is more important than color to the design and success of a painting.
Here’s why:
• Value is used to create a focal point within a painting or drawing.
•The human eye is immediately drawn to a light element against a dark element. This creates, the focal point of interest.
•To create the illusion of depth, gradations of value are also used.
•Areas of light and dark give a three-dimensional illusion of form to subject matter.


Value is independent of its hue 

Tone -- a color mixture that is not pure color hue (such as the highest chroma for a given color), and not black and not white. This mixture is an intermediate (can also be blend of hues). In other words, if you were to take a pure color and add grey, you would have Tone.

Continuous Tone Photos:



Composition - why tonal values and contrast are important

http://makingamark.blogspot.com/2008/02/composition-why-tonal-values-and.html

References:
http://www.artistsnetwork.com/subject/other-subject/understanding-value-and-tone-for-better-painting
http://photography.tutsplus.com/articles/light-photography-exposure-and-tonal-range-considerations--photo-5685

Resources and Tutorials to aid in Project 2

Practicing with Pen Tool
http://www.vectordiary.com/illustrator/drawing-with-pen-tool/


Tracing a Vector Face From a Reference Photo
http://design.tutsplus.com/tutorials/tracing-a-vector-face-from-a-reference-photo--vector-3217


Create a Vector Male Portrait from a Photo
http://designbeep.com/2012/08/08/26-best-adobe-illustrator-portrait-tutorials/


Line Art Drawing on YOUTUBE
https://www.youtube.com/watch?v=5eyh9NHMsso


How To Create a Beautiful Vector Portrait in Illustrator
http://blog.spoongraphics.co.uk/tutorials/how-to-create-a-beautiful-vector-portrait-in-illustrator


Creating a Detailed Eye from Stock in Adobe Illustrator
http://design.tutsplus.com/tutorials/creating-a-detailed-eye-from-stock-in-adobe-illustrator--vector-5600

The whole process from Photoshop sketch to illustration in Illustrator
https://www.youtube.com/watch?v=LvOX9nQgXus

Tuesday, September 4, 2018

Selecting Curly Hair in Photoshop

https://www.youtube.com/watch?v=3yZhsVm9Tso

PROJECT 1 DUE 9/6/18

PROJECT 1 DUE 9/6/18

Please come to class a little early and fully prepared.

DO NOT try to mount your project inside the Visual Arts building before class!!!!!!! 

Please come prepared to:
1. Present and explain your Project's design, composition, and technical steps, using appropriate vocabulary.
2. Critique a classmate project without an opinion, but with an artistic eye, strong vocabulary and constructive criticism.

Make sure your zipped folder is in the dropbox before 9:30 Thursday. Inside of the zipped folder I should see:
1. PDF Process Notebook
2. PSD project file with named layers
3. Press ready PDF
4. Regular full size JPEG project file

There should be a total of 4 files inside your zipped folder.
Your folder should be Properly NAMED.

Make sure to bring your mounted piece to class and arrive a few minutes before class.

Critique will start 9:30 am sharp. If you are late, you will no be presenting your work, and points will be deducted from your project.

PS. If you didn't have a JPEG file added to your zipped folder prior to submission, please upload the JPEG ASAP as an individual file in the same P1 folder.

Saturday, September 1, 2018

Mounting your Project


Craftsmanship is very important!! Mount your work appropriately!

Materials: 
 exacto knife with extra blades
 studiotac dry adhesive or spray mount
 T-square
 cutting mat
 black board
 fine sand paper block.

Process: 
• Make sure you have a clean work area
• When attaching the paper, make sure to use a roller or something similar to flatten your paper into the board so that there are no air bubbles. 
• When measuring, make sure your pencil marks are light and accurate. 
 When cutting, use a repetitive motion with several light cuts instead of trying to go through the thickness of the board at once. 
 After the project is mounted, make sure to use the sand board to smooth the edges if necessary
 Make sure that there are no visible glue or pencil marks. 
 Make sure that you leave a nice margin all the way around, don’t crowd your board. 
 Make sure that the backs of your boards are clean and with you identification label. 
 Make sure that the boards are consistent throughout.

As a quick reference, take a look at this GSU student's video. She covers the steps to mount your boards for presentation. I will go into a little more detail in class, but you can always refer back to this video if you have too!

http://youtu.be/Aq2sJ1kUdHs

Monday, August 27, 2018

Color and Light Matching for Composites in Photoshop by Frank Bramkamp

Photo composites are a great way to express your creativity and vision as an artist. You can craft images that otherwise cannot be accomplished. Many people shoot landscapes or architecture, which make fantastic backgrounds of a scene. But not everyone has access to models and fine garb. Therefore, using free stock images of models is a viable alternative. A good resource is e.g. http://www.deviantart.com | faestock.deviantart.com | jumeria-nox.deviantart.com | kuoma-stock.deviantart.com

Whenever using free stock images, you should mention the source and carefully read the terms of use. Also seek permission to use other people’s photographs if they don’t have a terms of service.

Since the model has typically been shot in a different environment than you used to photograph your background, one of the occurring problems is to match the color and light, which is essential to make the final composite believable.
What is most important to me is that any composite scene is first most believable, so that it conveys a story. My ultimate goal is to integrate the images well enough that you can’t tell it’s a composite. I feel that the viewer can’t truly appreciate the image with distractions from technical oddities, so I work hard to remove them from the composites I create.

by Frank Bramkamp, Hobbyist photographer

Selections Tip

Cleanly selecting out a model is much more elaborate process than replacing a sky. Most of the time I only use the tools inside Photoshop, like the Quick Selection tool. When doing this, you’ll notice color fringing around the subject. Be careful as this is extremely important to remove. Any fringing will immediately make your composite look like a composite. I suggest that you proceed in small, careful steps refining the selection based on the image’s edges.
After you have a clean selection without fringes, use a small radius blur and darken the midtones to be rid of any tough spots. The blurring will help the transition of the subject’s outer edge and will blend it with the background.

For geometric selections, such as machinery, architecture, or vehicles, use the Pen tool to create a path. This gives you full control over the selection, and you can go back for fine detailed adjustments later. The Pen tool makes easy work of machined shapes.

Color Adjustments

After retouching the model into the background, adding shadows, dodging and burning, I use Exposure for the final color adjustment. A global color adjustment to the final composite is a huge advantage. It harmonizes the colors of the different images in the piece. Photos from different cameras, taken on different days with different color temperatures, need this final touch to bring them together.
My secret weapon for color matching is to use the Average filter in Photoshop. This will produce a representative color for the background image. The layer filled with this color, set to the Color blend mode at a low opacity, will allow you to mask out trouble spots.  

Grain

Another benefit of Exposure is its beautiful grain. Again, most of the images in a composite are completely different at the start, and anything you can do to bring them together is worthwhile. The images may already contain grain, so adding a little extra will help unify the image, as well as blend in any selections. I also like to add dust and scratches, and the other texture overlays that Exposure can offer. I like to accentuate the vintage look, which fits nicely with historic scenes.

P1 Materials due tomorrow and compositions due in class! Check point 1 + 2

Hello Students! Hope you have had a nice weekend...

Please have your P1 materials ready (check 1) as your P1 compositions will be due in class tomorrow based on the materials you bring (check 2.

I would like for you guys to get into the habit of pushing your creative limits and not settling for the first thing that comes to mind, so most of the class tomorrow will be dedicated to your compositions (paper and pencil). If you are ahead and want to bring those ready, then when approved, you will be digitiizng your idea in Photoshop.

Project 1 will be due on 9/6, and an updated Syllabus schedule was posted.

We have a lot to do tomorrow, so come ready to show progress!

Thursday, August 23, 2018

P1 FREE stock image site for those of you needing an extra picture

https://pixabay.com/en/stars-nightsky-milky-way-darkness-1246590/

I would prefer students to use their own photos, but if you are struggling to complete your composition because of one image, you are allowed to use a stock image (as long as you clear it with me first). This is not encouraged, but accepted if it makes the piece stronger. Only one stock photo per student will be allowed.


Tips and tricks for a great composite

10 Things You Need to Know About Compositing in Photoshop

http://www.graphics.com/article-old/10-things-you-need-know-about-compositing-photoshop


Free backgrounds and Tutorials

http://compositeplanet.com/


Composite Tutorials

http://planetphotoshop.com/creating-a-compelling-photo-composite-in-adobe-photoshop-cc.html

http://www.apogeephoto.com/feb2015/creating-composite-images-in-photoshop.shtml

Project 1 Help - More on Compositing

https://www.smashingmagazine.com/2010/12/compositing-in-adobe-photoshop-time-saving-tips/


http://www.digitalartsonline.co.uk/tutorials/photoshop/advanced-compositing-techniques/#8


Composition  and elements and principles of design an important part of this project's success!

Composite Images in Photoshop

A composite can be defined as an image that is comprised of more than one image. For example, when you have a lake and you put an image of a lake into this picture, you’ve created a composite.

Composites - can be created in many ways, one way is to have two images open and using the move tool, drag one image onto the other. More details here: https://helpx.adobe.com/photoshop-elements/key-concepts/composite.html


Layers - how they affect your composite In Photoshop, one of the most important panels is the Layers panel. Layers are transparent except for any objects you add on them. They are stacked on top of each other and each new layer and the objects on them adds to the file size. Layers can be moved (re-ordered), locked, temporarily hidden, merged (temporarily and permanently), and deleted.

Naming layers
The more layers you have, the more confusing it becomes. To avoid confusion, it’s best to name every layer. Especially if your teacher needs to review your work. For example, if you fi lter an object, add the name of the fi lter to the name of the layer.

Layer tips
Most images begin with a background layer that is locked. It is best to keep it that way - just duplicate a layer if you want to edit it.
When using painting and/or adjustment tools, make sure to start with a new layer. If not, you will edit an object and not be able to undo it if needed. More on Layers here: http://photoshopcafe.com/tutorials/layers/intro.htm  or here: https://helpx.adobe.com/photoshop/using/layer-basics.html
Blend modes in digital are used to determine how two layers are blended into each other. The Blend modes can be found on the Layers Palette. The Blend modes determine how a particular layer blends with the layers below it. The Blend modes are very useful because they determine how a layer will affect the look of an image. Changing a layer to a different Blend mode can have a very dramatic effect on the appearance of an image. More on specific Blending modes here: https://helpx.adobe.com/photoshop/using/blending-modes.html

Modifying a Composite
Composites may need to be altered once the images are combined. For example, if the size of the image is too large, you can use Edit > Transform > Scale. Tip: Tip: Use the History panel and snapshots to undo or re-do, or Command +Z

Special effects
For special effects, you can:
1) Use a filter (found on the menu bar). Choose Filter > 
More on filters here: https://helpx.adobe.com/photoshop/using/filter-basics.html

2) Make the edges soft by adding a feather. Click in a blank area with the magic wand on the layer of the object. Then, go to Select > Modify on the menu bar. Then, increase the feather radius to 15 or more. Finally, hit the delete button to the desired e ffect.
3) For a box of color around the image, you could add a stroke (under Edit > Stroke).
4) To give the whole object an overall color change, you could go to Image > Adjustments > Hue/Saturation. 


Coordinating Color
To coordinate the color of text, make sure to use the eyedropper tool to select color from image.

Great review and tips on Photoshop Composites - HELP for P1

http://photo.net/learn/digital-photography-workflow/advanced-photoshop-tutorials/intro-to-compositing/

Composititon/collage inspiration

https://www.instagram.com/art.side/

Selecting Hair, Fur, Grass and any other "fuzzy things" (Update on 'Refine Edge')

Great resources:

https://www.youtube.com/watch?v=K0QDp6umxy0&feature=youtu.be

https://www.youtube.com/watch?v=j3gnMlHGg-I&feature=youtu.be&mc_cid=fd179ae138&mc_eid=b5a8983ba8

https://helpx.adobe.com/photoshop/using/select-mask.html#LaunchtheSelectAndMaskworkspace

Lynda.com 10 Day FREE trial

If you would like to take advantage of the 10 FREE days on Lynda.com, my suggestion is that you follow the "essential" courses in Photoshop, Illustrator and In Design. Obviously, that is too much material to cover in 10 days, so focus of Photoshop CC Essentials course for now.

Here are the chapters I am touching on for this course:
Chapter 1, 2, 3, 5, 6, 10, 11, 9, 12, 14, 17, 20

Chapters 1, 2 and 3 are the foundation, so soak it all up... The following chapters, try to get at least the introduction sub-chapters down. It's not necessary for you to know all of the details of all the chapters for this level.






Wednesday, August 22, 2018

TUT 1 - Chapter 6 delivery in D2L dropbox

Hello Students,

Please deliver ONLY your final images from the tutorial in a JPEG format. All the JPEG images need to be placed into a folder.

Then, select the folder in your desktop, go to FILE > COMPRESS. This "zips" your folder into a single file.

You must upload this zipped file into the dropbox in D2L

Thank you
KL

Monday, August 20, 2018

Photo restoration and coloring Tutorials to help with Exercise 2

Please go to the following links and complete both tutorials using an old photograph found here:

https://www.google.com/search?q=Old+Black+and+white+damaged+photographs&tbm=isch&tbo=u&source=univ&sa=X&ved=0ahUKEwiTnN7kgqfKAhWDPj4KHe8hAnsQsAQIHA&biw=2789&bih=1476&dpr=0.8

Make sure that your photo of choice has a minimum resolution of 1000 pixels either in height or width as seen below, as you roll over the mouse over the pictures:




Tutorials:

http://design.tutsplus.com/tutorials/professional-photograph-restoration-workflow--psd-714

http://www.worth1000.com/tutorials/161018/tutorial


This is a practice exercise... Don't stress!

Restoration & Adjustment of a Picture

 We will be covering this on Monday!

1. Adjust vs. Restore
    A. When would you adjust an image?
         • Different types of tonal problems: Lighting, color
         • Other problems: blur, noise, and red eye
    B. When would you restore an image?
         • To get rid of tears, bends, scratches, etc. on an image -- found mainly on older, hard copy pictures
         • To remove an object from an image
         •  When would you use both????

2. Restoring images

 PART I: Precursor to restoring an image
         • Protect the image – scan it (if it isn’t already a digital image)
         • Determine the client’s needs
Tip:  If your image size is small, but the resolution is high, go to Image > Image Size and uncheck the Resample Image box. Then, change the resolution down. This will increase your width and height seamlessly.

PART II: The four (4) restoration tools, their similarities and differences

> Clone stamp
         • Requires source (use click-ALT/option)
         • Copies exact
> Healing brush
         • Requires source (use click-ALT/option)
         • Matches lighting, texture, etc.
> Spot healing brush
         • No source required
         • Matches lighting, texture, etc.
> Patch
         • Draw a selection around desired source
         • Matches lighting, texture, etc.

> The New Content-Aware option
         • With a selection tool (such as the lasso), select the area
         • Then, Go to Edit > Fill > Use: Content Aware
         • The wider the area, the longer it will take to work

 PART III: Beginning steps to restoring an image

1) Save a copy of the file as: yourlastname-filename.psd
2) Duplicate the background layer. Make sure both layers have the same image in the thumbnail on the Layers Panel.
3) Rename it as: Patch only
4) Crop and rotate your image as needed.
5) On the Patch repairs layer, make all tonal changes (color, contrast, tone). Make these changes under: Image > Auto .... or Image > Adjustments
6) On the Patch repairs layer, use the filter to fix scratches and spots. Make these changes under: Filter > Noise > Despeckle or Dust and Scratches
7) Lock Patch repairs layer. Only unlock this layer when using the patch tool and the Edit > Fill > Content Aware option
8) Create a BLANK, new layer. Make sure this new layer does NOT have the image in the Layer’s thumbnail.
9) Rename this layer as: Clone and Healing
10) Save your file again.

PART IV: How to use each of the four (4) Restoration tools

 Clone stamp
a. From the Options bar, determine:
         • determine whether you should use a hard or soft brush
         • choose the size of your brush
b. Uncheck the aligned box
c. From Sample, choose: current & below
d. Sample from a good area using alt/option-click
e. Continuously click to replace the bad area (don’t drag)
f. Resample as needed
g. Take snapshots often (delete old snapshots periodically)

Note:After the first time you alt/option-click, the center of the brush will show the color of your latest source.

Healing brush
a. From the Options bar, determine:
         • determine whether you should use a hard or soft brush
         • choose the size of your brush
b. Uncheck the aligned box
c. From Sample, choose: current & below
d. Sample from a good area using alt/option-click
e. Continuously click to replace the bad area (don’t drag)
f. Resample as needed
g. Take snapshots often (delete old snapshots periodically). Tip: Use the selection tools to isolate an area that is difficult to repair.

Spot Healing brush
a. Fit your image to the screen -- Command-zero. You don’t have to zoom in closer to find more spots if your image will not be
printed out as a large hard copy
b. The brush size should match the spot size
c. Click to select the Sample all Layers box
d. Use the tool to click on spots to remove them. Drag to fix larger areas.
e. Take snapshots often (delete old snapshots periodically). Tip: To move around in an image that is zoomed in close, just hold down the space bar and your tool will turn to the hand tool.

Patch
a. Unlock the Patch Repairs layer
b. From the Options bar, make sure Source is selected
c. From the Options bar, make sure Transparent isn’t selected
d. Circle a bad area with the patch tool
e. Using the Patch tool, move the selected bad area to a good area
f. After using the Patch tool, lock the layer again.
g. Take snapshots often (delete old snapshots periodically). Tip: When the patch doesn’t replace exactly as needed, use Refine edges – steps given here:
         • Using a selection tool, closely select the unwanted area
         • Use that same selection tool to move the marching ants (the actual selection, not the area selected), to a good area.
         • Choose Select > Refine edges
         • Change to the move tool and hold down alt/option.
         • When you drag back to the bad area, you will create a duplicate to replace the bad area.

Adjusting images
a. Different methods for fixing problems:
         • One-step: Autos
         • Options: Image > Adjustments
         • Manual tools found on Tools Panel: Dodge, Burn, and Sponge
b. Basics of the color models:
• The RGB color model forms the most basic and well-known color model. The letters stand for the following colors in order: red, green, and blue. Additive colors are created by mixing spectral light in varying combinations. This color model shown above, is based on light. The most common example are those colors found on a TV or computer screen.
• The CMYK color model stand for the following colors in order: Cyan, Magenta, Yellow and the key color Black. These are subtractive colors which are created by laying color upon color with ink on something printed.

Adjustment Tools

(1) Adjustment Layers in Photoshop allows you to make adjustments in your photo in a separate layer, maintaining the original photo's integrity.  You can also use them in conjunction with other features such as Blend Modes and Opacity.

In order to add an Adjustment Layer, you can select the Layer menu and choose "New Adjustment Layer" and select them from the list, or from the bottom of the Layers panel, you could select the Adjustment Layer icon and then select from that list.  

Don't confuse them with the options under Image > Adjustments. All of these adjustments under the IMAGE menu are permanent adjustments, meaning that if I apply one of them to my image, and then save the image, it's going to be very difficulty, if not impossible, for me to undo those adjustments.



Under the IMAGE menu, there are auto adjustments and changeable adjustment. See below:

(2) one-step adjusting - called Auto


(3) Adjustable tools that you can change -most are found under Image Adjustments


Under the tool box, you will also find other ways to adjust your image with the following tools:

(4) Adjustment tools on the Toolbar 


Finally, adjustment tools can modify different features on an image such as:
1) Lighting
2) Color
3) Blur

Exercise 1 - Submission Directions

When you complete Exercise 1, please follow instrunctions bellow:

1. File > Save as > Appropriate naming in a JPEG format. I do not need/want any other type of files. Just a simple JPEG file.
2. When choosing a JPEG format, please choose "best" for quality.
3. Upload your JPEG file into the appropriate Exercise 1 folder in the D2L dropbox before 9:30 am of this coming Tuesday.

*Make sure your selections are done to the best of your ability... Show me what you got!!!!

Tuesday, August 14, 2018

Photoshop file formats, color modes & color spaces




Understanding Photoshop Images

Any image found on a computer is called a DIGITAL image. For example, an image that ends in the extension “.jpg”, “.tif”, “.psd”, “.bmp”, and “.ai” are all digital images.

Raster images
However, different programs create different types of digital images. Photoshop creates RASTER images. Raster images are created using a grid which is called a BITMAP. This bitmap is made up of many squares which are called PIXELS.

Pixels
Each pixel is only one color and has a certain number of bits (which is how the image is measured in bytes).

Image size
Information about the image can be found under Image > Image size. You can find out the file size, the resolution, the width and height, and the number of pixels in the image. You can also make changes to any of these dimensions.

Resolution
It is the sharpness and clarity of an image. It is measured based on the number of pixels per inch. Standard print resolution is 300 dpi, whereas, the web uses a lower dpi of 72. The pro of low resolution is smaller the size and the con is lower quality. The pro of higher resolution is the good quality of the image, but the con is the larger the size.

Resolution is determined by the number of pixels in an inch. And as you can see in this image below, there are much
smaller and more pixels in the higher res image. Whereas, in the lower res image, there are fewer and bigger pixels. This makes the image look bad (pixelated).
FInding images on the Internet
When searching for images on the Web, make sure to look for medium/large images and then get the full size, not just the thumbnail.

Selection Tools in Photoshop

Overview of Selection Tools:
Selection tools are one of the most important skills to master in Photoshop. In fact, a considerable amount of the work you will complete in Photoshop will require the use of a selection tool. These tools allow the user to accomplish many tasks including singling out a portion of a picture to be edited or to be placed in another picture (thus creating a composite).

The key to a good selection is knowing which tool will do the best job and having precision in the use of that particular tool. There are different types of selection tools:

1. Marquees
– there are selection tools that can be used to select a wide, non-precise area using a geometric shape. An example is the rectangular marquee which can be used to create a frame around a picture.

Marquees – these selection tools are geometrically shaped (squares, circles, etc.) and are for wide area, non-precise selecting.
• Rectangular (one use can be to create frames around an image)
• Elliptical (for circle or oval shaped selections)
• Single Row (selects a row of pixels)
• Single Column (selects a column of pixels)

2. Lassos & Quick Selection - there are selection tools that can be used to select an unde fined area or a precise area such as an object that will be extracted from the image. These selection tools are called lassos and the quick selection tool.

• “freehand” Lasso (used to select organic [unrestricted, irregular] shapes)
• Polygonal (used to create a selection via unconstrained straight-edges)
• Magnetic (selection is created based on color.)
Quick Selection

The newest tool added that often works more effectively than the lasso tools.

3. Magic Wand – used to select large spaces of one solid colors. . In this case, the selection process is very easy -- essentially just one simple click!


Now, open a few pictures and practice!!!