{"id":914,"date":"2014-08-29T15:00:01","date_gmt":"2014-08-29T15:00:01","guid":{"rendered":"http:\/\/www.lsgstudio.com\/teach\/?page_id=914"},"modified":"2016-03-14T16:45:14","modified_gmt":"2016-03-14T16:45:14","slug":"tutorials","status":"publish","type":"page","link":"http:\/\/www.mubranding.com\/teach\/tutorials\/","title":{"rendered":"Tutorials"},"content":{"rendered":"

Photo Retouch: Photos to be used<\/a>
\n<\/strong><\/p>\n

Simplified Instructions:<\/p>\n

– Open the document, cut the file to show only the left\/original model face.<\/p>\n

    \n
  1. Color Corrections – subtle skin retouching methods uses yellow channel
    \n– change the photo mode to CMYK.
    \n– turn on Channel, select the Yellow channel, select all and copy it by hitting control\/cmd+A, cmd+c
    \n– change back to RGB mode and paste the newly copied content as a layer, rename it Flaws, change the blending mode to soft light. It maybe too strong, so lower the opacity to where it fits.
    \noptional:
    \n– still on the new layer, add an inverted layer mask by holding alt\/opt key while clicking the layer mask icon, make sure the foreground color is white and then use the brush on the mask to fine tune the skin<\/li>\n
  2. clone out wrinkles and blemishes
    \n– duplicate the bottom\/original photo layer, rename to wrinkles and blemishes
    \n– Use Spot Healing Brush Tool and paint over the wrinkles
    \n– adjust opacity to bring back some wrinkles
    \noptional:
    \n– add a layer mask to this layer
    \n– fill the mask with gray shift+backspace to bring out the filter tool, 50% gray
    \n– select the paint tool to paint on the mask<\/li>\n
  3. Airbrush skin
    \n– Put all layers into one group, duplicate this group, and turn the visibility of the original group to be off.
    \n– Merge the new group, rename the layer to be Smoothness
    \n– Go to filter > blur > Surface blur, threshold 255, adjust the radius so you can barely make out the face, then reduce the threshold just to where you can make the details, the skin should still be glory
    \n– Select the original layer and duplicate it, move the new layer to the top and rename the top one details. Work on the Opacity and\/or Blending Mode.
    \nOptional:
    \n– On the top layer, Go to Filter > Other > High Pass, adjust the values until you can see the skin details, layer blend to Hard light
    \n– Select both layers, group them, rename as Airbrushing
    \n– Add an Inverted layer mask by holding alt\/opt key while clicking the layer mask icon, make sure the foreground color is white and then use the brush on the mask to fine tune the skin
    \n– Use a soft round brush with opacity of 50% to paint the skin, adjust accordingly<\/li>\n
  4. Reduce Skin Discoloration (Optional)
    \n– on the top layer, use eye dropper tool, sample all layers, go to the bottom layer, click somewhere on the skin to sample the color you want to colorize the skin towards.
    \n– collapse the air brush group, then add a new solid color adjustment from your layer\u2019s panel, Solid color pink, click ok, – then change your blending mode to color, then on the mask, Ctrl\/cmd + I to convert it, then use brush to paint over, opacity to adjust, rename the layer Skin Color<\/li>\n
  5. Dodging and Burning – more dramatic look (Optional)
    \n– From Step 3, create a new layer and name it Dodging and Burning, blending mode to Soft Light
    \n– on this new layer, Edit > Fill, 50% Gray
    \n– Use Burn Tool, Option bar set Tone to Midtone, darken the area. This tool can be used to emphasize bones and muscles, make eyes more luminance, lips fuller, and much more without warping the face.
    \n– lignten an area with the Dodging tool, make sure it\u2019s Midtown
    \n– adjust Brightness and Contrast<\/li>\n<\/ol>\n

     <\/p>\n

     <\/p>\n

    Computer Imaging Basics additional tutorials:<\/p>\n

    Illustrator 01: http:\/\/veerle.duoh.com\/design\/article\/illustrator_pen_tool_exercises<\/a><\/p>\n

    Illustrator 02: https:\/\/www.youtube.com\/watch?v=MiHAh56apJY<\/a><\/p>\n

    Photoshop: http:\/\/www.iceflowstudios.com\/2012\/tutorials\/graffiti-text-effect-in-photoshop\/<\/a><\/p>\n

    ********************<\/p>\n

    For Projects:<\/p>\n

    How to scan an image: link<\/a><\/p>\n

    How to trace an image from your scanned image in Illustrator: link<\/a><\/p>\n

    Draw in Illustrator: link<\/a><\/p>\n

     <\/p>\n

    For Art Direction & Design I & III<\/strong><\/p>\n

    PROJECT DROP BOX<\/a><\/p>\n

    Please pick two tutorials to work on Fridays. Upon completion, please save your files as JPGs and post them to your own web space\/site. Weekly critiques are held very Monday.<\/p>\n

    By the end of the semester, you should have finished 30 tutorials ready for grading.<\/p>\n

     <\/p>\n

    BEGINNER<\/strong><\/p>\n

    Typography (Level I must complete all; Level III pick 5)
    \n    Typography in Illustrator CC CS6<\/a><\/p>\n

    Illustrator CC CS6 Tutorial – Offsetting Text<\/a><\/p>\n

    Grunge Typography<\/a><\/p>\n

    Swoosh<\/a><\/p>\n

    Portrait Poster<\/a><\/p>\n

    Typographic Design in Illustrator<\/a><\/p>\n

    Vintage Typography<\/a><\/p>\n

    Logo in Illustrator<\/a><\/p>\n

    Typography with Blend tool<\/a><\/p>\n

    3D Letters<\/a><\/p>\n

    Music Equalizer Text Effect<\/a><\/p>\n

    Elegant Headers<\/a><\/p>\n

    Poster<\/a><\/p>\n

     <\/p>\n

    Photography (Level I pick 3; Level III pick 6)
    \n    Photoshop Quick Tip: Creating Depth of Field Using the Lens Blur Filter<\/a><\/p>\n

    Tilt Shift Photoshop Tutorial: How to Make Fake Miniature Scenes<\/a><\/p>\n

    Urban Photo Effect<\/a><\/p>\n

    Creating Film Edge Burns<\/a><\/p>\n

    Quick and Simple Worn Out Psychedelic Poster in Photoshop<\/a><\/p>\n

    Photoshop CS6 Presets: Photographic Toning Retouch Method<\/a><\/p>\n

     <\/p>\n

    Digital Painting (Level I pick 1; Level III pick 2)<\/p>\n

    Beginner in Photoshop<\/a><\/p>\n

    Digital Painting in Photoshop<\/a><\/p>\n

     <\/p>\n

    INTERMEDIATE (Level III must take ALL)<\/strong><\/p>\n

    Visual Effects (Level I take 3)
    \n    Graffiti Letters Tutorial – Adobe Illustrator CS6<\/a><\/p>\n

    Create a Painted Portrait Effect in Illustrator Using the Bristle Brush<\/a><\/p>\n

    How to Make a Self Portrait in Adobe Illustrator CS6<\/a><\/p>\n

    Double Exposure Style in Photoshop<\/a><\/p>\n

     <\/p>\n

    Typography (Level I take ALL)<\/p>\n

    Make a typographic poster<\/a><\/p>\n

    Vintage Typography<\/a><\/p>\n

    Typography Face<\/a><\/p>\n

    Script Lettering<\/a><\/p>\n

    Typographic Illustration<\/a><\/p>\n

    Typographic Poster<\/a><\/p>\n

    Add Texture to Type<\/a><\/p>\n

    Photoshop shatter effect<\/a><\/p>\n

    ABC logo design<\/a><\/p>\n

    Broken Plate<\/a><\/p>\n

    Leafy Effect<\/a><\/p>\n

     <\/p>\n

    ADVANCED (to be decided)<\/strong><\/p>\n

    Photoshop & Illustrator typographic poster<\/a><\/p>\n

     <\/p>\n

     <\/p>\n

     <\/p>\n

     <\/p>\n

     <\/p>\n

     <\/p>\n

    For Art Direction & Design II & IV<\/strong><\/p>\n

    A Typographic Poster link<\/a> (Level II)<\/p>\n

    Vintage Typography link<\/a> (Level II)<\/p>\n

    Wet Ink Effect link<\/a> (Level II)<\/p>\n

    Photorealistic Effect link<\/a> (Level II)<\/p>\n

    Ornament Typography link<\/a> (Level II & IV)<\/p>\n

    Typographic Depth link<\/a> (Level IV)<\/p>\n

    Grass Effect link<\/a> (Level IV)
    \n<\/strong><\/p>\n

    Folded Effect link<\/a> (Level IV)<\/p>\n

    Typography Effect in PS link<\/a> (Level IV)<\/p>\n

     <\/p>\n

     <\/p>\n

     <\/p>\n

    Adobe Photoshop CS5 Tutorials<\/strong><\/p>\n

    Open & Save:\u00a0https:\/\/www.youtube.com\/watch?v=Rfsj-4RW4mw<\/a><\/p>\n

    Beginner Part I: https:\/\/www.youtube.com\/watch?v=7ZlXagXwcn4<\/a><\/p>\n

    Beginner Part II:\u00a0https:\/\/www.youtube.com\/watch?v=crEWnilUIHk<\/a><\/p>\n

    Beginner Part III: https:\/\/www.youtube.com\/watch?v=qM9Cj1fjUhc<\/a><\/p>\n

    Beginner Part IV:\u00a0https:\/\/www.youtube.com\/watch?v=LSYud_0zvSQ <\/a><\/p>\n

    Image Size:\u00a0https:\/\/www.youtube.com\/watch?v=44mV3NsLmXw<\/a><\/p>\n

    The Layers Palette: https:\/\/www.youtube.com\/watch?v=GnNxCs6p58c\u00a0<\/a><\/p>\n

     <\/p>\n

    Selection Tools: https:\/\/www.youtube.com\/watch?v=DCJjEA4WrOc\u00a0<\/a><\/p>\n

    Quick Selection Tools:\u00a0https:\/\/www.youtube.com\/watch?v=DCJjEA4WrOc<\/a><\/p>\n

    Refine Edges & Quick Selection Tools:\u00a0https:\/\/www.youtube.com\/watch?v=jI-9Mr7cLBY<\/a><\/p>\n

    Advanced Hair Selection: https:\/\/www.youtube.com\/watch?v=jvBAvZyqPmU<\/a><\/p>\n

    Layer Mask & Quick Selection Tools: https:\/\/www.youtube.com\/watch?v=vH0Jm9lcoX4\u00a0<\/a><\/p>\n

     <\/p>\n

    Color Management for Photographers:\u00a0https:\/\/www.youtube.com\/watch?v=lHrXgdURkr8<\/a><\/p>\n

    PS Color Management:\u00a0https:\/\/www.youtube.com\/watch?v=0A1rDNkgMF8<\/a><\/p>\n

     <\/p>\n

    Others:<\/p>\n

    Photoshop System Tutorials (beginner)<\/a><\/p>\n

     <\/p>\n

     <\/p>\n

     <\/p>\n

     <\/p>\n

    Adobe Illustrator CS5 Tutorials<\/strong><\/p>\n

    Introduction to Adobe Illustrator, video tutorial<\/a><\/p>\n

    Prepare Illustrator files for print:\u00a0https:\/\/www.youtube.com\/watch?v=BAT9R-YQxTs<\/a><\/p>\n

    Selection tool:https:\/\/www.youtube.com\/watch?v=z6LvIhJD4OU&src_vid=PjIcmRSq6zs&feature=iv&annotation_id=annotation_216388<\/a><\/p>\n

    Layers:\u00a0https:\/\/www.youtube.com\/watch?v=PjIcmRSq6zs&src_vid=fcXCJJkHjeo&feature=iv&annotation_id=annotation_104228<\/a><\/p>\n

    Typography:\u00a0https:\/\/www.youtube.com\/watch?v=REaT4zGT9bo<\/a><\/p>\n

     <\/p>\n

    Pen Tool:<\/p>\n

    https:\/\/www.youtube.com\/watch?v=kXxmKZtFutI<\/a><\/p>\n

    https:\/\/www.youtube.com\/watch?v=bSi1OgvuCPk<\/a><\/p>\n

    https:\/\/www.youtube.com\/watch?v=5DzpT8POAME<\/a><\/p>\n

    Draw a hellokitty:\u00a0https:\/\/www.youtube.com\/watch?v=6edJrBldolA<\/a><\/p>\n

    Draw a frog plus introduction to Illustrator:\u00a0video tutorial<\/a>\u00a0(long)<\/p>\n

     <\/p>\n

    Pathfinder:<\/p>\n

    https:\/\/www.youtube.com\/watch?v=n7eW3hSw7Us<\/a><\/p>\n

    http:\/\/blip.tv\/vectortuts\/illustrator-pathfinder-effects-2851595<\/a><\/p>\n

     <\/p>\n

    Compound Path & Clipping Mask:\u00a0https:\/\/www.youtube.com\/watch?v=8hVz9CabOMg<\/a><\/p>\n

    Color:\u00a0https:\/\/www.youtube.com\/watch?v=Btr_o_vgFJw<\/a><\/p>\n

    Brushes for Drawing:\u00a0https:\/\/www.youtube.com\/watch?v=fcXCJJkHjeo<\/a><\/p>\n

    Draw & Color:\u00a0https:\/\/www.youtube.com\/watch?v=b0hjVBgy4r4<\/a><\/p>\n

     <\/p>\n

    Live Trace:\u00a0https:\/\/www.youtube.com\/watch?v=s1_-dFZvRlA<\/a><\/p>\n

    Live Paint:\u00a0https:\/\/www.youtube.com\/watch?v=klHLyndnXJ8<\/a><\/p>\n

    Others:<\/p>\n

    Create 3D logo in Illustrator:\u00a0https:\/\/www.youtube.com\/watch?v=2FJ8nEVHFLs<\/a><\/p>\n

     <\/p>\n

    Others:<\/p>\n

    Illustrator System Tutorial (beginning)<\/a><\/p>\n

     <\/p>\n

     <\/p>\n

    Adobe InDesign<\/strong><\/p>\n

    Beginning InDesign: http:\/\/design.tutsplus.com\/series\/beginners-guides-to-indesign–vector-4951<\/a><\/p>\n

    Choose Magazine Sizes: http:\/\/www.lynda.com\/Bridge-tutorials\/Choosing-magazine-size\/46818\/51556-4.html<\/a><\/p>\n

     <\/p>\n

    Design a Multi-Page Mag Feature<\/strong><\/a><\/p>\n

    Art editor Jo Gulliver shares her pro tips for the layout out of complex feature magazine sections in InDesign. Learn the process of how to layout a magazine from grid construction, to image placement, creating captions, and more. The key process of designing a magazine feature in InDesign are covered in this editorial layout tutorial.- good birds-eye view of the workflow.<\/p>\n

    Create a Newsprint Magazine<\/strong><\/a><\/p>\n

    Learn how Studio Newwork creates a magazine that is printed on Newsprint. They have a love for laying out sections by hand and have learned to appreciate the beauty of this tactile black-and-white medium. They offer tips on how important a flexible grid system is when working across such a large magazine spread. Discover how to design a large format magazine by example, as well as distribution tips as well.<\/p>\n

     <\/p>\n

    Cover Design<\/span><\/p>\n

    1.\u00a0Magazine Cover Design in InDesign<\/strong><\/a><\/p>\n

    Master Adobe Certified designer Terry White shows how to create a cover design in InDesign. Learn basic magazine layout and design techniques that will make your cover stand out, while learning a professional workflow. Making a magazine cover in InDesign requires a good understanding of design fundamentals and the toolset this app has to offer.<\/p>\n

    2.\u00a0How to Create a Music Magazine Cover in InDesign<\/strong><\/a><\/p>\n

    You’ll learn how to set up a page layout and add text. This is an introduction to InDesign and no previous knowledge is required to create this magazine cover layout.<\/p>\n

     <\/p>\n

    Advanced<\/p>\n

      \n
    1. Use Color-Logic Plug-ins to Create a Metallic Magazine Cover – Part I<\/a><\/li>\n
    2. Use Color-Logic Plug-ins to Create a Metallic Magazine Cover – Part II<\/a><\/li>\n<\/ol>\n

      In this two-part Tuts+ Premium tutorial, author Mark Mayers will show you how to create a magazine cover with maximum shelf appeal. In addition to learning how to create an astonishingly beautiful cover image, he also demonstrates the power of Color-Logic, which enables you to add hundreds of metallic colors and special print finishes into your artwork.<\/p>\n

       <\/p>\n

      Table of Contents<\/span><\/p>\n

      Design a Simple Index with InDesign<\/strong><\/a><\/p>\n

      In this tutorial, David Donaghy shows you how to create an index in InDesign. Learn the basics of how to create many types of indexes, which add authority and usability to your magazine designs. This tutorial requires InDesign CS4+. You’ll also learn typesetting using InDesign’s style sheets as well. Get some great index ideas for your magazine layout and designs.<\/p>\n

       <\/p>\n

      Inside Pages<\/span><\/p>\n

      Magazine Design with InDesign Part 1 of 3<\/strong><\/a><\/p>\n

      Learn the basics of magazine layout and design in this three part tutorial. Laying out a magazine in InDesign presents challenges that student need to master. This magazine design tutorial covers a complete process and will get beginners over their first hurdles with magazine publication design. By creating this four page magazine spread you’ll master the basic design techniques and main tools you’ll need to use in InDesign. Get started with Part 1 following the link below. Continue with this series in Part 2<\/a> and Part 3<\/a> on the Layers Magazine site.<\/p>\n

      How to Create a Professional Magazine Layout<\/strong><\/a><\/p>\n

      (You will learn techniques to help you set and arrange a magazine layout. You’ll learn how to create a well balanced page, use good typography layout, white space, while taking advantage of the grid.)<\/p>\n

       <\/p>\n

      Work with Type in InDesign<\/strong><\/a><\/p>\n

      Learn professional tips on how to layout a magazine in InDesign. Jo Gulliver shows you some of the most valuable typographic tools in InDesign. which make working with type easier. This tutorial focuses mainly on the Character Formatting control panel. You’ll learn to insert ligatures, highlight text, and control copy flow. Improve your magazine layout design work and control of type in InDesign with these pointers.<\/p>\n

       <\/p>\n

      Master PDF Exports<\/strong><\/a><\/p>\n

      Adobe instructor Tony Harmer shows you how use CS4 to create PDFs for every occasion. While the creation of fully digital magazines that can be viewed with dynamic options, as an app, in digital devices is on the rise, PDF’s are still a reliable way to distribute digital magazines. They have wide support on CPU’s and digital devices. Learn best practices for preparing your magazine layout design files in InDesign and Adobe Acrobat.<\/p>\n

       <\/p>\n

       <\/p>\n

      Additional Readings<\/h3>\n

      Basic OS X Housekeeping\u00a0[link<\/a>]<\/p>\n

      Exercise 01: Illustrator Chapter two Skills Review (chapter 02 ebook file<\/a>, page 2-34 and 2-35, file\u00a0AI 2-3.ai<\/a>), download from\u00a0here<\/a>.<\/p>\n

      Exercise 02: Illustrator Chapter three skills review (chapter 03 ebook file, page 3-54 and 3-55, file AI 3-9.ai), download from\u00a0here<\/a>.<\/p>\n

      Exercise 03: Illustrator Chapter four skills review (chapter 04 ebook file, page 4-46 and 4-47, file AI 4-18.ai, AI 4-19.ai, AI 4-20.ai, AI 4-21.ai), download from\u00a0here<\/a>.<\/p>\n

      Exercise 04: Illustrator Chapter five skills review (chapter 05 ebook file, page 5-30 and 5-31, file AI 5-3.ai), download from\u00a0here<\/a>.<\/p>\n

      Exercise 05: Photoshop Chapter two skills review (chapter 02\u00a0ebook file<\/a>, page 2-29 and 2-30, file\u00a0PS 2-5.psd<\/a>).<\/p>\n

      Exercise 06: Photoshop Chapter three skills review (chapter 03\u00a0ebook file<\/a>, page 3-23 and 3-24,\u00a0file PS 3-3.psd, PS 3-4.psd<\/a>).<\/p>\n

      Exercise 07: Photoshop Chapter four skills review (chapter 04\u00a0ebook file<\/a>,\u00a0page 4-25, file PS 4-7.psd, PS 4-8.tif, PS 4-9.tif, PS 4-10.tif\u00a0<\/a>).<\/p>\n

      Exercise 08: Photoshop Chapter Five skills review (chapter 05\u00a0ebook file<\/a>,\u00a0page 5-35 and 5-36, file PS 5-4.psd, PS 5-5.psd, PS5-6.tif<\/a>).<\/p>\n

      Exercise 09: Photoshop Chapter Six skills review (chapter 06\u00a0ebook file<\/a>, page 6-31,\u00a0file PS 6-2.psd<\/a>).<\/p>\n

       <\/p>\n

      Tutorial 01:\u00a0Using the Magic Wand<\/a>\u00a0(video)<\/p>\n

      Tutorial 02:\u00a0A Comprehensive Guide: Illustrator\u2019s Paintbrush Tool and Brush Panel<\/a><\/p>\n

      Tutorial 03:\u00a0How to Use Scribble Effects in Illustrator<\/a><\/p>\n

      Tutorial 04:\u00a0Everything You Ever Wanted to Know About Creating Seamless Patterns in Illustrator<\/a><\/p>\n

      Tutorial 05:\u00a0Photoshop\u2019s Toolbox<\/a>\u00a0,\u00a0Pixels, Image Size Resolution<\/a><\/p>\n

      Tutorial 06:\u00a0Working with Layers in Photoshop<\/a><\/p>\n

      Tutorial 07:\u00a0A Comprehensive Introduction to the Type Tool<\/a><\/p>\n

      Tutorial 08:\u00a0The Selection Tools<\/a><\/p>\n

      Tutorial 09:\u00a0Using Transform in Photoshop<\/a><\/p>\n

      Tutorial 10:\u00a0An Explanation of Photoshop Blend Modes<\/a><\/p>\n","protected":false},"excerpt":{"rendered":"

      Photo Retouch: Photos to be used Simplified Instructions: – Open the document, cut the file to show only the left\/original model face. Color Corrections – subtle skin retouching methods uses yellow channel – change the photo mode to CMYK. – turn on Channel, select the Yellow channel, select all and copy it by hitting control\/cmd+A, cmd+c – change back to… <\/p>\n

      Continue reading →<\/span><\/a><\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"open","template":"","meta":{"footnotes":""},"class_list":["post-914","page","type-page","status-publish","hentry","xfolkentry","clearfix"],"_links":{"self":[{"href":"http:\/\/www.mubranding.com\/teach\/wp-json\/wp\/v2\/pages\/914","targetHints":{"allow":["GET"]}}],"collection":[{"href":"http:\/\/www.mubranding.com\/teach\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"http:\/\/www.mubranding.com\/teach\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"http:\/\/www.mubranding.com\/teach\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"http:\/\/www.mubranding.com\/teach\/wp-json\/wp\/v2\/comments?post=914"}],"version-history":[{"count":29,"href":"http:\/\/www.mubranding.com\/teach\/wp-json\/wp\/v2\/pages\/914\/revisions"}],"predecessor-version":[{"id":1044,"href":"http:\/\/www.mubranding.com\/teach\/wp-json\/wp\/v2\/pages\/914\/revisions\/1044"}],"wp:attachment":[{"href":"http:\/\/www.mubranding.com\/teach\/wp-json\/wp\/v2\/media?parent=914"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}