В творчестве, как и любви, легче остановить мгновение, чем самого себя. (Леонид С.Сухоруков)
Soccer / Football Template
РисуемЯ создам макет спортивного сайта. Существует очень мало доступных шаблонов в сети, поэтому я его и создам.
Создаем новый документ в Фотошопе.
Размер 760 X 770 пикселей
Фон - белый
Мы должны создать новый узор травы. Может быть когда-то я покажу вам, как создавать узоры с нуля.
Сегодня мы будем использовать следующее изображение.
Откройте это изображение в Фотошопе.
Нажмите CTRL+A (выделится все изображение )
Идите Edit > Define Pattern... (Редактирование > Определить узор...)
Выберите имя для вашего узора и нажмите ОК.
Теперь давайте вернемся к нашему футбольному шаблону.
Создайте новый слой. ( нажмите CTRL+SHIFT+ALT+N )
Возьмите Paint Bucket Tool ("Заливка")
Выберите ваш узор с травой.
Затем один раз нажмите на ваш холст. Я не показываю вам мой результат, потому что это очень простой шаг.
Затем зайдите в Filter > Render > Lightning effects ("Фильтр > Рендеринг > Эффекты освещения...") и используйте следующие настройки.
Создайте новый слой ( press CTRL+SHIFT+ALT+N )
Теперь возьмите наш Rounded Rectangle Tool ("Прямоугольная область со скругленными углами") и создайте фигуру на траве.
Установите радиус в 15 пикселей
Затем примените следующие стили слоя для этого прямоугольного слоя.
Вот мой результат
Теперь зажмите клавишу CTRL и левой кнопкой мыши щелкните по пиктограмке слоя
Создастся выделение.
Выберите Elliptical Marquee Tool ("Овальная область"), нажмите на Subtract from selection ("Вычитание из выделенной области")
Затем начните вычитание с начального выделения, как на следующем изображении.
Когда вы отпустите кнопку мыши, у вас будет такое результат:
Теперь создайте новый слой ( нажмите CTRL+SHIFT+ALT+N )
Выберите paint bucket tool ("Заливка"), и залейте ваше выделение белым цветом
Затем нажмите CTRL+D, чтобы снять выделение
И измените непрозрачность слоя.
Вот мой результат
Теперь вы должны добавить текстовые кнопки на ваш макет.
Затем выберите Rounded rectangle Tool ( "Прямоугольник со скругленными углами"), установите радиус 5 пикселей и создайте новый прямоугольник
Убедитесь, что вы перетащили этот слой под слой с большой фигурой.
Вы можете добавить те же настройки слоя как и выше.
Теперь выделите эти 2 слоя (первый слой - текстовый слой с кнопками, а второй - фигура, которую вы только что создали)
Продублируйте эти слои (чтобы продублировать эти слои, вы должны перетащить их на кнопку " Create new layer " ("Создать новый слой")
Затем убедитесь, что у вас выделено эти 2 новых слоя (копии), и нажмите CTRL+E (вы соедините слои в один)
Затем перетащите новый соединенный слой на верх вашей палитры слоев.
С этим выделенным слоем зайдите в Edit > Transform > Flip Vertical ("Редактирование > Трансформирование > Отразить по вертикали")
Затем передвиньте вниз ваш отраженный слой с помощью клавиш со стрелками ( клавиши на клавиатуре )
Теперь нажмите на Add layer mask ("Добавить маску слоя")
Выберите Gradient tool (Градиент") и сделайте маленькую линию как на следующем изображении ( сверху вниз ) снизу
Вот мой результат
Как вы видите мы создали прекрасное отражение, но наши начальные кнопки спрятаны. Мы исправим эту проблему прямо сейчас.
Вот мой результат:
Теперь мы добавим немного текста. Вы можете сами добавить ваш текст. Это не так тяжело.
Вы увидите, что на следующей картинке я добавил новый прямоугольник.
Вы уже знаете как добавлять прямоугольник.
Сейчас я добавлю немного изображений, а также и логотип.
Конечно мы добавим другие детали.
Например, я думаю, что он будет очень хорошо смотреться с прекрасной тенью под большой фигурой.
Выбираем Rounded Rectangle Tool . Устанавливаем наш основной цвет на темно- серый и делаем простую фигуру, как на следующей картинке.
С этим выделенным слоем идем в Filter > Blur > Gaussian Blur ("Фильтр > Размытие > Размытие по Гауссу...")
Фотошоп спросит вас, хотите ли вы растеризовать фигуру. Нажмите ОК.
и используйте след. настройки
вот мой результат
Теперь давайте добавим какую-то тень для большого мяча
Выберите Ellipse Tool (Инструмент "Эллипс") и создайте фигуру ( расположите этот слой под слоем с мячом на вашей палитре слоев )
Затем зайдите в Filter > Blur > Gaussian Blur и используйте те же настройки, что и выше
вот мой результат
Теперь вы можете добавить также некоторые простые детали. Например, я выберу мой Type Tool (Инструмент"текст") и я напишу на моем холсте простые знаки минус " --------- "
Затем я добавлю еще одну деталь. Это всего лишь набор изображений.
Это мой конечный спортивный шаблон.
Надеюсь вам понравился этот шаблон.
Автор: talk-mania
Перевод: BerdArt
Источник: Demiart
РисуемЯ создам макет спортивного сайта. Существует очень мало доступных шаблонов в сети, поэтому я его и создам.
Создаем новый документ в Фотошопе.
Размер 760 X 770 пикселей
Фон - белый
Мы должны создать новый узор травы. Может быть когда-то я покажу вам, как создавать узоры с нуля.
Сегодня мы будем использовать следующее изображение.
Откройте это изображение в Фотошопе.
Нажмите CTRL+A (выделится все изображение )
Идите Edit > Define Pattern... (Редактирование > Определить узор...)
Выберите имя для вашего узора и нажмите ОК.
Теперь давайте вернемся к нашему футбольному шаблону.
Создайте новый слой. ( нажмите CTRL+SHIFT+ALT+N )
Возьмите Paint Bucket Tool ("Заливка")
Выберите ваш узор с травой.
Затем один раз нажмите на ваш холст. Я не показываю вам мой результат, потому что это очень простой шаг.
Затем зайдите в Filter > Render > Lightning effects ("Фильтр > Рендеринг > Эффекты освещения...") и используйте следующие настройки.
Создайте новый слой ( press CTRL+SHIFT+ALT+N )
Теперь возьмите наш Rounded Rectangle Tool ("Прямоугольная область со скругленными углами") и создайте фигуру на траве.
Установите радиус в 15 пикселей
Затем примените следующие стили слоя для этого прямоугольного слоя.
Вот мой результат
Теперь зажмите клавишу CTRL и левой кнопкой мыши щелкните по пиктограмке слоя
Создастся выделение.
Выберите Elliptical Marquee Tool ("Овальная область"), нажмите на Subtract from selection ("Вычитание из выделенной области")
Затем начните вычитание с начального выделения, как на следующем изображении.
Когда вы отпустите кнопку мыши, у вас будет такое результат:
Теперь создайте новый слой ( нажмите CTRL+SHIFT+ALT+N )
Выберите paint bucket tool ("Заливка"), и залейте ваше выделение белым цветом
Затем нажмите CTRL+D, чтобы снять выделение
И измените непрозрачность слоя.
Вот мой результат
Теперь вы должны добавить текстовые кнопки на ваш макет.
Затем выберите Rounded rectangle Tool ( "Прямоугольник со скругленными углами"), установите радиус 5 пикселей и создайте новый прямоугольник
Убедитесь, что вы перетащили этот слой под слой с большой фигурой.
Вы можете добавить те же настройки слоя как и выше.
Теперь выделите эти 2 слоя (первый слой - текстовый слой с кнопками, а второй - фигура, которую вы только что создали)
Продублируйте эти слои (чтобы продублировать эти слои, вы должны перетащить их на кнопку " Create new layer " ("Создать новый слой")
Затем убедитесь, что у вас выделено эти 2 новых слоя (копии), и нажмите CTRL+E (вы соедините слои в один)
Затем перетащите новый соединенный слой на верх вашей палитры слоев.
С этим выделенным слоем зайдите в Edit > Transform > Flip Vertical ("Редактирование > Трансформирование > Отразить по вертикали")
Затем передвиньте вниз ваш отраженный слой с помощью клавиш со стрелками ( клавиши на клавиатуре )
Теперь нажмите на Add layer mask ("Добавить маску слоя")
Выберите Gradient tool (Градиент") и сделайте маленькую линию как на следующем изображении ( сверху вниз ) снизу
Вот мой результат
Как вы видите мы создали прекрасное отражение, но наши начальные кнопки спрятаны. Мы исправим эту проблему прямо сейчас.
Вот мой результат:
Теперь мы добавим немного текста. Вы можете сами добавить ваш текст. Это не так тяжело.
Вы увидите, что на следующей картинке я добавил новый прямоугольник.
Вы уже знаете как добавлять прямоугольник.
Сейчас я добавлю немного изображений, а также и логотип.
Конечно мы добавим другие детали.
Например, я думаю, что он будет очень хорошо смотреться с прекрасной тенью под большой фигурой.
Выбираем Rounded Rectangle Tool . Устанавливаем наш основной цвет на темно- серый и делаем простую фигуру, как на следующей картинке.
С этим выделенным слоем идем в Filter > Blur > Gaussian Blur ("Фильтр > Размытие > Размытие по Гауссу...")
Фотошоп спросит вас, хотите ли вы растеризовать фигуру. Нажмите ОК.
и используйте след. настройки
вот мой результат
Теперь давайте добавим какую-то тень для большого мяча
Выберите Ellipse Tool (Инструмент "Эллипс") и создайте фигуру ( расположите этот слой под слоем с мячом на вашей палитре слоев )
Затем зайдите в Filter > Blur > Gaussian Blur и используйте те же настройки, что и выше
вот мой результат
Теперь вы можете добавить также некоторые простые детали. Например, я выберу мой Type Tool (Инструмент"текст") и я напишу на моем холсте простые знаки минус " --------- "
Затем я добавлю еще одну деталь. Это всего лишь набор изображений.
Это мой конечный спортивный шаблон.
Надеюсь вам понравился этот шаблон.
Автор: talk-mania
Перевод: BerdArt
Источник: Demiart
@темы: Уроки, Web-дизайн