web 2.0 blog

50+ Best Photoshop Poster Design Tutorials

Posted by web2.0 Design resourse Sunday, August 30, 2009 1 comments

osters should be inovative and informative, In our earlier roundups 50 Hottest Movie Posters Of All Times! we presented the best posters for inspiration and in this post we are presenting the best photoshop tutoirals for poster design. These tutorials are carved to the detail and are most viewed! Go ahead and check out these tutorials and the techniques involved in them. Enjoy!

Love Poster
love

.
Amazing Abstract Sports poster
abstractsports_step11

.
Make Perfume Commercial
tut2-0

.
The X Files - I want to belive
the-x-files-i-want-to-believe

.
WWII Airplane
jet

.
Vintage Truck Poster
truck_finished

.
Design a Professional Laptop Advert
screenfinal

.
Create a Skateboarding Poster
skateboarding-poster

How to Make a Planet Terror Style Poster in Photoshop

Ocean Freshness Photoeffect Poster

Creating an Old-Collage Effect Poster

.
Radio Station Advertisement Tutorial
text-added

.
Create a Five-color Magazine Cover using a Spot Metallic
mag

.
Create a Refreshing Drinks Ad
bottle20

.
Create an Awesome Music Poster

Design a Sin City Style Poster

Design a Retro Poster

NoPattern “Jumper” Effect

.
Create an Explosive Cover with Precise Photo Manipulation Techniques
blast

.
Create a Retro Style Poster with Shapes, Patterns, and Eagles
vec

.
Awesome Snowboard Poster
snblight

.
Design a Retro Summer Poster Illustration
hairfinal

.
How to Design an Authentic Rock Poster!
rockposter251

.
Dramatic Movie Poster
plane

.
Design a Stylish Fashion Advert
fasfinal

.
Fashion Shot
final_thumb

.
3D Retro Strip
retro

.
Retro Sunflower Design
retrosun

.
Photoshop Serigraphs

.
Mix Cool Retro Curves into Your Photographs
retrocurves

.
Retro Lighting - Ford Mustang
retromustang

.
Pop Art Inspired by Lichtenstein
popart

.
Retro Stars
retrostar

.
Retro Wallpaper/Poster
nic

.
Hot Chick on a Muscle Car
hot

.
Make your own pop art
poppish

.
Comic Book Photo Effect
comic

.
Make it worn
makeitworn

.
Gigposter Design

.
Turn of the Century Vaudeville Poster
vaude

.
Cool Vintage Collage Design
collage

.
Retro Grunge Poster
grungeposter

.
Wicked-Worn Vintage Pop Art Design
fentage

.
Create and Then Shatter a Grid, While Making a Typographic Poster

.
Designing a Typographic Concept Poster
alp

.
Big Typography Snowboarding Poster
go-big-final

.
Your Own Crazy Movie Poster
crazyposter

.
Create an Awesome Music Poster
dottedtext21

.
How to Design a Rockin’ 80’s Party Poster
rew

.
Giving a Mafia Look to a Business Photo
god

.
Create a Mock-Retro Poster Concept
popone

.
Create an Impactful Child Welfare Poster
childfinal

.
Create a Splashy Juice Ad In Photoshop!
strawberry-preview

.
Create An Amazing Blackberry AD
final3

Full Story

25+ Beautiful Flash Websites

Posted by web2.0 Design resourse 0 comments

Flash is the powerful tool in making highly interactive user interfaces, Flash is developers favorite as it allows them to develop extremely complex and dynamic web applications. Here we have rounded up 25+ beautiful flash based websites, each website is unique in its own way, the interactivity in each case is very creative and impressive. Go ahead and check out these websites and list out your favourites ENJOY!

.
.
ecodazoo

edozooflash

.
AndyFoulds
and

.
FlamingElK

.
Uncontrol

.

MotionExtreme

.
McWilliams

.
Dunun

.
Advent

.
Crew

.
Alfa Romeo

alfaromeo

.
Dart

.
Saint And Soldiers

saint

.
GT3Creative

.
Creaktif

creatif

.
Tbwahakuhodo

hakahodu

.
porliniers

porliners

.
delvalledosmonstros

valle

.
Targetscope

.
CarbonStudio

carbonstudo

.
Piotrowskimichal

pio

.
Converse

.
Sensi Soft

sensi

.
Ownyourc

.
The Corona Beach

corona

.
MiniUSA

miniusa

thank fr visiting web2 blog

Full Story

The Definitive Guide to htaccess Techniques: Do’s and Don’ts

Posted by web2.0 Design resourse 0 comments

Of all the elements of web design and coding, htaccess can be one of the most intimidating. After all, it’s an incredibly powerful tool and one that has the potential to completely break your site if you’re not careful.

Below are a dozen basic htaccess techniques and tips to get you started. They’re not nearly as intimidating as many people expect, and if you study the code for a few minutes, I’m sure you’ll quickly grasp exactly how they work and why.

After that are a few bewares and don’ts for working with htaccess to help keep you out of trouble, and some more resources for further working with htaccess.

Create a custom error page.

.htaccess on a Linux Apache server makes it easy to create your own custom error pages. Just create your custom error page files and then add this code to your .htaccess file:

HTML:

ErrorDocument 401 /401.php  
ErrorDocument 403 /403.php  
ErrorDocument 404 /404.php 
ErrorDocument 500 /500.php

(Obviously you should replace the “/500.php” or whatever with your own file path and name.)

2. Prevent directory browsing.

If you don’t include an index file in a directory, visitors can browse the directory itself. But preventing that is as easy as adding a single line to your .htaccess file:

HTML:

Options All -Indexes

3. Set the default page of each directory.

If you don’t want to use an index page in each directory, you can set the default page visited when someone reaches (like an about page or a page offering the newest content) that directory by adding this:

HTML:

DirectoryIndex news.html

(And of course you’d replace the “news.html” bit with whatever you want to use as the default.)

4. Set up a 301 redirect.

If you move around the structure of your site and need to redirect some old URLs to their new locations, the following bit of code will do so for you:

كود بلغة HTML:

Redirect 301 /original/filename.html http://domain.com/updated/filename.html

5. Compress file output with GZIP.

You can add the following code to your htaccess file to compress all of your JavaScript, CSS and HTML files using GZIP.

HTML:

 

mod_gzip_on         Yes 

 mod_gzip_dechunk    Yes  

 mod_gzip_item_include file          \.(html?|txt|css|js|php|pl)$ 

mod_gzip_item_include handler       ^cgi-script$ 

 mod_gzip_item_include mime      ^text\.*  

mod_gzip_item_include mime      ^application/x-javascript.*
mod_gzip_item_exclude mime      ^image\.*  

  mod_gzip_item_exclude rspheader ^Content-Encoding:.*gzip.*

6. Redirect to a secure https connection

If you want to redirect your entire site to a secure https connection, use the following:

HTML:

RewriteEngine On
RewriteCond %{HTTPS} !on  
RewriteRule (.*) https://%{HTTP_HOST}%{REQUEST_URI}

7. Block script execution.

You can stop scripts in certain languages from running with this:

HTML:

Options -ExecCGI 
AddHandler cgi-script .pl .py .php .jsp. htm .shtml .sh .asp .cgi

Just replace the types of scripts you want to block

Full Story

5 Sliding Content Techniques, Examples & jQuery How to’s

Posted by web2.0 Design resourse 0 comments

The more intuitive layout structure is designed, the better users can understand the content. Whatever content you have to present, you can present them in a more interactive & more responsive ways.

Today we would like to focus on sliding effects and how i can change the structure of a page in a truly unique and creative way. There are many transition effects that can be used to slide different contents, such as fading, horizontal sliding, vertical sliding, the list goes on. Try to pick the transition that best captures the style of your website.

In this article we’d like to present 5 smart techniques for sliding and scrolling content using the power of CSS and the beauty of jQuery.

- “Sliding Verticaly” with Button Controls

Share Point Artist has taken a truly unique approach to the “My Work” area. What they have created is an animated SlideShow showing their recent work with a nice hover effect for the “Previous” & the “Next” buttons.
The navigation options, the “Previous” & the “Next” buttons are slightly animated yet creating an appropriate atmosphere. Once one of these buttons is clicked, the content area slides vertically — showing the image of their recent work, with the description of each project in one

tag.

HOW TO:

ImageSwitch-
The main point of this plug-in is to make an easy-to-use, simple and fast plug-in to create effect when you switch between images. Minimize the arguments you need to input and still give some beatiful effects.

View Demo Download Files

- “Sliding Horizontally” with Button Controls

Over the last couple of years we have noticed a strong trend toward sliding horizontal panels or menus also known as Carousels. Creamy CSS uses a similar effect, once one of the navigation options at the left and right is clicked, a group of images in one

tag slides Horizontally.

HOW TO:

jCarousel (Riding carousels with jQuery) –
jCarousel is a jQuery plugin for controlling a list of items in horizontal or vertical order. The items, which can be static HTML content or loaded with (or without) AJAX, can be scrolled back and forth (with or without animation).

View Demo Download Files
Moving Boxes –
The big difference in this slider is that there are buttons to change panels and the panels zoom in and out when user click on the buttons at the left and right.

View Demo Download Files

- Scrolling Content

It seems to have become a common practice to automatically scroll smoothly to any id or named anchor on the current page when clicking on a same-page link. For instance, CharlieGentle uses an interesting design approach to scroll smoothly to certain parts of the page.
Initially the visitors see only “Web” panel, when one of the menu buttons is clicked, further panels is displayed. The arrows at the right and left of the site always allows users to scroll to the next or previous panel.

Another great example of smooth scrolling can be seen at DesigninSocial, when one of the menu buttons is clicked, different panel is displayed.

HOW TO:

jQuery.ScrollTo-
Ariel Flesler has written an excellent ScrollTo plugin that lets you scroll with many configuration options to customize the animation and also the final position.

View Demo Download Files
MetaLabDesign uses another interesting approach to scroll smoothly in a visually-appealing manner. The advantage of using scrollable compared to “normal” browser scrolling is that you don’t see the browser’s default scrollbars, and you can perform scrolling in much more visually sophisticated ways.

HOW TO:

Scrollable-
The purpose of this library is to make it extremely easy to add scrolling functionality to a website. The main design goals of this library are to provide visual customization functionality and programmability.

View Demo Download Files

- Sliding Boxes and Captions

yaypaul uses an interesting design approach to show the title of each project when the mouse is moved over each project image.

Slice Machine has a great example of showing and hiding content by sliding boxes or panes on hover event.

HOW TO:

Sliding Boxes and Captions with jQuery-
All of these sliding box animations work on the same basic idea. There is a div tag (.boxgrid in my css) that essentially acts as a window where two other items of your choosing “peek” through.
Set up the default starting point for the caption box. If you want it fully hidden initially, you will want the distance from the top or left to match the height or width of the window (.boxgrid), depending on which direction it will be sliding. You can also have it partially visible initially, as .caption .boxcaption illustrates.

View Demo Download Files

- Sliding Panels

Atlanticbt does a great job of grouping different links in one organized section, appears with a nice slide effect.

Full Story

web 2.0 blog

web 2.0 tutoriales

Welcome to web 2.0 Blog

50+ Best Photoshop Poster Design Tutorials

25+ Beautiful Flash Websites

The Definitive Guide to htaccess Techniques: Do’s and Don’ts

5 Sliding Content Techniques, Examples & jQuery How to’s

- “Sliding Verticaly” with Button Controls

HOW TO:

- “Sliding Horizontally” with Button Controls

HOW TO:

- Scrolling Content

HOW TO:

HOW TO:

- Sliding Boxes and Captions

HOW TO:

- Sliding Panels

counter

Slideshow

whois

archive

Navigation

web 2.0 blog

web 2.0 tutoriales

Welcome to web 2.0 Blog

50+ Best Photoshop Poster Design Tutorials

25+ Beautiful Flash Websites

The Definitive Guide to htaccess Techniques: Do’s and Don’ts

5 Sliding Content Techniques, Examples & jQuery How to’s

- “Sliding Verticaly” with Button Controls

HOW TO:

- “Sliding Horizontally” with Button Controls

HOW TO:

- Scrolling Content

HOW TO:

HOW TO:

- Sliding Boxes and Captions

HOW TO:

- Sliding Panels

counter

Slideshow

whois

archive

Subscribe To

Navigation