Вторник, 12.12.2017, 20:39
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 из 11
Модератор форума: ges, Makiw 
форум для всех » Уроки » Fotoshop » Создаём дизайн для блога в Фотошоп часть 3 (шаг за шагом)
Создаём дизайн для блога в Фотошоп часть 3
gesДата: Четверг, 24.11.2011, 16:53 | Сообщение # 1
Administrator
Группа: Администраторы
Сообщений: 297
Статус: Offline
Мы с вами пошлем уроке первой и второй части почти создавали половину блога
ну что не ленте продолжаем?

Та приступим на 3 тый урок

Шаг 8 – Новости
Так будет выглядеть одна новость:




Создайте новую группу “Posts”. Инструментом Прямоугольник (Rectangle Tool) создайте фигуру белого цвета размером 630х300 пикселей. Примените стиль Обводка: #c2c2c2.



Создайте квадрат размером 200х200 пикселей, используя инструмент Прямоугольник (Rectangle Tool) (U). Отступы от краёв внешнего прямоугольника – 20 пикселей.



Сделайте выделение квадрата и примените Сжатие со значением 10 пикселей.



Залейте выделение любым цветом и расположите там картинку. Текстовым инструментом напишите название заголовка новости, автора, дату, текст новости. Настройки шрифта показаны ниже.



Сейчас создадим кнопку “Read More”. Создайте новую группу “more” внутри группы “Posts”. Инструментом Прямоугольник (Rectangle Tool) (U) создайте фигуру размером 88х30 пикселей. Примените следующие стили слоя:
Внешнее свечение: #ffffff.


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



Обводка: #c2c2c2



Допишите “Read more”:



Вставьте иконки Digg, Facebook и Twitter



Сделайте копию группы “Posts” и опустите её на 35 пикселей вниз.



Шаг 9 – Страницы
Нужно создать навигацию по страницам:




Создайте новую группу “Pages”. Инструментом Прямоугольник (Rectangle Tool) (U) создайте квадрат размером 26х26 пикселей. К неактивным страницам примените стиль Обводка: #c2c2c2. К активной странице примените те же стили, что и кнопке “Read more” (можете просто их скопировать).



Шаг 10 – Область объявлений



Создайте новую группу “Sidebar”. Создайте внутри неё группу “Advertisement”. Инструментом Прямоугольник (Rectangle Tool) (U) создайте квадрат размером 145х145 пикселей цветом #ebebeb. Установите Непрозрачность (Opacity) слоя – 50%.



Сделайте выделение этого квадрата и примените Сжатие со значением 10 пикселей. Залейте выделение белым цветом и примените стиль Обводка: размер – 1 пиксель, цвет - #c2c2c2.



Сделайте три копии этого квадрата и расположите, как показано ниже. Расстояние между ними – 10 пикселей.


наш 3 тый урок тоже закончено
для продолжение переходим на четвертый урок


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

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