Youssef Sarhan's bloghttp://abduzeedo.com/blog/2174
enBrilliant Time-Lapse Drawingshttp://abduzeedo.com/brilliant-time-lapse-drawings
<div class="field field-name-field-image field-type-image field-label-hidden"><div class="field-items"><div class="field-item even"><img src="http://abduzeedo.com/files/originals/p/pnriz.png" width="631" height="358" /></div></div></div><div class="field field-name-body field-type-text-with-summary field-label-hidden"><div class="field-items"><div class="field-item even"><h3>I have always loved drawing, a pencil, paper and time. Thats all you need. I find it pleasantly therapeutic, of late I haven't found time to do it as much as I would like. Recently I was looking over some of my older drawings I did, I recorded myself drawing then increased the speed. It has inspired me to dedicate more time to this sort of drawing. I love it and I would love to share it with you guys. Here are some my own drawings as well as some of my favorite drawings by other artists. The first two are mine, the rest are by some other artists I admire.</h3>
I suggest watching HQ/HD where possible.
<p class="imgC">
<object width="640" height="505"><param name="movie" value="http://www.youtube.com/v/NjbjBlBDmL0&hl=en&fs=1"></param><param name="allowFullScreen" value="true"></param><param name="allowscriptaccess" value="always"></param><embed src="http://www.youtube.com/v/NjbjBlBDmL0&hl=en&fs=1" type="application/x-shockwave-flash" allowscriptaccess="always" allowfullscreen="true" width="640" height="505"></embed></object></p>
<p class="imgC">
<object width="640" height="505"><param name="movie" value="http://www.youtube.com/v/TYjfDX1mIds&hl=en&fs=1"></param><param name="allowFullScreen" value="true"></param><param name="allowscriptaccess" value="always"></param><embed src="http://www.youtube.com/v/TYjfDX1mIds&hl=en&fs=1" type="application/x-shockwave-flash" allowscriptaccess="always" allowfullscreen="true" width="640" height="505"></embed></object></p>
<p class="imgC">
<object width="640" height="505"><param name="movie" value="http://www.youtube.com/v/E72cb8GTsCs&hl=en&fs=1"></param><param name="allowFullScreen" value="true"></param><param name="allowscriptaccess" value="always"></param><embed src="http://www.youtube.com/v/E72cb8GTsCs&hl=en&fs=1" type="application/x-shockwave-flash" allowscriptaccess="always" allowfullscreen="true" width="640" height="505"></embed></object></p>
<p class="imgC">
<object width="640" height="505"><param name="movie" value="http://www.youtube.com/v/8u53J-H0r-M&hl=en&fs=1"></param><param name="allowFullScreen" value="true"></param><param name="allowscriptaccess" value="always"></param><embed src="http://www.youtube.com/v/8u53J-H0r-M&hl=en&fs=1" type="application/x-shockwave-flash" allowscriptaccess="always" allowfullscreen="true" width="640" height="505"></embed></object></p>
<p class="imgC">
<object width="640" height="505"><param name="movie" value="http://www.youtube.com/v/VG6RLBLuPYQ&hl=en&fs=1"></param><param name="allowFullScreen" value="true"></param><param name="allowscriptaccess" value="always"></param><embed src="http://www.youtube.com/v/VG6RLBLuPYQ&hl=en&fs=1" type="application/x-shockwave-flash" allowscriptaccess="always" allowfullscreen="true" width="640" height="505"></embed></object></p>
<p class="imgC">
<object width="640" height="505"><param name="movie" value="http://www.youtube.com/v/8ZPwkoivQ0o&hl=en&fs=1"></param><param name="allowFullScreen" value="true"></param><param name="allowscriptaccess" value="always"></param><embed src="http://www.youtube.com/v/8ZPwkoivQ0o&hl=en&fs=1" type="application/x-shockwave-flash" allowscriptaccess="always" allowfullscreen="true" width="640" height="505"></embed></object></p>
I've recently set-up a twitter account, if you'd like to keep up with me and have a chat every now and again, here's my link. <a href="http://twitter.com/YoussefSarhan" rel="nofollow">Youssef Sarhan's Twitter</a> I hope you've enjoyed this article.</div></div></div><div class="field field-name-field-tags field-type-taxonomy-term-reference field-label-above"><div class="field-label">Tags:&nbsp;</div><div class="field-items"><div class="field-item even"><a href="http://abduzeedo.com/tags/time-lapse">time-lapse</a></div><div class="field-item odd"><a href="http://abduzeedo.com/tags/speed">Speed</a></div><div class="field-item even"><a href="http://abduzeedo.com/tags/pencil">Pencil</a></div><div class="field-item odd"><a href="http://abduzeedo.com/tags/drawing">drawing</a></div><div class="field-item even"><a href="http://abduzeedo.com/tags/amazing">amazing</a></div></div></div>Thu, 07 May 2009 21:06:43 +0000Youssef Sarhan6434 at http://abduzeedo.comVivid Motion Graphics Workflow Tutorial & Free Wallpapershttp://abduzeedo.com/vivid-motion-graphics-workflow-tutorial-free-wallpapers
<div class="field field-name-field-image field-type-image field-label-hidden"><div class="field-items"><div class="field-item even"><img src="http://abduzeedo.com/files/originals/p/picture_50-1.jpg" width="620" height="200" /></div></div></div><div class="field field-name-body field-type-text-with-summary field-label-hidden"><div class="field-items"><div class="field-item even"><h3>(via: <a href="http://www.whiteinkblog.com" rel="nofollow">www.whiteinkblog.com</a>) Ok guys, This is a big one, I recently posted this over on <a href="http://www.whiteinkblog.com/2009/04/08/my-motion-graphics-workflow/" rel="nofollow">my blog</a>, but thought it would be cool to share it around. I'll take you through the process that went into making this project plus a few screencaps that work really nicely as widescreen wallpapers! To start to view it in HD, click over to Vimeo (I recommend that, HD is a big plus) or just check them out here.</h3>
<p class="imgC"><object width="665" height="372" data="http://vimeo.com/moogaloop.swf?clip_id=4052640&amp;server=vimeo.com&amp;show_title=1&amp;show_byline=1&amp;show_portrait=0&amp;color=59a5d1&amp;fullscreen=1" type="application/x-shockwave-flash"><param name="allowfullscreen" value="true" Vivid Motion Graphics Workflow Tutorial & Free Wallpapers /><param name="allowscriptaccess" value="always" Vivid Motion Graphics Workflow Tutorial & Free Wallpapers /><param name="src" value="http://vimeo.com/moogaloop.swf?clip_id=4052640&amp;server=vimeo.com&amp;show_title=1&amp;show_byline=1&amp;show_portrait=0&amp;color=59a5d1&amp;fullscreen=1" Vivid Motion Graphics Workflow Tutorial & Free Wallpapers /></object></p>
and just for the sake of it here's it on youtube HD. (notice the difference in quality of this and if you got to the vimeo page and watch it HD there!)
<p class="imgC"><object width="640" height="385"><param name="movie" value="http://www.youtube.com/v/ob_ilfGm4aM&hl=en&fs=1&hd=1"></param><param name="allowFullScreen" value="true"></param><param name="allowscriptaccess" value="always"></param><embed src="http://www.youtube.com/v/ob_ilfGm4aM&hl=en&fs=1&hd=1" type="application/x-shockwave-flash" allowscriptaccess="always" allowfullscreen="true" width="640" height="385"></embed></object></p>
<p>Last weekend I was worked on a short motion graphics piece. The idea was to record myself in front of a greenscreen and then incorporate an element of visual effects. As the recording and editing progressed I become more interested in abstracting the video to become a new medium, a sort of particular environment that I could explore. This intruiged me so I continued down this road. In this atricle I hope to share some of my own thoughts and techniques when it comes to working with after effects, etc. You'll see that even with some rudimentary materials you can create some pretty impressive and vibrant visuals.</p>
<p class="imgC"><a href="http://www.flickr.com/photos/youssefsarhan/3423051354/" title="Picture 40 by Youssef Sarhan, on Flickr" rel="nofollow"><img src="http://farm4.static.flickr.com/3606/3423051354_6d27afd60b_b.jpg"alt="Picture 40" width="600"Vivid Motion Graphics Workflow Tutorial & Free Wallpapers Vivid Motion Graphics Workflow Tutorial & Free Wallpapers /></a></p>
<p>Ok so to give you a break down of what was involved it was something like this.</p>
<p>Film Greenscreen Content >> Capture/Cut/Key in Final Cut >> Particle Visuals, AE Camera Control, Sound FX & Music >> Final Ram Export</p>
<p>Thats the rough workflow, of course there were some forward-backward process as you can imagine. This isn't going to be a tutorial but rather how you might approach working on something similar, I'll go through each of the stages and fill you in on what worked and what didn't. To start:</p>
<h3>Film Greenscreen Content</h3>
<p>Ok, so I had pretty limited access to facilities, it was about 3am so no recording studios would let me in. Armed with a pretty decent budget HD camera, tripod, one lamp, a .7x wide converter, some tape (you'll see why) and of course a few square meters of green cloth. I set it up like so:
<p class="imgC"><a href="http://www.flickr.com/photos/youssefsarhan/3422796402/" title="Greenscreen Camera Set Up by Youssef Sarhan, on Flickr" rel="nofollow"><img src="http://farm4.static.flickr.com/3298/3422796402_44cd3a4c71_b.jpg" alt="Greenscreen Camera Set Up" width="600"Vivid Motion Graphics Workflow Tutorial & Free Wallpapers /></a></p>
<p> had the camera and the lamp in pretty much the same place, at 300w the lamp was too bright and was going to cast a strong shadow behind the subject so I pointed it up against the white ceiling so that it would bounce and defuse the light onto peter, that way you'd avoid a as much shadow on the green screen. Bare in mind peteys (he let me call him that) pants are green, so they would be tricky to key out, you might have to masked it out frame by frame (<a href="http://en.wikipedia.org/wiki/Rotoscoping" rel="nofollow">rotoscoping</a>), he refused to wear anything different as you can imagine. Try to wear clothes that contrasts green, nothing from the green spectrum is what you're aiming for. You want the greenscreen to be as evenly lit as possible. Ideally I would have had a lamp on either side lighting from behind and making the greenscreen bright for an easy key. There was also an ugly florescent light – you don't really want these, if you can avoid it - directly behind and above me which actually helped soften the lighting in general. That came in handy in post when I was keying the footage. As you can see the camera is about at hip height. I'd also recommend getting the most vibrant green you can find, the green I found was a little muted. Ideally you're looking for something that's pretty easy to key like <a href="http://www.destudiodublin.com/images/1000x458%20deStudio%20Greenscreen%20Promo%20Crowd%2024-08-2007%2017-06-10-UWA.jpg" rel="nofollow">this</a>. As the lighting wasn't perfect I had to rotoscope some of the frames, you want to avoid that if possible. Say you need to rotoscope 3 seconds and you're shooting 25fps, that's 75 frames. Depending on the complexity of the movement that could eat up a plenty of time. Try do everything you can before post so that in post it's a smooth process.</p>
<p class="imgC"><a href="http://www.flickr.com/photos/youssefsarhan/3422796308/" title="Greenscreen Camera Set Up by Youssef Sarhan, on Flickr" rel="nofollow"><img src="http://farm4.static.flickr.com/3639/3422796308_e8e9ce074e_b.jpg" alt="Greenscreen Camera Set Up" width="600"Vivid Motion Graphics Workflow Tutorial & Free Wallpapers /></a></p>
<p>I turned the camera on it's side for the full body recording, for two reasons, first off, so that I could fit in the whole shot; and secondly when you're recording a full body shot on a greenscreen it makes much more sense to turn the camera so that the shot is vertical, this way you maximize the resolution. The action of the scene is now taking up pretty much all the frame.</p>
<p>I said earlier I had tape and a .7 wide converter, yeah, about that... erm, I taped the converter onto the front of the camera, and surprisingly it worked a charm, it was crucial for full-body shots. I had no other way of doing it, the room wasn't big enough to move the camera back far enough. As I didn't need the image to be totally sharp this was ok, however if you want a really sharp image, dont tape your lens on. I think thats obvious; anyway, here's what it looked like.</p>
<p class="imgC"><a href="http://www.flickr.com/photos/youssefsarhan/3422886810/" title="Taped on Wide Converter by Youssef Sarhan, on Flickr" rel="nofollow"><img src="http://farm4.static.flickr.com/3586/3422886810_f89e19ca9f_o.png" alt="Taped on Wide Converter" width="600"Vivid Motion Graphics Workflow Tutorial & Free Wallpapers /></a></p>
<h3>Cut/Key Capture in Final Cut</h3>
After a recording I captured the MiniDV in Final Cut. I didn't need the key to be perfect., I just needed to get rid of the main bulk and isolate me to some extent. Here's a quick breakdown of the process.
<p class="imgC"><a href="http://www.flickr.com/photos/youssefsarhan/3422154127/" title="Workflow Animation by Youssef Sarhan, on Flickr" rel="nofollow"><img src="http://farm4.static.flickr.com/3610/3422154127_8acd1f1602_o.gif" alt="Workflow Animation" width="600"Vivid Motion Graphics Workflow Tutorial & Free Wallpapers /></a></p>
<p>Raw footage was keyed then converted to B&W using Gradient Ramp in After effects. I had the particles respond to lights and darks so I crushed the blacks & whites together creating a strong contrast.</p>
<h3>Particle Visuals/AE Camera Control, Sound FX & Music</h3>
<p>After the footage was processed then came the main task, the one which required the most thought and was essentially the hardest of them all. I used <a href="http://www.redgiantsoftware.com/products/all/trapcode-form/" rel="nofollow">Trapcode Form</a>, an extremely powerful plug-in from Red Giant Software for After Effects. There are tens of thousands, quite possibly millions of different combinations for how this plug-in can look. It's easy to navigate but I think I've only scraped the surface. It was my first time using this plug in, be sure to check out their site for more info plus you can <a href="http://www.redgiantsoftware.com/downloads/trial-versions/" rel="nofollow">download the trail</a> for free which is a great way to learn it.</p>
<p>The way I had the plug-in set up was to convert the video into a 3 particle deep system. Consisting of the colours red,green,blue. I could have made it 2000, 243 or 68 deep, any number, it's totally up to you. However this will effect loading times. This is also applicable to all the setting, if ever you've used after effects you'll know that there is a huge range of possibility, a fantastic piece of software. Anyway by linking the particles to only display the lights of separate precomp (the b&w video footage of me talking) I now had a pseudo-3d animated environment that I could maneuver the after effects camera around. While After Effects may look 3d it's considered to be 2.5d so it has some of the appearance of 3d(X, Y & Z axes) but it isn't 3d in the same why 3DMax, Maya, Blender or C4D are. I was able to expand the particles to add some more depth to the video, like when I zoom into the face and you can sort of see my side profile even tho the shot was static and didn't move. For example you could achieve a similar effect with a photograph, actually for some of the parts I did use stills from the footage.</p>
<p>Here are some shots of the flowchart from After Effects; how each layer and comp relate to one another. This is just a small portion of it.</p>
<p class="imgC"><a href="http://www.flickr.com/photos/youssefsarhan/3422243641/" title="Picture 39 by Youssef Sarhan, on Flickr" rel="nofollow"><img src="http://farm4.static.flickr.com/3622/3422243641_0dd19e8fde_o.png" alt="Picture 39" width="600"Vivid Motion Graphics Workflow Tutorial & Free Wallpapers /></a></p>
<h3>Final Ram Export</h3>
<p>Here is the result. Watch in HD if you can!</p>
<p>When I was done I added it to the Render Que and exported it. Full HD so it came out pretty sweet. I'll also note that I was working in 32BPC, not the 8BPC default, this really worked nicely to bump out the glow.</p>
<p>Here are a few screen-caps. Click them for full-res, the work pretty nicely as widescreen wallpapers.</p>
<p class="imgC"><a href="http://www.whiteinkblog.com/motiongraphicssc/sc1.jpg" rel="nofollow"><img src="http://www.whiteinkblog.com/motiongraphicssc/sc1.jpg" alt="" width="600"Vivid Motion Graphics Workflow Tutorial & Free Wallpapers /></a></p>
<p class="imgC">
<a href="http://www.whiteinkblog.com/motiongraphicssc/sc2.jpg" rel="nofollow"><img src="http://www.whiteinkblog.com/motiongraphicssc/sc2.jpg" alt="" width="600"Vivid Motion Graphics Workflow Tutorial & Free Wallpapers /></a></p>
<p class="imgC"><a href="http://www.whiteinkblog.com/motiongraphicssc/sc3.jpg" rel="nofollow"><img src="http://www.whiteinkblog.com/motiongraphicssc/sc3.jpg" alt="" width="600"Vivid Motion Graphics Workflow Tutorial & Free Wallpapers /></a></p>
<p class="imgC"><a href="http://www.whiteinkblog.com/motiongraphicssc/sc4.jpg" rel="nofollow"><img src="http://www.whiteinkblog.com/motiongraphicssc/sc4.jpg" alt="" width="600"Vivid Motion Graphics Workflow Tutorial & Free Wallpapers /></a></p>
<p class="imgC"><a href="http://www.whiteinkblog.com/motiongraphicssc/sc5.jpg" rel="nofollow"><img src="http://www.whiteinkblog.com/motiongraphicssc/sc5.jpg" alt="" width="600"Vivid Motion Graphics Workflow Tutorial & Free Wallpapers /></a></p>
<p class="imgC"><a href="http://www.whiteinkblog.com/motiongraphicssc/sc6.jpg" rel="nofollow"><img src="http://www.whiteinkblog.com/motiongraphicssc/sc6.jpg" alt="" width="600"Vivid Motion Graphics Workflow Tutorial & Free Wallpapers /></a></p>
<p>So there you have it, that's the rough workflow. If there's one tip I can give you to take away from this, it would have to be; try do everything you can on set to make the work in post as easy and clean as possible. I think this can be applied to plenty of other mediums, photography etc. You want a solid beginning to work with and then everything you do after that will be a breeze.</p>
<p>Orignionally written for <a href="http://www.whiteinkblog.com" rel="nofollow">www.whiteinkblog.com</a>, please subscribe if you liked this. You guys are what will make it grow and develop! Thank You!</p></div></div></div><div class="field field-name-field-tags field-type-taxonomy-term-reference field-label-above"><div class="field-label">Tags:&nbsp;</div><div class="field-items"><div class="field-item even"><a href="http://abduzeedo.com/tags/motion-graphics">motion graphics</a></div><div class="field-item odd"><a href="http://abduzeedo.com/tags/animation">animation</a></div><div class="field-item even"><a href="http://abduzeedo.com/tags/after-effects-tutorial">after effects tutorial</a></div></div></div>Wed, 08 Apr 2009 22:28:39 +0000Youssef Sarhan5395 at http://abduzeedo.comHappy St. Patrick's Day Wallpaperhttp://abduzeedo.com/happy-st-patricks-day-wallpaper
<div class="field field-name-field-image field-type-image field-label-hidden"><div class="field-items"><div class="field-item even"><img src="http://abduzeedo.com/files/originals/p/picture_6_0.jpg" width="620" height="200" /></div></div></div><div class="field field-name-body field-type-text-with-summary field-label-hidden"><div class="field-items"><div class="field-item even"><h3>With St. Patrick's Day just around the corner I figured I'm spread some Irish cheer. Put some Paddy's Day on your desktop.</h3>
<p class="imgC"><a href="http://dl.getdropbox.com/u/159684/PaddysDayWallpaperUpload.jpg" rel="nofollow" title="Paddy's Day Wallpaper by Youssef Sarhan, on Flickr"><img src="http://farm4.static.flickr.com/3187/3361443284_79112088f7_o.png" width="593" height="542" alt="Paddy's Day Wallpaper" /></a></p>
<p class="imgC"><a href="http://dl.getdropbox.com/u/159684/PaddysDayWallpaperUpload.jpg" rel="nofollow" title="Paddy's Day Wallpaper by Youssef Sarhan, on Flickr"><img src="http://dl.getdropbox.com/u/159684/PaddysDayWallpaperUpload.jpg" width="500" height="313" alt="Paddy's Day Wallpaper" />
Click for full size 1920 x 1200</a></p>
Enjoy.
From Ireland!</div></div></div><div class="field field-name-field-tags field-type-taxonomy-term-reference field-label-above"><div class="field-label">Tags:&nbsp;</div><div class="field-items"><div class="field-item even"><a href="http://abduzeedo.com/tags/wallpaper">wallpaper</a></div><div class="field-item odd"><a href="http://abduzeedo.com/tags/typography">Typography</a></div><div class="field-item even"><a href="http://abduzeedo.com/tags/st-patricks-day">St Patricks Day</a></div><div class="field-item odd"><a href="http://abduzeedo.com/tags/grid">Grid</a></div></div></div>Mon, 16 Mar 2009 23:31:45 +0000Youssef Sarhan4581 at http://abduzeedo.comProfessional Photo-Retouching Video Tutorial: Hairhttp://abduzeedo.com/professional-photo-retouching-video-tutorial-hair
<div class="field field-name-field-image field-type-image field-label-hidden"><div class="field-items"><div class="field-item even"><img src="http://abduzeedo.com/files/originals/p/picture_4_0.png" width="1063" height="643" /></div></div></div><div class="field field-name-body field-type-text-with-summary field-label-hidden"><div class="field-items"><div class="field-item even">(via: <a href="http://www.whiteinkblog.com" rel="nofollow">www.whiteinkblog.com</a>) I am back with a brand new exciting photo-retouching tutorial. In this tutorial I will focus on the hair. Before watching please note that there is a lot of information in this video to absorb, so watch and re-watch areas. I’d recommend pausing it at regular intervals before continuing so that you fully understand all the processes. Some of the areas covered in this video are:
– Colour Correction
– Removing Unwanted Straps and Hair
– Adjusting tonal values
– Grading the image
– Boosting image vividness
– Removing blemishes
– Working with blending modes
There are a lot of techniques and processes that go into each of the above, so if you’ve got a question leave a comment or contact me over at <a href="Http://www.whiteinkblog.com" rel="nofollow">www.whiteinkblog.com</a> and i'll do my best to help.
This is the image I used: <a href="http://www.xclusivehairstudio.com/image/28316757.jpg" rel="nofollow">Before Photograph</a>
<object width="620" height="500"><param name="allowfullscreen" value="true" /><param name="allowscriptaccess" value="always" /><param name="movie" value="http://vimeo.com/moogaloop.swf?clip_id=3635253&amp;server=vimeo.com&amp;show_title=0&amp;show_byline=1&amp;show_portrait=0&amp;color=59a5d1&amp;fullscreen=1" /><embed src="http://vimeo.com/moogaloop.swf?clip_id=3635253&amp;server=vimeo.com&amp;show_title=0&amp;show_byline=1&amp;show_portrait=0&amp;color=59a5d1&amp;fullscreen=1" type="application/x-shockwave-flash" allowfullscreen="true" allowscriptaccess="always" width="620" height="500"></embed></object><br />
Here are some before and after shots:
<p class="imgC"><a href="http://www.flickr.com/photos/youssefsarhan/3353000878/" title="Picture 4 by Youssef Sarhan, on Flickr" rel="nofollow"><img src="http://farm4.static.flickr.com/3619/3353000878_53cc00b7a6_o.png" width="500" height="299" alt="Picture 4" /></a></p>
<p class="imgC"><a href="http://www.flickr.com/photos/youssefsarhan/3353001110/" title="Picture 8 by Youssef Sarhan, on Flickr" rel="nofollow"><img src="http://farm4.static.flickr.com/3652/3353001110_d18ceae170_o.png" width="500" height="350" alt="Picture 8" /></a></p>
<p class="imgC"><a href="http://www.flickr.com/photos/youssefsarhan/3352176549/" title="Picture 6 by Youssef Sarhan, on Flickr" rel="nofollow"><img src="http://farm4.static.flickr.com/3561/3352176549_8db221d051_o.png" width="500" height="310" alt="Picture 6" /></a></p>
<p class="imgC">
<a href="http://www.flickr.com/photos/youssefsarhan/3352176647/" title="Picture 7 by Youssef Sarhan, on Flickr" rel="nofollow"><img src="http://farm4.static.flickr.com/3433/3352176647_02e40cbbb6.jpg" width="500" height="299" alt="Picture 7" /></a></p>
Any questions leave them below. Also, if you've got any ideas for more tutorials feel free to shout it out.
For instant updates you can follow me on twitter:
<a href="http://twitter.com/YoussefSarhan" rel="nofollow">http://twitter.com/YoussefSarhan</a>
This was originally posted at <a href="http://www.whiteinkblog.com/2009/03/14/416/" rel="nofollow">http://www.whiteinkblog.com/2009/03/14/416/</a>.
</div></div></div><div class="field field-name-field-tags field-type-taxonomy-term-reference field-label-above"><div class="field-label">Tags:&nbsp;</div><div class="field-items"><div class="field-item even"><a href="http://abduzeedo.com/tutorial">tutorial</a></div><div class="field-item odd"><a href="http://abduzeedo.com/tags/retouching">retouching</a></div><div class="field-item even"><a href="http://abduzeedo.com/tags/portrait">portrait</a></div><div class="field-item odd"><a href="http://abduzeedo.com/tags/photoshop">photoshop</a></div><div class="field-item even"><a href="http://abduzeedo.com/tags/photography">photography</a></div></div></div>Sat, 14 Mar 2009 03:35:20 +0000Youssef Sarhan4520 at http://abduzeedo.comDesign Deconstructed: WhiteHouse.govhttp://abduzeedo.com/design-deconstructed-whitehousegov
<div class="field field-name-field-image field-type-image field-label-hidden"><div class="field-items"><div class="field-item even"><img src="http://abduzeedo.com/files/originals/p/picture_6.png" width="818" height="391" /></div></div></div><div class="field field-name-body field-type-text-with-summary field-label-hidden"><div class="field-items"><div class="field-item even">Hello, my name is Youssef Sarhan & I regularly write on my design blog over at <a href="http://www.whiteinkblog.com" rel="nofollow">www.whiteinkblog.com</a>, and I also like to share my posts here, on abduzeedo. With a great audience and community it's a brilliant forum for discussion. In this feature I try to shed some light on the development process and/or elements of a selected design. By deconstructing the design into layout, typeface, colours &amp; use of images we will hopefully develop a better understand of how the final result was achieved. I feel that this degree of awareness is crucial to a graphic designers development; being able to not only identify the design elements but the rationale behind them.(Via: <a href="http://www.whiteinkblog.com" rel="nofollow">www.whiteinkblog.com</a>)
In this edition of <a href="http://www.whiteinkblog.com/category/design-deconstructed/" rel="nofollow">Design Deconstructed (DD)</a> I am going to be observing the brand new website of the <strong><a href="http://www.whitehouse.gov/" rel="nofollow">White House (http://www.whitehouse.gov/)</a></strong>.
Within minutes of President Obama being sworn in the new site had gone live. I'd imagine it has received a huge spike in visitors but it seems to be coping perfectly. I'm trying to find out the designer/company who is behind it, so if anyone knows?
It looks fantastic. It's clean, feels like a position of authority and most importantly approachable. It doesn't look like a news site, like it used to. Here's an image of the homepage.
<p class="imgC"><a href="http://www.flickr.com/photos/youssefsarhan/3213117601/" title="WhiteHouse.Gov by Youssef Sarhan, on Flickr" rel="nofollow"><img class="aligncenter" src="http://farm4.static.flickr.com/3130/3213117601_6964f7ecfc.jpg" alt="WhiteHouse.Gov" width="439" height="500" /></a></p>
As you can see it's pretty sharp looking. You can view a 100% version if you click the image. I have overlaid the grid over it, at least a grid which I think fits. It's a 3 column grid thats subdivided again into 3 more columns. The subdivisions really come into play in the bottom footer which has many links to different categories.
<p class="imgC"><a href="http://www.flickr.com/photos/youssefsarhan/3214028912/" title="WhiteHouse.Gov Grid1 by Youssef Sarhan, on Flickr" rel="nofollow"><img class="aligncenter" src="http://farm4.static.flickr.com/3116/3214028912_35576fb344.jpg" alt="WhiteHouse.Gov Grid1" width="400" height="500" /></a></p>
<p class="imgC"><a href="http://www.flickr.com/photos/youssefsarhan/3213117181/" title="WhiteHouse.Gov Grid2 by Youssef Sarhan, on Flickr" rel="nofollow"><img class="aligncenter" src="http://farm4.static.flickr.com/3455/3213117181_4e0d4fd532.jpg" alt="WhiteHouse.Gov Grid2" width="400" height="200" /></a></p>
Starting at the top, I think the header shows the level and attention to detail that went into making this site look how it does. It's detailed, precise and well-planned. These small images can really set a design off.
<p class="imgC"><a href="http://www.flickr.com/photos/youssefsarhan/3213116837/" title="WhiteHouse.Gov Header by Youssef Sarhan, on Flickr" rel="nofollow"><img class="aligncenter" src="http://farm4.static.flickr.com/3075/3213116837_17f0101891_o.jpg" alt="WhiteHouse.Gov Header" width="400" height="160" /></a></p>
Further down, a divider which separates the main content and the categorical links. You may like to click and view the image at 100%.
<p class="imgC"><a href="http://www.flickr.com/photos/youssefsarhan/3213962732/" title="WhiteHouse.Gov Divider by Youssef Sarhan, on Flickr" rel="nofollow"><img class="aligncenter" src="http://farm4.static.flickr.com/3503/3213962732_54c77d6775.jpg" alt="WhiteHouse.Gov Divider" width="400" height="33" /></a></p>
Similarly at the bottom.
<p class="imgC"><a href="http://www.flickr.com/photos/youssefsarhan/3213963054/" title="WhiteHouse.Gov Footer by Youssef Sarhan, on Flickr" rel="nofollow"><img class="aligncenter" src="http://farm4.static.flickr.com/3117/3213963054_fcb54cf56d_o.jpg" alt="WhiteHouse.Gov Footer" width="400" height="50" /></a></p>
Love the use of little stars in the required field instead of an asterisk*
<p class="imgC"><a href="http://www.flickr.com/photos/youssefsarhan/3213300729/" title="Contact by Youssef Sarhan, on Flickr" rel="nofollow"><img class="aligncenter" src="http://farm4.static.flickr.com/3387/3213300729_e951a6c2f0.jpg" alt="Contact" width="383" height="500" /></a></p>
Next is the Navigation, easy to use rollover bar, I love the use of italc/regular fonts. Set in Georgia.
<p class="imgC"><a href="http://www.flickr.com/photos/youssefsarhan/3213963252/" title="WhiteHouse.Gov Nav2 by Youssef Sarhan, on Flickr" rel="nofollow"><img class="aligncenter" src="http://farm4.static.flickr.com/3305/3213963252_d899011d51.jpg" alt="WhiteHouse.Gov Nav2" width="400" height="18" /></a></p>
<p class="imgC"><a href="http://www.flickr.com/photos/youssefsarhan/3213963368/" title="WhiteHouse.Gov Nav1 by Youssef Sarhan, on Flickr" rel="nofollow"><img class="aligncenter" src="http://farm4.static.flickr.com/3360/3213963368_1ffcafbe1b_o.png" alt="WhiteHouse.Gov Nav1" width="353" height="149" /></a></p>
I feel overall the site suits the new President. I'd love to see the development process to get a real idea of how it came to this end. It's a nice alternative to his also excellently designed <a href="http://www.change.gov" rel="nofollow">www.change.gov</a> website which he used during the campaign.
The subtle use of the semi-transparent white box is a nice touch. Nothing too over the top on the site but at the same time it stands out and airs class.
<p class="imgC"><a href="http://www.flickr.com/photos/youssefsarhan/3213962790/" title="WhiteHouse.Gov Traceparency by Youssef Sarhan, on Flickr" rel="nofollow"><img class="aligncenter" src="http://farm4.static.flickr.com/3114/3213962790_efeeba6184_o.jpg" alt="WhiteHouse.Gov Traceparency" width="400" height="156" /></a></p>
The primary typeface for titles of the site in Gerogia. Copied from what I think is the css.
<p class="imgC" style="padding-left: 30px; background-color: #eeeeee; text-align: left;"><code>h1, h2, h3, h4, h5, h6 {font-family:Georgia,"Times New Roman",Times,serif; color:#036;}</code></p>
You can view the style.css file here:
<a href="http://www.whitehouse.gov/includes/eop/style.css" rel="nofollow">http://www.whitehouse.gov/includes/eop/style.css</a>
<p class="imgC"><a href="http://www.flickr.com/photos/youssefsarhan/3213962506/" title="WhiteHouse.Gov Primary Title Typeface by Youssef Sarhan, on Flickr" rel="nofollow"><img class="aligncenter" src="http://farm4.static.flickr.com/3087/3213962506_ddc03d3682_o.jpg" alt="WhiteHouse.Gov Primary Title Typeface" width="400" height="303" /></a></p>
The body text is set in Lucida.
<p class="imgC" style="padding-left: 30px; background-color: #eeeeee; text-align: left;"><code>html, body {font-family:"Lucida Sans Unicode","Lucida Grande",Verdana,Arial,Helvetica,sans-serif;}
body {font-size:12px; margin:0; padding:0;}
strong, em, b, i, .bold {font-family:"Lucida Sans","Lucida Sans Unicode","Lucida Grande",Verdana,Arial,Helvetica,sans-serif;}</code>
</p>
<p class="imgC"><a href="http://www.flickr.com/photos/youssefsarhan/3213962610/" title="WhiteHouse.Gov Primary Body Typeface by Youssef Sarhan, on Flickr" rel="nofollow"><img class="aligncenter" src="http://farm4.static.flickr.com/3510/3213962610_00726bbe15_o.jpg" alt="WhiteHouse.Gov Primary Body Typeface" width="400" height="303" /></a></p>
<p class="imgC">Finally, the colour palette consists of appropriate shades. Blue, Navy, Maroon, Grey, etc. Here is a simple drop selection from the blurred image.</p>
<p class="imgC"><a href="http://www.flickr.com/photos/youssefsarhan/3213962364/" title="WhiteHouse.Gov Colour Pallete by Youssef Sarhan, on Flickr" rel="nofollow"><img class="aligncenter" src="http://farm4.static.flickr.com/3424/3213962364_65d9b21071_o.jpg" alt="WhiteHouse.Gov Colour Pallete" width="400" height="250" /></a></p>
<p class="imgC"><a href="http://www.flickr.com/photos/youssefsarhan/3213300613/" title="WhiteHouse Pixelate Colour Pallete by Youssef Sarhan, on Flickr" rel="nofollow"><img class="aligncenter" src="http://farm4.static.flickr.com/3298/3213300613_b6b9393763_b.jpg" alt="WhiteHouse Pixelate Colour Pallete" width="400" height="180" /></a></p>
Here is an image I was saving until the end; Its the before version, as you can see. It's a good change. A huge improvement from the previous site, which looked like a news site. Hopefully this will be a reflection on the presidency.
<p class="imgC"><a href="http://www.flickr.com/photos/youssefsarhan/3214182522/" title="Old White House Site by Youssef Sarhan, on Flickr" rel="nofollow"><img class="aligncenter" src="http://farm4.static.flickr.com/3504/3214182522_4bfa8341d0_o.jpg" alt="Old White House Site" width="420" height="709" /></a></p>
Check it all out here: <a href="http://www.whitehouse.gov" rel="nofollow">www.whitehouse.gov</a>
Further Reading:
<a href="http://www.whiteinkblog.com/2009/01/14/design-deconstructed-whiteink-blog/" rel="nofollow">Design Deconstructed: White Ink Blog</a>
<a href="http://www.whiteinkblog.com/2009/02/03/design-deconstructed-google/" rel="nofollow">Design Deconstructed: Google</a>
<a href="http://www.whiteinkblog.com/2009/02/21/design-deconstructed-wp-remix/" rel="nofollow">Design Deconstructed: WP Remix</a></div></div></div><div class="field field-name-field-tags field-type-taxonomy-term-reference field-label-above"><div class="field-label">Tags:&nbsp;</div><div class="field-items"><div class="field-item even"><a href="http://abduzeedo.com/tags/photoshop">photoshop</a></div><div class="field-item odd"><a href="http://abduzeedo.com/tags/layout">Layout</a></div><div class="field-item even"><a href="http://abduzeedo.com/tags/grid">Grid</a></div><div class="field-item odd"><a href="http://abduzeedo.com/tags/graphic">graphic</a></div><div class="field-item even"><a href="http://abduzeedo.com/tags/design">design</a></div></div></div>Sat, 21 Feb 2009 03:41:55 +0000Youssef Sarhan3660 at http://abduzeedo.comProfessional Photographic Retouching Tutorial (40Mins, Start-To-Finish)http://abduzeedo.com/professional-photographic-retouching-tutorial-40mins-start-finish
<div class="field field-name-field-image field-type-image field-label-hidden"><div class="field-items"><div class="field-item even"><img src="http://abduzeedo.com/files/originals/c/coverimage.jpg" width="620" height="200" /></div></div></div><div class="field field-name-body field-type-text-with-summary field-label-hidden"><div class="field-items"><div class="field-item even"><h3>This is the second tutorial in a series on photographic retouching. The first part was all about evening skin tonal values and removing blemishes. In this part I will take you through everything else. So, as a result it's a long video (40 Mins).</h3>
<p>Originally written for <a href="http://www.whiteinkblog.com" rel="nofollow">www.whiteinkblog.com</a> .In this tutorial I will complete a professional photographic retouching from start to finish. Before watching please note that there is a lot of information in this video to absorb, so watch and re-watch areas that you find more advanced. This is a 40 minute video, I'd recommend pausing it at regular intervals before continuing so that you fully understand all the processes. Some of the areas covered in this video are:</p>
<h3>If you do not have time right now to watch the 40 minute tutorial, I'd suggest you watch this video, it goes through what we will be doing in a summarised version as I am aware the lenght of the video is quite long.</h3>
<div align="center"><object width="640" height="505"><param name="movie" value="http://www.youtube.com/v/7EfNB_6QOkE&hl=en&fs=1"></param><param name="allowFullScreen" value="true"></param><param name="allowscriptaccess" value="always"></param><embed src="http://www.youtube.com/v/7EfNB_6QOkE&hl=en&fs=1" type="application/x-shockwave-flash" allowscriptaccess="always" allowfullscreen="true" width="640" height="505"></embed></object></div>
– Colour Correction
– Reshaping Features (Figure, Eyes, Lips, Cheeks, etc)
– Adjusting tonal values
– Grading the image
– Simulating a Realistic Depth of Field Simulation
– Selective Enhancement of areas
There are a lot of sub-techniques and sub-processes that go into each of the above, so if you've got a question leave a comment and I'll do my best to answer.
<h3>Ok, I have included two versions here, both are the same video except the second one is higher res, suitable for fullscreen.</h3>
<p class="imgC"><object width="620" height="344"><param name="allowfullscreen" value="true" /><param name="allowscriptaccess" value="always" /><param name="movie" value="http://vimeo.com/moogaloop.swf?clip_id=2881612&amp;server=vimeo.com&amp;show_title=1&amp;show_byline=1&amp;show_portrait=0&amp;color=00adef&amp;fullscreen=1" /><embed src="http://vimeo.com/moogaloop.swf?clip_id=2881612&amp;server=vimeo.com&amp;show_title=1&amp;show_byline=1&amp;show_portrait=0&amp;color=00adef&amp;fullscreen=1" type="application/x-shockwave-flash" allowfullscreen="true" allowscriptaccess="always" width="620" height="344"></embed></object>
<strong>Standard Res.</strong></p>
<h3>Images of the final piece</h3>
<p class="imgC"><a href="http://www.flickr.com/photos/youssefsarhan/3211291044/" title="Full Body Before / After by Youssef Sarhan, on Flickr" rel="nofollow"><img src="http://farm4.static.flickr.com/3089/3211291044_f7286614cf_o.jpg" width="620" height="930" alt="Full Body Before / After" /></a></p>
<p class="imgC"><a href="http://www.flickr.com/photos/youssefsarhan/3211291262/" title="Face Before / After by Youssef Sarhan, on Flickr" rel="nofollow"><img src="http://farm4.static.flickr.com/3418/3211291262_ff1d6927b0_o.jpg" width="620" height="620" alt="Face Before / After" /></a></p>
<p class="imgC">
<a href="http://www.flickr.com/photos/youssefsarhan/3210445799/" title="Hip Before by Youssef Sarhan, on Flickr" rel="nofollow"><img src="http://farm4.static.flickr.com/3125/3210445799_140a8849cb_o.jpg" width="620" height="794" alt="Hip Before" /></a>
</p>
<p class="imgC"><a href="http://www.flickr.com/photos/youssefsarhan/3210445553/" title="Hip After by Youssef Sarhan, on Flickr" rel="nofollow"><img src="http://farm4.static.flickr.com/3497/3210445553_4b382c59dd_o.jpg" width="620" height="794" alt="Hip After" /></a></p>
<p class="imgC"><a href="http://www.flickr.com/photos/youssefsarhan/3211304366/" title="Full Body After by Youssef Sarhan, on Flickr" rel="nofollow"><img src="http://farm4.static.flickr.com/3095/3211304366_83fbe1939c_o.gif" width="620" height="930" alt="Full Body After" /></a></p>
Application Used: Photoshop CS3
Thanks for watching guys, I hope it was helpful and insightful. As always if you've got any questions ask, I'll do my bet to answer. Just one other thing, if you enjoyed this could you check out my new Blog, <a href="http://www.whiteinkblog.com" rel="nofollow">http://www.whiteinkblog.com</a> you can access it by clicking that link or the banner under the "About the author" text below. It's a new blog so we're just starting but I am serious about it and I'd like you guys to be there with from from the start.
Youssef Sarhan,
<a href="http://www.whiteinkblog.com" rel="nofollow">http://www.whiteinkblog.com</a>
Share the knowledge.
(Originally posted on WHITENK Blog)</div></div></div><div class="field field-name-field-tags field-type-taxonomy-term-reference field-label-above"><div class="field-label">Tags:&nbsp;</div><div class="field-items"><div class="field-item even"><a href="http://abduzeedo.com/tutorial">tutorial</a></div><div class="field-item odd"><a href="http://abduzeedo.com/tags/retouch">retouch</a></div><div class="field-item even"><a href="http://abduzeedo.com/tags/photoshop">photoshop</a></div><div class="field-item odd"><a href="http://abduzeedo.com/tags/photography">photography</a></div></div></div>Tue, 20 Jan 2009 03:01:30 +0000Youssef Sarhan2242 at http://abduzeedo.com1. High Quality Portrait Retouching pt1http://abduzeedo.com/1-high-quality-portrait-retouching-pt1
<div class="field field-name-field-image field-type-image field-label-hidden"><div class="field-items"><div class="field-item even"><img src="http://abduzeedo.com/files/originals/p/picture1_1.jpg" width="1008" height="842" /></div></div></div><div class="field field-name-body field-type-text-with-summary field-label-hidden"><div class="field-items"><div class="field-item even"><h3>This is the first tutorial in a series on photographic retouching. In this tutorial I'll try to demonstrate the level of editing that goes into removing any discrepancies in the skin.</h3>
I have divided the whole process into parts. Beginning with skin tones and blemishes.
- Tidying skin blemishes & Removal of unwanted hair
- Colour Correction
<p class="imgC"><a href="http://ie.youtube.com/watch?v=B0JZvV3lXEo" rel="nofollow">1. High Quality Portrait Retouching pt1</a><object width="560" height="345"><param name="movie" value="http://www.youtube.com/v/B0JZvV3lXEo&hl=en&fs=1"></param><param name="allowFullScreen" value="true"></param><param name="allowscriptaccess" value="always"></param><embed src="http://www.youtube.com/v/B0JZvV3lXEo&hl=en&fs=1" type="application/x-shockwave-flash" allowscriptaccess="always" allowfullscreen="true" width="560" height="345"></embed></object>YoussefS's Youtube Channel</a></p>
If you've got any comments or suggestion let me know, this then, thanks for watching. More to come soon.</div></div></div><div class="field field-name-field-tags field-type-taxonomy-term-reference field-label-above"><div class="field-label">Tags:&nbsp;</div><div class="field-items"><div class="field-item even"><a href="http://abduzeedo.com/tutorial">tutorial</a></div><div class="field-item odd"><a href="http://abduzeedo.com/tags/retouching">retouching</a></div><div class="field-item even"><a href="http://abduzeedo.com/tags/portrait">portrait</a></div><div class="field-item odd"><a href="http://abduzeedo.com/tags/photoshop">photoshop</a></div><div class="field-item even"><a href="http://abduzeedo.com/tags/photography">photography</a></div></div></div>Mon, 12 Jan 2009 20:35:49 +0000Youssef Sarhan2025 at http://abduzeedo.comA Perfect Truth: Reverse Photoshop Processinghttp://abduzeedo.com/perfect-truth-reverse-photoshop-processing
<div class="field field-name-field-image field-type-image field-label-hidden"><div class="field-items"><div class="field-item even"><img src="http://abduzeedo.com/files/originals/p/picture2.jpg" width="445" height="377" /></div></div></div><div class="field field-name-body field-type-text-with-summary field-label-hidden"><div class="field-items"><div class="field-item even"><h3>As a follow on from yesterday, this is the second of this style. I have reversed the process, to create a reverse processing style to the video. I feel this clearly shows a person for how the really appear. Stripping back all the work to reveal the face as it was, as it is. I hope you enjoy.</h3>
I will be posting a tutorial video shortly. More then likely it will be a series as there will be many ares to cover. So after a certain amount of videos it will cover nearly all the processes covered in my timelapse videos.
<p class="imgC"><object width="600" height="362"><param name="movie" value="http://www.youtube.com/v/0A-ZQXkb774&hl=en&fs=1"></param><param name="allowFullScreen" value="true"></param><param name="allowscriptaccess" value="always"></param><embed src="http://www.youtube.com/v/0A-ZQXkb774&hl=en&fs=1" type="application/x-shockwave-flash" allowscriptaccess="always" allowfullscreen="true" width="600" height="362"></embed></object>
<a href="http://ie.youtube.com/user/YoussefS" rel="nofollow">YoussefS Youtube Channel</a></p>
I hope this was insightful and that it may have inspired you. Check out some related content. Tutorials will be coming very soon!!!
</div></div></div><div class="field field-name-field-tags field-type-taxonomy-term-reference field-label-above"><div class="field-label">Tags:&nbsp;</div><div class="field-items"><div class="field-item even"><a href="http://abduzeedo.com/tutorial">tutorial</a></div><div class="field-item odd"><a href="http://abduzeedo.com/tags/retouching">retouching</a></div><div class="field-item even"><a href="http://abduzeedo.com/tags/photoshop">photoshop</a></div></div></div>Sun, 11 Jan 2009 02:30:23 +0000Youssef Sarhan2004 at http://abduzeedo.comA Perfect Truth: Reverse Photshop Processing + Video Tutorials?http://abduzeedo.com/a-perfect-truth-reverse-photshop-processing-video-tutorials
<div class="field field-name-field-image field-type-image field-label-hidden"><div class="field-items"><div class="field-item even"><img src="http://abduzeedo.com/files/originals/p/picture4.png" width="480" height="410" /></div></div></div><div class="field field-name-body field-type-text-with-summary field-label-hidden"><div class="field-items"><div class="field-item even"><h3>There are many touch-up videos on youtube, but not so many in depth tutorials. I've been getting a lot of requests, suggestions and questions so I've been thinking. Perhaps it's about time I do some tutorials. Now with youtube's better quality, it's possible to upload high-quality/high-def widescreen videos. This would work great for tutorials videos.</h3>
Drop me a comment, if you'd like to see some tutorials or even have some tutorial suggestions let me know. I'd be happy to start them.
This is my most recent video, it's a reverse process of photographic touchup. Perhaps going against the grain of my other videos. I have reversed the process, I feel this clearly shows a person for how the really appear. Stripping back all the work to reveal the face as it was, as it is.
<p class="imgC"><object width="600" height="354"><param name="movie" value="http://www.youtube.com/v/6jBBgFFL2Io&hl=en&fs=1"></param><param name="allowFullScreen" value="true"></param><param name="allowscriptaccess" value="always"></param><embed src="http://www.youtube.com/v/6jBBgFFL2Io&hl=en&fs=1" type="application/x-shockwave-flash" allowscriptaccess="always" allowfullscreen="true" width="600" height="354"></embed></object>
<a href="http://ie.youtube.com/user/YoussefS" title="YoussefS Youtube Channel" rel="nofollow">YoussefS Youtube Channel</a></p>
More videos to follow soon. I hope this gives an slight insight into the stages photos are taken through to create a 'sellable' face. Let me know what you think, and if you'd like tutorials. Check out some of the related content below for more cool stuff.</div></div></div><div class="field field-name-field-tags field-type-taxonomy-term-reference field-label-above"><div class="field-label">Tags:&nbsp;</div><div class="field-items"><div class="field-item even"><a href="http://abduzeedo.com/tags/video">video</a></div><div class="field-item odd"><a href="http://abduzeedo.com/tutorial">tutorial</a></div><div class="field-item even"><a href="http://abduzeedo.com/tags/retouch">retouch</a></div><div class="field-item odd"><a href="http://abduzeedo.com/tags/photoshop">photoshop</a></div></div></div>Fri, 09 Jan 2009 19:10:56 +0000Youssef Sarhan1990 at http://abduzeedo.comHow models looks so good. Revealed.http://abduzeedo.com/how-models-looks-so-good-revealed
<div class="field field-name-field-image field-type-image field-label-hidden"><div class="field-items"><div class="field-item even"><img src="http://abduzeedo.com/files/originals/p/picture_1_0.png" width="394" height="378" /></div></div></div><div class="field field-name-body field-type-text-with-summary field-label-hidden"><div class="field-items"><div class="field-item even"><h3>Ever wondered how models always look so good on each and every photoshoot. While the majority is down to them, a lot of credit must be given to the work of the photographer/retoucher. Here is a definitive collection of videos giving you an inside look at what it takes to make the photograph just right.</h3>
Here I have gathered together variety of videos that will hopefully shed light and inspire those who are interested in this area.
<p class="imgC"><object width="425" height="344"><param name="movie" value="http://www.youtube.com/v/hj1VPvrpiCQ&hl=en&fs=1"></param><param name="allowFullScreen" value="true"></param><param name="allowscriptaccess" value="always"></param><embed src="http://www.youtube.com/v/hj1VPvrpiCQ&hl=en&fs=1" type="application/x-shockwave-flash" allowscriptaccess="always" allowfullscreen="true" width="425" height="344"></embed></object>
</p>
<p class="imgC">
<object width="480" height="295"><param name="movie" value="http://www.youtube.com/v/vLPwneQy-yo&hl=en&fs=1"></param><param name="allowFullScreen" value="true"></param><param name="allowscriptaccess" value="always"></param><embed src="http://www.youtube.com/v/vLPwneQy-yo&hl=en&fs=1" type="application/x-shockwave-flash" allowscriptaccess="always" allowfullscreen="true" width="480" height="295"></embed></object></p>
<p class="imgC">
<object width="425" height="344"><param name="movie" value="http://www.youtube.com/v/dcZIsZR2RmM&hl=en&fs=1"></param><param name="allowFullScreen" value="true"></param><param name="allowscriptaccess" value="always"></param><embed src="http://www.youtube.com/v/dcZIsZR2RmM&hl=en&fs=1" type="application/x-shockwave-flash" allowscriptaccess="always" allowfullscreen="true" width="425" height="344"></embed></object></p>
<p class="imgC"><object width="425" height="344"><param name="movie" value="http://www.youtube.com/v/vFBG93OGlzg&hl=en&fs=1"></param><param name="allowFullScreen" value="true"></param><param name="allowscriptaccess" value="always"></param><embed src="http://www.youtube.com/v/vFBG93OGlzg&hl=en&fs=1" type="application/x-shockwave-flash" allowscriptaccess="always" allowfullscreen="true" width="425" height="344"></embed></object></p>
<p class="imgC"><object width="425" height="344"><param name="movie" value="http://www.youtube.com/v/5iwaQ2zi63c&hl=en&fs=1"></param><param name="allowFullScreen" value="true"></param><param name="allowscriptaccess" value="always"></param><embed src="http://www.youtube.com/v/5iwaQ2zi63c&hl=en&fs=1" type="application/x-shockwave-flash" allowscriptaccess="always" allowfullscreen="true" width="425" height="344"></embed></object></p>
<p class="imgC"><object width="480" height="295"><param name="movie" value="http://www.youtube.com/v/kUq-j0C2L9s&hl=en&fs=1"></param><param name="allowFullScreen" value="true"></param><param name="allowscriptaccess" value="always"></param><embed src="http://www.youtube.com/v/kUq-j0C2L9s&hl=en&fs=1" type="application/x-shockwave-flash" allowscriptaccess="always" allowfullscreen="true" width="480" height="295"></embed></object></p>
I hope you enjoyed the videos, and if you have any questions about the processes/techniques feel free to ask.</div></div></div><div class="field field-name-field-tags field-type-taxonomy-term-reference field-label-above"><div class="field-label">Tags:&nbsp;</div><div class="field-items"><div class="field-item even"><a href="http://abduzeedo.com/tags/video">video</a></div><div class="field-item odd"><a href="http://abduzeedo.com/tags/photoshop">photoshop</a></div><div class="field-item even"><a href="http://abduzeedo.com/tags/photography">photography</a></div><div class="field-item odd"><a href="http://abduzeedo.com/tags/amazing">amazing</a></div></div></div>Fri, 26 Dec 2008 20:44:40 +0000Youssef Sarhan1853 at http://abduzeedo.com