Speckyboy Design Magazine » Photoshop http://speckyboy.com Web Design News, Resources & Inspiration Sun, 20 Apr 2014 08:11:15 +0000 en-US hourly 1 20 Clean & Modern Free Web Layout PSDshttp://speckyboy.com/2014/02/13/20-clean-modern-free-web-layout-psds/ http://speckyboy.com/2014/02/13/20-clean-modern-free-web-layout-psds/#comments Thu, 13 Feb 2014 08:24:52 +0000 http://speckyboy.com/?p=46867

Are you looking for some top-notch free web layout PSDs? Then you have come to the right place. What we have for you is 20 clean PSD templates that resonate with professionalism and have all...


The post 20 Clean & Modern Free Web Layout PSDs appeared first on Speckyboy Design Magazine.

]]>


Are you looking for some top-notch free web layout PSDs? Then you have come to the right place. What we have for you is 20 clean PSD templates that resonate with professionalism and have all been designed with the latest web trends. They are all free (a couple requiring a tweet), all fully-layered, and all are desperate to be downloaded!

Here you go…

Free Web Layout PSD Templates

Gridzilla (Includes 5 separate page templates)

Gridzilla Includes 5 page modern clean web template psd free

Download Gridzilla →

Simple Blog Template

Simple Blog Template modern clean web template psd free

Download Simple Blog →

Variety Template

Variety modern clean web template psd free

Download Variety →

Intent Creative (Includes 4 separate page templates)

Intent Creative Includes 4 separate page modern clean web template psd free

Download Intent Creative →

Bloom E-Commerce Concept

Bloom E-Commerce Concept modern clean web template psd free

Download Bloom →

Sports Website

Sports Website modern clean web template psd free

Download Sports Website →

Bootstrap-Based Template

Bootstrap-Based modern clean web template psd free

Download Bootstrap-Based Template →

Pinball Responsive Blog (Includes both desktop & mobile versions)

Pinball Responsive Blog Includes both desktop & mobile versions modern clean web template psd free

Download Pinball →

Travel Template

Travel modern clean web template psd free

Download Travel →

Météo (Includes both desktop & mobile versions)

Météo Includes both desktop mobile  modern clean web template psd free

Download Météo →

Seven Oaks (Includes 4 separate page templates)

Seven Oaks Includes 4 separate page modern clean web template psd free

Download Seven Oaks →

LookShop Ecommerce Template (Includes both desktop & mobile versions)

LookShop Ecommerce Includes both desktop mobile versions modern clean web template psd free

Download LookShop Ecommerce →

SKOKOV (Includes 8 separate page templates)

SKOKOV Includes 8 modern clean web template psd free

Download SKOKOV →

Orion Single Page Template

Orion Single Page Templatmodern clean web template psd free

Download Orion →

Macankumbang Single Page Template

Macankumbang Single Page modern clean web template psd free

Download Macankumbang →

Dexter's "The Lab" Template

Dexters The Lab modern clean web template psd free

Download Dexter's "The Lab" →

Portfolio Archive

Portfolio Archive modern clean web template psd free

Download Portfolio Archive →

Modus Versus (Includes 12 separate page templates)

Modus Versus modern clean web template psd free

Download Modus Versus →

Extraordinary (Includes 2 separate page templates)

Extraordinary modern clean web template psd free

Download Extraordinary →

Web App PSD Templates

Trip Journal App (Includes 2 versions: Star Wars & Europe)

Trip Journal App mobile modern clean web template psd free

Download Trip Journal App →

Book App Mockup

Book App Mockup mobile modern clean web template psd free

Download Book App →

Jelo Mail App

Jelo Mail App mobile modern clean web template psd free

Download Jelo Mail →


The post 20 Clean & Modern Free Web Layout PSDs appeared first on Speckyboy Design Magazine.

]]>
http://speckyboy.com/2014/02/13/20-clean-modern-free-web-layout-psds/feed/ 0
Free Photoshop Extensions for Web Designershttp://speckyboy.com/2013/11/20/free-photoshop-extensions-web-designers/ http://speckyboy.com/2013/11/20/free-photoshop-extensions-web-designers/#comments Wed, 20 Nov 2013 08:24:58 +0000 http://speckyboy.com/?p=45509

While Adobe Photoshop is a very powerful tool in its own right, we can also make use of certain extensions or plugins to extend its functionality even further. Today, we have put together a collection...


The post Free Photoshop Extensions for Web Designers appeared first on Speckyboy Design Magazine.

]]>


While Adobe Photoshop is a very powerful tool in its own right, we can also make use of certain extensions or plugins to extend its functionality even further. Today, we have put together a collection of some of the best free Photoshop extensions for web designers.

Go ahead and check out this collection!

Skeuomorphism.it

Skeuomorphism.it flat extension plugin Photoshop

Skeumorphism.it is a simple Photoshop extension that lets you remove gradients and create flat design within minutes.

Skeuomorphism.it →

GuideGuide

GuideGuide extension plugin Photoshop

GuideGuide creates accurate columns, rows, midpoints and baselines on the basis of your selection. This extension can make working with grids in Photoshop extremely easy.

GuideGuide →

CSS3Ps

CSS3Ps is a cloud-based Photoshop plugin that converts your layers into CSS3.

CSS3Ps →

BlendMe.in

BlendMe.in extension plugin Photoshop

BlendMe.in is a Photoshop and Illustrator plugin that lets you search thousands of assets (such as icon packs and vector objects) right from Photoshop or Illustrator itself, and use those assets in your projects.

BlendMe.in →

Interface Tools Plugin

Interface Tools extension plugin Photoshop

Interface Tools Plugin offers a grouped panel of handy Photoshop tools that you use most frequently. Thus, this plugin can be useful when it comes to finding the oft-used tools quickly.

Interface Tools Plugin →

Divine Project

Divine Project extension plugin Photoshop

Divine Project generates WordPress themes from PSD files. You can use it to create your own WP themes without having to touch code.

Divine Project →

Cut&Slice Me

Cut&Slice Me extension plugin Photoshop

Cut&Slice Me exports your assets to different devices within seconds. Thus, you can design at full resolution and let the plugin export your assets to the required sizes for Android and iPhone devices.

Cut&Slice Me →

Web Font Plugin

Web Font extension plugin Photoshop

Web Font plugin offers thousands of WebINK web fonts that you can access right from Photoshop itself. This plugin can also connect with Google Web Fonts and comes with a 30-day trial of Suitcase Fusion 5.

Web Font Plugin for Photoshop →

Composer

Composer extension plugin Photoshop

Composer is a Photoshop plugin that lets you update multiple layer comps in few easy steps.

Composer →

Layer Guides Extension

Layer Guides extension plugin Photoshop

Layer Guides Extension places guides around a layer — top, right, left and bottom — and also around its vertical or horizontal center.

Layer Guides Extension →

Layout Wraper Extension

Layout Wraper extension plugin Photoshop

Layout Wrapper wraps the current document with the Safari browser, that is, it takes a snapshot of the current document and places it in the Safari browser for presentational purposes.

Layout Wraper Extension →

FlatIcon

FlatIcon extension plugin Photoshop

Use the FlatIcon plugin to quickly find the icons you need for your design, without leaving your working enviroment.

FlatIcon →

Bounce

Bounce extension plugin Photoshop

Bounce can be used to connect Dribbble with Adobe tools to help you keep track of your activity feed and stay updated with the most popular designs on Dribbble. Bounce currently works with Photoshop, Illustrator, InDesign and Fireworks.

Bounce →

2xScaler

2xScaler extension plugin Photoshop

2xScaler is a Photoshop extension meant for app designers. It double scales your designs with one easy click.

2xScaler →

SuperPNG

SuperPNG extension plugin Photoshop

SuperPNG is a Photoshop plugin that offers additional options for saving PNG files, such as Alpha channel control, variable compression, ICC Profile embedding and meta data saving.

SuperPNG →


The post Free Photoshop Extensions for Web Designers appeared first on Speckyboy Design Magazine.

]]>
http://speckyboy.com/2013/11/20/free-photoshop-extensions-web-designers/feed/ 0
Adobe Photoshop Recreated Using Legohttp://speckyboy.com/2013/09/22/adobe-photoshop-recreated-using-lego/ http://speckyboy.com/2013/09/22/adobe-photoshop-recreated-using-lego/#comments Sun, 22 Sep 2013 09:25:44 +0000 http://speckyboy.com/?p=44016

Many long term readers of our site will know that we love the creative expression and innovation from Lego. And the vast majority of readers will undoubtedly be using another tool that offers creative expression...


The post Adobe Photoshop Recreated Using Lego appeared first on Speckyboy Design Magazine.

]]>


Many long term readers of our site will know that we love the creative expression and innovation from Lego. And the vast majority of readers will undoubtedly be using another tool that offers creative expression and innovation, albeit in the digital world, Photoshop.

So, we have two innovative tools that offer creative outlets, but living in two completely different worlds.

Do they really live in different worlds? Could they ever live together?

Of course they can. According to Rick Garcia anyway. He set himself the task of redesigning the Photoshop interface using Lego bricks. Not only has he redesigned the actual interface, but also the Photoshop icons and loading screen as well. Here is the result:

The Lego Edition of Adobe Photoshop

Adobe Photoshop Recreated Using Lego


The post Adobe Photoshop Recreated Using Lego appeared first on Speckyboy Design Magazine.

]]>
http://speckyboy.com/2013/09/22/adobe-photoshop-recreated-using-lego/feed/ 0
20 Free Web Layout PSDshttp://speckyboy.com/2013/09/01/free-web-layout-psds/ http://speckyboy.com/2013/09/01/free-web-layout-psds/#comments Sun, 01 Sep 2013 09:11:13 +0000 http://speckyboy.com/?p=39725

It is has been a long time since we last took a look at what free web layout PSDs have been recently released. Perhaps not as abundant as previous posts, but we did manage to...


The post 20 Free Web Layout PSDs appeared first on Speckyboy Design Magazine.

]]>


It is has been a long time since we last took a look at what free web layout PSDs have been recently released. Perhaps not as abundant as previous posts, but we did manage to find 20 templates that we feel are of such a high level of quality we simple had to share them. Here they are:

20 Free Web Layout PSDs

Modus Versus Multi-Purpose Template

Modus Versus Multi-Purpose psd free layout template web

Download Page →

Extraordinary Modern Layout for Blogs

Extraordinary Modern Layout for Blogs psd free layout template web

Download Page →

Sevent Multi-Purpose Template

Sevent Multi-Purpose psd free layout template web

Download Page →

Calm l Free Creative Portfolio & Blog Layout

Calm l Free Creative Portfolio & Blog Layout psd free layout template web

Download Page →

Responsive Template

Responsive psd free layout template web

Download Page →

Legend One Page Template

Legend One Page psd free layout template web

Download Page →

Kitchenwall Blog Template

Kitchenwall Blog psd free layout template web

Download Page →

Revenant Corporate Layout

Revenant Corporate Layout psd free layout template web

Download Page →

Flat Ui Modern UI Kit

Flat Ui Modern UI Kit psd free layout template web

Download Page →

ViewPort Magazine Style Template

ViewPort Magazine Style psd free layout template web

Download Page →

BlueBox Flat Multi-Purpose Template

BlueBox Flat Multi-Purpose psd free layout template web

Download Page →

Madison Vintage Wood-Style Template

Madison Vintage Wood-Style psd free layout template web

Download Page →

Web App UI

Web App UI psd free layout template web

Download Page →

Motion Single Page Template

Motion Single Page psd free layout template web

Download Page →

Hosting Template

Hosting psd free layout template web

Download Page →

Webpaint Multi-Purpose Template

Webpaint Multi-Purpose psd free layout template web

Download Page →

Halftone Retro Style Template

Halftone Retro Style psd free layout template web

Download Page →

Kyte One Page Template

Kyte One Page psd free layout template web

Download Page →

Business Stack Template

Business Stack psd free layout template web

Download Page →

Fox Template

Fox psd free layout template web

Download Page →

Twitter Bootstrap 3 PSD

Twitter Bootstrap 3 PSD psd free layout template web

Download Page →

Microframe

Microframe psd free layout template web

Microframe is a micro (<200px wide), grid based wireframe PSD template for UI and UX designers mocking up website and app layouts.

Download Page →

Responsive Wireframes

Responsive Wireframes psd free layout template web

Download Page →


The post 20 Free Web Layout PSDs appeared first on Speckyboy Design Magazine.

]]>
http://speckyboy.com/2013/09/01/free-web-layout-psds/feed/ 0
20 New and Amazing Photoshop Text Effect Tutorialshttp://speckyboy.com/2013/06/26/20-new-and-amazing-photoshop-text-effect-tutorials/ http://speckyboy.com/2013/06/26/20-new-and-amazing-photoshop-text-effect-tutorials/#comments Wed, 26 Jun 2013 11:05:32 +0000 http://speckyboy.com/?p=38011

For all you Photoshop fans out there we have a collection of Photoshop text effect tutorials that will make your eyes pop-out with delight. There are many tutorials that will teach you the basics of...


The post 20 New and Amazing Photoshop Text Effect Tutorials appeared first on Speckyboy Design Magazine.

]]>


For all you Photoshop fans out there we have a collection of Photoshop text effect tutorials that will make your eyes pop-out with delight. There are many tutorials that will teach you the basics of typography, but sometimes you just want something more, something that will guide you to something truly unique.
The tutorials we have for you below will do just that. These tutorials may look amazing, but they are all fairly easy to follow.

What are you waiting for? Go on and get designing!

New Photoshop Text Effect Tutorials:

3D Typographic Illustration

3D Typographic Illustration - Text Effects for Photoshop

In this tutorial, João Oliveira creates a 3D typographic illustration using initially Cinema 4D for building the 3D, followed by Photoshop for the post-production.

3D Typographic Illustration →

Number Candles Text Effect

Number Candles Text Effect - Text Effects for Photoshop

This tutorial explains the techniques for creating the 3D number candles above without using any 3D tools. It will then guide you through the other sections of shaping the candles, adding lights and shadows and finally placing the candles on top of a cupcake.

Number Candles Text Effect →

Electrified Metal Text Effect

Electrified Metal Text Effect - Text Effects for Photoshop

In this tutorial you will be shown the steps to recreate the Electrified Metal Text Effect above. It will cover a number of selection techniques, as well as how we to use the right textures to create this unique text effect.

Electrified Metal Text Effect →

Striped Road-Inspired Text Effect

Striped Road-Inspired Text Effect - Text Effects for Photoshop

This tutorial will show you some tips on how to use the Pen Tool, along with some Brushes and Blend Modes, to recreate the striped road inspired text effect above.

Striped Road-Inspired Text Effect →

Autumn-Themed 3D Text Effect

Autumn-Themed 3D Text Effect - Text Effects for Photoshop

Using CS6 Extended all-new 3D interface, this tutorial will explain how to use those new 3D features to create an amazing autumn-themed 3D text effect.

Autumn-Themed 3D Text Effect →

Chalk Ornament Typography

Chalk Ornament Typography - Text Effects for Photoshop

This tutorial will show you how to create a stylish ornament typography and then apply a chalkboard effect using Adobe Illustrator, Photoshop and some vector ornaments.

Chalk Ornament Typography →

Magical Fire Energy Text Effect

Magical Fire Energy Text Effect - Text Effects for Photoshop

In this beginner tutorial you will be shown the steps to create the 'Magical Fire Energy' text effect you can see above. You will be tackling painting, layer blending, and image adjustments.

Magical Fire Energy Text Effect →

Valentine's Day-Inspired 3D Text Effect

Valentine's Day-Inspired 3D Text Effect - Text Effects for Photoshop

In this tutorial, you will be combining Photoshop and Filter Forge to create a wood textured 3D text effect with a simple red glass heart.

Valentine's Day-Inspired 3D Text Effect →

The Great Gatsby Art Deco Style

The Great Gatsby Art Deco Style - Text Effects for Photoshop

In this time consuming tutorial you will learn how to create an Art Deco image and text effect based on the poster of The Great Gatsby movie, using Illustrator and Photoshop.

The Great Gatsby Art Deco Style →

Fluid Typography

Fluid Typography - Text Effects for Photoshop

In this beginner level tutorial, using custom brushes and the liquify tool, you will learn how to recreate the beautiful fluid typography you can see above.

Fluid Typography →

Scrabble Tiles Text Effect

Scrabble Tiles Text Effect - Text Effects for Photoshop

This tutorial will show you how to create your own scrabble tiles set from scratch, so that you can use them anytime with any background you like.

Scrabble Tiles Text Effect →

Tufted Pillow Text

This video tutorial will show you how to to create a text effect that look likes its been tufted into a pillow or cushion.

Tufted Pillow Text →

Chocolate Text Effect

Chocolate Text Effect - Text Effects for Photoshop

This Valentines themed tutorial will show you how to create a scrumpicous chocolate text effect using Layer Styles.

Chocolate Text Effect →

Glowing 3D Text Effect

Glowing 3D Text Effect

In this tutorial, you will be shown how to combine Photoshop with Filter Forge to create a glowing 3D text effect.

Glowing 3D Text Effect →

Simple Bokeh Text Effect

Simple Bokeh Text Effect - Text Effects for Photoshop

This tutorial shows you an easy method for create a beautiful bokeh text effect, using a simple brush and a layer effect.

Simple Bokeh Text Effect →

Rock Text Effect

In this fairly simple tutorial you will be shown how to create a realistic rock text effect using only two images of realistic rocks.

Rock Text Effect →

Old Signage in Photoshop 3D

Old Signage in Photoshop 3D - Text Effects for Photoshop

In this tutorial you will learn how to create an old signage text effect using stock photos. As a bonus you will also create a simple animated GIF.

Old Signage in Photoshop 3D →

Computer Chip Text Effect

Computer Chip Text Effect - Text Effects for Photoshop

Using basic shapes, Layer Styles, Layers Masks and a few Filters, in this tutorial you will how to recreate the Computer Chip Text Effect you can see above.

Computer Chip Text Effect →


The post 20 New and Amazing Photoshop Text Effect Tutorials appeared first on Speckyboy Design Magazine.

]]>
http://speckyboy.com/2013/06/26/20-new-and-amazing-photoshop-text-effect-tutorials/feed/ 0