Posts co-relacionados

• 31 de março de 2010 -- Como enviar uma página da web como e-mail do Outlook (1)
• 13 de julho de 2008 -- POR QUE O PROJETO SOBRE CRIMES NA INTERNET COLOCA EM RISCO A CRIATIVIDADE E AS REDES DE COMPARTILHAMENTO? (0)

1. Stock.XCHNG
2. everystockphoto
3. Morguefile
4. Dreamstime
5. Woophy
6. Pixel Perfect Digital
7. Abstract Influence
8. Stockvault.net
9. aboutpixel.de
10. Dns Fotografia Digital
11. CNICE
12. Image*After
13. FreePixels
14. Big Foto
15. Fontplay
16. FreeImages
17. FreeFoto
18. tOfz
19. pixelio.de
20. FreePhotoBank
21. Public-domain-photos.com
22. Free Photos Web
23. FreePhotosBank.com
24. freerangestock.com
25. Visipix
26. Burning Well
27. Cepolina Photos
28. ImageBase
29. DHD Multimedia Gallery
30. ZURBphotos
31. stock.diwiesign.com
32. Stockcache
33. Orange Trash
34. UnProfound
35. unices.org
36. Amygdela’s atmosphere
37. Twice Pix
38. Studio25
39. star29
40. Cromavista
41. 9×13 glänzend
42. StickStock.com
43. dieBlen.de
44. Photogen
45. DexHaus
46. OpenPhoto.Net
47. graphicsarena.com
48. tripalbum.net
49. La Chti’te galerie
50. OneOddDude.net
51. MFX.de
52. FotoDatebank
53. Majestic Imagery
54. SPB
55. DesignPacks.com
56. EssEndEmmE Stock Photos
57. Fotobank
58. IronOrchid
59. Vintage Pixels
60. Microshots.org (close-up)
61. Pixalia
62. fotofree.org
63. PhotoRack
64. Imageblowout
65. Bajstock.com
66. FreeMediaGoo
67. PIX
68. Apostroph | Freshpics
69. Four Bees
70. FotoImpact.ro
71. Plants of Hawaii
72. Farmphoto
73. ARS
74. Animal Pictures Archive
75. Yellowstone Digital Slide File
76. Insecta
77. Insect Images
78. FEMA
79. Aarin Free Photo
80. Creativity 103
81. Truly Free Stock
82. Jay Arraich’s Free Photos
83. Piotr.Pix
84. Public Domain Stock Photos
85. LIGHTmatter
86. FreeStockPhotos
87. Imagetemple.com
88. A Digital Dreamer
89. ArtFavor | Photo Collection
90. Corbis

Outros posts

• 20 de janeiro de 2008 -- Utilidade Pública – GBPlugin do Banco do Brasil deixa computadores lentos (44)
• 24 de março de 2008 -- A diferença entre os padrões CMYK e RGB no design (8)
• 9 de janeiro de 2008 -- Belo Horizonte Wireless – Via6 (6)
• 11 de maio de 2008 -- O design de ícones (5)
• 4 de janeiro de 2008 -- 25 sites indispensáveis da Time (4)
• 20 de janeiro de 2011 -- Dicas Magento – Pasta de reports (logs) no magento (4)
• 24 de março de 2008 -- Webwriting – O design da escrita para web (3)
• 29 de março de 2008 -- Exemplos de elementos de design gráfico para web 2.0 (2)
• 5 de junho de 2009 -- Joomla – atualização dos menus. (2)
• 28 de agosto de 2009 -- Paciente “Crazy” no manicômio. (2)

Foi divultado pela University of Southern California – EUA um estudo sobre a quantidade de dados arquivados pelas pessoas ao redor do mundo. O resultado mostra que, atualmente, a humanidade tem a capacidade de armazenar cerca de 295 exabites – o equivalente a cerca de 1,2 bilhão de discos rígidos comuns.

Isto significa, metaforicamente, que se cada estrela fosse um bite de informação, cada pessoa do mundo teria o equivalente a uma galáxia de dados. Um dos autores do estudo, Martin Hilbert, destaca que, apesar dos números serem impressionantes, ainda estamos bem longe de alcançar a capacidade da própria natureza. Para isso ele lembra que os 295 exabites representam apenas 1% do que o DNA humano é capaz de armazenar.

O estudo sobre a habilidade humana de armazenar informações analisou o fluxo de dados entre 1986 e 2007, com o intuito de analisar como as pessoas lidam com informações e como isso mudou nas últimas duas décadas. No período, a capacidade computacional cresceu cerca de 58% ao ano. O levantamento destacou que 2002 pode ser considerado o começo da chamada ‘era digital’, já que, pela primeira vez, a quantidade de armazenamento de dados digitais superou os analógicos (livros, documentos, entre outros). Hoje, cerca de 94% dos nossos dados estão arquivados no forma digital.

Fonte: olhar digital

Outros posts

• 20 de janeiro de 2008 -- Utilidade Pública – GBPlugin do Banco do Brasil deixa computadores lentos (44)
• 24 de março de 2008 -- A diferença entre os padrões CMYK e RGB no design (8)
• 9 de janeiro de 2008 -- Belo Horizonte Wireless – Via6 (6)
• 11 de maio de 2008 -- O design de ícones (5)
• 4 de janeiro de 2008 -- 25 sites indispensáveis da Time (4)
• 20 de janeiro de 2011 -- Dicas Magento – Pasta de reports (logs) no magento (4)
• 24 de março de 2008 -- Webwriting – O design da escrita para web (3)
• 29 de março de 2008 -- Exemplos de elementos de design gráfico para web 2.0 (2)
• 5 de junho de 2009 -- Joomla – atualização dos menus. (2)
• 28 de agosto de 2009 -- Paciente “Crazy” no manicômio. (2)

Alguns desenvolvedores preconizam que é melhor esperar pela popularização do novo IE9 para começar a usar as novas especificações da linguagem HTML 5. Entretanto, outros são menos conservadores e acreditam que toda nova tecnologia deve ser colocada em prática o quanto antes. Para eles, portanto, já é hora de começar a utilizar o HTML5 junto com scripts que fazem os navegadores mais antigos reconhecerem as novas tags. O desenvolvedor Remy Sharp criou um script que cumpre esta função.

É fato, a resistência à mudanças sempre vai existir como se vê ainda hoje em diversos sites ainda diagramados com tabelas fazendo utilização da tag <table>, desconsiderando a utilização do tableless atuando como sites da primeira geração.

A versão 6 do Internet Explorer vigorou por mais de dez anos e precisou da ação de grandes companhias como a Google para que fosse deixado de lado. Para tentar reduzir a quantidade de usuários que utilizam navegadores antigos, a Google deixou de oferecer suporte ao IE 6. Por isso, mesmo que o IE 9 venha a se popularizar rapidamente será necessário que o desenvolvedor se preocupe em criar páginas que funcionem em navegadores mais antigos, ainda que opte por utilizar a linguagem HTML5.

A melhor forma de decidir sobre utilizar ou não o HTML5 é analisando o público-alvo do site para saber quais os navegadores mais utilizados na situação. O site w3schools é uma ótima referência para pesquisar tendências de utilização de navegadores, dados técnicos e estatísticos de acesso e servir como orientação ao desenvolvedor.

Sempre será preciso avaliar se o tempo gasto com a correção para navegadores antigos para que as novas tags sejam visualizadas corretamente valerá a pena. O principal é avaliar que cada caso é um caso e deverá ser avaliado isoladamente. Evidentemente que um bom planejamento é sempre uma ótima ferramenta de trabalho.

É óbvio que o novo HTML5 apresenta um novo horizonte para o desenvolvimento e a criação de páginas para a internet. Grande parte das novas mudanças foca na possibilidade de permitir ao usuário mobilidade. As aplicações conhecidas como rich-applications (aplicações ricas) ganham mais espaço permitindo grandes mudanças na forma como são implementadas as soluções criadas pelos desenvolvedores.A integração entre conteúdo on-line e off-line passar a merecer maior atenção seguida de inovações consideráveis que estão por vir.

Abaixo indico endereços em que é possível obter maiores detalhes técnicos a respeito da linguagem de marcação HTML5, além de apresentar as principais diferenças entre o antigo e o novo formato.

Documentação oficial do W3C

Diferenças entre o HTML5 e o seu antecessor

Posts co-relacionados

• 28 de fevereiro de 2011 -- HTML 5 só terá versão definitiva em 2014 (0)
• 1 de fevereiro de 2011 -- Logotipo HTML 5 (0)
• 27 de janeiro de 2011 -- Introdução ao HTML 5 (0)

Um dos motivos para o atraso no lançamento da versão, que começou a ser desenvolvida em 2007, foi a necessidade de atender às diferentes necessidades dos diversos perfis de usuários, segundo Jacob.

O W3C, responsável pela revisão do HTML, prevê que a nova versão tenha, entre outros aspectos, o aprimoramento do uso off-line, melhoria na depuração de erros e desenvolvimento de gráficos bidimensionais.

Alguns sites já estão utilizando o HTML5, mas os testes com a nova sintaxe podem mudar parte dos padrões usados atualmente. Até o final de 2011, alguns recursos serão implementados nos códigos e, em 2012, terão início os testes para correção de erros.

Texto disponível em: Olhar Digital.

Posts co-relacionados

• 1 de março de 2011 -- Quando utilizar o HTML5? Já está na hora? (0)
• 1 de fevereiro de 2011 -- Logotipo HTML 5 (0)
• 27 de janeiro de 2011 -- Introdução ao HTML 5 (0)

Abaixo apresento uma lista de extensões para Firefox que poderão facilitar consideravelmente o trabalho com CSS, especialmente no que tange à identificação e visualização dos elementos da página.

Entre todas, recomendo especificamente o Firebug para iniciar o trabalho e o Web Developer para tarefas mais avançadas, por ser um das extensões mais valiosas e facilitatoras do processo de criação para web.

Firebug – https://addons.mozilla.org/en-US/firefox/addon/1843
You can edit, debug, and monitor CSS, HTML, and JavaScript live in any web page

Web Developer – https://addons.mozilla.org/en-US/firefox/addon/60
Adds a menu and a toolbar with various web developer tools.

EditCSS – https://addons.mozilla.org/en-US/firefox/addon/179
Stylesheet modifier in the Sidebar

CSSMate – https://addons.mozilla.org/en-US/firefox/addon/4187
a port of the fantastic EditCSS

View formatted source (format source extension) – https://addons.mozilla.org/en-US/firefox/addon/697
Displays formatted and color-coded source and optional CSS information for each element.

X-Ray – https://addons.mozilla.org/en-US/firefox/addon/1802
See the tags on a page without viewing the sourcecode

CSSViewer – https://addons.mozilla.org/en-US/firefox/addon/2104
A simple CSS property viewer

View Source Choice – https://addons.mozilla.org/en-US/firefox/addon/2070
View Page Source in a variety of contexts

JSView – https://addons.mozilla.org/en-US/firefox/addon/2076
Ability to view the source code of external files. You can now view the embedded css and js as well.

ViewSourceWith – https://addons.mozilla.org/en-US/firefox/addon/394
The main goal consists to view page source with external applications but you can also…
- open page source as DOM document, read faq
- open CSS and JS files present on page

Console² – https://addons.mozilla.org/en-US/firefox/addon/1815
Console² let’s you display errors filtered by type (Errors, Warnings, Messages), language (JavaScript, CSS, XML) and context (Chrome, Content).

View Dependencies – https://addons.mozilla.org/en-US/firefox/addon/2214
Lists all the files which were loaded to show the current page

View Source Chart – https://addons.mozilla.org/en-US/firefox/addon/655
Source Charting… Graphically Displays HTML Tag Boundaries, graphically Defines Tag Nesting Order, Structure and Hierarchy

SourceEditor – https://addons.mozilla.org/en-US/firefox/addon/1760
View and Edit source of HTML element

InspectThis – https://addons.mozilla.org/en-US/firefox/addon/1913
Inspect the current element with the DOM Inspector

Cores
Rainbowpicker – https://addons.mozilla.org/en-US/firefox/addon/1693
Pick any color of the rainbow

FireCal – https://addons.mozilla.org/en-US/firefox/addon/3747
Colour Picker and Converter

ColorZilla – https://addons.mozilla.org/en-US/fir…don/271?id=271
Advanced Eyedropper, ColorPicker, Page Zoomer

Medidas
MeasureIt – https://addons.mozilla.org/en-US/firefox/addon/539
Draw out a ruler to get the pixel width and height of any elements on a webpage

Window Resizer – https://addons.mozilla.org/en-US/firefox/addon/1985
Resize your browser to various standard resolution sizes

Validação:
CSS validator – https://addons.mozilla.org/en-US/firefox/addon/2289
HTML Validator (based on CSE HTML Validator) – https://addons.mozilla.org/en-US/firefox/addon/887
Total Validator – https://addons.mozilla.org/en-US/firefox/addon/2318
Validaty – https://addons.mozilla.org/en-US/firefox/addon/2609
Page validator – https://addons.mozilla.org/en-US/firefox/addon/2250
Offline Page validator – https://addons.mozilla.org/en-US/firefox/addon/2520

Posts co-relacionados

• 22 de julho de 2008 -- Lançamento do layoutsprontos.info (0)
• 17 de julho de 2008 -- Design de ícones: ferramentas de geração de Favicons on-line (0)
• 26 de junho de 2008 -- Lançamento do modelosdesites.info (0)
• 18 de junho de 2008 -- Guia SEO para Designers e Webdesigners (0)
• 2 de maio de 2008 -- Pixel to inch converter design (0)
• 8 de janeiro de 2008 -- O que é Acid 2? (0)
• 7 de janeiro de 2008 -- Estatíticas de acesso ao site da WordPress.com (1)
• 4 de janeiro de 2008 -- 25 sites indispensáveis da Time (4)

Download: logo html5 | Símbolos H5

Posts co-relacionados

• 1 de março de 2011 -- Quando utilizar o HTML5? Já está na hora? (0)
• 28 de fevereiro de 2011 -- HTML 5 só terá versão definitiva em 2014 (0)
• 27 de janeiro de 2011 -- Introdução ao HTML 5 (0)
• 27 de março de 2008 -- Diferença entre as terminologias logomarca e logotipo (0)
• 4 de julho de 2008 -- Case: design do logotipo Jr (0)

O desenvolvimento da linguagem HTML (HyperText Markup Language| linguagem de marcação de hipeertexto) ficou estacionado na versão 4 desde 1999. Desde então, a W3C focou-se no desenvolvimento de linguagens como XML (Extensible Markup Language) e SVG (Scalable Vector Graphics, que se refere ao uso de gráficos vetoriais em navegadores). Neste tempo, os navegadores (browsers) evoluíram suas funcionalidades, como por exemplo, a abertura de páginas abas diversas, a criação e integração com leitores de RSS. Entretanto, recentemente organizações como Mozilla Foundation, Opera e Apple se uniram para atualizar o HTML e implementar novas funcionalidades e melhorias no seu funcionamento.

Este artigo busca apresentar algumas das novidades que o HTML5 apresenta. Os ele já conhecidos do HTML 4 permanecem em sua grande maioria, não sendo portanto, problema para aqueles que já estão familizariados HTML. Isto por que o o HTML5 foi desenvolvido pensando também em todos os usuários que não utilizam os navegadores mais recentes do mercado. Para os novos usuários e aprendizes do HTML e que irão se imergir diretamente no HTML 5 também não será problema, pois as mudanças não são significativas o suficiente para impactar criações e produções baseadas nesta linguagem.

Os novos elementos do HTML 5

Diversos elementos novos foram introduzidos no HTML5 com o objetivo de facilitar a compreensão e a manutenção do código. Alguns deles são fruto de uma evolução natural do elemento <div> com foco na websemântica; já outros surgiram da necessidade de implementar uma padronização na forma de se publicar conteúdo, como já ocorre hoje com imagens. Veja abaixo alguns dos principais elementos da nova geração:

Elementos de estruturação

<header> – cabeçalho de página ou de seção (diferente da tag <head> );

<section> – cada seção do conteúdo;

<article> – um item do conteúdo dentro da página ou da seção;

<footer> – rodapé da página ou de uma seção;

<nav> – conjunto de links que formam a navegação, seja no menu principal do site ou nos links relacionados ao conteúdo da página;

<aside> – conteúdo relacionado ao artigo (como ocorre hoje nos arquivos e posts relacionados em um blog, por exemplo).

Alguns elementos de conteúdo

<figure> – utilizado para associar uma legenda a uma imagem, vídeo, arquivo de áudio, objeto ou iframe:

    <figure id="figura01">
      <legend>Figura 1. Esquema de uma página em HTML5</legend>
      <img src="figura01.png" border="0" width="400" height="500"

	alt="Apresentação da estrutura de uma página criada com os novos elementos do HTML 5" />
    </figure>

<canvas> – através de uma API gráfica (Application Programming Interface (ou Interface de Programação de Aplicações), irá renderizar imagens 2D (bidimensionais) dinâmicas que poderão ser usadas em jogos, gráficos, etc;

<audio> e <video> – utilizados para streaming (transmissão via internet) de arquivos de áudio e vídeo. Esta é nitidamente uma busca em estabelecer um novo padrão em todos os navegadores para estes tipos de mídias, como ocorre hoje com as imagens:

    <audio src="audiohd.mp3" autoplay="autoplay" loop="70000" /> 

    <video src="videohd.mov" width="1920" height="1080" />

<dialog> – junto com as tags <dt> e <dd> será utilizado para formatar um diálogo:

    <dialog>
        <dt> Olá, como vai amigo?
        <dd> Eu estou bem e você?
        <dt> Eu também estou muito bem.
        <dd> Você sabe onde encontro Maria.

        <dt> No Brasil?
        <dd> Isto, ela foi para lá.
    </dialog>

<time> – representa data e/ou hora;

<meter> – utilizada para representar medidas, que podem ser de distância, espaço de armazenagem em disco, altura, comprimentos, espaço entre objetos etc.

Elementos de estruturação retirados do HTML5

Alguns elementos não existirão mais no HTML5. Alguns deles foram retirados porque sua função tem como objetivo o resultado visual. Estes elementos deverão ser substituídos por declarações feitas diretamente no CSS (Cascading Style Sheets), como: <basefont> , <big> , <center> , <font> , <s> , <strike> , <tt> e <u> .

Outros elementos foram retirados por afetarem negativamente a acessibilidade do site, como as tags: <frame> , <frameset> e <noframes> .

Apesar de serem considerados antigos, <b> e <i> ainda serão reconhecidos e renderizados para fins de formatação, mas devem ser substituídos sempre que possível pelos elementos <strong> e <em> , respectivamente.

Também foram retirados alguns atributos, seja porque caíram em desuso ou porque podem ser substituídos semanticamente por declarações no CSS para definir o visual dos elementos. Os principais atributos retirados são:

• target no elemento <a> ;
• align nos elementos <table> e demais tags de tabelas, <iframe> , <img> , <input> , <hr> , <div> , <p> , entre outros;
• background em <body> ;
• bgcolor nos elementos de tabela e no <body> ;
• border em <table> e <object> ;
• cellpadding e cellspacing em <table> ;
• height em <td> e <th> ;
• width nos elementos <hr> , <table> , <td> , <th> e <pre> ;
• hspace e vspace em <img> e <object> ;
• noshade e size em <hr> .

Declaração Doctype

Com o HTML5 passaremos a utilizar apenas uma declaração doctype conforme apresentado abaixo:

    <!DOCTYPE html>

Atualmente praticamente todos os desenvolvedores copiam e colam o longo e complicado doctype de algum lugar na hora de começar um novo documento HTML. Com este novo formato teremos uma declaração única, curta e fácil de lembrar.

A Transição do XHTML

O HTML5 e seus antecessores, HTML 4.01 e XHTML 1.0 são muito semelhantes. Logo, o desenvolvedor que está está familiarizado com as versões anteriores não sentirá nenhuma dificuldade na mudança. Para os novos desenvolvedores que ainda irão aprender a linguagem, os novos elementos do HTML 5 deixarão o processo mais simples.

A sintaxe dos elementos é a mesmo que no HTML 4.01, sintaxe esta que não exigia que elementos como <img> e <input> fossem “fechados”:

    <input type="text" id="nome">

Entretanto, para aqueles que estão migrando do XHTML, a barra que fecha um elemento continuará sendo aceita, conforme se vê abaixo:

    <input type="text" id="nome" />

Posts co-relacionados

• 1 de março de 2011 -- Quando utilizar o HTML5? Já está na hora? (0)
• 28 de fevereiro de 2011 -- HTML 5 só terá versão definitiva em 2014 (0)
• 1 de fevereiro de 2011 -- Logotipo HTML 5 (0)
• 11 de julho de 2008 -- Web 2.0 Layer Styles para design de webelements no Photoshop (0)
• 10 de julho de 2008 -- Web 2.0 Layer Styles para design de webelements no Fireworks (1)
• 27 de junho de 2008 -- Pack de logomarcas design for web (0)
• 18 de junho de 2008 -- Guia SEO para Designers e Webdesigners (0)
• 29 de março de 2008 -- Exemplos de elementos de design gráfico para web 2.0 (2)
• 26 de março de 2008 -- Criando elementos de design gráfico web 2.0 em Fireworks (0)
• 24 de março de 2008 -- Webwriting – O design da escrita para web (3)

Começando uma série de postagens acerca do Magento falaremos sobre várias dicas, problemas e dificuldades relacionadas ao uso, instalação e manutenção deste CMS para lojas virtuais e comércio eletrônico.
A dica de hoje é bastante simples e relaciona-se com uma dificuldade comum: onde encontrar os arquivos de report de erros do Magento?
Isto pode se tornar particularmente interessante quando se deseja visualizar os motivos de erros eventuais de servidores, seja de bancos de dados ou web, ou ainda fornecer dados para solução de problemas para o suporte.

O caminho para pasta de reports de erros (logs) do Magento é: http://www.loja.com/var/report.

Ou seja, dentro da pasta var encontram-se os arquivos de log de erros e instabilidades do Magento.

Grande abraço a todos.
Ao som de Fergie – Big Girls Don’t Cry

Outros posts

• 20 de janeiro de 2008 -- Utilidade Pública – GBPlugin do Banco do Brasil deixa computadores lentos (44)
• 24 de março de 2008 -- A diferença entre os padrões CMYK e RGB no design (8)
• 9 de janeiro de 2008 -- Belo Horizonte Wireless – Via6 (6)
• 11 de maio de 2008 -- O design de ícones (5)
• 4 de janeiro de 2008 -- 25 sites indispensáveis da Time (4)
• 20 de janeiro de 2011 -- Dicas Magento – Pasta de reports (logs) no magento (4)
• 24 de março de 2008 -- Webwriting – O design da escrita para web (3)
• 29 de março de 2008 -- Exemplos de elementos de design gráfico para web 2.0 (2)
• 5 de junho de 2009 -- Joomla – atualização dos menus. (2)
• 28 de agosto de 2009 -- Paciente “Crazy” no manicômio. (2)

Criando um novo documento

01 – Pressione Ctrl+N para criar um novo documento.
02 – Defina o tamanho em 400 x 400 pixels.
03 – Defina a resolução em 72 dpi´s.
04 – Defina o modo de cor em RGB.
05 – Pressione Ok.

Resentando as cores do documento criado

1 – Pressione a letra D do teclado para resetar as cores de Foreground e Background para preto e branco.

Colorindo o fundo

2 – Pressione Alt+Backspace ou a letra G do teclado para selecionar a Paint Bucket Tool.
3 – Clique no documento para preencher a layer com a cor escolhida, no caso preto, pelo reset anteriormente realizado.

Criando a shape

1 – Pressione aletra X do teclado para alternar as cores de Foreground e Background, sua cor de Foreground deve ser a branca (ocorrerá a inversão enre o branco e o preto neste caso).
2 – Pressione a letra U do teclado para selecionar a Custom Shape Tool (esta é a ferramenta para desenhar figuras geométricas diversas).

3 – Na barra de opções da ferramenta clique na opção Shape e escolha o shape chamado Sun 1. Para poder visualizar mais facilmente escolha a opção no menu lateral direito para ver todos os shapes disponíveis.

4 – Clique e arraste para aplicar o shape no documento. Seguro a tecla shift para conseguir uniformidade.
5 – Pelo menu Layer> Layer Style> Stroke, escolha a cor preta e pressione Ok.

6 – Pressione Ctrl+Shift+N para criar uma nova layer. Pressione OK na tela que se abrir.
7-  Mova esta layer para baixo da layer da Custom Shape.
8 – Clique na layer da Custom Shape e pressione Ctrl+E para mesclar as layers
8 – A imagem deverá ficar como a apresentada abaixo.

Aplicando um filtro

01 – Pelo menu Filter> Sketch> Chrome defina os valores abaixo:
Detail: 10
Smoothness: 10

02 – Pressione Ok.
03 – A imagem deverá estar semelhante à apresentada abaixo:

Aplicando efeito na layer

01 – Pressione Ctrl+J para duplicar a layer.
02 – Defina o modo de blend da nova layer para Darken.

Mesclando as layers e aplicando saturação

01 – Pressione Ctrl+E para mesclar as layers.
02 – Pressione Ctrl+U para abrir a caixa de Hue/Saturation. Marque a opção colorize caso esteja desmarcada, conforme imagem abaixo. A imagem já mostra o efeito aplicado.
03 – Defina os valores abaixo e pressione Ok.
Hue: 194
Saturation: 100
Lightness: 0

Duplicando a layer e aplicando style.

01 – Pressione Ctrl+J para duplicar a layer
02 – Pelo menu Edit> Transform> Flip Horizontal altere a posição da nova layer.
03 – Pressione Ctrl+E para mesclar as layers novamente
04 – Pelo menu Layer> Layer Style> Inner Glow aplique o efeito.

05 – Caso deseje aplicar a mesma cor deste tutorial, escolha a cor #00E4FF.
06 – Pelo menu Layer> Layer Style> Outer Glow e defina os valores apresentados abaixo.

07 – O resultado obtido deverá ser próximo ao da imagem apresentada abaixo:

Aplicações do efeito

Posts co-relacionados

• 14 de dezembro de 2010 -- Criando um pincel (brush) multicolorido no Photoshop (0)
• 1 de dezembro de 2010 -- Formato de Arquivo Adobe Swatch Exchange (.ase) (0)
• 14 de setembro de 2009 -- Construindo wallpaper com brushes – Photoshop (1)
• 12 de setembro de 2009 -- Como instalar brushes (pincéis) no Photoshop (editado) (1)
• 12 de setembro de 2009 -- Pacote de brushes 01 – Photoshop (2)
• 30 de agosto de 2009 -- Composição abstrata com Lens Flare – Abstract 2010 (0)
• 29 de agosto de 2009 -- Efeito abstrato – filtros lens flare e wave (1)
• 28 de agosto de 2009 -- Paciente “Crazy” no manicômio. (2)
• 30 de abril de 2009 -- Download: 48 Photoshop brushes para o Natal (0)
• 30 de agosto de 2008 -- Wallpaper abstract 2010 – Efeito Lens Flare (0)