Tag Archives: Photoshop

Graphics

How to Create iPhone Icon in Photoshop

Tutorials for Photoshop provide us with information of how to perform different actions in this software. They give you training as to how to use it as a photo editor to using it for typography or to create images from scratch.
In this tutorial, we are going to create an iPhone app icon by using Adobe Photoshop. This tutorial is perfect for beginners who are looking for the basic web designing techniques. We are using few blending options to complete the design. By going through this tutorial you will get a clear idea on how to design small icons, banners and headers.
Follow this step by step guide to learn how to create an iPhone style icon in Photoshop.


read more »

Graphics

How to create a Clean Photo Gallery Layout – Basic Structure

In this tutorial you will learn to create and design an interface of a web gallery layout from scratch. For your convenience, we have divided this tutorial into three major parts. First part will teach you how to design a basic structure, second part will show you how to insert text and images and the last part will guide you to add effects on a gallery layout design.
Complete the full Photoshop download and use it by following this step by step guide to learn how to design a basic structure of a clean photo gallery layout.


read more »

Graphics

How to create a UI button in Photoshop

Adobe Photoshop tutorials provide you with easy steps to create different types of effects in this software.
In this tutorial, however, we will show you a simple and easy method to create a User Interface button from scratch. Here we will also discuss some innovative color combinations, text alignments and blending modes which all together create a nice and simple UI button. In this series, you will also learn to use the button on the web page by entering its HTML codes and completing a whole menu with same technique.
Follow this step by step guide to learn how to create a UI button in Photoshop.


read more »

Graphics

How to create typography in Photoshop

Adobe Photoshop is used for a lot purposes other than photo editing as well. Typography is basically the style and arrangement of text. It is considered as the most powerful way of communication because of its intense visual impact. We can use typography and text effects in websites to bring the attention of viewers. Here we are using Photoshop to convert text into an image. You can also go through our other typography tutorials to learn other helpful techniques.
Follow this step by step guide to learn how to create typography in Photoshop.


read more »

Graphics

How to create a UI button – Getting into the code

In this second part of the tutorial, we will use the same web button which we designed in the previous part by using Photoshop. In this one, we will show you how to write an html using code from the CSS styles to place a UI button on a web page.
Follow this step by step guide to learn how to write an HTML code for a UI button.


read more »

Graphics

How to insert text and images into a blog layout in Photoshop

As you have already learned how to create a basic structure of a blog layout in the first part, this tutorial will show you some basic idea to insert and place images on a web page. You will also learn how to choose fonts, their styles, appropriate size and color according to the type of layout.
Follow this step by step guide to learn how to insert text and images into a blog layout in Photoshop.


read more »

Graphics

How to create a basic structure of a blog layout in Photoshop

In this tutorial we will show you an overview and give a general idea as to how to design and set up a blog layout for the web. For your convenience, we have divided this tutorial into three parts covering, the basic structure, inserting text and images and adding effects. This first part will give an idea to design menu, choose their place, and insert buttons and option panels in a blog.
Follow this step by step guide to learn how to create a basic structure of a blog layout in Photoshop.


read more »

Graphics

Shifting from Photoshop CS5 to CS6 – The Searchable Layers

In this tutorial on Photoshop, you will be learning about Photoshop CS6 and will be covering the changes when you are shifting from CS5 to CS6.
The tutorial specifically will teach you how to work with the search filter that allows you to easily look for your Photoshop layers, especially when your document consists of a lot of them.


read more »

Graphics

Shifting from Photoshop CS5 to CS6 – The Crop Tool

In this tutorial we are going to learnhow to use one of the tools you may be familiar with, when shifting from Photoshop CS5 to CS6The Crop Tool.
A perfectly cropped picture can make an image look so much better than what it was before. Photoshop CS6 comes with some major modifications to the ‘ crop tool ’.


read more »

Graphics

Shifting from Photoshop CS5 to CS6 – Background & Auto Save

In this tutorial, you will be learning about Photoshop CS6 and its new feature of background and auto save in this software. These features are different and upgraded from those present in CS5. Photoshop has come up with two new saving features that make saving your work very simple and efficient. This process of saving runs in the background in Photoshop while you work on a different document.


read more »