Close sidebar
Skip to content
Tutorial

How to create a retro joystick on photoshop

Before we get started, let’s take a look at the image we’ll be creating. As always, the layered Photoshop file is available via our Psdtuts+ Plus membership.

So, are you ready to start? Like every tutorial, it is recommended to use the latest version of Photoshop.

Step 1

Let’s open a new document using the settings shown below.

Step 2

Now we’ll need to have some guides to make sure that everything in our document will be in the right place. And in order to put the guides in the correct place, we’ll make some fixed sized selections.

Get the Rectangular Marque Tool, set style to Fixed Size and set Width and Height to 140 pixels. Click on the canvas, then while holding the left mouse button place the selection to the top left corner. Drag one horizontal and one vertical guide and snap them to the edges of the selection.

Drag the selection to the right bottom corner and get two more guides. Because we want our tool to snap to these guides, make sure that View > Snap is active.

Step 3

We can start drawing now. First create a new layer and name it “Upside.” Pick 65% gray as your Foreground Color. Get the Rounded Rectangle Tool, set the Radius to 40 pixels, and select Fill Pixels in the tool options. Draw a rounded square as in the below image.

Go to Filter > Noise > Add Noise, then set the Amount to 2%. Also, set Distribution to Uniform and make sure that Monochromatic is checked.

Illustration

Watercolor effect in vector landscape design

A landscape is the visible features of an area of land, its landforms and how they integrate with natural or man-made features.

A landscape includes the physical elements of geophysically defined landforms such as (ice-capped) mountains, hills, water bodies such as rivers, lakes, ponds and the sea, living elements of land cover including indigenous vegetation, human elements including different forms of land use, buildings and structures, and transitory elements such as lighting and weather conditions.

Combining both their physical origins and the cultural overlay of human presence, often created over millennia, landscapes reflect a living synthesis of people and place that is vital to local and national identity.

The character of a landscape helps define the self-image of the people who inhabit it and a sense of place that differentiates one region from other regions.

It is the dynamic backdrop to people’s lives. Landscape can be as varied as farmland, a landscape park, or wilderness.

The Earth has a vast range of landscapes, including the icy landscapes of polar regions, mountainous landscapes, vast arid desert landscapes, islands and coastal landscapes, densely forested or wooded landscapes including past boreal forests and tropical rainforests, and agricultural landscapes of temperate and tropical regions.

The activity of modifying the visible features of an area of land is referred to as landscaping.

Definition and etymology

There are several definitions of what constitutes a landscape, depending on context. In common usage however, a landscape refers either to all the visible features of an area of land (usually rural), often considered in terms of aesthetic appeal, or to a pictorial representation of an area of countryside, specifically within the genre of landscape painting.

When people deliberately improve the aesthetic appearance of a piece of land—by changing contours and vegetation, etc.—it is said to have been landscaped, though the result may not constitute a landscape according to some definitions.

There are several words that are frequently associated with the word landscape:

  • Scenery: The natural features of a landscape considered in terms of their appearance, esp. when picturesque: spectacular views of mountain scenery.
  • Setting: In works of narrative (especially fictional), it includes the historical moment in time and geographic location in which a story takes place, and helps initiate the main backdrop and mood for a story.
  • Picturesque: The word literally means “in the manner of a picture; fit to be made into a picture”, and used as early as 1703 (Oxford English Dictionary), and derived from an Italian term pittoresco, “in the manner of a painter”.
  • A view: “A sight or prospect of some landscape or extended scene; an extent or area covered by the eye from one point” (OED).
  • Wilderness: An uncultivated, uninhabited, and inhospitable region.
  • Cityscape (also townscape): The urban equivalent of a landscape. In the visual arts a cityscape (urban landscape) is an artistic representation, such as a painting, drawing, print or photograph, of the physical aspects of a city or urban area.
  • Seascape: A photograph, painting, or other work of art which depicts the sea, in other words an example of marine art.

Physical landscape

Geomorphology is the scientific study of the origin and evolution of topographic and bathymetric features created by physical or chemical processes operating at or near Earth’s surface.

Geomorphologists seek to understand why landscapes look the way they do, to understand landform history and dynamics and to predict changes through a combination of field observations, physical experiments and numerical modeling.

Geomorphology is practiced within physical geography, geology, geodesy, engineering geology, archaeology and geotechnical engineering. This broad base of interests contributes to many research styles and interests within the field.

Featured, Polygon

Deer head polygon

This hand drawn polygon deer head is made up of 2 separate elements – a wireframe style outline and a solid shape.

Use each element individually or combined. Create image masks for interesting effects (see the screenshots for examples).

What’s included in the download package:

  • An Adobe Illustrator document with each element on separate layers.
  • The polygon outlines supplied as an individual Illustrator 8.0 eps file
  • The solid shape supplied as an individual Illustrator 8.0 eps file.
  • A sample image mask template supplied as an Illustrator 8.0 eps file.
  • A Photoshop document with each element on a separate layer including an image mask.

Requirements for editing:

  • The layered Illustrator file requires Adobe Illustrator CS or higher.
  • The Illustrator EPS files can be opened in most vector applications.
  • The layered Photoshop file requires Adobe Photoshop CS or higher.
Featured, Pattern

4 websites to get some fancy patterns

Patterns are a useful resource for website design. Filling the background with a full-blown image is no longer a useful solution today as the variety of devices and screen resolutions in the market make it difficult to adapt to them all, although it is true that the latest plugins and scripts offer solutions such as automatic image resizing.

Patterns are similar to those images that are indefinitely repeated either horizontally or vertically.

That makes a lot more sense today where usability is concerned, especially in responsive design. Today we’ve compiled a number of websites that collect many free patterns available for use on the design of your sites and web applications. Patterns Galleries | CSS3 Patterns | Patterns Generators | Examples of websites with patterns

Patterns Galleries:

There are numerous websites that offer complete resource galleries to download patterns: some of them can be found on the sites we list here:

Featured, Tutorial

Syntax Highlight powered with prism

Far far away, behind the word mountains, far from the countries Vokalia and Consonantia, there live the blind texts. Separated they live in Bookmarksgrove right at the coast of the Semantics, a large language ocean.

A small river named Duden flows by their place and supplies it with the necessary regelialia. It is a paradisematic country, in which roasted parts of sentences fly into your mouth.

Syntax Highlight


<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="utf-8">
  <title></title>
  <link rel="stylesheet" href="css/style.css">
</head>
<body>
  <header></header>
  <div role="main"></div>
  <footer></footer>
  <script src="js/script.js">
</body>
</html>

body {
  margin: 0;
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 13px;
  line-height: 18px;
  color: #333333;
  background-color: #ffffff;
}

a {
  color: #0088cc;
  text-decoration: none;
}
Featured, Polygon

6 Vectorized Animals for Sketch

This is a pack has been hand drawn and then vectorized. Our goal was to achieve funny and cute animals while keeping the characteristic of each of the animals.

All the illustrations can be downloaded freely at https://www.vectoropenstock.com/free-vectors/animals/ you can check the full gallery below.

Also you can download all vectorized animals directly from our website.

Tutorial

How to use Gutenberg Editor

As I write and you read this, the WordPress core team is in the process of developing an entirely new content editor for WordPress – Gutenberg – and it is currently scheduled for release at some point in 2018 as part of WordPress 5.0.

When that happens, the way that you write your blog posts in WordPress will drastically change (though you will be able to install a plugin to keep using the current editor, if desired).

It is to help you get ready for the change that I have penned down this post on How To Use The WordPress Gutenberg Editor.

I’ll show you exactly how you can use the new editor to write a blog post so that you are ready for the transition when WordPress 5.0 and Gutenberg get released.

Illustration

3 Awesome Vectorized Car

Looking at other designers’ work can bring a new wave of creativity and inspiration. For today’s inspiration, we have put together a draw-dropping collection of creative car vectors for you.

These vector designs are so realistic and amazing that you will fall in love with them instantly. Creating a good vector car design requires loads of time and efforts, but as you’ll can see from these masterpieces, it’s certainly worth all the time and effort in the end. Now check out the car collection!

Chevrolet Camaro by Haegele Joan

This Chevrolet Camaro car looks real when you first glance at it. The artist has paid attention even to the minute details. The artist has also uploaded different images to show the progress of work which is a nice touch.

Audio

Radio sound packs

It was one of the worst storms to hit London since God knows when. The thunder rolled, lightning flashed and the rain hammered into the roof. There’s something about a storm that brings a sense of doom. It fitted so perfectly.

When the ITV news flash sign came on the TV screen everyone looked up. When the flash sign was immediately followed by a still of Elvis Presley, a quiet voice breathed, “Oh, my God.”

“Reports are coming in that Elvis Presley, the rock and roll singer, died this evening at his home in Memphis, Tennessee.”

We all looked at each other in disbelief.

“Elvis is dead!”

It didn’t seem quite credible. And yet it wasn’t the kind of shock that followed the news of J.F.K. being cut down. There had been so much speculation about Presley’s mental and physical health that his death was unpleasantly predictable.

It was almost impossible to know what to think. My first impulse was to pick up the phone and call a couple of people. I tried two numbers, but they were both busy. Obviously other people had reacted the same way. It was the kind of news that demanded to be passed on. Elvis had always been there. For more than two decades he’d maintained a unique position in too many people’s lives. Despite all the depressing rumours it scarcely seemed possible that he’d gone, that Elvis Presley was dead at 42.

I guess the only word I can use is numb. Numb, and just very slightly embarrassed at the way I was reacting. It wasn’t the ordinary kind of grief that you feel for a personal friend. There was no voice telling me that I’d never see Elvis Presley again. Jesus Christ, I’d never seen him, ever. I didn’t even regret that I’d never get the chance to see him. The Elvis Presley I’d have given my right arm to watch was the wild hoodlum in the gold jacket who vanished into the US Army and never returned. I’d mourned his passing many years ago.

Vector

Winters trees vectorized for Photoshop

For the ribbon-cutting at the Washington Heights Library this month, the son of a former custodian returned to his old home. He grew up in what used to be the caretaker’s apartment on the third floor. While his father shoveled coal at night to heat the place, he would go downstairs to read about boat building and navigating by the stars. Ronald Clark went on to become the first in his family to graduate from high school and college, and decades later he built himself a boat and navigated by the stars that he had learned about in the library under him.

A few years ago, library officials hired the architect Andrew Berman to revamp the two upper stories of that Andrew Carnegie-era branch on 160th Street. Mr. Berman has now turned the third-floor apartment into a clubhouse for teenagers, and the whole second floor into a double-height palace for young children, with seating nooks and lime-green sofas under towering windows. A snaking, pale-wood bookshelf divides the room into cosseting quadrants, scaling it down for pint-size patrons. Smart, sunny and simple, the redesign feels lofty and homey at the same time, rebooting Carnegie’s original grand-populist vision for the branches.

In ways big and small, architects like Mr. Berman have changed New York City this year. Projects like the library branch made it a little more livable and humane.

What follows is nothing nearly as disciplined or logical as a list of 2016’s architectural highs and lows in town. It’s more a kind of belated thank you note for a few projects that kept faith with architecture’s ideals and the city’s better self.

This is a cookie notice. You can replace this cookie notice easily using the theme options from within your WordPress control panel. It will only appear once, with acceptance of the form stored locally.