16 Plugins jQuery para trabalhar com imagens

frameworks JavaScript se tornaram muito populares nos últimos anos, tornando a criação de efeitos dinâmicos muito mais fácil. Leves, utilizados no WordPress e Drupalnúcleo, jQuery é agora um dos mais utilizados em torno de bibliotecas JavaScript.

A seguinte lista de plugins jQuery irá ajudá-lo a melhorar a usabilidade do seu site ou aplicações web, aumentando a exposição de suas imagens.

1. s3 Slider

s3 Slider página de demonstração.

Uma maneira simples de adicionar slideshows imagem suave e apresenta no seu site.

2. jQuery Image Strip

jQuery Image Strip página de demonstração.

Nice visualizador de imagens que usa pouco extravagantes efeitos visuais. Isto pode ser de grande utilidade para a exibição de vários pontos de vista de um produto em um site de comércio eletrônico.

3. Thumbs jQuery

Fácil criação de miniaturas com jQuery, jQuery Thumb dinamicamente envolve imagens e / ou imagens de ligação com uma div.

4. jCrop

jCrop página de demonstração.

Rápido e fácil de adicionar a funcionalidade de recorte da imagem para o seu aplicativo web. Ele combina a facilidade de uso de um plugin jQuery com um típico DHTML poderosa plataforma de corte transversal do motor.

5. preview da imagem

Image preview página de demonstração.

previews Criar imagem com este acessível e fácil de executar script.

6. EOGallery

Web gallery slideshow animado feito com jQuery.

7. jCarousel Lite

jCarousel Lite página de demonstração.

Carousel script com jQuery. Navegue imagens ou HTML em um widget do carrossel de estilo, leve e flexível, personalizável para atender a maioria das necessidades.

8. Thickbox

Thickbox página de demonstração.

Webpage widget de diálogo UI usando a biblioteca jQuery, ele mostra qualquer tipo de conteúdo em uma caixa de modal.

9. PanView

Para permitir que seus visitantes ver os detalhes de uma imagem grande. Ideal para deixá-los ter uma visão melhor da obra de arte, mapa ou panorama. PanView cria uma div de tamanho fixo no qual o usuário pode mover a imagem maior.

10. plugin jQuery Cycle

O jQuery Cycle Plugin é um plugin de slideshow leve que suporta pausa no hover, auto-stop, ajuste automático, antes / depois callbacks, clique gatilhos e muitos efeitos de transição.

11. Coda Slider

Um script jQuery que emula o efeito usado no lindo site Coda.

12. cantos arredondados

Fácil criação de cantos arredondados. Toneladas de efeitos estão disponíveis para divs fixas ou fluido.

13. ImageCube

efeito legal para rodar a imagem, como se fossem as faces de um cubo.

14. jqzoom

jqzoom página de demonstração.

Javascript ampliador de imagem para dar uma visão melhor de suas imagens.

Moving Boxes -

1. Nivo Slider -
   
   BeZoom Lighweight JQuery Zoom Plugin

Brand identity is a popular term in the design industry, as companies look to create strong marketing campaigns to build consumer confidence. Designing for different market segments and marketing budgets can prove difficult, but here are a few pointers and great inspirational resources to keep in mind throughout the design process.

Importance of Brand Identity

Brand identity has become a vital tool for companies who seek to build brand awareness and consumer confidence, especially in the online marketing world. Many companies, even smaller businesses, wish to build an identity that is as easily recognizable as the Target bulls eye, or the Nike swoosh. It is often ignored that these companies have spent millions of dollars on marketing campaigns over many years to build the brand recognition which they boast today. As a creative media designer, it’s important to understand the importance of brand identity to better focus on the needs and goals of the company you’re designing for.

Build a Strong Foundation

Especially with start up companies and small businesses, it is important to build a strong foundation for their overall brand identity. At this point in the brand’s lifecycle, it’s necessary to focus on the current scope of the company, rather than building a brand identity with future expansion in mind. If the brand identity proves successful it will expand with the business, rather than the business expanding around the identity. It’s important to design for their present position in order to target their current customers, rather than targeting markets which they’re not prepared to reach.

Image is Everything

Image is important no matter how large or small a company’s total marketing budget is. Without an image that promotes the services or product offerings of the brand, consumers may hesitate to convert business with a company. The overall image of a brand should tell a story in order to properly promote the message of the brand. Common stories and focus points to turn to when designing include:

• The company’s history
• Why they entered the market
• The markets they target
• What makes them unique compared to the competition
• Originality of the targeted audience, if it’s a niche market
• How the product or service was formed, if original to company

Consistency is Key

A logo is the sole identity of any business, so it’s important that the brand’s image is used consistently across all mediums. Consistency builds consumer confidence, and will help them recognize the brand. When designing a brand identity, it’s important to maintain consistent colors, fonts, orientation, and overall appearance in order to promote the brand in a positive fashion.

If a company does most of their business through direct contact with the customer, then the logo should transfer well to print. Business cards, letterheads, envelopes and brochures should all display consistent replications of the logo and important company information should flow seamlessly.

For companies who target customers through digital mediums, it may be important to design a logo that can be animated or filled with gradient effects to create a more modern, 3D feel. It is still important to give a black and white, or limited color variation of these logos, if the company ever needs to transfer the logo to print.

If a company wishes to promote their business using various promotional products such as coffee mugs, apparel, or other giveaways, it may be necessary to design their identity in both horizontal and vertical orientations to satisfy their branding and marketing needs. Here it remains imperative to keep a consistent look to the identity, so consumers don’t question the integrity of the brand.

For more information on building a strong brand identity, check out these excellent resources:

• The 22 Immutable Laws of Branding, by Al and Laura Ries
• Designing Brand Identity: A Complete Guide to Creating, Building, and Maintaining Strong Brands, by Alina Wheeler

After reading a few tutorials and mix and matching techniques I was able to achieve this effect, but wanted to share it with those who experienced the same frustration that I had gone through.

View Demo

Step1. Wireframe & Style

We start out with an h2 tag with a link as the “trigger” for our effect. Below our h2, we will have our container where we hold the content.
Note that we nest the container within another div. One of the main reasons I decided to do this was to prevent the padding from easing up and down during its action. Take a look here for a bad example of a toggle.

HTML

————————————————————————————–

<h2><a href="#">Toggle Header</a></h2>
<div>
	<div>
		<h3>Content Header</h3>
		<!--Content-->
	</div>
</div>
--------------------------------------------------------------------------------------

CSS

--------------------------------------------------------------------------------------
h2.trigger {
	padding: 0 0 0 50px;
	margin: 0 0 5px 0;
	background: url(h2_trigger_a.gif) no-repeat;
	height: 46px;
	line-height: 46px;
	width: 450px;
	font-size: 2em;
	font-weight: normal;
	float: left;
}
h2.trigger a {
	color: #fff;
	text-decoration: none;
	display: block;
}
h2.trigger a:hover { color: #ccc; }
h2.active {background-position: left bottom;} /*--When toggle is triggered, it will shift the image to the bottom to show its "opened" state--*/
.toggle_container {
	margin: 0 0 5px;
	padding: 0;
	border-top: 1px solid #d6d6d6;
	background: #f0f0f0 url(toggle_block_stretch.gif) repeat-y left top;
	overflow: hidden;
	font-size: 1.2em;
	width: 500px;
	clear: both;
}
.toggle_container .block {
	padding: 20px; /*--Padding of Container--*/
	background: url(toggle_block_btm.gif) no-repeat left bottom; /*--Bottom rounded corners--*/
}
--------------------------------------------------------------------------------------
Step2. Activating the Toggle with jQuery

Query
We will now activate this toggle effect with some simple jQuery.
--------------------------------------------------------------------------------------
$(document).ready(function(){

	//Hide (Collapse) the toggle containers on load
	$(".toggle_container").hide(); 

	//Switch the "Open" and "Close" state per click
	$("h2.trigger").toggle(function(){
		$(this).addClass("active");
		}, function () {
		$(this).removeClass("active");
	});

	//Slide up and down on click
	$("h2.trigger").click(function(){
		$(this).next(".toggle_container").slideToggle("slow");
	});

});
--------------------------------------------------------------------------------------
View Demo

Conclusion

I am no jQuery master, so there may be an even shorter way of writing this up, but this does the trick for me. If any jQuery heads are out there still reading, please share some of your techniques and tips!



Credits: http://www.sohtanaka.com/web-design/easy-toggle-jquery-tutorial/

Changing the position of the background image felt to be the best approach to creating the type of effect we’re looking for (and I’m not the first to think so: see the examples at the end of this article).

jQuery is a great library for this type of task but out of the box, it can’t animate background position properly because of the need to animate two values instead of just one (too bad not all browsers implemented the non-standard background-position-x and -y like Internet Explorer). Grab the latest version (1.0.2 as of this writing) of the Background-Position plugin. Previous versions didn’t support negative or decimal values properly.

The HTML

Nobody likes adding extra HTML to pull off all the fancy stuff and therefore, we’re looking at a very simple unordered list:

<ul>
	<li><a href="#">Home</a></li>
	<li><a href="#">About</a></li>
	<li><a href="#">Contact</a></li>
</ul>


The Basic CSS

For this, I've just floated the navigation and set each of the links to display block with a little padding. Nothing fancy (which is the whole point).
ul {
	list-style:none;
	margin:0;
	padding:0;
}
li {
	float:left;
	width:100px;
	margin:0;
	padding:0;
	text-align:center;
}
li a {
	display:block;
	padding:5px 10px;
	height:100%;
	color:#FFF;
	text-decoration:none;
	border-right:1px solid #FFF;
}
li a {
	background:url(bg.jpg) repeat 0 0;
}
li a:hover {
	background-position:50px 0;
}

Notice that a hover state has been declared. Users who visit the page without JavaScript will, at least, still be able to view the final state. I've declared the background on the li a separately to make it stand out, but an initial background position needs to be set along with the background image you want to use for the effect.
The Image

You can pull off different types of effects by creating your image in a particular fashion.



Figure 1: The Swipe

In Figure 1, the before and after states are on the left and right but a simple slant can create an interesting effect.



Figure 2: The Fade

Figure 2 is a little more elaborate. The amount of visible space in the normal and hover states are at the very top and bottom of the image. The large gradient in the middle generates a fade-in/out effect when animated over time. The larger the gradient, the less it'll feel like it's moving in from the bottom and feel more like it's actually fading in and out.

The simplicity of the image allows the file size to be small, as well. More complex animations with more colour depth would require a larger file size. Always strike a balance between the effect and performance.

Check out the demo page to see how these two effects (and a couple others) look in action.
The Script

Finally, the script to put this altogether is really straightforward. The animation needs to run when the user moves their mouse over and out of the navigation.
$('#nav a')
	.css( {backgroundPosition: "0 0"} )
	.mouseover(function(){
		$(this).stop().animate(
			{backgroundPosition:"(0 -250px)"},
			{duration:500})
		})
	.mouseout(function(){
		$(this).stop().animate(
			{backgroundPosition:"(0 0)"},
			{duration:500})
		})

The elements are captured via the $ function and given a default CSS. This is necessary for both Internet Explorer and Firefox 2, which don't report the default background position. In IE, you can get around the issue using background-position-x and -y but it's easier just to set the initial values in the script.

Then the elements are animated using the mouseover and mouseout events.

The key thing to note is that any animation is stopped before attempting to animate again. This avoids animations queuing up from repeatedly moving the mouse in and out of the element.

jQuery also has a hover method which can be used instead of separately using the mouseover and mouseout methods. The reason I didn't was because I like the clarity that is provided by explicitly declaring them. The hover method takes two parameters: the function to run when over and the function to run when out.
The Demo

On the demo page, I've created four separate animations. Just hop to the source to see how it was all put together.
Other jQuery Examples

As mentioned, I'm certainly not the first to come up with this idea. Check out these other resources for more jQuery navigation animation exploration.

 

credits: http://snook.ca/archives/javascript/jquery-bg-image-animations/

View Demo

1. HTML – Page Peel Wireframe

The “pageflip” div will act as the container, mainly used to establish the relative positioning. Then nest the image and the span class of “msg_block” wrapped in an <a> tag. Note – If you don’t have any conflicting absolute/relative positioning properties, you technically don’t need the “pageflip” container at all.

————————————————————————————————–

<div id="pageflip">
	<a href="#">
		<img src="page_flip.png" alt="" />
		<span>Subscribe via RSS</span>
	</a>
</div>

————————————————————————————————-

2. CSS – Page Peel Styles

Set the image property to a smaller size (50px by 50px) by default and set the absolute positioning to be in the top right corner. The image will be used similar to the “masking” technique in Photoshop or Flash, where it will be placed on top of the hidden message, so only a portion of the message will be shown. Check out the image below for a visual:

The actual message behind the “peeling” effect, is all within the “msg_block” class. By default, it will start at 50px by 50px, positioned on the top right corner of the page. The text-indent will shoot the text off of the page for anyone with CSS enabled.

————————————————————————————————-

#pageflip {
	position: relative;
}
#pageflip img {
	width: 50px; height: 52px;
	z-index: 99;
	position: absolute;
	right: 0; top: 0;
	-ms-interpolation-mode: bicubic;
}
#pageflip .msg_block {
	width: 50px; height: 50px;
	position: absolute;
	z-index: 50;
	right: 0; top: 0;
	background: url(subscribe.png) no-repeat right top;
	text-indent: -9999px;
}
-------------------------------------------------------------------------------------------------
Conclusion

The concept is very simple and may come in handy one day. If you have any questions or know of other techniques, please don’t hesitate to let me know~



-------------------------------------------------------------------------------------------------

View Demo

-------------------------------------------------------------------------------------------------

Credits: http://www.sohtanaka.com/web-design/simple-page-peel-effect-with-jquery-css/

1. Conheça os seus objetivos site

Cada site foi concebido com uma finalidade diferente. Alguns ganhar lucros e alguns para fins de informação, alguns para criar reconhecimento de marca e outros para puro entretenimento. Para obter o máximo, sempre começar seu Web site projetado giram em torno desses objetivos.

2. Usabilidade do site:

Faça a informação facilmente acessível ao usuário. Não importa se o projeto não é revolucionário, mas se é clara e compreensível, você está indo no caminho certo.

3. Flawless Copy Web:

Embora sempre subestimado, a maior força de uma cópia da web é o seu poder de induzir as perspectivas em ação. Então faça o erro de cópia gratuita na web, de curto, simpático e interessante.

4. Estrutura de navegação:

Se você não quer que seus visitantes a correr para os seus concorrentes, manter a estrutura de navegação muito simples e clara para o usuário a encontrar exatamente o que está procurando.

5. Loading Time of Website:

O tempo mínimo de carga, o que é melhor. Não faça o usuário esperar para seu website ou uma determinada página do seu site carregar. A este respeito, evitar flash e quaisquer outros elementos que retardam o tempo de carregamento do site.

6. Layout de página da Web e elementos:

Evite um layout ocupado com letras pequenas e muito texto. Inclua um espaço em branco, cabeçalhos e recorte com cuidado para fazer o site aparecer bem para os visitantes. Um site equilibrada, com a quantidade exata de elementos organizada pode fazer o truque.

7. Cross Browser Compatibility:

Verifique se o seu site funciona em qualquer navegador visitantes escolher para navegar no site. Você pode garantir isso através de fazer o WC3 Web compatível.

8. Procure Profissional:

Seu site deve imediatamente dar um sentimento profissional e credível na primeira olhada. Metade dos visitantes de tomar uma decisão de compra sem se preocupar com o proprietário. Você pode fazer isso pela contratação de web designers profissionais ou serviços de web design para o trabalho.

9. Search Engine Optimization:

Otimizar o seu site e páginas da web para os motores de busca. Isto irá aumentar sua chance de conseguir uma maior exposição, bem como maior quantidade de tráfego. A fim de ser conhecido na web, você deve tomar medidas para tornar-se visível para os utilizadores da Internet, e utilizando motores de busca para este fim é o melhor método.

10. Privacidade e Condições de Uso:

Esse fator é fundamental para assegurar a protecção ea segurança do usuário, e não deve ser ignorado pelas grandes corporações. Se você é uma entidade de compras on-line, acrescentando a este aspecto para o seu site vai aumentar consideravelmente a sua credibilidade e de vendas.

Para obter resultados precisos e rentáveis do desempenho do seu site, manter os fatores acima dada em mente na próxima vez que você criar seu site.

fonte: http://www.cyberdesignz.com/blog/website-design/10-critical-design-factors/

Many people don’t know what is CSS? If you are new to web design you also might not aware of it. The full form of CSS is Cascading Style Sheet. CSS help web designers to design the web page the way they want. User can change design elements such as fonts, images, graphics, shades, spacing, layout and other. This language mainly used to design web pages or website. It helps users with countless stylistic abilities to design website.

This language helps marketer to design the company website attractively and emphatically. It is certainly beneficial to all those business people who have an online business and want to expand their business. The CSS enables the designer to have complete control over the appearance of the website.

You can ask that how CSS helps in website designing. CSS enables a website developer to exercise complete control over the website creation. Nowadays many people prefer using multimedia content like animation, audio and video elements on their website because these types of multimedia content makes the presentation of the website perfect and emphatic.

Usually, the animation and other such elements increase the file size of the web pages larger. The use of Style Sheets helps designer to reduce the size of the website. The smaller size website helps visitors to open the website in less time. The code of the Style sheets is not complicated at all due to the reason the website is reachable for the search engines.

These style sheets make minimum use of the bandwidth this is the reason why modern browsers support the CSS. Definitely it makes the task of the website developer more flexible and easier. You can control the design elements as you make changes into the margins, layout, graphics , border and background. CSS can prefect the presentation style of the company website if used effectively.

One good advantage is a marketer can upload the keyword rich and vital content at the top of the HTML document. As it helps web portals recognize the relevance of the website and you can achieve higher page ranking. The CSS-based website is easily accessible on mobile phones; Web Television, in-car browsers and other such devices also. CSS can use for creating website for making the it accessible on handled devices.

This kind of flexibility CSS have it certainly helps to fetch larger number of visitors towards the website and that builds your online reputation much more powerful.

Click to View Full Image

by: Mathijs Vissers

Click to View Full Image

by Malota Projects

Click to View Full Image

by: Humanot

Click to View Full Image

by Sorin Bechira and Adrian Labos

Click to View Full Image

by Design Ranch

Click to View Full Image

by: SeedVibe Design

Click to View Full Image

by REACTOR

Click to View Full Image

by Blue Bird Design

Click to View Full Image

by Sliced Orange

Click to View Full Image

by Kathleen Losche

Click to View Full Image

by: Edustries

Click to View Full Image

by Kristina Miletieva

Click to View Full Image

by The Mandate Press

Click to View Full Image

by JS3 Design

Click to View Full Image

by: emrah serdaroglu

Click to View Full Image

by Light PLague

Click to View Full Image

by Michael Strauss

Click to View Full Image

by: Matthew James

Click to View Full Image

by Laurie Demartino

Click to View Full Image

by Design Ranch

Click to View Full Image

by Nothing Something

Click to View Full Image

by: Jason Woan

Click to View Full Image

by Depux

Click to View Full Image

by Interrobang Design

Click to View Full Image

by Studio On Fire

Click to View Full Image

by Justin Ninneman

Click to View Full Image

by: Fuelhaus

Click to View Full Image

by Filament Creative

Click to View Full Image

by: Matthew Inman

Click to View Full Image

by Kelli Anderson

Click to View Full Image

by: Muku Studios

Click to View Full Image

by Diesel Design

Click to View Full Image

by Ethan Martin

Click to View Full Image

by Graphic Fusion Design

Click to View Full Image

by: Richard Cardona

Click to View Full Image

by: John Leschinski

Click to View Full Image

by: studio RVOLA

Click to View Full Image

by: Thomas Champion

Click to View Full Image

by: LiFT Studios

Click to View Full Image

by: David Patrick Crawford

Click to View Full Image

by: Baris Celebi

Click to View Full Image

by: Alex ElChehimi

Click to View Full Image

by: deskfolio.com

Click to View Full Image

by: Ahmed Murtaza

Click to View Full Image

by: [gb] Studio

Click to View Full Image

by: Davier Interactive

Click to View Full Image

by: Cihan

Click to View Full Image

by: Philippe Santavenere

Click to View Full Image

by: Romi Dumitrescu

Click to View Full Image

by: Versátil

Click to View Full Image

by: Jungle it!

Click to View Full Image

by: Inetys Communication

Click to View Full Image

by: Four Players

Click to View Full Image

by: SolarisMedia.net

Click to View Full Image

by: Lukáš Strnadel

Click to View Full Image

by: Miguel Reyes

Click to View Full Image

by: Creative Suitcase

Click to View Full Image

by: Ben Falk

Click to View Full Image

by: Davier Interactive

You can use Photoshop perfectly but more important thing is the creativity in mind.First you will imagine and then you have to show your technical skills.Especially when you start working with text,the imagination becomes more important for us.

In this post i collect 40 really creative 3D text effects using Photoshop.But of course in some tutorials you need a few different softwares but the job finishes with photoshop.

Most of them are for advanced users but if you want to improve yourself,you need to learn a lot of techniques so the below tutorials will help you.Hope all will be useful for you.

1.Create a Steam Powered Typographic Treatment

2.Create An Incredible Chrome 3D Text Effect n 7 Steps

3.How To Create Amazing 3D Type

4.Jungle 3D text In Photoshop

5.3D Bulge Text Effect Tutorial

6.3D Textured Text Effect

7.3D Text Shatter Effect

8.Add Fantastic Color To 3D Text

9.How To Create Remarkable 3D Text In Photoshop

10.Easy Plastic Text With Layer Styles

11.Create A Dream Design with 3D Typography

12.Iron Man Wallpaper

13.Recreate The ‘Bee Movie’ Text Effect

14.Patriotic Text Using Displacement Masks

15.Candy Coated Photoshop Tutorial

16.Colored Chrome Text Effect

17.How To Create a Gorgeous Glassy Text Effect

18.The New Way To Create 3D Text

19.3D Cliff Text

20.Transformers Effect

21.How To Create High Quality Metal 3D Text In Photoshop

22.Create 3-D Text With Some Extreme Lighting

23.Create a 3D Flowery Text Effect

24.Hell Of Tutorial In Photoshop

25.Glowing And Sparkling Intense Light 3D Logo

26.3D Exploding Text

27.Master 3D Type Effects

28.3D Text On Fire

29.Stunning 3D Effects In 30 Minutes

30.3D Transparent Glass Text Effect

31.3D Toy Text Tutorial

32.How To Create Stunning And Bold 3D Text

33.AboTREKA 3D Text

34.3Create A 3D Typo Effect In Photoshop

35.Shiny 3D Text In Photoshop

36.3D My Space Text Effect

37.Great Effects With 3D Text

38.Create A Cool 3D Text Using Photoshop And Illustrator

39.Create A Spectacular Style Text Effect

40.Liquid Text Photoshop Tutorial

Importante: Texto retirado do site http://chocoladesign.com/seja-freela-1
_________________________________________________________

Bom, não sei se você que está lendo esse post acompanhou antes, mas quando meu blog pessoal era mais ativo, eu tinha uma série de textos sobre como se tornar um freelancer. Achei válido voltar e resolvi trazer para o Chocola essa série. Uma vez por semana darei dicas para a galera que ta começando ou pensa em começar a vida como freela. Espero que curtam a série. Agora vamos ao que interessa:

Finalmente chegou o grande dia. Você saiu do seu confortável emprego com um salário garantido, além de alguns benefícios que são sempre muito bem vindos, para seguir seu caminho sozinho ou resolveu abrir seu estúdio de design com alguns sócios. Não importa a finalidade pela qual você saiu do seu emprego, a primeira pergunta que virá sua cabeça é: “E agora, o que eu faço?”

Acredito que essa pergunta atormenta grande maioria dos freelancers em começo de carreira, eu mesmo passei um bom tempo me perguntando isso e quando achava que tinha a resposta, percebia que estava mais perdido que antes. Mas, sejamos honestos: porque alguém contrataria você – freelancer em início de carreira – uma pessoa que ele não conhece? Bom, uma boa saída para esse problema seria você se tornar um profissional conhecido no mercado. Mas ai nos aparece outra pergunta: “Como me tornar conhecido no mercado?”.

Antes de falar sobre como se tornar conhecido no mercado, você freelancer em início de carreira, tem que fazer uma pequena lista de tarefas pra realizar antes de tomar qualquer outra iniciativa. Vou listar aqui apenas alguns dos itens que devem ser feitos.

Cartão de visitas

O MAIS IMPORTANTE DE TODOS. Ele deve ter apenas seu nome, um telefone, um endereço de e-mail e o endereço do seu portifólio caso já possua um.

Se você ainda não tem um portfólio, eu recomendo que comece a criar trabalhos fantasmas, ou seja, para algumas empresas apenas para mostrar seu trabalho, não necessariamente você precisa de fato ter feito aquele trabalho para alguém. Se você é apenas designer gráfico e não entende nada de web, crie uma conta no Flickr, Picasa, Carbomade ou em tantos outros sites que você possa expor seus trabalhos.

Independente de você sacar alguma coisa de web ou não, é muito interessante você ter um blog. Mas, porque ter um blog? É simples! Se você domina um determinado assunto é muito legal falar sobre ele em seu blog, e de preferencia sobre vários outros que também se relacionam na sua área de atuação no mercado. Isso faz com que seu blog e/ou site tenha um conteúdo mais relevante na web, melhorando seu posicionamento nos buscadores, além de atrair mais pessoas para seu blog, seus futuros clientes que encontrarem seu blog na web conheceram um pouco mais sobre você e seu trabalho, fazendo com que eles tenham mais confiança no seu trabalho, mesmo ante de te conhecer.

Existem inúmeras formas de se tornar conhecido em um curto período de tempo e sem sombra de dúvidas a forma mais eficaz é através do famoso networking.