Estilo de camadas

Estilo de Camadas – Photoshop

O Photoshop disponibiliza uma ferramenta com diversas opções para você melhorar ou diferenciar a aparência do seu objeto, chamada estilo de camadas (em inglês, Layer Style). Ela acrescenta sombras, profundidade, brilho e diversos outros. Que servem tanto para seu objeto como para seu texto.
Mostraremos em imagens, cada uma das funções. Para isso utilizamos o logo da Tok digital para exemplificar.

 1 – COMO ABRIR OS ESTILO DE CAMADAS

Existem duas formas mais comuns, uma delas é clicando duas vezes em cima da camada em que deseja aplicar o efeito, ou clicando com o botão direito em cima da mesma.
 
0-estilo-de-camada
O estilo de camadas é a primeira opção da lista, quando aberta lhe mostra as opções de mesclagem (Blending Options), que são os efeitos que você pode aplicar a sua camada.
 
1-estilo-de-camada
2-estilo-de-camada

2 – CHANFRO E ENTALHE (Bevel and Emboss)

A primeira opção que você pode aplicar é o chanfro e entalhe. O chanfro e entalhe dão um efeito “tridimensional” para sua camada, dentro deles, possuem duas opões: Contorno e Textura.
3-estilo-de-camada

CONTORNO (Contour)

Como o nome já diz, o contorno que dá o efeito interno na extremidade da camada, dando  esse efeito de profundidade.
4-estilo-de-camada

TEXTURA (Texture)

Já a Textura, traz uma aparência original para sua camada, muito usada quando quer aplicar uma camada em alguma foto que queira tornar mais realista.
5-estilo-de-camada

3 – TRAÇADO (Stroke)

A terceira opção é o Traçado, ela aplica uma borda externa para sua camada, dando a você a oportunidade de escolher a espessura e cor da mesma.
6-estilo-de-camada

4 – SOMBRA INTERNA (Inner Shadow)

Essa opção aplica um sombreamento no interior da camada; também é muito usada para dar a impressão de profundidade do objeto, porém, contrariando o sentido do contorno.
7-estilo-de-camada

5 – BRILHO INTERNO (Inner glow)

Esse efeito que ao contrário do que aparenta é aplicado internamente, dando mais destaque, ideal para sobrepor as demais camadas em uma edição.
8-estilo-de-camada

6 – ACETINADO (Satin)

Cria uma espécie de brilho interno, como o nome diz, aproxima o efeito do tecido de cetim.
9-estilo-de-camada

7 – SOBREPOSIÇÃO DE COR (Color Overlay)

Esta opção é muito simples e prática (número 1 na imagem), ela aplica a cor que você quiser na camada (número 2 na imagem). Porém ela se aplica no todo, tirando todas sombras ou detalhes que a camada possuía originalmente.
10-estilo-de-camada

8 – SOBREPOSIÇÃO DEGRADÊ (Gradient Overlay)

Além de aplicar uma cor sólida, você também pode aplicar um efeito gradiente, é isto que a oitava opção lhe oferece, podendo decidir quais cores você pretende aplicar (indicação número 2), e a cor predominante (número 3).
11-estilo-de-camada

9 – SOBREPOSIÇÃO PADRÃO (Pattern Overlay)

Esta opção se assemelha com a textura, porém, ela pode se aplicar de forma personalizada, podendo você criar sua própria sobreposição ou usar as opções que o Photoshop já lhe oferece!
12-estilo-de-camada

10 – BRILHO EXTERNO (Outer Glow)

O brilho externo possui a mesma função do brilho interno, porém, se aplica pela parte exterior do objeto/camada.
13-estilo-de-camada

11 – SOMBRA PROJETADA (Drop Shadow)

Está função é muito importante e bastante usada, pois ela trabalha com a iluminação e direções da luz sobre o objeto, trazendo uma sombra externa na camada, onde você decide distância, tamanho e expansão.
14-estilo-de-camada
 
Em breve mais dicas.

READ MORE

Já ouviu falar em Brackets?

Uma nova opção para você, desenvolvedor, é a ferramenta Brackets, uma IDE leve usada em criação e edição de arquivos HTML, CSS e JavaScript e com uma configuração fácil que te possibilita trabalhar com PHP.
O software Brackets pertence a Adobe, mas é gratuito e de código-fonte aberto, possibilitando que adicione extensões para personaliza-lo. Brackets também permite trabalhar simultaneamente com vários arquivos de um projeto, possui ferramenta de edição rápida, função para seleção ou conversão de cores, compatibilidade nativa com LESS e suporte a extensões de diversos tipos.

Funcionalidades nativas

Visualização instantânea – Com a visualização instantânea do Brackets, suas mudanças feitas no código podem ser vistas em tempo real. Passando o mouse por cima de algum seletor ou tag, no seu código, pode visualizar onde ele está sendo aplicado.
Editores expandidos – Cansado de ficar saltando entre abas de arquivos? Com seu design simples, Brackets posiciona todos seus arquivos de um modo fácil para serem editados. Para agilizar ainda mais seu trabalho, você pode selecionar um ID, ou uma classe de um elemento no seu HTML e o Brackets vai expandir um editor dentro da sua janela atual, com as informações de estilo do elemento, permitindo trabalhar paralelamente com seu código CSS, sem nenhum popup.
Split mode: vertical ou horizontal – Ter dois monitores é uma grande vantagem para um desenvolvedor, mas se esse não é seu caso, Brackets tem o modo split, onde seu editor divide em duas telas, na horizontal ou na vertical.

Extensões

Nem sempre um editor vem com todas as ferramentas que precisamos, então é sempre legal dar uma incrementada com algumas extensões para facilitar o desenvolvimento ou dar aquele novo visual para o Brackets.
Quick Search – Destaca automaticamente as ocorrências da palavra selecionada.
Emmet – é kit de ferramentas de um desenvolvedor web pode melhorar muito o seu HTML & CSS ​​fluxo de trabalho.

Desvantagens

Uma desvantagem do Brackets, pode ser a utilização das extensões, pois precisará baixar um plugin sempre que precisar de uma funcionalidade diferente. E como o Brackets é uma IDE leve, deixa a desejar quando trabalhamos com código mais pesado.

Diferencial

O grande diferencial do Brackets é sua função Extract (Preview), onde você pode extrair informações de um PSD. Extract for Brackets traz informações de estilo para seu CSS, um código simples e limpo, por meio de dicas. Podem ser extraídos do PSD estilos como: cores, fontes, gradientes e medidas. Além disso também pode gerar imagens a partir das camadas do PSD, sem precisar utilizar o Photoshop, tudo direto do brackets.
Mais detalhes sobre essa funcionalidade, podem ser vistas no nosso vídeo sobre essa integração.

READ MORE

Vamos dar um Tok Digital na sua empresa

Bem vind@ a Tok Digital!
Somos uma pequena empresa trabalhando para pequenas empresas, nesse contexto prestamos um serviço que agências maiores prestam, porém a um preço viável para pequenos negócios. Desenvolvemos sites personalizados de verdade!
E nossos projetos são elaborados para quem usa a internet e eventualmente para não usa também, vou explicar:

Internet nos dias de hoje

Cada vez mais pessoas estão usando a rede mundial de computadores (já não é mais de computadores a algum tempo, falaremos sobre isso em breve), em casa no trabalho, caminhando no parque, no ônibus, em qualquer lugar.
Os tipos de conexão (ADSL, fibra ótica, 3G, 4G) variam muito, bem como os dispositivos utilizados, mas o que importa mesmo é: O que pessoas fazem quando estão conectadas na rede?

Redes Sociais

Em sua imensa maioria usam a internet para acessar redes sociais, e desta forma se aproximar de pessoas sem precisar sair de onde estão.
Facebook, Instagram, Snapchat, WhatsApp, entre outras, você, usuário, mostra sua vida em texto, fotos, vídeos e áudio e seus amigos, fãs, seguidores, curtem, compartilham, comentam, enfim interagem com você através de suas publicações.
Apesar do sucesso estrondoso, as redes sociais são momentâneas, da mesma forma que aparecem enchendo suas páginas de usuários e informações, são engolidas por outras novas que se adaptam melhor ao perfil de “consumo” dos usuários, fazendo com que sua vida lá dentro se resuma a museu a exemplo do Orkut.

App’s

Com o crescimento da venda de smartphones, cada vez mais os usuários procuram aplicativos (apps) que resolvam suas vidas de forma rápida e eficiente.
Com este movimento cada vez mais empresas querem oferecer seus produtos e serviços por meio de apps. Todavia essa estratégia deve ser bem elaborada pois nem todo o negócio funciona com um app, muitas vezes o aplicativo não cumpre uma função de venda mas uma forma de relacionamento ou até mesmo cria uma imagem da empresa para o usuário.

Blogs

Essa mídia foi a porta de entrada da Web 2.0, quando a internet de fato deu voz aos usuários que passaram a expor seus pensamentos em forma de texto, abrindo a oportunidade para diálogos por meio de comentários.
Atualmente segue sendo muito utilizado já que para mecanismos de busca o que conta é ter conteúdo para mostrar que a empresa domina o negócio com o qual trabalha.

Empresas na internet

Existem diversas formas de uma empresa estar presente na internet, desde um espaço publicitário em sites de classificados, passando por páginas em redes sociais até seu próprio ambiente um site, blog, sistema ou até uma loja virtual (e-commerce).
Esses últimos de certa forma são simples de serem criados, basta um cadastro rápido no site que promete a criação de sites grátis e o empresário já terá um site no ar, disponível na internet, alguns inclusive com possibilidade de criação de lojas virtuais.

Benefícios de sites personalizados

O empresário se depara com a questão: se posso criar meu site, eu mesmo, grátis, porque contratar uma empresa para desenvolver um por mim? A resposta é simples e complicada ao mesmo tempo.
Começamos com outras perguntas: o tempo que será gasto na criação o empresário não poderia estar vendendo ou organizando sua empresa? O empresário sabe qual o melhor local na página inicial para se colocar o formulário de contato? E seus produtos, estão acessíveis?
Podemos fazer perguntas mais técnicas: as palavras-chave utilizadas são coerentes com o que os usuários buscam na internet? A estrutura do site auxilia os mecanismos de busca na indexação? O site está cumprindo uma função clara de forma eficiente?
Se sua empresa está querendo fazer um trabalho sério na internet, contrate um profissional para lhe auxiliar, ou seja você arrumar sozinho seu celular ou leva até um técnico?
Somos a Tok Digital, seja bem vind@, teremos o maior prazer em conversar e tomar um café!

READ MORE