1stwebdesigner

Posted by | Posted on 18:15

1stwebdesigner


Quick Photoshop Tutorial: Create A HD Television Icon

Posted: 06 Apr 2010 02:20 PM PDT

Hello and welcome to another Adobe Photoshop tutorial, today we are going to create a HD Television.  I don’t think this tutorial and creation will be too difficult for you because I’ve put everything in easy to follow steps and tried to explain the best I could.If you have basic knowledge about Photoshop you should be able to easily keep up and let me guide you through this tutorial! Let’s get our hands dirty!

Step 1 – Background

Let's start by creating the background.

Create  a new document ( CTRL+N) and make it  500 by 500 px.

Create  a new layer(CTRL+SHIFT+N), fill it with random color and then add a Gradient Overlay like in the screenshot below:

Gradient overlay:

  • f6f7f7
  • b7b9c5
  • f6f7f7

Step 2 – Body

Create a new layer.

Select the rectangle tool and make a shape with it to be something similar like screenshot below (the color doesn’t matter now).

Press  ”Ctrl + T” or go to Edit>>Free Transform Path to select the transform mode.

A button will appear to switch the transform mode to wrap mode.

Click on it:

Now your selection  should have been changed a little bit:

Click hold and drag point 1 to the 2, try to follow screenshots very closely now:

Do the same with the other point:

Once you have done, Hit the Enter button and you should have got something similar to Television screen shape:

Great! Now let’s add these Blending Options:

  • Inner Glow

  • Gradient Overlay:
  • 1b1b1d
  • 9lle36

Done? You should get something like this now:

Step 3 – The Display

Create a new layer.

Select your Rectangle Tool (U) again, set it to 2px and create another rectangle  like below:

..and add following Blending Options now:

  • Bevel And Emboss

  • Color Overlay (#161618)

  • Stroke (#323232)

Step 4- The Glass

Create a new layer.

Create a new rectangle but just a little bit bigger than the first one. Make sure it is set to 2px.

..and set it below the first and the second layer. So it should appear like this to get some more 3D in depth look:

Do the same settings as we’ve been done in previous Step 2 :

After modifying hit Enter or click OK to approve it:

Now add  Blending Options (for the first picture you only need to set the Fill Opacity to 0%):

  • General blending – Fill Opacity :0%

  • Inner Glow

Your outcome should look like this now:

Step 5 – Stem

Okay, now we need stem where monitor will sit on. Let’s do it!

Create a new layer and create something like the selection below using your tool preferred. I used the Polygonal Lasso Tool (L) here:

Fill it and add following Blending Options:

  • Gradient Overlay:
  • 454545
  • ffffff
  • 454545

Let’s create a new layer again and make a selection like screenshot below:

(you can do it by ctrl+click on previous layer and then with lasso tool select selection from previous layer selection)

And add these Blending options now:

  • Inner Shadow

>

  • Bevel And Emboss

  • Gradient Overlay:
  • lalala
  • 858282
  • lalala

Your result should look like mine:

Merge 2 stem layers together now.

Step 6 – The Stand

Okay, let’s create stand now!

Create a new layer and draw a rectangle like screenshot below:

Go to Edit, Transform Path>>Perspective.

Now select the square above the left corner and drag it a little bit to right to create something like screenshot below. When you are finished set it to lie below the stem layer.

When you are done add following Blending Options:

  • Inner Shadow

  • Bevel and Emboss

  • Color Overlay (just something not so black..make it dark grey)

Step 7 – Reflection

Duplicate the Stem layer, then  go to Edit>Transform>Flip vertical and set it below the original stem.

Now create a new layer and brush with a white color on the stand.

Now erase the parts you don’t need anymore (like the picture below)  and bring the Opacity down until it looks realistic:

Step 8 – Glow

Create a new layer and create a selection like this with your Polygonal Lasso Tool (L):

Fill it with white color (or use subtle gradient if you prefer it that way):

Now just bring the opacity down a little bit as you like to get realistic effect.

Create a new layer and brush with a black color on the left side like I did to give it more 3D look.

I will not go in detail in those small steps,but small tips to finish:

  • Create buttons - to do it create a new layer and add some light gray circle with your brush tool like i did and just enable the inner shadow in the Blending Options.
  • Add Text – add some text there to make your own LCD brand,just don’t forget to add your text the buttons and the gray line below your text.

You should have your own LCD TV now! Great!

Is it not easy? Add now some cool looking image, portfolio work and put it on your webdesign, be creative!

You can download the Photoshop files here.

94 Interviews With 39 Designers, Developers And Bloggers

Posted: 06 Apr 2010 02:00 AM PDT

Preview-interviews-with-web-designers-developers-popularHave you ever wondered about secrets of becoming succesful on design world? Interviews with your fuglemans will show you a little part of each of their success story and help you understand their successes.

Maybe you'll be able to learn from their mistakes and adapt your work and aspect?  Be sure to read some of these interviews to gain some guidelines in design world. I’ve learn a lot from those interviews and such inspiration helps me as well in daily development stage!

1. Magnus Jepson of WooThemes

Magnus Jepson is a co-founder of WooThemes, a brilliant designer whose distinct style have become immensely popular. His design skills have helped push the aesthetics and functionality of WordPress themes to a whole new level.

Magnus-jepson-of-woo-themes-popular-designer-developer-interviews

2. David Airey of LogoDesignLove

David Airey is an internationally respected logo designer and creative. He blogs, designs, and has recently authored his very own Logo Design Love book.

David-airey-of-logo-design-love-popular-designer-developer-interviews

David-airey-of-logo-design-2-love-popular-designer-developer-interviews

David-airey-of-logo-design-3-love-popular-designer-developer-interviews

David-airey-of-logo-design-4-love-popular-designer-developer-interviews

David-airey-of-logo-design-5-love-popular-designer-developer-interviews

3. Chris Spooner of Spoon Graphics

Chris Spooner is a talented young blogger, designer, and developer for Spoon Graphics and Line 25. His articles have made a lasting impact on the design community – from informative tutorials to inspirational showcases.

Chris-spooner-of-spoon-graphics-popular-designer-developer-interviews

Chris-spooner-of-spoon-graphics-2-popular-designer-developer-interviews

Chris-spooner-of-spoon-graphics-3-popular-designer-developer-interviews

Chris-spooner-of-spoon-graphics-4-popular-designer-developer-interviews

Chris-spooner-of-spoon-graphics-5-popular-designer-developer-interviews

4. Henry Jones of WebDesignLedger

Henry Jones is a freelance designer and blogger. He runs WebDesignLedger.

Henry-jones-of-web-design-ledger-popular-designer-developer-interviews

Henry-jones-of-web-design-ledger-2-popular-designer-developer-interviews

5. Nick Roach of Elegant Themes

Nick Roach is the creator and owner of Elegant Themes, a top-notch premium WordPress theme provider. His company has grown at an incredible speed since its founding, and captures a wide niche of the WordPress themes marketplace. Nick's designs are clean, elegant, simple, and aesthetic.

Nick-roach-of-elegant-themes-popular-designer-developer-interviews

Nick-roach-of-elegant-themes-2-popular-designer-developer-interviews

6. Jacob Cass of Just Creative Design

Jacob Cass is an incredibly talented logo designer and blogger under the name Just Creative Design. He has worked with clients from around the world and has recently moved to New York City to work with Carrot Creative.

Jacob-cass-of-just-creative-design-popular-designer-developer-interviews

Jacob-cass-of-just-creative-design-2-popular-designer-developer-interviews

Jacob-cass-of-just-creative-design-3-popular-designer-developer-interviews

Jacob-cass-of-just-creative-design-4-popular-designer-developer-interviews

Jacob-cass-of-just-creative-design-5-popular-designer-developer-interviews

7. Fabio Sasso of Abduzeedo

Fabio Sasso is a designer, blogger, and Photoshp guru. He runs the insanely popular design community, Abduzeedo. He has written dozens of Photoshop tutorials that have been widely received by the design niche. His skills and style have helped push the world of design to the next level.

Fabio-sasso-of-abduzeedo-popular-designer-developer-interviews

Fabio-sasso-of-abduzeedo-2-popular-designer-developer-interviews

Fabio-sasso-of-abduzeedo-3-popular-designer-developer-interviews

Fabio-sasso-of-abduzeedo-4-popular-designer-developer-interviews

Fabio-sasso-of-abduzeedo-5-popular-designer-developer-interviews

8.David Appleyard of Design Shack, Mac.appstorm and Photo.tutsplus

David Appleyard is a blogger for several large websites including Design Shack – one of the first and greatest CSS galleries on the web – and several Envato websites, including AppStorm and PhotoTuts. In this interview, David shares his insight on design, inspiration, and time management.

David-appleyard-of-design-shack-mac-appstorm-photo-tutsplus-popular-designer-developer-interviews

David-appleyard-of-design-shack-mac-appstorm-photo-tutsplus-2-popular-designer-developer-interviews

9. Jacob Gube of SixRevisions

Jacob Gube (pronounced goob-eh) is a web designer and manager of Six Revisions, one of the largest online web design and development blogs on the internet. SixRevisions has published over 450 articles from over 30 contributors, making it an incredibly useful source of tutorials, guides, tips, and tricks. Jacob has been working online for over 8 years and his experience and expertise speak loudly in his articles.

Jacob-gube-of-six-revisions-popular-designer-developer-interviews

Jacob-gube-of-six-revisions-2-popular-designer-developer-interviews

Jacob-gube-of-six-revisions-3-popular-designer-developer-interviews

Jacob-gube-of-six-revisions-4-popular-designer-developer-interviews

Jacob-gube-of-six-revisions-5-popular-designer-developer-interviews

10. Vitaly Friedman and Sven Lennartz of SmashingMagazine

The Smashing Magazine is an online magazine dedicated to designers and web-developers. Its main purpose is to deliver high quality content related to web design regularly. It is maintained by Vitaly Friedman, a freelancing web-developer and Sven Lennartz, the chief-editor of the German web design magazine Dr. Web.

Vitaly-friedman-sven-lennartz-of-smashing-magazine-popular-designer-developer-interviews

Vitaly-friedman-sven-lennartz-of-smashing-magazine-2-popular-designer-developer-interviews

11. Collis and Cyan Ta'eed of Envato

Collis and Cyan founded Envato in 2006. Now Envato runs over 15 tutorial sites, blogs and marketplaces. Envato is one of the largest design related companies.

Collis-cyna-taeed-of-envato-popular-designer-developer-interviews

Collis-cyna-taeed-of-envato-2-popular-designer-developer-interviews

Collis-cyna-taeed-of-envato-3-popular-designer-developer-interviews

Collis-cyna-taeed-of-envato-4-popular-designer-developer-interviews

Collis-cyna-taeed-of-envato-5-popular-designer-developer-interviews

12. David Leggett of Tutorial9

David Leggett, the creative mind behind Tutorial9 and the upcoming BetterBlogger.net. David was recently named by Retire at 21 as one of the web's top young bloggers – 21 and under. An amazing achievement like this deserves some recognition

David-legget-of-tutorial9-popular-designer-developer-interviews

David-legget-of-tutorial9-2-popular-designer-developer-interviews

David-legget-of-tutorial9-3-popular-designer-developer-interviews

David-legget-of-tutorial9-4-popular-designer-developer-interviews

David-legget-of-tutorial9-5-popular-designer-developer-interviews

13. Chris Coyier of CSS Tricks

Many of us here at Net.tuts are big fans of Chris Coyier and his work on CSS-Tricks.com. Throughout the years Chris has published many tutorials, websites, and scripts to help designers and developers improve their skills. At this interview, we will sit down with the man behind these articles, and chat with him about CSS, design, and life in the town of Portland.

Chris-coyier-of-css-tricks-popular-designer-developer-interviews

Chris-coyier-of-css-tricks-2-popular-designer-developer-interviews

Chris-coyier-of-css-tricks-3-popular-designer-developer-interviews

Chris-coyier-of-css-tricks-4-popular-designer-developer-interviews

Chris-coyier-of-css-tricks-5-popular-designer-developer-interviews

14. Dion Almaer of Ajaxian

Dion Almaer, a British expat living in Silicon Valley, tries to build user experiences that developers care about at Mozilla in a role that allows him to think about making life easier for Open Web developers.

Dion-almaer-of-ajaxian-popular-designer-developer-interviews

15. Vlad Gerasimov of Vladstudio

Digital artist, Vlad Gerasimov, who is from Irkutsk, Russia. He runs Vladstudio which specializes in creating wallpapers for computers and mobile devices.
In this interview, Vlad shares with us his humble beginnings as a designer and how he got started with creating wallpapers as full-time self-employment. He also shares his ideas, inspirations, and future plans. Vlad has a unique style of illustration, with simple lines and shapes. His work has great themes, which promises to win the hearts of viewers and make them happy!

Vlad-gerasimov-of-vladstudio-popular-designer-developer-interviews

Vlad-gerasimov-of-vladstudio-2-popular-designer-developer-interviews

16. David Walsh of David Walsh Blog

David Walsh  is a well-known, twenty-six year old, web developer in the community. In addition to his blog, he contributed to the creation of Script and Style, and is a core team member for the Mootools framework. Today, we'll talk with him about his day-to-day workflow, JavaScript, and web development in general.

David-walsh-of-blog-popular-designer-developer-interviews

17. Inside the Mind of ThemeForest's Top Selling Author

Kriesi is ThemeForest's top selling author; he, last month, broke the record of most sales in a single month, across all of the Envato marketplaces! It's even more shocking when we consider the fact that he's only 27 years old! In this interview, we'll dive into his work process, and hopefully steal some tips and inspiration!

Kriesi-of-themeforest-popular-designer-developer-interviews

18. Maksim Loginov and Vladmir Loginov of Hand Made Font

Straight from Estonia, the guys from HandMadeFont give as all access to their studio and tell us a lot of special details about their incredibly typography and font work done by hand.

Maksim-loginov-vladmir-loginov-hand-made-fonts-popular-designer-developer-interviews

19. Mark Zuckerberg of Facebook

Mark Zuckerberg, is an American computer programmer and entrepreneur. As a Harvard student, he created the online social website Facebook with fellow computer science major students and his roommates. Facebook is a social networking site popular worldwide. Zuckerberg serves as Facebook's CEO. Time Magazine added Zuckerberg as one of The World's Most Influential People of 2008. Zuckerberg fell under the Scientists & Thinkers category for his web phenomenon, Facebook, and ranked 52 out of 101 people

Mark-zuckerberg-of-facebook-popular-designer-developer-interviews

Mark-zuckerberg-of-facebook-2-popular-designer-developer-interviews

Mark-zuckerberg-of-facebook-3-popular-designer-developer-interviews

20. Michael Martin of Pro Blog Design

Michael Martin is a blogger and designer at Pro Blog Design. He has had a large influence on the design community with his in-depth and incredibly useful articles on his blog.

Michaerl-martinof-pro-blog-design-designer-developer-interviews

Michael-martin-of-pro-blog-design-2-designer-developer-interviews

21. Six Questions: Eric Meyer on CSS3

Eric A. Meyer knows a thing or two about standards-based CSS and HTML development. He's a distinguished expert on CSS and HTML, an author of numerous books on CSS, co-founder of An Event Apart, a coveted guest speaker, a member of the A List Apart crew, and  founder of Complex Spiral Consulting

Eric-meyer-of-css-html-popular-designer-developer-interviews

22. Martin LeBlanc Eigtved of IconFinder

An interview with Martin Leblanc the creative genius behind Icon Finder, An amazing interview where Martins shares why he set up icon finder, future plans for the site and his marketing strategy for promoting Icon Finder.

Martin-leblanc-eigtved-of-icon-finder-popular-designer-developer-interviews

Martin-leblanc-eigtved-of-icon-finder-2-popular-designer-developer-interviews

23. Interview with Professional Freelance Web Designer Shay Howe

In this interview with Shay, discussing the ups and downs of living the freelancing life, some great tips for those interested in becoming a freelance designer, plus a whole lot more! Avid readers of FreelanceSwitch will recognize where Shay is coming from, and anyone interested in the freelancing or work-from-home profession should absolutely give this interview a read!

Professional-freelance-web-shay-howe-popular-designer-developer-interviews

24. Interview with Little Box of Ideas Design Blog

Little Box of Ideas boasts a great blog with tons of resources  for the design  community. To anyone interested in getting the inside scoop on this fantastic design inspiration blog.

Little-box-of-ideas-popular-designer-developer-interviews

25. Jad Limcaco of DesignInformer

Jad Limcaco is the man behind DesignInformer. Besides blogging he's also a freelancer.

Jad-limcaso-of-design-informer-popular-designer-developer-interviews

Jad-limcaso-of-design-informer-2-popular-designer-developer-interviews

26. Bruce Livingstone of iStockphoto

Bruce is the founder of iStockphoto, the world's biggest FREE image and stock website on the Internet. Back in 2006 Bruce sold iStockphoto for $50 million to Getty Images and has since stayed on as the CEO and in this interview he shares his top tips and lets us know how he has built up iStockphoto to such a high level.

Bruce-livingstone-of-istockphoto-popular-designer-developer-interviews

Bruce-livingstone-of-istockphoto-2-popular-designer-developer-interviews

27. Nate Whitehill of UniqueBlogDesigns

Nate is a mid-twenties Internet nerd, business owner, blog designer and race car fan. He work sfor a company he co-founded, Unique Blog Designs (UBD). He has been living the Internet lifestyle for almost well over two years and it has been exciting, to say the least.

Nate-whitehill-of-unique-blog-design-popular-designer-developer-interviews

Nate-whitehill-of-unique-blog-design-2-popular-designer-developer-interviews

Nate-whitehill-of-unique-blog-design-3-popular-designer-developer-interviews

28. Liam McKay of Function

Liam McKay is the founder of Function, icon and wordpress theme creator.

Liam-mckay-of-function-popular-designer-developer-interviews

Liam-mckay-of-function-2-popular-designer-developer-interviews

Liam-mckay-of-function-3-popular-designer-developer-interviews

Liam-mckay-of-function-4-popular-designer-developer-interviews

29. Mark Harbottle of 99designs

Mark Harbottle is a co-founder of sitepoint.com, and founder of the recently launched 99designs.com.

Mark-harbottle-of-99designs-popular-designer-developer-interviews

Mark-harbottle-of-99designs-2-popular-designer-developer-interviews

30. Jon Phillips of Syprestudios

Jon Phillips is a freelance web designer and is a well known figure in the online community as the guy behind top design related sites Spyre Studios, Freelance Folder and Design Newz.

Jon-phillips-of-spyrestudios-freelance-folder-design-newz-popular-designer-developer-interviews

31. Interface Designer Sam Brown

Sam Brown is a freelance Interface Designer from Scotland, who under the business name of Massive Blue creates a range of high quality websites, combining detailed design and top class code. Sam is also the guy behind such sites as Posh CSS, and the upcoming Remindness.

Sam-brown-popular-designer-developer-interviews

Sam-brown-2-popular-designer-developer-interviews

32. Daniel Weinand of Shopify

Born and raised in Germany, Daniel decided to study computer science and music at the University of Dortmund. He discovered a new joy in programming after encountering Ruby. Daniel is the VP of Design in Shopify.

Daniel-weinand-of-shopify-popular-designer-developer-interviews

33. Elliot Jay Stocks

Elliot Jay Stocks is a web designer, developer, author, speaker, and musician from Bristol, England. His designs are fresh, innovative, and inspiring. Elliot has spoken at several design conferences around the world, written his own book, and writes music in his spare time. Elliot is an incredibly creative person, and this interview will offer insight to his methods and design strategies.

Elliot-jay-stocks-popular-designer-developer-interviews

Elliot-jay-stocks-2-popular-designer-developer-interviews

Elliot-jay-stocks-3-popular-designer-developer-interviews

Elliot-jay-stocks-4-popular-designer-developer-interviews

34. Danny Outlaw of OutlawDesignBlog

Danny is one of the raddest creatives this side of the Mason Dixon line. He has freelanced from all over the world, but most recently lived in Costa Rica.

Danny-outlaw-of-design-blog-popular-designer-developer-interviews

Danny-outlaw-of-design-blog-2-popular-designer-developer-interviews

Danny-outlaw-of-design-blog-3-popular-designer-developer-interviews

35. Andrew Egenes of DesignFloat.com

Andrew started DesignFloat 2 years ago. In this interview Andrew talks about his experience with creating a successful niche social media site.

Andrew-egenes-of-designfloat-popular-designer-developer-interviews

36. Andy Budd

Andy Budd is a user experience designer and partner at Clearleft. He runs the dConstruct and UX London conferences, created the Silverback usability testing application and wrote the book, CSS Mastery.

Andy-budd-popular-designer-developer-interviews

37. Adii Rockstar of Woothemes

Adii Rockstar (born Adriaan Pienaar) is an entrepreneur, the co-founder of the very successful online startup WooThemes and a general creator of Rockstar Awesomeness.

Adii-rockstar-of-woothemes-popular-designer-developer-interviews

38. An Interview With The Best Design Blogs To look Out For In 2010

This is a great article which features an interview with 12 web/design blogs which were started up in 2009 and are essential design blogs to look out for in 2010.

Interview-with-best-design-blogs-to-look-out-for-in-2010-popular-designer-developer-interviews

39. Group Interview of WordPress Theme Sellers

In this interview you have some top wordpress theme sellers. For anyone who has considered selling themes or templates, I think you will find a wealth of information from this experienced panel. If you've ever bought a WordPress theme or have wondered what it's like to run a business selling themes, I think you'll find some helpful info here as well.

Group-interview-of-wordpress-theme- sellers-popular-designer-developer-interviews

Comments (0)

Post a Comment