{"id":866,"date":"2009-07-03T18:24:29","date_gmt":"2009-07-03T10:24:29","guid":{"rendered":"https:\/\/www.dremi.info\/?p=866"},"modified":"2009-07-03T18:24:29","modified_gmt":"2009-07-03T10:24:29","slug":"how-to-illustrate-samsung-monitor-syncmaster-933sn-series","status":"publish","type":"post","link":"https:\/\/www.dremi.info\/tutorials\/photoshop\/how-to-illustrate-samsung-monitor-syncmaster-933sn-series.html","title":{"rendered":"How to Illustrate Samsung Monitor – SyncMaster 933SN Series"},"content":{"rendered":"
\nHi brother ! this tutorial will explain about how to create an illustration for my new Samsung Monitor, SyncMaster 933SN series. Follow my steps, and enjoy my tutorial.
\n<\/p>\n
First is create your new Photoshop document. The size is up to you brother !<\/p>\n
Use shapping tool to grab a rectangle as your base screen of monitor. Take look my setting:<\/p>\n
and I use #1a1a1a as base color. Give name for your shapping as “base”<\/p>\n
Select base path using Direct Selection Tool, and activate Add Anchor Point Tool. We will modify the bottom side of base shapping.<\/p>\n
Now click one at the center of bottom side of base path. Move it to down side, approximately 30px.<\/p>\n
Repeat Step 2 for top side of base path. But on this step, move new anchor to up side, approximately 10px – 15px. The result showed on this screen shoot:<\/p>\n
Now press [CTRL+Click] at base path layer and activate Selection Tool with Intersect With Selection option. Select about 50px of your current selection area. You will get new selection.<\/p>\n
Then chose menu Select > Modify > Contract : 2px, fill selection area with color #5e5e5e. Create new layer then change layer name as “top-shadow”.<\/p>\n
Go to Menu Filter > Blur > Gaussian Blur. Give it about 2px.<\/p>\n
Let’s change blending option of top-shadow layer to Screen.<\/p>\n
Press [CTRL+Click] again on base path to make a selection area, create new layer called as “top-line”. Chose menu Select > Modify > Contract : 2px. Fill selection area with color #ffffff.<\/p>\n
Still on selection area, now move selection area to down side, it’s about 2px. Then hit [DELETE] button. You will see a line at top side of base path. Give it Gaussian Blur about 2px.<\/p>\n
Now duplicate your base path as screen layer, don’t forget to change screen shapping color to #ffffff.<\/p>\n
Activate Direct Selection Tool. We wil make screen path smaller than base path.<\/p>\n
Use Direct Selection Tool to select all anchor point at the bottom side if screen path. Then move it to top side. Like showed on this screenshoot:<\/p>\n
Select another anchor point and move it to inside.<\/p>\n
Ouke, now delete two anchor point that located on top side and bottom side of screen path. Use Delete Anchor Point Tool to delete it.<\/p>\n
Repeat Step 4 to create bottom-shadow of base path<\/p>\n
Now press [CTRL+Click] again on base path, then chose Selection > Contract 2px. Fill selection area with color #ffffff.<\/p>\n
Chose Selection > Contract again, and give 1px. Hit [DELETE] button. You will see stroke line inside of base path.<\/p>\n
Chose Filter > Blur > Gaussian Blur 2px. Change blending option of layer as screen.<\/p>\n
Untill this step, let’s review your design. Hmm…. not so bad \ud83d\ude42 but to make better screen, add some layer style for screen layer.<\/p>\n
Nice ! \ud83d\ude42<\/p>\n
Then add a glossy effect for screen using transparent gradient.<\/p>\n
Ouke! let’s illustrate a transparent glasses at the bottom of base and screen layer.<\/p>\n
You may duplicate base path, and make it looks likely this screenshoot:<\/p>\n
I give name of this path as “bottom-glasses”. Now duplicate bottom-glasses and move it to top about 5px<\/p>\n
I use gaussian blur to create blue light at the bottom of base path<\/p>\n
Create a text for “SyncMaster 933SN” then add stroke layer style for 1px with color #000000.<\/p>\n
To make a little bit of shiny effect. I create a star using 1px vertical and horizontal selection or you may use brush tool.<\/p>\n
Add a text for “S MSUNG”. Note: I use “V” text and transform vertical it to get the real SAMSUNG text<\/p>\n
Take look this screen shoot.<\/p>\n
We will create elipse to complete our monitor \ud83d\ude42<\/p>\n
Use Elipse Tool then grab it with color #1a1a1a<\/p>\n
Change layer name as “bottom-elipse”<\/p>\n
Repeat Step 4 to create shadow<\/p>\n
Duplicate bottom-elipse, move it to down side about 15px<\/p>\n
Look at left and right side of elipse, looks likely not perfect. So, use poligon lasso tool, to make it perfect.<\/p>\n
Good ! looks likely perfect!<\/p>\n
Create once again for elipse at center of bottom-elipse. Then add rounded rectangle between bottom-elipse and bottom-glasses.<\/p>\n
Good job ! now you has finished to illustrate Samsung Monitor – SyncMaster 933SN Series.<\/p>\n
You may add you desktop screenshoot into screen. Take look this one!<\/p>\n
And add reflection effect to make it cool illustration<\/p>\n
Thank for read my tutorial.<\/span><\/p>\n