Botón moi simple, pero atractivo e tutorial icona creando para case todo o mundo cun mínimo ou case ningunha experiencia Photoshop. Obxectivo deste tutorial non é só dar a coñecer o truco e técnica de creación dun botón, pero tamén anima a ser creativo e imaxinativo para facer os seus propios botóns no futuro.


Un segredo importante en calquera traballo creativo é a capacidade de ver o resultado moito antes de comezou a aplicar. Hai moitos visión para logralo, para min o mellor xeito é pechar os ollos e tentar ver o que vou crear. Así que eu teña algo interesante tentar sacar unha foto na miña memoria, antes de abrir os ollos e inmediatamente deséñase la nun papel antes de que me esqueza. É un exercicio que podes facer e facer regularmente vai aumentar a súa capacidade de ver con máis claridade.

Imos dicir que iso é o que vin cando pechei os ollos, agora como podo executa-lo no Photoshop?

Icona exercicio deseñar sobre o papel

Paso 2: Pode manter fondo como branco ou usar algunha textura alisado se o prefire, eu rapidamente creou unha textura usando a biblioteca de textura.

Crear textura no Photoshop

Paso 3: engadir unha nova capa e dar un nome, crear redondeado canto selección caixa cadrada (135px X135px) e facer o radio de canto para 20px. Hai moitas formas de crear redondeado caixa cadrada, un dunha forma simple é: Debuxe unha caixa cadrada en primeiro lugar e seleccione 'Select -> Modify -> Smooth "no menú superior e seleccione o raio 20px.

crear caixa cadrado arredondado canto

Paso 5: Agora o seu tempo para explorar algún efecto,
Prema en "Engadir un estilo de capa" icona na parte inferior da xanela capa, e na ventá Layer Style caixa de verificación só "sombra" de verificación. Siga a imaxe seguinte exemplo.

Paso 6: Agora caixa "Outer Glow" exame de selección. Non como se mostra na imaxe de abaixo.

Engadir un brillo estilo de capa exterior

Paso 7: caixa de verificación seguinte de verificación 'Inner Glow ". Non como se mostra na imaxe de abaixo.

Engadir un brillo estilo da capa interna

E aquí é o seu efecto de estilo final.

Engadir un efecto de nova capa no Photoshop

Paso 8: Engadir unha nova capa e seleccione 'Stroke "no menú" Editar "na parte superior e dar a cor verde, 6px no territorio. Siga imaxe de mostra.

Use curso para crear fronteira desde o menú de edición.

Paso 9: Agora tes unha imaxe como esta. Cambia o estilo do panel de capa superior para 'Screen' vai dar un efecto transparente.

Use o stock para crear fronteira desde o menú de edición.

Paso 10: Engadir nova capa e debuxe un rectángulo arredondado, como se mostra na imaxe de abaixo. É mesmo como "Paso 3" Eu describo antes.

Debuxe un rectángulo arredondado

Paso 11: "Add Layer Mask 'Select na barra de iconas de fondo na fiestra Layer, e" icona Gradient' select a partir da xanela 'Ferramentas'. Agora fai clic e arrastra co rato no cadro de rectángulo redondeado para aplicar a partir de arriba para abaixo e ten que ver o resultado similar como este.

Engadir máscara de capa e icona Gradient a efectos de iluminación

Paso 12: Agora engade outra capa e debuxe un círculo como a continuación e cambie 'Opecity' do panel da capa de preto de 50%.

Opecity usar efecto destaque

Paso 13: Agora é hora de chamar un icono desexa poñer ou pode empregar calquera icona existente a partir da súa colección. Acaba de sacar unha cámara rapidamente.

Debuxe cámara no Photoshop

efecto de iluminación no botón

Despois de ter o botón de pronto, é hora de crear tantas quere en só uns minutos. Eu teño agora, Son xogar, Listen, dispositivo de audio, ecualizador, DVD, CD, micrófono, gravación, vídeo, cintas de control de volume e da cámara.

Son xogar, Listen, dispositivo de audio, ecualizador, DVD, CD, micrófono, gravación, vídeo, cintas de control de volume e cámara