Пятница, 29.03.2024, 07:35
RR - StUdIo___Добро Пожаловать Шамкир Гес___StUdIo...RR
Гипер-Софт
Главная Регистрация Вход
Приветствую Вас, гости · RSS
SamirMM Studio"RR" WWW.GES.MOY.SU
  
  Ключи и пин-коды
FIFA, Steam: случайные, Counter-Strike, Playstation Network, Hearthstone: Heroes of Warcraft, World of Warcraft, Xbox LIVE (Microsoft Points), Prepaid Credit Card, Far Cry, Assassin´s Creed, Diablo 3, Middle-earth: Shadow of Mordor, ...
  Электронные книги
Контрольные работы, Музыка, ноты, тексты песен, В помощь студенту, Фэнтази, Физика, История, Государство и право, Математика, Магия, оккультизм, мистика, Творческие личности, Рукоделие, Экономика, ...
  Цифровые товары
Игровые аккаунты, Аккаунты PSN, Аккаунты Xbox, iTunes & App Store, Telonko.ru, Приглашения /инвайты, Разное, Skype-аккаунты, Видео и аудиокурсы, уроки, Google Play, Анонимные прокси, Базы данных, ...
  Программное обеспечение
Разблокировка телефонов, Антивирусы, Принтеры, Программы > MMORPG, Программы для сотовых телефонов, Шифрование, Windows, Спортивные, SEO скрипты, Советники, Стратегии, Mногофункциональные утилиты, ...
[ Новые сообщения · Участники · Правила форума · Поиск · RSS ]
  • Страница 1 из 1
  • 1
Модератор форума: ges, Makiw  
форум для всех » Уроки » Fotoshop » Создаём дизайн для блога в Фотошоп (ЧАСТЬ 1)
Создаём дизайн для блога в Фотошоп
gesДата: Четверг, 24.11.2011, 14:11 | Сообщение # 1
Administrator
Группа: Администраторы
Сообщений: 297
Статус: Offline

Шаг 1 – Создание документа
Создайте новый документ размером 1200х1850 пикселей.


У Вас должны быть видны линейки (Ctrl + R). Также лучше их закрепить (Ctrl + Alt + ;). Перейдите в меню Просмотр – Новая направляющая (View – New Guide) и создайте две вертикальные направляющие на отметках 120 и 1080 пикселей.

Шаг 2 – Работа с фоном
Сделайте копию фонового слоя и залейте её цветом #f8f8f8. Далее нужно создать узор. Создайте новый документ размером 15х15 пикселей, приблизьте изображение и создайте новый слой. Инструментом Карандаш (Pencil Tool) (B) и нарисуйте точку в верхней левой части холста.


Перейдите в меню Редактирование – Определить узор (Edit – Define Pattern), сохраните узор под именем “dotted”. Вернитесь в основной документ. Создайте новый слой над фоновым и выберите инструмент Заливка (Paint Bucket Tool) (G). На панели настроек инструмента смените значение Основной цвет на Узор и выберите сохраненный узор “dotted”. Залейте холст на новом слое и установите его Непрозрачность (Opacity) – 15%. Объедините все слои, которые мы создали в группу (выберите их и нажмите Ctrl + G), назовите её “Background”.

Инструментом Прямоугольник (Rectangle Tool) (U) создайте фигуру высотой 10 пикселей на всю ширину холста сверху. Цвет фигуры - #363636.

Шаг 3 – Логотип
Будем создавать такой логотип:

Выберите инструмент [b]Прямоугольник с закруглёнными углами[/b] (Rounded Rectangle Tool) (U) и создайте фигуру размером 38х38 пикселей цветом #f7941d. Выберите инструмент Горизонтальный текст (Horizontal Type Tool) (T), шрифт – “Myriad Pro Bold”, размер – 36pt., напишите букву “M” и расположите её, как показано ниже.

К слою с прямоугольником примените маску , кликнув на иконку, показанную ниже.

Сделайте выделение текстового слоя (удерживая Ctrl, кликните левой кнопкой мыши на иконке слоя), потом кликните на маске слоя с фигурой и залейте выделение черным цветом.

Выберите текстовый инструмент, шрифт – “Myrad Pro”. Напишите две строки:
“Myrad Pro”: Размер шрифта – 24pt, Цвет - #363636
“Best Choice of font”: Размер шрифта – 12pt, Цвет - #959595.


Шаг 4 – Социальные иконки
Откройте социальные иконки в Фотошопе. Перейдите в меню Размер изображения (Ctrl + Alt + I) и введите значения 19х19 пикселей. Перетащите иконки в наш документ и поместите в новую группу “Social Icons”. Расположите иконки, как показано ниже.


Шаг 5 – Навигация
Нужно создать небольшое меню

Создайте новую группу “Navigation”. Нам нужно создать прямоугольники с обводкой. Инструментом Прямоугольник (Rectangle Tool) (U) создайте фигуру высотой 90 пикселей. Перейдите в меню Стилей слоя (Слой – Стили слоя) (Layer – Layer Styles) и примените следующие стили:

Наложение градиента: #f8f8f8, #fcfcfc.

Обводка: #c2c2c2.

Откройте навигационные иконки и измените их размер на 22х22 пикселя. Создайте новую группу “Icons” внутри группы “Navigation”. Вставьте в эту группу изменённые иконки. Расположите иконки и подпишите их, как показано ниже.

НУ ВОТ ЗДЕСЬ ПЕРВЫЙ ЧАСТЬ ЗАКОНЧЕНО ДЛЯ ПРОДОЛЖЕНИЕ ПЕРЕХОДИМ НА СЛЕДУЮЩИЕ


Прежде чем задать вопрос Администратору подумайте вопрос о чем?
Администраторы вопросах не отвечает только создает тему!
Вопросы долько в том случай о том вопрос будет про
Студии "RR"
 
форум для всех » Уроки » Fotoshop » Создаём дизайн для блога в Фотошоп (ЧАСТЬ 1)
  • Страница 1 из 1
  • 1
Поиск:

© GES.MOY.SU 2007-2024 . Администрация не несёт ответственности за содержащие файлы на портале.   
Все материалы на сайте принадлежат исключительно их владельцам! 
Сайт оптимизирован для просмотра с разрешением более 1024x768, браузером FireFox или Opera.
 Разрешение вашего экрана : Ваш браузер: -
<< Сайт зарегистрирован в домене >>