





| Как сделать логотип в фотошопе для сайта |
|
Приветствую дорогие посетители, сегодня мы будем рассматривать, как сделать логотип в фотошопе для сайта. Для этой не сложной операций нам, конечно же, понадобится фотошоп, так же как и в предыдущей теме: Как сделать меню для сайта, я использую фотошоп CS2
На этот раз мы немного отвлеклись от темы: как заработать в интернете, но данный материал будет полезен всем, кто стремится сделать сайт не только с уникальным контентом, но и с уникальным дизайном. Надеюсь, при создании логотипа у Вас никаких трудностей не возникнет, ну что ж, начнем: 1. Создаем новый документ (Ctrl+N) размером 500х400 пикселей и при помощи инструмента "Paint Bucket Tool" (G) заливаем цветом: "262626" (этот цвет был взят из шапки блога)
2. В меню выбираем инструмент "Ellipse Tool" и рисуем эллипс белого цвета:
3. После этого переходим к фильтру, выбираем в панели меню "Filter —> Blur —> Gaussian Blur" и выставляем "Radius:70"
Вот что приблизительно должно получится:
4. Создаем новый слой (Ctrl+Shift+N) и вводим название сайта/блога. Я использовал цвет: "000000", размер шрифта: "60пт" и шрифт: "Bodoni MT":
5. Теперь наш текст необходимо растрировать, для этого, на панели слоев выбираем слой на котором текст, и нажимаем правой кнопкой мыши, в появившемся меню выбираем пункт "Rasterize Layer". И вот слой готов к дальнейшей работе.
6. Переходим в "Layer Style", для этого правой кнопкой мыши нажимаем на слое и в появившемся меню выбираем "Blending Options". Переходим на вкладку "Outer Glow", где выставляем следующие параметры: (цвет был использован: fa6b03)
7. Следующий шаг, вкладка "Inner Glow", вводим следующие параметры:
8. Далее переходим на вкладку "Stroke", так же задаем параметры:
9. И осталось самое интересное, переходим на вкладку "Gradient Overla"y и проводим настройки, как показано ниже: (были использованы цвета: "fa6b03" и "f6b135")
Теперь нажимаем на "ОК", и вот что должно было получится:
10. Для того что бы наш логотип выглядел более привлекательно разместим его следующим образом: (для этого переходим: "Edit —> Transform —> Distort" и экспериментируем), вот что получилось у меня:
11. Далее делаем отражение. Для выполнения этого задания нажимаем правой кнопкой мыши на слое и в меню выбираем "Duplicate Layer", после чего отражаем текст по вертикали: "Edit —> Transform —> Flip Vertical", вот что имеем:
12. При помощи "Edit —> Transform —> Distort", выставляем отражение следующим образом:
13. На панели слоев нажимаем на слое с текстом правой кнопкой мыши и выбираем пункт: "Group into New Smart Object", после чего создаем к данному слою маску, для этого в самом низу нажимаем "Add layer mask":
14. Далее на панели инструментов выбираем "Gradient Tool" (G) чёрно-белый и делаем заливку снизу-вверх немного под углом нашего изображения, вот что должно получится:
15. Переходим к созданию тени логотипа. Создаем копию слоя (Ctrl+Shift+N) и переносим ново-созданный слой под оригинал. Далее нажимаем правой клавишей мыши на этом слое и выберите в меню пункт: "Clear Layer Style"
16. Теперь трансформируем (Edit —> Transform —> Distort) созданную фигуру следующим образом: (для того что бы лучше видеть созданный объект, отключаем на панели слоев основной логотип)
17. При помощи фильтра "Gaussian Blur", делаем нашу тень более размытой (Filter —> Blur —> Gaussian Blur):
18. Для более реалистичной тени логотипа создаем маску для этого слоя и заливаем ее черно-белым градиентом сверху-вниз, вот что мы должны получить в итоге:
Все цвета для логотипа были взяты произвольно, по этому если Вы желаете что бы на вашем сайте логотип был такой же цветовой гаммы, как и сам сайт, тогда учтите этот фактор.
|
Мой веб-дизайн
Мои инвестиции

Куда вложить деньги в интернете
Заработок на инвестициях
Советы интернет инвесторам
Я копирайтер
Как заработать в интернете, для вас это актуальной вопрос? Тогда вы зашли правильно, в этом блоге я рассказываю о методах заработка онлайн, делюсь личным опытом работы, отвечаю наинтересующие вопросы и конечно же экспериментирую и ставлю новые цели. Делайте то, что нравится и у вас не будет не одного рабочего дня. Что бы быть в курсе новостей не забываем на rss-ленту.
Комментарии
Спасибо за урок.
RSS лента комментариев этой записи