С помощью наших фото и видеоуроков по фотошопу вы станите уверенным пользователем программы Adobe Photoshop, научитесь делать различные эффекты в фотошопе. Так же на сайте вы найдете дополнения для фотошопа.
» » » Как сделать фавикон на сайт в фотошопе за 10 минут. Подробный урок

Как сделать фавикон на сайт в фотошопе за 10 минут. Подробный урок

В этом уроке мы научимся делать фавикон на сайт за 10 минут.

 

В конце урока у нас получится вот такая маленькая штучка:

 

 


 

 

1. Создаем документ 16х16 пикселей (Файл>Новый).

 

 

 

 

2. Окошко получилось очень маленькое, поэтому для удобства увеличиваем его.

 

 


 

 

3. Сделаем фон. Открываем Стиль слоя (двойным щелчком по слою), и идем в пункт Наложение шаблона.

 

 Я выбрал текстуру дерева

 

 

 

 

4. Вот, что должно выйти:

 


 

5. Теперь берем инструмент Форма пользователя...

 

 

 

 

И в открывшейся панели выставляем форму сердечка и рисуем на документе.

 

 


 

 

6. Вот, примерно такое у вас должно получиться:

 

 

 

 

У нас картинка плохово качества, потому что мы очень сильно приблизили, если поставить Маштаб  на 100%, то все станет на свои места:

 

 

 

 

7. Теперь двойным щелчком открываем слой с формой и выбираем пункт Внутренний отблеск. Там ставим настройки, как показанно на рисунке.

 

 

 

 

8. Далее, не закрывая Стиль слоя, мы идем в пункт Фаска и рельеф, там все ставим, как у меня:

 

 

 

 

9. Затем Контур и выставляем Область на 50%.

 

 

 

 

10. Теперь добавим цвета нашей форме. Для этого открываем пункт Наложение градиента и ставим цвет от тёмно-красного (#470505), до светло-красного (#FF0000).

 

 

 

 

 Ну вот и все, нам осталось оценить нашу работу и сохранить ее.

 

 

 

 

11. Уменьшим Маштаб до 100% и посмторим, что получилось.

 

 

 

 

Заметка: когда вы делаете фавикон, сильно не старайтесь, так, как он очень маленький и его трудно разглядеть...

Делайте его, так чтобы было понятно, что на нем изображено.

 

12. Сейчас сохраним наш фавикон. Это можно сделать двумя способами:

 

 

1) Идем Файл > Сохранить Как, пишем имя файла ставим вручную формат .ico после имени файла и выставляем формат ниже .jpg

 

 

 

 

 

2) Если у вас на компьютере есть формат .ico, то просто пишем имя файла и ниже выставляем формат фавикона, как показанно на рисунке.

 

 

 

  

 

13. После сохранения у вас на рабочем столе появитсятакой вот файл с вашим фавикон, после его можно поставить на сайт, а также использовать другие цвета и формы для него.

 

 

 

Фантазируйте!)

 

Автор урока: Евгений Айбазов



Если Вам понравился наш сайт, выразите свое "спасибо" нажатием на кнопочки ниже. Расскажите друзьям. Спасибо :)


  • 15.08.2012
  •   Просмотров: 9598
Комментарии Вконтакте:
Комментарии Facebook:
Комментарии:
Оставить комментарий:
Включите эту картинку для отображения кода безопасности
обновить, если не виден код
Сложите два числа
(ответ введите цифрой).
Если символов не видно, нажмите на картику для её обновления.
Полный курс по After Effects на русском!

Все о МАСКАХ

Полный курс по Cinema 4D на русском!

Создание профессиональных видеоуроков!

Помощь сайту
Если вам нравится у нас на сайте, и мы вам помогли, вы можете внесите свой вклад в его развитие, пожертвовав любую сумму на один из кошельков:

WebMoney
Z280416942189
R894500715826

Яндекс Деньги:
410012466071950

Все деньги пойдут на развитие сайта (оплату хостинга, оплату авторам уроков т.д.)

В примечании к платежу укажите Ваш e-mail или логин на нашем сайте.

С уважением администрация сайта.
http://of-law.ru/iskovye-zayavleniya/ - Of-law.ru-судебные решения, исковые заявления, образцы жалоб, судебная практика, юридическая консультация бесплатно,нет ничего проще
Популярное на сайте
Следите за нами

Кроссовки дешево!
http://mykrosovkii.ru/catalog/nike.html - Уцененные кроссовки со всего мира,кроссовки Nike, Adidas, Converse кеды, Reebok Classic,New Balance
Партнерские ссылки