Jun 3, 2012

Examples of high-quality typography posters

Filled under: ,

Examples of high-quality typography posters
Typography is the decoration of the font. We present our collection of typographic works, collected from various sources. Here you can see how text can convey not only information, but even to have its own character and emotions. All work performed in different styles and carry a lot of inspiration.
typography website

examples of typography

beautiful typography

typography artwork

typography posters

typeface examples

typographic design

amazing typography

typography designers

website typography

great typography websites

typography for the web

typography on the web

best typography websites

great web designs

good examples of websites

typography illustrations

typography posters





typography posters

typography posters

typography posters

typography posters

typography posters

typography posters

typography posters

typography posters

typography posters

typography posters

typography posters

typography posters

typography posters

typography posters

typography posters

typography posters

typography posters

typography posters


typography posters

Posted By Unknown12:48 PM

What's New in Photoshop CS6

Filled under: ,

What's New in Photoshop CS6
Company Adobe Systems Incorporated today announced the beta version of Adobe Photoshop CS6. Now this version is available for free download at Adobe Labs . The commercial release of version Adobe Photoshop CS6 is expected in the first half of 2012. Let's talk about some new developments and possibilities of this graphic editor.

The new interface

As expected, CS6 offers a range of new tools and features. However, one of the most pleasant innovation is the redesigned user interface. For the first time in 22 years, the team turned the beauty of Adobe Photoshop.Besides the obvious transformation, which you can see from the screenshot, about 1800, and 250 cursors, icons have been changed.

The new interface

Order of layers

Layers can be sorted by name, effects, mode, and color attributes. If you select to sort by the name of the layer, there is the search panel.

Order of layers

Brushes

There are more options for brushes, the maximum size of the brush increased up to 5000px. There is a new tool Mixer Brush Tool, which allows you to mix colors.

Brushes

Dotted lines for vector layers

Fans of the dotted lines for vector layers in Illustrator can now get the same features in Photoshop. Now forms can be defined styles stroke.

Dotted lines for vector layers

Crop Tool

In CS6, he got some important updates. Now you can rotate the selection around, distort it, there are new settings to work with the prospect.

Crop Tool

Editing functions with a view of the contents

Function Content Aware Patch allows more accurate filling replaced the image area, and the function Move Aware Content (in some releases, it can be called Remix Tool ) allows you to drag and drop objects anywhere on the image, it automatically restores the background.

Editing functions with a view of the contents

Editing functions with a view of the contents

Look for these features in action:



New features Blur filter (Blur)

There were three new blur tool to help make processing photos faster and easier. To open them, go to Filter> Blur, you will see the Field Blur (Blur on plots), Iris Blur (imitation of focus) and the Tilt-Shift (an imitation of TiltShift lens). In all of these filters can add Bokeh effect.

Let's look at the possibility of filter Iris Blur (imitation of focus) as an example.

This is the original image, with whom we work.

New features Blur filter (Blur)

Use the filters Iris blur oval shape of the mask set, which will not be blurred, and the degree of blur.

New features Blur filter (Blur)

That's what we've got a result.

New features Blur filter (Blur)

The following video also demonstrates the capabilities of this filter:



Color Range: The color of the skin and face recognition

Now when you go to Select> Color Range to CS6, there is a new feature that allows you to make a selection based on shades of skin (Skin Tones).

Color Range: The color of the skin and face recognition

New features for working with video

Color Range: The color of the skin and face recognition

Since CS6 opportunities to work with video files have been greatly expanded. You can add audio, video, and cut to create an animation with various effects.

Oil Paint Filter

The new filter simulating oil paint allows you to quickly add to your image beautiful effect. The filter is opened in a separate window. The size of the brush settings you can adjust the lighting that can be viewed in real time.You can access the tool by selecting Filter> Oil Paint filter.

Oil Paint Filter


New features for working with text

Adobe Photoshop CS6 gave users the ability to configure the settings for paragraphs and characters. In order to gain access to the panel for the paragraph and character styles, choose Window> Paragraph Styles (for paragraphs) or Window> Character Styles (for characters). After creating a new style, double-click on it to open the settings window, shown below.

You can create and edit text attributes using a personal style that can be applied to any text layer with a single click.

New features for working with text

New features for working with text

Conclusion

Of course, this is not all the innovations, so more of them will be discussed in our future articles.

Recommended viewing the following videos:


Here you can find video tutorials for learning Photoshop CS6

Download the beta version is available here

Posted By Unknown6:50 AM

7 options to search for new ideas for your blog

Filled under:

7 options to search for new ideas for your blog
Did you ever have is when fully giving himself to his work, you run out of all the ideas for new publications and do not know what to do next?

Blogging - way to learn something new and share their knowledge with others. Nevertheless, bloggers during stupor prefer to forget about the blog, but it does not solve the problem.

Of course, in some extent, this may remedy the situation, but usually it leads to what blogs are idle and are not updated. Not a pleasant situation, is not it?

I would like to suggest some ways out of this situation.
To begin with, how to find a theme for your blog.
A. Write about how you were able to get out of this situation

In order to deal with difficult situations to look for the answer yourself, or ask the people that have experienced at one time, such a problem. It's simple - write a blog about your problem and you will find companions in misfortune.
Two. Get ideas for publications, literally out of thin air

If you see a specialist, be sure to ask questions and ask advice. This is because - as a great way to get ideas for articles. Alternatively, ask a few times can the same thing. In order not to repeat, write the answers in his blog in the form of "question-answer", it will save you from unnecessary troubles.
Three. Comments - a great source of content!

Readers are left as general comments and clarifying questions, and their opinions. You can combine the interesting comments in a separate article and publish it in the blog.
4. Simple, but effective and efficient way!

Choose the most popular and commented the publication of the most popular blogs, and think how you can more successfully provide this content to your blog.
Five. Make a competition to other bloggers!

Also, you'll find plenty of ideas in the comments to the posts on blogs. Bloggers usually respond briefly and in general terms, it also can be used to give detailed answers to the reader, to make way competition.
6. Social sites - the sea of ​​ideas for publications

On niche social sites, you can always see what content are popular and which are failures. Diskussiruya on these sites, you can fill up ideas for publications.
7. Analyze queries

Do not forget to browse, search queries on how users come to your site. Keep track of what they are looking for. It is all too can be a new theme for your blog.

Hopefully, after reading this article, you'll find plenty of ideas to be published in his blog.

Posted By Unknown6:24 AM

10 rules of copyright, or How to write a good text

Filled under:

10 rules of copyright, or How to write a good text
All we ever get the information: news, conversations, books, websites. If in our daily lives is of great importance, as we say , namely, intonation, tone of voice, speed of speech, the Internet is of primary importance, that we write . Yes, it is writing. Internet access at this time deprived of deepening of the voice, speaking rate and intonation. All these functions are performed by texts. Of course, the crucial appearance of the site, its usability and functionality, all this creates a backdrop for the most important thing, namely, that message, which we refer to music. On how it matches the style of the site depends on whether the user will turn his attention is on you.
Here I show you 10 of the rules made ​​by me from actual practice, using which you can write a good text for the site.

First and foremost : Find out in detail the purpose of the text. It should be clarified to what exactly the customer needed the text, this issue is by no means idle, with due attention, he will be the starting point for creating a good text.

The second, equally important : Pay attention to whom is the text. The same message will look completely different if it is addressed to young people, enthusiastic club music, or businessmen who are interested in how they value in investing. Of course, I take extreme cases, but the fact is, you write the text for the people and to talk to them in the same language.

Third, the study materials. Your text will be perceived as part of the site, so special attention should be paid to verifying the accuracy of the facts, especially the texts for professional sites. This detail can not be, you are writing on behalf of the company and have an understanding of what you write.

Fourth, study the examples of similar texts on other sites. It is much easier to write good lyrics, if you know what has been done to you. The main attention is paid to the style in which these texts were written.

Fifth, write a brief. Internet is full of information and to read the text, we spend an average of 30 seconds to determine whether or not to read further. During this time, you can read a short paragraph of about 200-300 characters in length, roughly like this.

Sixth, write paragraphs. Internet does not allow to read long texts, very often the problem boils down to the user to quickly find the information in the text. Make it easy for the reader to this task, each paragraph should contain no more than one thought, and it is important to build yourself paragraphs into a logical series.

Seventh: write competently. Grammatical errors annoy and may negate all other efforts.

Eighth, avoid negatives. The human mind does not take rejection as a result we see a distorted sense. If you want to apply, use the negation of the introductory speech.

Ninth: do not check the text at once. In order to get a good text to edit it stands. A gust of inspiration is nice, but it is fraught with errors, repeated words and disruption of the structure of the text. You can see it, if you read the text after it was created several times. When editing the first pay attention to the structure of the text, then stilistku and then the spelling.

The tenth and most-the most important thing : love your writing. A good text is created with love regardless of whether it relates to technological innovations or new beauty salon.

Posted By Unknown6:16 AM

Jun 1, 2012

Rotating icons with css3

Filled under: ,


Rotating icons with css3
Today we will learn how to create a rotating graphic elements with css3. Such effects are frequently used in web design for the logo, because it's very attract attention. Place your mouse cursor on the icon and you will see how it rotates on its own axis.

rotate (xdeg). With it you can rotate the item to any number of degrees clockwise or counterclockwise.Let's look at some examples (cross-browser compatibility (IE10 +, FF3.5 +, Chrome / Safari, and Opera 10 +)

360 degree spin onMouseover and onMouseout
60 degree spin onMouseover and onMouseout
-360 degree spin onMouseover ONLY



Adding styles

<style>
p#socialicons img{ /* 1st set of icons. Rotate them 360deg onmouseover and out */
-moz-transition: all 0.8s ease-in-out;
-webkit-transition: all 0.8s ease-in-out;
-o-transition: all 0.8s ease-in-out;
-ms-transition: all 0.8s ease-in-out;
transition: all 0.8s ease-in-out;
}
p#socialicons img:hover{
-moz-transform: rotate(360deg);
-webkit-transform: rotate(360deg);
-o-transform: rotate(360deg);
-ms-transform: rotate(360deg);
transform: rotate(360deg);
}
p#socialicons2 img{ /* 2nd set of icons. Rotate them 60deg onmouseover and out */
-moz-transition: all 0.2s ease-in-out;
-webkit-transition: all 0.2s ease-in-out;
-o-transition: all 0.2s ease-in-out;
-ms-transition: all 0.2s ease-in-out;
transition: all 0.2s ease-in-out;
}
p#socialicons2 img:hover{
-moz-transform: rotate(70deg);
-webkit-transform: rotate(70deg);
-o-transform: rotate(70deg);
-ms-transform: rotate(70deg);
transform: rotate(70deg);
}
p#socialicons3 img{ /* 3rd set of icons. Rotate them -360deg onmouseover ONLY. Note where the "transition prop is added */
}
p#socialicons3 img:hover{
-moz-transition: all 0.5s ease-in-out;
-webkit-transition: all 0.5s ease-in-out;
-o-transition: all 0.5s ease-in-out;
-ms-transition: all 0.5s ease-in-out;
transition: all 0.5s ease-in-out;
-moz-transform: rotate(-360deg);
-webkit-transform: rotate(-360deg);
-o-transform: rotate(-360deg);
-ms-transform: rotate(-360deg);
transform: rotate(-360deg);
}
</style>


Structure of HTML


<p><b>360 degree spin onMouseover and onMouseout</b></p>
<p id="socialicons">
<a href="http://www.wbupdates.com/">
<img border="0" src="rss.png" /></a>
<a href="http://www.wbupdates.com/">
<img border="0" src="delicious.png" /></a>
<a href="http://www.wbupdates.com/">
<img border="0" src="facebook.png" /></a>
<a href="http://www.wbupdates.com/">
<img border="0" src="twitter.png" /></a>
<a href="http://www.wbupdates.com/">
<img border="0" src="yahoo.png" /></a>
</p>
<p><b>60 degree spin onMouseover and onMouseout</b></p>
<p id="socialicons2">
<a href="http://www.wbupdates.com/">
<img border="0" src="rss.png" /></a>
<a href="http://www.wbupdates.com/">
<img border="0" src="delicious.png" /></a>
<a href="http://www.wbupdates.com/">
<img border="0" src="facebook.png" /></a>
<a href="http://www.wbupdates.com/">
<img border="0" src="twitter.png" /></a>
<a href="http://www.wbupdates.com/">
<img border="0" src="yahoo.png" /></a>
</p>
<p><b>-360 degree spin onMouseover ONLY</b></p>
<p id="socialicons3">
<a href="http://www.wbupdates.com/">
<img border="0" src="rss.png" /></a>
<a href="http://www.wbupdates.com/">
<img border="0" src="delicious.png" /></a>
<a href="http://www.wbupdates.com/">
<img border="0" src="facebook.png" /></a>
<a href="http://www.wbupdates.com/">
<img border="0" src="twitter.png" /></a>
<a href="http://www.wbupdates.com/">
<img border="0" src="yahoo.png" /></a>
</p>

Icons can be downloaded  here
According to the materials  dynamicdrive

Posted By Unknown8:32 AM

The collection of ready-made stamps for dates

Filled under:

You always pay attention to small design elements? A typical user is ready to give up, noticing even the minor error.
The collection of ready-made stamps for dates
Designers to avoid such errors are often invent excellent design and execution of their individual elements.

Below is a web resource is a selection of different stamps for dates and links to free collection of ready-made stamps and guidance on their production.

Posted By Unknown3:49 AM

How to make old content work blog

Filled under:

How to make old content work blog
If you blog for many months or even years, then you probably paid attention to what visitors are paying precious attention first of all the new content, archival paper is often mired with nothing to do (if they are, of course, is not search engine traffic) . The fact that a new cause of greater interest than the old one, this is true.However, the archive is an excellent publication may be (and sometimes even a "priceless gem"), unjustly deprived attention. Today I want to offer you some simple ways to "reanimation" of the old content.

Context of the link. most obvious way to acquaint readers with the old content - regularly refer to the archived articles from new. If a new article came out successful and popular, it can literally breathe new life into an old publication. Even if such an ambitious goal was not achieved, the benefits of this, you will receive, in any case (at least on internal linking ). It often happens that a new article on the test turns out to mention some other so that once again the same thing in the text does not speak, but who wants to read the details will be held at the link.

Posts by topic (Related Posts). addition of manual contextual links which you can arrange for new articles, nice to have the widget "posts on the subject» (Related Posts), which is in the automatic mode will display a list of articles on the subject after publication. You can use different plug-ins, the most popular ones Simple Tags, although the latest versions of wordpress it is not so widely used.

Popular posts. even if you wrote a post, he will sooner or later, get lost in the archives. A good way to keep these posts in mind - the widget popular posts, which can be placed in the sidebar. Some bloggers, by the way, especially selected publications release, which may be the most useful and attract new readers. Most popular posts - it's something automate the process, although the sample by hand is more efficient.

Tags and categories. Good site structure and advanced tag always increases the number of hits, so if the tags have a prominent place in your publication, on the sidebar (and other places on your site), you will only win. We can say that this is an additional element of navigation based on the blog.

Advanced Search. If you get creative (and if there is a technical possibility), then we can say, to supplement the results of search on the blog or your site a list of recommended items or something like that. Although, in principle, and without this help site visitors to search to find the necessary article of bins.

Add a widget "Archive." How can you seriously expect that someone will study your file, if the blog is not even an appropriate widget? So if you're hoping to reverse, this widget must be. Of course, not all visitors will actively use them, but believe me, there will always be those who are happy to look. In addition, the archive, tend to add credibility blog - say the author is a project for a long time, and fumbles in all this.

Section "of the blog." To specify a new user on some key publications, can be placed in a conspicuous place a widget which will be briefly tell newcomers about the blog (or specific headings / sections) and contain the necessary links. If you place the information in the sidebar, then of course there will not write much, but on a separate page reference section will be very helpful.

Collections. One more good way to "get" the publication of the non-existence - collections, which can from time to time (eg once a month) to do. Earlier in the blog posts were popular with the summing up of the last month or assembly. By the way, is sometimes seen in blogs collections on the old blog posts that can fill in emerged a break in the schedule of publications.

Other publications of the author. If you are a blog several authors, after each publication will be no more than a block containing information about the author and links to the best of his article. There will be small again, useful site in general.

Basically, as you can see, among boards is no big deal, many are implemented in general is quite simple. It may seem that they are not particularly effective, but it is not - a little bit, putting into practice these tips will get a positive result.

Posted By Unknown3:14 AM