Member Avatar for GR Web FX

Hi people,
ive been tinkering about with photoshop CS now for a couple of months and uim not great to be honest. Does anyone know where i can find some really good tutorials. good text effects etc???

maybe like a step by step to creating a whole site using photoshop and imageready???

Thanks alot

  • 3 Contributors
  • 2 Replies
  • 125 Views
  • 1 Month Discussion Span
  • Latest Post Latest Post by Reds0x

Dani AI

Generated

asked for solid Photoshop CS tutorials and how to build a whole site mockup (Photoshop + ImageReady). and point to useful video and written collections — videos are great for seeing tool flow, while step-by-step text tutorials are easier to skim for a particular effect. Below are a few reliable, up-to-date resources plus a compact, practical workflow you can apply whether you’re using older CS-era tools or a modern Photoshop.

Recommended, high-quality tutorial sources:

  • — official beginner-to-advanced guides and feature references.
  • PHLEARN tutorials — deep, project-based lessons for photo effects and text treatments.
  • Envato Tuts+ Photoshop category — short, focused how-tos and site-design projects.

Quick workflow to create a full site mockup and export web assets:

  • Plan the layout and choose a target width (historically 960px; for modern work design artboards for common breakpoints). Start with sRGB, RGB color, and 72ppi for web mockups.
  • Set guides/grid for columns, create a clear layer/group naming convention, and use Layer Comps for states (normal/hover/active).
  • Use editable text layers, Smart Objects for reusable elements, and Layer Styles for text effects so you can tweak later.
  • Build the page visually, then isolate assets (icons, buttons, photos). For legacy CS+ImageReady workflows you could create rollovers there; today use Photoshop’s Export/Save for Web to produce optimized PNG/JPEG/SVG files.
  • Optimize formats: JPEG for photos, PNG-8/PNG-24 for graphics (use PNG-24 only when you need full alpha), GIF for simple animations; consider exporting @2x for high-DPI displays and serving appropriately with CSS.

Troubleshooting and tips:

  • Keep text editable as long as possible to avoid fuzzy exports. Use sRGB and test in browsers. Favor CSS for hover states and layout rather than heavy slicing. If the goal is UI work rather than photo manipulation, also consider modern UI tools (Figma/Sketch) for faster prototyping.

Recommended Answers

All 2 Replies

Be a part of the DaniWeb community

We're a friendly, industry-focused community of developers, IT pros, digital marketers, and technology enthusiasts meeting, networking, learning, and sharing knowledge.