ThemeForest

A well respected bazaar, where only high class work can be uploaded as TF has very upper-market conditions in terms of quality standards. Known for having very unique themes for WordPress and Joomla created by thousands of talented designers.
ThemeForest →

TemplateMonster

The oldest and biggest market place if we compare quantity of themes on offer and traffic numbers. Besides themes for CMS you can purchase loads of templates for other uses.
TemplateMonster →

Mojo-Themes

A great alternative place to buy and sell not only WordPress themes but also for Tumblr, a very popular blogging platform.
Mojo-Themes →

ThemeGarden

A relatively new spot in the market area. They are right now only offering WordPress themes, but this could change quickly once more buzz has been created.
ThemeGarden →

Theme Shops

These providers develop themes and frameworks and sell only their products, either as single item or offer a flat fee for accessing the complete collection. These shops are pros in terms of design standards.
As theme shops are professional developers they offer more dedicated support than the one-man-designer. Also there are real good tutorials for customers to get more out of the product. Some prominent theme shops you should know (ordered by Alexa):

Studiopress

Creator of the Genesis Framework, a really versatile and popular framework. Only selling themes for WordPress.
Studiopress →

DIYthemes

Creator of Thesis theme framework, that provides a sophisticated UI to build your own WordPress themes with drag and drop and little configuration. Really easy to use without coding.
DIYthemes →

JoomlaShack

Selling great templates for Joomla, Drupal and WordPress. Very popular for the service JoomlaShack University “the #1 source for online Joomla training!”
JoomlaShack →

GorillaThemes

These guys shine with the perhaps best Real Estate/MLS/Residential theme solutions for WordPress anyone can find. Great looking and ready to go.
GorillaThemes →

FusionDrupalThemes

FusionDrupalThemes →

Theme Clubs

If you are power user or a little advanced with CMS you really want to join so called theme clubs.
On template clubs it is not intended that you buy a single template. You subscribe to a yearly membership plan and gain access to all club themes, often bundled with custom written extensions. They focus on creating high quality prototype templates and frameworks that are turnkey solutions with lots of functionality and options.

If it comes to support, professional clubs provide much better and faster service as on the other places. Within 24 hours or even 12 hours after opening a support ticket, common problems are normally solved already. All themes have extensive documentation and tutorials. Some prominent theme clubs you should know (ordered by Alexa):

WooThemes

Great modern designs for WordPress and Drupal CMS serving lots of different purposes. You can purchase one theme like in shops or join membership if you want to use more than only one theme.
WooThemes →

ElegantThemes

This site lives up to it’s name, providing eye-catching themes with simplicity and elegance in mind.
ElegantThemes →

RocketTheme

One of the oldest and most respected theme clubs offering over 130 Joomla, WordPress and Drupal templates, highly functional extensions and a very active forum.
RocketTheme →

JoomlArt

Creators of T3, one of the most downloaded frameworks ever and totally free under GPL. Over 120 Joomla, Magento and Drupal themes coming with complementary extensions. Active community with over 200k members.
JoomlArt →

YooTheme

1st-class Design from Germany. They clearly have the best looking Icons built-in their themes, making it really stand out.
YooTheme →

Gavick

Gavick designs very innovative Joomla templates, especially distinguished are their news and corporate templates with great attention to typefaces.
Gavick →

Tipografia desempenha, um papel importante em toda a vida dos designers, que seja um novato ou um profissional! Todo mundo tem que ter um bom entendimento para a utilização de fontes. Bem, nesse post eu tenho a minha lista de favoritos recentes de fontes que podem ser usados em qualquer projeto, sendo ele impresso ou web.

Vá em frente e divirta-se!

1) Cube font

2) Kilogram Font [Download]

3) Alt Matey [Download]

4) St Marie [Download]

5) Deibi [Download]

6) Hattori Hanzo [Download]

7) Glow In the wind

8 ) Piron Font [Download]

9) Lobster [Download]

10) Matilde Font [Download]

11) Ripe [Download]

12) Qub Font [Download]

13) Unite [Download]

14) Dan Font

15) Gradualism [Download]

16) Juice Font [Download]

17) False Positive [Download]

18) Hetilica Bold [Download]

19) HVD Comic Serif [Download]

20) ROKE1984 [Download]

21) Code [download]

22) Color Lines [Download]

23) Medio [Download]

24) BADABUM [Download]

25) Tercio [Download]

26) Doughboy [Download]

27) Just Me [Download]

28) Null [Download]

29) LL Rubber Grotesque [Download]

30) Alt Retro Typeface [Download]

31) Sean’s Other Hand [Download]

32) Ribbon Alphabet [Download]

33) Raw Street Wall [Download]

34) Pinpression Typeface [Download]

35) Age Font [Download]

36) Thunderball [Download]

37) Soraya [Download]

38) Happy Phantom [Download]

39) Modo [Download]

40) Quadranta [Download]

41) Paper Boat [Download]

42) Dekar Font [Download]

43) Knarf [Download]

44) Slimbo [Download]

45) Rounded [Download]

46) Sketchetik [Download Registration Required]

47) Alice

48) Circuitry [Download]

49) Val Stencil [Download]

50) Nadia [Download:  PC / Mac]

51) Bada Bing [Download]

52) Solgas [Download]

53) Monkey Love [Download]

54) Palm Of Budha [Download]

55) Whiskey Town [Download]

56) Lot Font [Download]

57) Marcelle [Download]

58) Dreamforge classic [Download]

59) Trashco [Download]

60) Home Boots [Download]

61) Black Casper [Download]

62) League Script [Download]

63) Oval Font [Download Free Demo]

64) Flaminia Type System

65) Junction [Download]

66) Chunk [Download]

67) Goudy Bookletter [Download]

68) Raleway [Download]

69) Caprica [Download]

70) Portal Font [Download]

71) Patagonia [Download]

72) Smudgers [Download]

73) Eight One [Download]

74) Squair [Download]

75) Ultravioleta [Download]

76) Advent [Download]

77) Zag Font [Download]

78) File Font [Download]

79) Mod Font [Download]

80) Quad Type Face [Download]

81) SAF Font [Download]

Post by: nahid

Redesenhar o logotipo das empresas é sempre uma tarefa desafiadora. Às vezes é ainda controversa empresa para o designer e entidades envolvidas. Um grande exemplo disso é o logotipo da Gap.  Acho que posso falar por todos quando digo que a logo Gaps foi provavelmente o pior re-design em 2010. Uma vez que as mídias sociais estavam envolvidas, não foi dificil fazer com que se espalhasse como um incêndio.

Apesar de muitas empresas fazerem o re-brand/redesign seu logotipo, as vezes não é a melhor escolha azer isso. Você já tem uma base de clientes em massa que já reconhecem a sua marca. Mudando radicalmente a sua aparência pode realmente machucar. No entanto, você sempre pode refrescar sua aparência e torná-la moderna. Um grande exemplo disto é novo logo do Walmart.

Foi um grande ano, e um ano que muitas empresas tem feito o redesign. Muitas para melhor, e algumas para o pior. Esta enorme lista inclui uma grande variedade de empresas diferentes que tinham re-branding realizado em 2009-2010. Nós queremos que você seja o juiz e diga-nos qual as empresas têm o pior / melhor re-branding.

Nota: Todos os logotipos foram feitos manualmente, créditos ao Igor Ovsyannykov.

Post original: 60 Recently Redesigned Corporate Identities

1. Walmart

2. Xerox

3. Starbucks

4. Ubunto

5. Yellowpages

6. UPS

7. BestBuy

8. Aol

9. Bauschlomb

10. BP

11. CapitalOne

12. AnimalPlanet

13. at&t

14. Cisco

15. Sprint

16. Rhapsody

17. Discovery Kids

18. Seattles Best Coffee

19. Mtv

20. Quark

21. Pepsi

22. msn

23. Kraft

24. Google

25. Jack in the Box

26. KFC

27. Delta

28. GMgoodwrench

29. Gap

30. Quicktime

31. Airtel

32. Argos

33. Big10

34. Australia Unlimited

35. HongKong

36. Caribon Coffee

37. Egypt

38. Honecore

39. iTunes

40. LendingClub

41. YMCA

42. Your Singapore

43. Workopolis

44. Wikipedia

45. Virgin Atlantic

46. Technicolor

47. Survey Monkey

48. Scribd

49. PricewaterhouseCoopers

50. Myspace

51. Library of Congress

52. Griffin

53. Comedy Central

54. Virb

55. Hemtex

56. Belk

57. DivX

58. THQ

59. Symantec

60.  Verisign

If you’ve browsed through any logo design galleries, you’ve probably noticed some that take a very creative approach. In this post we’ll feature 50 clever logos for your design inspiration.

Uptown

Cowbra

Typeface

Shy Child

Mary and Andy

Push the Bottle

Cafe Click

Iron Duck

Threesome

Pain

White Crimson

Sushi

Wine Kingdom

Strategical Office Solutions

Natuur 2000

Shocked

Broken Goggles

Steers Restaurant

American Culinary Foundation

Egg

Eco-Cities

Families

Fenz-it

Plated

Rentzilla

Miskeeto

Doghouse Brewing Company

Exitive

Forkwire

Mind Over Math

Catalyst Construction

Umbrellar

Modani

Wiesinger Music

Playground

Elephant Talk

African Film Club

Twins

DJ Loop

Oil

Shelter

Shift Creative

Look

Killed

Swing Studios

Unpugged

Mr. Cutts

Peace Rebels

Shirt Pepper

Bar Code

For more logo inspiration please see:

Fonte: designm.ag  By Steven Snell

Trabalhar no Google deve ser o sonho de qualquer um focado na área de tecnlogia, após verem essas imagem do escritório deles na Suiça então…

O que achariam de trabalhar em um local desses?

Web Developer

Although it is called Web Developer, this Firefox add-on is absolutely invaluable for web designers. If you were only going to download and install one Firefox add-on, this is the one that I would recommend to you. The reason is that this add-on provides a variety of different useful features, and could be classified as the Swiss Army Knife of Firefox add-ons.

The first feature of this add-on that designers will find useful is the CSS menu.  Features of this menu include the ability to disable styles, display CSS by media type, view CSS, view style information, add a custom user style sheet or directly edit CSS.

The next feature of interest for designers is the Image menu. In addition to allowing you to display ALT attributes, image dimensions, image file sizes and image paths, you can disable images, find broken images, outline images, replace images with ALT attributes and several additional functions.

Although I could devote several pages to all of the features that this add-on offers, I just want to touch on a few other functions that web designers will find especially useful.  These include the ability to outline different elements (ranging from frames to block level elements), edit HTML and show hidden elements.

PT-BR

Web Developer Screen Shot Embora seja chamado Web Developer, este add-on do Firefox é absolutamente inestimável para web designers. Se você estava indo só para fazer o download e instalar um Firefox add-on, esta é a única que eu recomendaria para você. A razão é que este add-on fornece uma variedade de recursos úteis, e poderia ser classificado como o canivete suíço do Firefox add-ons.

A primeira característica deste add-on que os designers vão achar útil é o menu CSS. Características deste menu incluem a capacidade de desabilitar estilos, tipo CSS display pela mídia, vista CSS, informações de estilo exibir, adicionar uma folha de estilo personalizada de usuário ou editar diretamente CSS.

A próxima característica de interesse para designers é o menu Image. Além de permitir que você para mostrar os atributos ALT, dimensões de imagem, tamanhos de arquivo de imagem e os caminhos da imagem, você pode desabilitar imagens, encontrar imagens quebradas, imagens de esboço, substituir as imagens com os atributos ALT e várias funções adicionais.

Embora eu pudesse dedicar várias páginas a todas as funcionalidades que este add-on oferece, eu só quero tocar em algumas outras funções que web designers vão encontrar especialmente útil. Estes incluem a capacidade de delinear os diferentes elementos (variando de quadros para bloquear elementos de nível), editar HTML e mostrar os elementos ocultos.

Firebug

While Web Developer is the first add-on I would recommend to any designer, Firebug runs a close second in terms of usefulness for designers.

With Firebug, you are instantly given the ability to edit, debug or monitor any web page.  Firebug gives you full control over the CSS, HTML and JavaScript of any page that you choose.  Best of all, every change that you make is done live and instantly, so you can quickly test out different changes and see the results of those changes instantly.

Like most of the best add-ons for Firefox, Firebug goes beyond its basic functionality and provides a wealth of options that make it easy for any user to completely customize their use of this add-on. Some of the additional features and options offered by Firebug include keystroke shortcuts, the ability to control how and where the Firebug editing area appears, visual guides for editing CSS, analysis of network activity and customizable logging for JavaScript.

PT-BR

Enquanto Web Developer é o primeiro add-on que eu recomendaria para qualquer designer, Firebug é executado um segundo lugar em termos de utilidade para os designers.

Com o Firebug, você é imediatamente dada a capacidade de editar, depurar ou monitorar qualquer página web. Firebug lhe dá controle total sobre a CSS, HTML e JavaScript de qualquer página que você escolher. Melhor de tudo, todas as alterações que você faça é feito ao vivo e instantaneamente, assim você pode testar rapidamente a mudanças diferentes e ver os resultados dessas mudanças instantaneamente.

Como a maioria dos melhores add-ons para o Firefox, Firebug vai além de sua funcionalidade básica e oferece uma riqueza de opções que facilitam para qualquer usuário de personalizar completamente o seu uso deste add-on. Algumas das funcionalidades adicionais e opções oferecidas pelo Firebug incluem teclas de atalho, a capacidade de controlar como e onde a área de edição aparece o Firebug, guias visuais para edição de CSS, a análise de atividade de rede e personalizável log para JavaScript.

Colorzilla

As a web designer, you never know when inspiration is going to strike you as you are surfing around the Internet.  For example, you may be looking at a website and come across a color that you really like.

If you want a quick and efficient way to be able to find out the exact HSV and RGB value for that tool, you should install the ColorZilla add-on.

The ColorZilla add-on features an online eyedropper, which makes it quite simple to get the exact value of a specific color.

 In addition to the online eyedropper, ColorZilla offers several additional features that most web designers will find useful such as a DOM color analyzer and online palette viewer.  The DOM color analyzer allows you to locate elements on the page that correspond to a given color and find out the CSS rules that specify a certain color, while the online palette viewer allows you to bookmark and share color palettes that you like.

PT-BR

Como web designer, você nunca sabe quando a inspiração vai atacar enquanto você estiver navegando pela Internet. Por exemplo, você pode estar procurando em um site e nos deparamos com a cor que você realmente gosta.

Se você quiser uma maneira rápida e eficiente para ser capaz de descobrir o HSV exato eo valor RGB para essa ferramenta, você deve instalar o ColorZilla add-on.

A ColorZilla add-on possui um conta-gotas online, o que torna muito simples para obter o valor exato de uma cor específica. 
 
 Além do conta-gotas online, ColorZilla oferece vários recursos adicionais que a maioria dos webdesigners vai achar útil como um analisador de cores DOM e visualizador de paleta online. O analisador de cores DOM permite localizar os elementos na página que corresponde a uma determinada cor e descobrir as regras de CSS que especificar uma determinada cor, enquanto o espectador paleta online permite-lhe marcar e paletas de cores partes que você gosta.
FireShot

FireShot

Although your OS undoubtedly has a built-in screen capture function, this doesn’t mean that the default screen capture has all of the capabilities that you may need.

For example, can the default screen capture of your OS grab portions of a web page that are outside of the browser window?

In most cases, the answer to that question is going to be no.  Fortunately, there is a Firefox add-on that offers this feature, along with a variety of other useful functions.

FireShot is an advanced screen capture add-on for Firefox.  In addition to giving you the ability to capture an entire web page (even when there are portions of the web page that aren’t visible as a result of the constraints of your browser window), FireShot also allows you to add annotations directly to your screen captures.

FireShot gives you several options for handling your screen captures.  Not only can they be saved in a variety of file formats, but they can also be saved to your computer, emailed to others or saved on the free FireShot hosting server.  As a result of its wide range of features, this add-on has attracted over one hundred and fifty thousand active users, and has proven itself to be invaluable for web designers and other Internet professionals.

PT-BR

Apesar de seu sistema operacional, sem dúvida, tem um built-in função de captura de tela, isto não significa que a captura de tela padrão tem todos os recursos que você pode precisar.

Por exemplo, pode capturar a tela padrão do OS agarrar porções de uma página web que estão fora da janela do navegador?

Na maioria dos casos, a resposta a essa pergunta vai ser não. Felizmente, existe um add-on do Firefox que oferece esse recurso, juntamente com uma variedade de outras funções úteis.

FireShot é uma captura de tela avançado add-on para Firefox. Além de dar-lhe a capacidade de capturar uma página inteira (mesmo quando existem partes da página web que não são visíveis, como resultado das limitações de sua janela de browser), FireShot também permite que você adicione anotações diretamente para o seu capturas de tela.

FireShot dá-lhe várias opções para lidar com capturas de tela. Não só eles podem ser salvos em uma variedade de formatos de arquivo, mas eles também podem ser salvas em seu computador, enviadas para os outros ou guardados no servidor de hospedagem gratuita FireShot. Como resultado da sua vasta gama de funcionalidades, este add-on já atraiu mais de 150 mil usuários ativos, e provou ser inestimável para web designers e outros profissionais da Internet.

CSS Validator/HTML Validator

As a designer, you want to make sure that all of your hard work can easily be accessed by visitors and displayed to them properly. One of the easiest ways to ensure that both of these tasks are accomplished is by validating all of your code.

Although they are two separate add-ons, both the CSS Validator and HTML Validator should be installed in the browser of any web designer. Once the add-ons are installed, the CSS Validator can be accessed from the Tools menu, while the HTML Validator can be accessed from the Firefox status bar.

Each of the add-ons validates the code against the appropriate W3C standards.

 While the CSS Validator simply does a standard validation of the code, the HTML Validator provides some additional functionality.

When using the HTML Validator, you can choose to validate directly in the browser (where any errors are shown as a status bar icon), show the source with explanations of errors after the validation or a validation with proposed solutions to any errors.

PT-BR

Como designer, você quer se certificar de que todo o trabalho duro pode ser facilmente acessado por visitantes e apresentado a eles corretamente. Uma das maneiras mais fáceis para garantir que ambas as tarefas são realizadas é a validação de todos os do seu código.

Apesar de serem dois separados add-ons, tanto o validador CSS e HTML Validator deve ser instalado no navegador de qualquer web designer. Uma vez que os add-ons são instalados, o validador CSS pode ser acessado a partir do menu Ferramentas, enquanto o HTML Validator pode ser acessado a partir da barra de status do Firefox.

Cada um dos add-ons valida o código contra as normas adequadas W3C. 
 
 enquanto o validador CSS simplesmente faz uma validação padrão do código, o HTML Validator fornece algumas funcionalidades adicionais.

Ao utilizar o validador HTML, você pode optar por validar diretamente no navegador (onde os erros são mostrados como um ícone na barra de status), mostrar a fonte, com explicações de erros após a validação ou a validação com propostas de soluções para eventuais erros.

Browser Window Resizer

As someone who creates designs for the Internet, one of the most frustrating issues that you undoubtedly encounter is trying to create designs that work across a variety of screen sizes.

Because you don’t know whether a visitor is going to be viewing your work at 640×480, 800×600, 1024×768, 1280×1024 or 1600×1200, it’s your responsibility to create designs that work at all of these resolutions.

While there are a variety of ways to view your work at different resolutions, I have found that the Browser Window Resizer add-on is the most efficient way to accomplish this task.  Once you download and install this add-on, you will be able to instantly re-size your browser window to any of the standard resolution sizes listed above.

This will allow you to see if your design is going to look good to visitors who aren’t using the same resolution as you.

 The best thing about this add-on is that if you are using it in conjunction with the other add-ons in this list (specifically Firebug), when you see that something isn’t displaying properly, you can instantly make adjustments to your code and see if that fixes the problem, all without ever leaving your current browser window.

Know of any other good extensions for designers? Feel free to comment and leave us feedback.

PT-BR

Browser Window Resizer

Como alguém que cria projetos para a Internet, uma das questões mais frustrante que você encontrar, sem dúvida, está tentando criar modelos que funcionam através de uma variedade de tamanhos de tela.

Porque você não sabe se o visitante vai estar vendo o seu trabalho em 640 × 480, 800 × 600, 1024 × 768, 1280 × 1024 ou 1600 × 1200, é sua a responsabilidade de criar projetos que trabalham em todas essas resoluções .

Embora haja uma variedade de maneiras de ver o seu trabalho em diferentes resoluções, eu descobri que a janela do navegador Resizer add-on é a maneira mais eficiente para realizar essa tarefa. Depois de baixar e instalar este add-on, você será capaz de redimensionar instantaneamente a janela do navegador para qualquer dos tamanhos de resolução padrão listados acima.

Isto irá permitir que você veja se seu projeto vai ter uma boa aparência aos visitantes que não estão usando a mesma resolução que você. 
 
 A melhor coisa sobre este add-on é que se você está usando em conjunto com os outros add-ons nesta lista (especificamente Firebug), quando você vê que algo não está exibindo corretamente, você pode imediatamente fazer ajustes em seu código e ver se isso resolve o problema, tudo sem nunca deixar a janela do navegador atual.

Conheça as extensões de qualquer outro bom para designers? Sinta-se livre para comentar e deixar nos comentários.

Os atalhos listados abaixo são resultado de uma pesquisa realizada na internet e no próprio photoshop.

COMANDOS GERAIS – PALETAS
F1 – Abre o Adobe Help Center (Ajuda Online do Photoshop).
F5 – Mostrar ou esconder a paleta de Predefinições de Pincéis (Brushes).
F6 – Mostrar ou esconder a paleta de Cores, Amostras e Estilos.
F7 – Mostrar ou esconder a paleta de Camadas, Canais e Demarcadores (layers).
F8 – Mostrar ou esconder a paleta do Navegador, Informações e Histograma (Info).
F9 – Mostrar ou esconder a paleta do Histórico e Ações.
Tab – Mostrar ou esconder todos os componentes da tela.
Shift+Tab – Mostrar ou esconder todos os componentes da tela (com exceção da barra de ferramentas).

ATALHOS PARA BARRA DE FERRAMENTAS

Para alternar entre ferramentas que utilizam a mesma tecla de atalho, utilize Shift. Por ex.: a tecla L seleciona a ferramenta Laço (Lasso), mas se você quiser utilizar a ferramenta Laço Poligonal (Polygonal Lasso), tecle Shift+L.

M – Letreiro Retangular (Rectangular Marquee); Letreiro Elíptico (Elliptical Marquee)
V – Mover (Move)
L – Laço (Lasso); Laço Poligonal (Polygonal Lasso); Laço Magnético (Magnetic Lasso)
W – Varinha Mágica (Magic Wand)
C – Corte Demarcado (Crop)
K – Fatia (Slice); Seleção de Fatia (Slice Select)
J – Pincel Para Recuperação de Manchas (Spot Healing Brush); Pincel de Recuperação (Healing Brush); Correção (Patch); Olhos Vermelhos (Red Eye)
B – Pincel (Brush); Lápis (Pencil); Substituição de Cor (Color Replacement)
S – Carimbo (Clone Stamp); Carimbo de Padrão (Pattern Stamp)
Y – Pincel do Histórico (History Brush); História da Arte (Art History Brush)
E – Borracha (Eraser); Borracha de Plano de Fundo (Background Eraser); Borracha Mágica (Magic Eraser)
G – Degradê (Gradient); Lata de Tinta (Paint Bucket)
R – Desfoque (Blur); Nitidez (Sharpen); Borrar (Smudge)
O – Subexposição (Dodge); Superexposição (Burn); Esponja (Sponge)
A – Seleção de Demarcador (Path Selection); Seleção Direta (Direct Selection)
T – Texto Horizontal (Horizontal Type); Texto Vertical (Vertical Type); Máscara de Texto Horizontal (Horizontal Type Mask); Máscara de Texto Vertical (Vertical Type Mask)
P – Opções da Ferramenta Caneta (Pen); Caneta de Forma Livre (Freeform Pen)
U – Retângulo (Rectangle); Retângulo Arredondado (Rounded Rectangle); Elipse (Ellipse); Polígono (Polygon); Linha (Line); Forma Personalizada (Custom Shape)
N – Observações (Notes); Comentário de Áudio (Audio Annotation)
I – Conta-gotas (Eyedropper); Classificador de Cores (Color Sampler); Medir (Measure)
H – Mão (Hand)
Z – Zoom
D – Cores de Primeiro Plano e Plano de Fundo Padrão (Reset Foreground and Background To Black and White)

Para os seguintes atalhos, não é necessário teclar o Shift para alternar entre as funções, basta pressionar a tecla de atalho novamente

X – Alternar Cores de Primeiro Plano e Plano de Fundo (Change Foregroud to Background)
Q – Alternar entre Editar no Modo Padrão (Pattern Mode); Editar no Modo Máscara Rápida (Quickmode)
F – Alternar para o Modo de Tela Padrão (Pattern Screen); Modo de Tela Cheia com Barra de Menus (Fullscreen w/ Menu Bars); Modo de Tela Cheia (Fullscreen)

Daqui para frente estão os atalhos para comandos do menu, navegação, edição, seleção, texto, camadas, e os mais importantes do Photoshop.

Atalhos para ARQUIVO (File Menu)

Novo… (New) – Ctrl+N
Abrir… (Open) – Ctrl+O
Procurar… (File Browser) – Ctrl+Alt+O
Abrir Como… (Open As) – Ctrl+Alt+Shift+O
Editar no Image Ready (Jump to Image Ready) – Ctrl+Shift+M
Fechar (Close) – Ctrl+W
Fechar Todas (Close All) – Ctrl+Alt+W
Fechar e Ir para o Bridge… (Close and Jump to Bridge) – Ctrl+Shift+W
Salvar (Save) – Ctrl+S
Salvar Como (Save As) – Ctrl+Shift+S
Salvar para Web (Save to Web) – Ctrl+Alt+Shift+S
Reverter (Revert) – F12
Info Sobre Arquivo (File Info) – Ctrl+Alt+Shift+I
Configurar Página (Page Setup) – Ctrl+Shift+P
Imprimir com Visualização (Preview Print) – Ctrl+Alt+P
Imprimir (Print) – Ctrl+P
Imprimir uma Cópia (Print Copy) – Ctrl+Alt+Shift+P
Sair (Exit) – Ctrl+Q

Atalhos para EDITAR (Edit Menu)

Desfazer (Undo) – Ctrl+Z
Avançar uma Etapa (Step Backward) – Ctrl+Shift+Z
Retroceder uma Etapa (Step Forward) – Ctrl+Alt+Z
Atenuar…(Fade) – Ctrl+Shift+F
Recortar (Cut) – Ctrl+X ou F2
Copiar (Copy) – Ctrl+C ou F3
Copiar Mesclado (Copy Merged) – Ctrl+Shift+C
Colar (Paste) – Ctrl+V ou F4
Colar em (Paste Into) – Ctrl+Shift+V
Transformação Livre (Free Transform) – Ctrl+T
Transformar Novamente (Tranform Again) – Ctrl+Shift+T
Configuração de Cores (Color Settings) – Ctrl+Shift+K
Atalhos de Teclado (Keyboard Shortcuts) – Ctrl+Alt+Shift+K
Mudar Preferências (General Preferences) – Ctrl+K
Atalhos para IMAGEM (Image Menu)
Níveis (Levels) – Ctrl+L
Níveis Automáticos (Auto Levels) – Ctrl+Shift+L
Contraste Automático (Auto Contrast) – Ctrl+Alt+Shift+L
Cor Automática (Auto Color) – Ctrl+Shift+B
Curvas… (Curves) – Ctrl+M
Equilíbrio de Cores… (Color Balance) – Ctrl+B
Matiz/Saturação (Hue/Saturation) – Ctrl+U
Remover Saturação (Desaturation) – Ctrl+Shift+U
Inverter (Invert) – Ctrl+I
Tamanho da Imagem (Image Size) – Ctrl+Alt+Y

Atalhos para CAMADAS (Layers Menu)

Nova Camada (New Layer) – Ctrl+Shift+N
Nova Camada por Cópia (Layer via Copy) – Crtl+J
Nova Camada por Corte (Layer via Cut) – Ctrl+Shift+J
Criar/Soltar Máscara de Corte (Create/Release Clipping Mask) – Ctrl+Alt+G
Agrupar Camadas (Group with Previous) – Ctrl+G
Desagrupar Camadas (Ungroup) – Ctrl+Shift+G
Trazer para o Primeiro Plano (Bring to Front) – Ctrl+Shift+]
Trazer para Frente (Bring Forward) – Ctrl+]
Enviar para Trás (Send Backward) – Ctrl+[
Enviar para o Plano de Fundo (Send to Back) – Ctrl+Shift+[
Mesclar Camadas (Merge Down) – Ctrl+E
Mesclar Camadas Visíveis (Merge Visible) – Ctrl+Shift+E

Atalhos para SELECIONAR (Select Menu)

Selecionar Tudo (Select All) – Ctrl+A
Cancelar Seleção (Deselect) – Ctrl+D
Selecionar Novamente (Reselect) – Ctrl+Shift+D
Inverter Seleção (Inverse Selection) – Ctrl+Shift+I ou Shift+F7
Selecionar Todas as Camadas (All Layers) – Ctrl+Alt+A
Difusão… (Feather) – Ctrl+Alt+D ou Shift+F6

Fonte: vision-designer / oficina da net / entre outros

Defina seu preço-base

Pra começar, você precisa definir sua base de ganhos por hora. Qual o mínimo de dinheiro que você precisa pra cobrar pra cobrir suas despesas sem fazer lucro em cima? Isso é o que chamamos de preço-base.

Assim que você estabelecer uma base e começar a entender quer receber um centavo a menos seria ruim (um projeto de prejuízo) vai ficar mais fácil de determinar quanto de lucro você quer fazer. Logo, isso vai fornecer um seguro viável para seus projetos e pode ajudar a colocar um preço no seu trabalho no mercado competitivo atual.

Definir o preço-base requer um pouco de matemática básica e um pouco de adivinhação. Quanto você precisa pra sobreviver um mês? Divida isto pelo tanto de tempo que você trabalha e você terá seu preço-base.

Por exemplo, vamos supor que você tenha R$ 1.000 em contas todos mês – aluguel, água, luz, telefone e comida. Vou assumir que você trabalhe todo dia útil, das 9 da manhã até 6 da tarde, tirando uma hora de almoço. No total, seria 8 horas de trabalho por dia. Multiplicando por 5 dias na semana e quatro semanas por mês, temos um total de 160 horas de trabalho mensais. Para que você sobreviva, você precisa ganhar pelo menos R$ 6,25 a hora.

Defina seu lucro

Lucro é o que sobra depois de todas as contas terem sido pagas.Lucro é o que sobra depois de todas as contas terem sido pagas. Se você cobrar seu preço-base a seus clientes, nunca terá lucro; todo mês, você terá suas contas pagas mas não sobrará nenhum dinheiro extra. Então como fazer para ter uma grana afim de investir em equipamento melhor ou aquela tão sonhada viagem ao Paraguay pra comprar muamba?

O lucro você vai inserir no seu preço-base na hora de cobrar do cliente. Aqui você tem duas opções: ter um lucro absurdo (ou seja, seu valor por hora vai lá em cima), no entanto você terá menos clientes ou diminuir seu lucro e nunca ter trabalho faltando. O ideal é achar um meio-termo: seu lucro é o suficiente para te incentivar a continuar trabalhando mas não tão pouco que você acabe trabalhando em 10 projetos por vez e fazendo todos eles com qualidade inferior.

Mas como se define o lucro? Lucro é o prêmio adicional pelo seu trabalho que contribuiu com o crescimento do negócio ou empresa do seu cliente. Se seu trabalho é diferente do de outros profissionais, se você tem aquele diferencial que mais ninguém tem, você pode obter um lucro maior por causa da exclusividade. Por exemplo, se seu atendimento ao cliente é excelente, você trabalha mais rápido que seus concorrentes ou qualquer outro diferencial, seu lucro poderá ser maior. E é aqui que entra a parte de adivinhação.

Quanto vale seu diferencial? Quanto você honestamente acha que seu trabalho vale? Dez porcento em cima do seu preço-base? Vinte? Cem? Duzentos? Aqui vai de você. Mas cuidado com sua escolha!

Seguindo nosso exemplo, vamos dizer que o lucro é de 100% do preço-base porque o serviço é excelente e você faz algo que nenhum outro profissional faz. De R$ 6,25 a hora, você passou a cobrar R$ 12,50. No fim do mês, seu ganho será de R$ 2.000 e o lucro será R$ 1.000.

Defina a duração do projeto

Essa é a variável final da equação, e a mais difícil também. Primeiro, você precisa saber exatamente o que seu cliente quer. E aí que entra a necessidade do briefing. Com isso em mãos, é necessário que você conheça-te a ti mesmo. Quanto tempo demora para você fazer um site parecido com o que o seu cliente quer? Quatro dias? Quatro semanas?

O briefing não serve apenas para medir quanto tempo você acha que vai precisar, mas também para ficar de olho no que pode ser feito, como pode ser feito e como estabelecer regras para que seu cliente não decida mudar tudo na última hora. Um briefing deve estabelecer claramente o que o cliente quer. Assim, você pode definir quanto vai cobrar pelo que está escrito no documento. Se o cliente decidir mudar algo ou pede por algo extra que não está incluso no documento, então o freelancer têm todo o direito de cobrar a mais pelo trabalho extra.

No nosso exemplo, vamos assumir que você vá precisar de pelo menos 20 dias para fazer o projeto daquele cliente. Ou seja, 160 horas.

Agora temos seu valor-base, sua porcentagem de lucro e o número de horas que vai demorar para finalizar um projeto. Está na hora da…

A Fórmula Mágica

Seguindo nosso exemplo, trabalhando por R$ 6,25 a hora, lucrando 100%, você estaria cobrando R$ 12,50 a hora. Multiplique pelo número de horas estimada (160) e pronto! O valor a ser cobrado é R$ 2.000.

Mas, peraí. Esse cálculo é óbvio, não é? Não. Muitos freelancers lá fora, quer sejam escritores, designers, programadores ou músicos continuamente falham em criar regras de trabalho quando o assunto é cobrar o projeto adequadamente.

Freqüentemente existe uma tendência de cobrar um preço abaixo do mercado; talvez pelo fato de que não têm idéia de quanto devem cobrar, talvez porque eles estão tão preocupados com adversários em potencial e acham que quanto menor o preço, melhor o preço, mas mais freqüentemente é porque eles não acertaram seu preço base, o lucro que querem ganhar em cima e o número de horas que vai demorar para completar um projeto.

Crie seu próprio preço-base e lucro e nunca ofereça um preço para um trabalho que seja menos do que você precisa pra sair sem prejuízo. Faça essas coisas básicas e seu preço sempre estará certo!

Post original
DESIGN BLOG