Resourceful Bookmarks: Web Roundup – June 2010

Resourceful Bookmarks: Web Roundup – June 2010

June is over and it has happened a lot of interesting stuff on the web. For example, Apple had their annual WWDC conference, where they unveiled the new iPhone with its sleek design! Maybe you want to create an iPhone in Illustrator? Try these tutorials to keep your creativity going.


Photoshop Tutorials

Here we have listed the latest Photoshop tutorials which appeared in the month June. We have selected the guides / articles that we feel are instructive for anyone who is both a beginner or more advanced level.


Recreate the Epic 80’s Metal Text Effect in Photoshop

It’s funny how trends reappear through the years. The bright and shiny chrome text effect could be found everywhere in the 80s, then it disappeared altogether when people realised how hideous and gaudy it was. Recently though, this text styling seems to be making a comeback in the world of digital art as the 80s generation are implementing inspirations from their childhood into their designs and artworks. Follow this tutorial to recreate the epic metal text effect for yourself, making use of modern day digital design techniques in Photoshop.


How to Create a Photo Realistic Camera

Photoshop is a great tool to work with both vector and pixel shapes. In this tutorial we will demonstrate a powerful combination of vector shapes, layer styles, and manual drawing to create a photorealistic camera. So realistic you’ll think it’s just an ordinary photo.


Create a Cosmic Love Goddess With Photoshop CS5

Photoshop CS5 includes several new features to help improve your workflow. In today’s tutorial we will demonstrate how to create a cosmic love goddess using some of Photoshop CS5′s new tools including the Refine Edge Feature which really helps to streamline the process of masking and removing objects from their background.


Design a Multimedia Website Layout in Photoshop

First impressions do count! Stunning our viewers with a visually compelling portfolio is one of the most important things that a designer can do to court a new client. Today we will demonstrate how to use photos, brushes, and textures, and 3D objects to design a creative multimedia website layout in Photoshop. Let’s get started!


Photoshop’s Layer Effects Explained

Creating vibrant, eye-catching images like this one needn’t be a complex or time-consuming affair. In this tutorial, James White shows how to add a vivid retro flair to a striking model shot kindly provided by ThinkStock.com.


Back-To-Basics Photo Illutrations Techniques

With the recent release of Adobe CS5, it’s easy to get carried away with the new tools and presets. They might be designed to maximise workflow efficiency, but an over-reliance on these can give your work a generic feel To keep your style fresh, you need to get back to basics.


How to Create Stunning Gallery Prints

Your art looks fabulous on-screen, but to show its maximum potential, you need to get it printed out at the highest possible quality ready for to hang on your walls. The best way to do this is to use a top-notch professional A3+ inkjet printer – which produces large prints that are ready for sale.


Create a Magical Flaming Heart Illustration in Photoshop

The Warp feature in Photoshop can be a powerful tool if you know how to use it correctly. In today’s tutorial we will demonstrate how to combine a few stock images to create a magical flaming heart illustration. Let’s get started!


Flashing Design in Photoshop by Mike Speero

So in this tutorial he will show you how he created one the “Flashing” design, one of his works from his portfolio which in he mixes a photo of girl with splashes of milk and light effects to create a beautiful artwork.


Photoshop Quick Tip: Overprocessing in Photography

In this tutorial I will show how to get a similar effect to this HDR/XDR/Dave Hill look in a few quick steps. I want to point out that Dave Hill spends hours upon hours compositing, retouching, etc to his photos and that I’m not saying that this is the technique that Dave actually uses.


Create an Electrifyingly Icy Composition in Photoshop

This graphic design tutorial will use Photoshop to create a design composition with an icy and dramatic look. This is somewhat of a tribute to one of the greatest competitors in sports, UFC’s Chuck Liddell, who recently had what may be his last fight after a long and illustrious career. We’ll cover a lot of handy tips, tricks, and shortcuts that you should be able to apply to any of your own designs.


Make a Stunning Black & White Falling Scene in Photo

In this short and quick Adobe Photoshop digital art tutorial, we are going to let somebody fall down inside a gloomy black & white scene. You will learn how to cut out body parts, add rain to a composition, use Gradient Map adjustment layers and other techniques that are useful in performing artistic photo manipulations. Note: This tutorial features a nude subject, and thus, this tutorial contains nudity for artistic purposes.


Create a Remarkable Poster with Decorative Elements

I am going to show you how to create various decorative elements including geometric shapes, halftones, ribbons, 3D stars, and 3D text in Illustrator and then merge, compose, enhance, and texturize them in Photoshop. The overarching goal of this tutorial is to learn how to use both of these powerful tools for their strengths for an unmatched workflow that takes advantage of both vector and raster graphics.


Professional Post Production for Model Photography

Learn how to edit your photographs to give them that magic touch seen in the magazines.


Create a Colorful Candy Store Website Layout in Photoshop

In this tutorial I will teach you how to create a bright and colorful candy store layout with a unique and creative background and header. As always the PSD files are available for download with this tutorial. If you have any questions, please ask in the comments.


Illustrator Tutorials

Here we have listed the latest Illustrator tutorials which appeared in the month June. We have selected the guides / articles that we feel are instructive for anyone who is both a beginner or more advanced level.


Create a Detailed, Vector-based iPhone Illustration, Part 1

In this tutorial you will learn how to create a photo-realistic iPhone illustration and every single icon you can find on the iPhone touch screen. That’s 18 icons! With so many fantastic tips and tricks we’ve broken the tutorial into two parts, in part two you will learn how to make the remainder of the icons and finish your illustration. Let’s get started!


How To Draw a Cute Vector Dog Character in Illustrator

Follow this step by step design process of the making of a vector character. We’ll start with a hand drawn sketch of my dog, Jake the labrador retriever, then add various lines, colour fills gradients and highlights to produce a cute cartoon representation.


Composite Photos and Vectors for an 80s Photo Style

Recreating colourful, 1980s-style graphics isn’t hard – the tricky bit is updating them for the 21st century. In this tutorial, Karan Singh shows how to add a 1980s twist to stock or specially taken model shots, to jazz up your photos.


Photoshop Battle Poster in Illustrator

So in this tutorial I will show you how I created the poster of the Photoshop Battle event using Illustrator. The idea behind it was that it would have to have that sort of old boxing posters style using only text and basic shapes like rectangles and stars. During the process I ended up adding some extra elements, martial arts fighters, in order to give that cheesy look that I was looking for :)


Create the Volkswagen logo

Hi there. In the following tutorial you will learn to create the Volkswagen logo. You’ll only need some simple circles, gradients, strokes and some basic effects. You might face some problems with the letter shapes but the grid and the snap to grid will simplify your work.


Create a Print Ready Business Card Design in Illustrator

Illustrator has fantastic tools available for creating small print designs such as business cards. Follow this walkthrough on how to create a fun business card design complete with illustrated character. We’ll start by creating our sketchy figure from a profile shot with hand-drawn linework, then lay out the design with background pattern and textual information in a print ready template with margins and bleed areas.


Web/Blogging Tutorials

Here we have listed the latest Web/Blogging tutorials which appeared in the month June. We have selected the guides / articles that we feel are instructive for anyone who is both a beginner or more advanced level.


The 10 HTML Tags Beginners Aren’t Using

Let’s go back to the basics for this one. Everyone reading this at least knows what HTML is. I believe that, no matter what experience level someone has, reviewing the foundation can help increase knowledge. It also helps to hone skills, especially with the constantly evolving technologies that drives the Internet.

There has also been a lot of talk of change with HTML 5. Every tag that I mention below is supported in both HTML 4.01 and HTML 5. While some of these tags are already widely used; I would like to challenge some of the ways that we use and think about them.


Playing with CSS 3 – Animations, Rotate and Scale

I have been working on the new Abduzeedo design and have had the chance to play more with CSS 3, even though it’s not fully supported on all browsers we can start using some really cool features such as round corners, text-shadow, box-shadow, transitions and transformations. The major downside still is Internet Explorer, however it seems that the IE 9 will have a much better CSS 3 support and support those features.


Super Cool CSS Flip Effect with Webkit Animation

There’s some seriously cool transform and animation effects available through the webkit engine that can really spice up the web experiences for users with the Safari browser. Here’s a quick look at how the rotateY property can produce a flip effect, and how it can be used to create a super cool Transformers themed top trumps design.


Create a Vibrant Digital Poster Design with CSS3

CSS has come a long way in recent years, and with new browser support for a hand full of CSS3 properties we can begin to replicate design styles directly in the browser that beforehand were recently only possible in our design applications. Follow this walkthrough of the making of Circlicious, a vibrant and abstract digital poster design made purely of HTML and CSS.


How to Write a “Most Popular By Views” WordPress Plugin

As you continue writing for WordPress more and more, the level of difficulty and complexity of your plugins will eventually reach far beyond the simple back-end data manipulation, as demonstrated in our beginner’s article. In this installment we’ll cover in-depth: database interaction, Admin Widgets, and Sidebar Widgets. Today’s example will be a custom built “Most Popular by Views” plugin, which creates an admin area widget for us to view, and a sidebar widget for visitors to see.

About Vincent Klaiber

A few years ago, Vincent became interested in design and constructing web. He founded and built up Wordrom with the idea to share good ideas and inspiration, he will also do his best to make Wordrom an interesting place. Thanks!

Responses 3 Comments

  1. [...] Rather, Alice is a full-featured programming language … market research, surveys and trends Resourceful Bookmarks: Web Roundup – June 2010 – Wordrom Here we have listed the latest Photoshop tutorials which appeared in the month June. We have [...]

  2. Aloa says:

    thats a nice round up. you should keep on with the site. its getting big soon.

  3. What a huge and good collection.Thanks for sharing!

Trackbacks & Pingbacks
  1. [...] Rather, Alice is a full-featured programming language … market research, surveys and trends Resourceful Bookmarks: Web Roundup – June 2010 – Wordrom Here we have listed the latest Photoshop tutorials which appeared in the month June. We have [...]

Add a Comment