Techdoom Reports A New Dimension Media 2012-01-06T23:42:35Z http://www.techdoom.de/feed/atom/ WordPress admin <![CDATA[40 Quality Photoshop UI Design Tutorials]]> http://www.techdoom.de/?p=3820 2011-12-01T08:06:11Z 2011-12-01T07:11:23Z

This time I don’t have so much to comment, more then what the Authors of this Article already did.
I found on “PSD Tuts+“, an amazing list of UI Design Tutz that’s simply rock, and have to say just the same word:
Enjoy!

Want to improve your interface design skills? If so, then check out this group of Photoshop tutorials. There are loads of tuts here to get started with basic elements and work your way up to full interface designs, which integrate numerous custom elements. If you’re looking to get started with Photoshop UI design or build these skills, then jump into these tutorials right now!


How to Make a Menu Interface for a Fantasy Themed iPhone Game




Creating a Knob in Photoshop

original source here

]]> 2 admin <![CDATA[Exporting From Photoshop]]> http://www.techdoom.de/?p=3830 2011-12-01T07:02:49Z 2011-12-01T07:02:16Z



Hello there, this time I have a nice Post from the best Site all over the world “Smashing Magazine“, that’s will made some concepts clear for your and your workflow with Photoshop.
Enjoy!

Congratulations. You’ve just completed a pixel-perfect mock-up of an app, and you’ve gotten the nod from everyone on the team. All that’s left to do is save the tens, hundreds or maybe even thousands of production assets required to bring it to life.

It’s probably the least interesting part of designing software, usually entailing hours of grinding. Saving images to multiple scales — as required by iOS and other platforms — adds complication to the process. But there are ways to streamline or automate the exporting process.

[Editor's note: A must-have for professional Web designers and developers: The Printed Smashing Books Bundle is full of practical insight for your daily work. Get the bundle right away!]

Copy Merged




Cutting up a design with the “Copy Merged” feature is fairly easy: ensure that the layers are shown or hidden as needed; draw a Marquee selection around the element; choose Edit → Copy Merged, and then File → New; hit Return; and then “Paste.” The result is a new document with your item isolated, trimmed to the absolute smallest size possible.
From here, all you need to do is save the image using “Save As” or “Save for Web & Devices.”

Rinse and repeat for every image needed for the app or website. The technique is simple and quick, but repetitive; and if you ever need to export the images again, you’ll have to start from scratch.

This seems to be the most common method and, for some designers, the only method, which is a shame, because better techniques exist.

You could create an action that triggers the “Copy Merged,” “New,” “Paste” process — a small time-saver, but ultimately not much of an improvement to the workflow.

original source here

]]> 0 admin <![CDATA[20 Free Online Tools for Website Speed Testing]]> http://www.techdoom.de/?p=3800 2011-11-22T16:28:08Z 2011-11-22T16:28:08Z


Hello Folks, after a while I’m here again with another bunch of good stuff that I’ve found around the web.
First I would like to post a really interesting article from “Six Revisions”, about some really cool tools that will help you to increase your Website Speed Testing.
Enjoy!!!

We all should be aware by now that Internet users are impatient when it comes to waiting for a web page to load. Thus, your website’s performance and ability to render speedily is critical to its usability and, ultimately, its success.

In order to help you build faster websites and identify troublesome website performance bottlenecks, consider incorporating some of the following tools into your web development process.

Tip: It might be a good idea to use several of these website speed-testing tools so that you can obtain a better picture of site speed issues. Heck, they’re free, so why not?



Google’s Page Speed Online — which is a web-based adaptation of the popular Google Chrome web development browser extension, Page Speed — analyzes your website’s performance under Google’s Web Performance Best Practices (a set of rules for optimal front-end performance). You can gain lots of information from this handy web tool – it even includes a report for mobile device best practices for optimal performance.



This interesting tool pits two websites against each other in terms of loading time; for example, you can find out if Google loads faster than Bing does by using this tool. This can be a simple tool for comparing whether your website performs better or worse than competing sites. This open source tool (view the source on GitHub) was originally created to promote the importance of web performance


OctaGate SiteTimer is a rather straightforward online tool: you plug in the URL you want to test and, in turn, it will output a bar graph featuring all web page objects containing information such as download start times, end times and duration for each. This tool is beneficial for quickly discovering slow-loading page objects so that you can optimize them to improve website speed.

original source here

]]> 0 admin <![CDATA[Creating a Futuristic Workspace for a Beautiful Girl]]> http://www.techdoom.de/?p=3789 2011-08-25T21:24:30Z 2011-08-25T21:24:30Z



Hello there,
recently I found a Tutorials on a fantastic blog that you know for sure called “10Steps“, and I think to post it here, because it simply but it produce a gorgeous effect.
Enjoy!

This tutorial will show how to define brush presets, using smart objects and also other simple techniques to create a futuristic workspace of a cute-looking business woman.

Create a document with 1000×700 pixels. Fill the background with a gradient as shown below. The gradient starts with #000000 at the top left and #245574 at bottom right.




Create a new layer and rename it as “Spotlights”. Using the Brush tool with Soft Rounded edge and 600px, paint two white large dots as shown below. Set the Blend Mode of “Spotlights” layer to Overlay.



Download “Young beautiful businesswoman making choose on abstract screen” from ShutterStock. Crop the girl out of her background using one of the extraction methods here.


original source here

]]> 1 admin <![CDATA[Over 3500 free stock images to download]]> http://www.techdoom.de/?p=3775 2011-08-25T21:12:02Z 2011-08-25T21:12:02Z


Hello there,
here for you another amazing link with huge numbers of Photos for your projects,another freebies for you from PSDVIBE.
Enjoy!

There are legions of stock images websites on the web. Some are paid stock images, some are free but boring (You have to register, etc) and some are 100% free. You just have to go to the website, select a few images, and download it. That’s simple as that.

In my opinion, that’s how all free stock images websites should be. As an example of this, let’s talk about a website I recently discover, named FreePixels.com.

Freepixels is very simple to use: Just go on their site and search for stock images. If you don’t need to find something specific, you can also browse the site to see what images can be used in your designs.
All freepixels.com images are categorized, which makes things a lot easier when you have to browse. I browsed a few categories while writing this post, and I must admit that I spent a long time on the site, browsing, watching images, thinking about how I can use them…

That’s a good point, but now we must talk about the licence. Licencing is a common problem to every creative person: “Can I use this icon? “Is that image CC licenced?” I have heard theses questions a lot of time. Even worse, on one of my first PsdVibe tutorials, I had to remove an icon I’ve used from the tutorial and all screenshots because the icon’s licence didn’t allowed me to do that.
On FreePixels, you don’t have to worry: All images from the site can be used both personally and profesionnally. That means, you can use them to illustrate blog posts, but you can also feature some of their image on a client’s website.






original source here

]]> 0 admin <![CDATA[Quality vs quantity from David Airey]]> http://www.techdoom.de/?p=3758 2011-06-29T09:04:11Z 2011-06-29T09:04:11Z



Hello there,
I thought that this old Post of an awesome Designer likeDavid Airey, could help you to understand some lines about a regular scheduled Design workflow.
Enjoy!

About David

David Airey, is a graphic designer and design author. He creates distinctive, emotive, memorable, and dynamic brand identities for ethical companies of all sizes. His client-list includes the Yellow Pages (Canada), Giacom (England), Asian Development Bank (Philippines), and Berthier Associates (Japan).




His business is successful because he makes it less about himself, and more about his clients; about the direction their companies are heading and about the success they will achieve. Not only does the brand identities he design ensure his clients stand-out, they also provide visual expressions that stand the test of time, enabling clients to engage and connect with their own customers more effectively than ever before.

more about David here

I’d make a lot more money if I accepted every project on the table.

But there’d be consequences:

Each project would get less of my attention
The quality of my work would suffer
Client-satisfaction would decrease
I’d receive less future offers of work

original source here

]]> 0 admin <![CDATA[Create an iCloud Aluminium Icon in Photoshop]]> http://www.techdoom.de/?p=3748 2011-06-10T16:06:09Z 2011-06-10T16:06:09Z



In Apple’s recent iCloud and iOS5 keynote, a vast array of brushed aluminium style icons were used. In this tutorial we learn how to create an incredible iCloud style aluminium icon in just a few minutes.

It’s been a real rush to launch this episode (these video tutorials aren’t quick to make!) but I’m very excited to be able to offer the first full tutorial for creating these icons with a freshly pioneered method. You saw it here on PhotoGuides first!

Better still, the tutorial is versatile enough to allow you to create these aluminium icons with any logo or text embedded, and you’ll hopefully be able to adapt the brushed aluminium methods for use in other images.



original tutorial here

]]> 0 admin <![CDATA[Good Vibrations : “MADE” maker tadiROCK]]> http://www.techdoom.de/?p=3732 2011-05-19T08:52:01Z 2011-05-19T08:38:52Z


Hello there,
just a few days ago I’d become the results of the Range Rover Evoque Design Award, where I partecipated with some Visual Keys, here search for goozer71 if you want to take a look and, the Jury members are amazing guys, with a lot of experience and beautiful skills, and I would just thank all the people who voted for me, and at the same time, the Jury, for their ranking and knowledge.
One of the Jury members, is for my opinion, a really amazing Artist, and when I saw her works and Site, I did understand that this way is the best way to be yourself, and to show off your capabilities and ideas all over the world, without fear of shame, because more important of all is always to be yourself and keep your creativity free to expand and to be reached.
That’s the point that made me write a Post about TadiRock and her extraordinary talent to create gorgeous pieces of Art on our modern and overhelmed world.
She’s the maker of MADE, the Department of Free Thinking, and all about “Creativity” is inside this place.
You have to visit this Place if you’re searching for new inspirational ways.
Let’s take a look and I hope you’ll enjoy it!

TadiROCK


THE BEAUTIFUL REVOLUTION

tadiROCK is artist, motor and muse. Her motivation is metamorphosis.



With materials like rhinestones, Swarovski crystals, glitter, lacquer, feathers and beat gold, tadiROCK makes the surface of things shine in a way, that their depth of sharpness becomes perceptible. Photographs, paintings, portraits and everyday objects turn into unique items and works of art with a completely new [mean]ing.

tadiROCK raises the beautiful revolution from the outside.

tadiROCK was born two years ago, [real]izing that the yearning for the »freedom to be how I am« burned more blazingly each day. She doesn’t deny the aseptic highlights of the media and music business from her former life, but instead refracts them through reality and by that risks infection. »tadiROCK is mine«, she grins – and rather contaminates the whole world with herself, than to surrender silently.


tadiROCK Site and Blog

]]> 0 admin <![CDATA[Create an Incredible Story Coming Alive]]> http://www.techdoom.de/?p=3719 2011-05-09T21:17:32Z 2011-05-09T21:16:18Z




This Tutorial from the Site “creative fan” is simply gorgeous, and show you how many ways you can choose to create some Fantastic Worlds and Ideas, just with some clicks of your mouse.
Take a look inside and Enjoy it!



A great technique for creating motion, mood and action in an artwork is to give the sense of a story coming to life. Although used frequently in film and books, this technique also can be applied to digital art, by using an object such as a book, painting, photograph or drawing as the focal point, and then having the composition seem to spring to life from it.

In this fantasy photomanipulation tutorial, you’ll learn how to start with just a few stock images and quickly build up an incredible story-based artwork. You’ll see how to manipulate images, add effects and build an amazing artwork in this Photoshop photomanipulation tutorial.

Let’s get started!

Tools used:

Photoshop CS
Various Stock images

Final Image Preview



Step 1: Stock/scene setup and tentacle orientation

Ok to start off with we will need our base stock, the stock that everything else when be put into and that we will build upon. I choose the below stock image from Shutterstock but you can use whatever you like. The main thing to keep in mind is that you need to get something you like and that is of a decent size, mine for instance is 2000*3000.

So now we need to grab our tentacle stocks and isolate them out. I obtained my two tentacles from Shutterstock but you can get them else where or use something entirely different, in the end its going to be your piece after all!



original source here

]]> 0 admin <![CDATA[Creating a Space-Helmeted Future Retro Illustration]]> http://www.techdoom.de/?p=3712 2011-05-09T20:58:05Z 2011-05-09T20:58:05Z


Hello there,
this time there’s an awesome Tutorial on how to create a future Retro Illustration, from the magic Site PSDTuts+, you have to take a look on it, and maybe to become member too, because there’s tons of stuff like this on PSDTuts+, take a try.
Enjoy!

I don’t know about you guys but I’m loving the work of Electrik Suicide and Sakke Soini at the moment. I’m going to call it Future Retro for the sake of this tutorial. I employed my take on the style in pitching a poster and overall look for a night at a local club. This tutorial goes over the meat and potatoes of it’s creation!

Final Image Preview
Take a look at the image we’ll be creating in this tutorial targeted at intermediate Photoshop users. Want access to the full PSD files and downloadable copies of every tutorial, including this one? Join Psd Plus for just $9/month. You can view the final image preview below or a larger version here.


original source here

]]> 0